@spectrum-web-components/help-text - npm Package Compare versions

Comparing version 0.1.11-devmode.7 to 0.1.11

custom-elements.json

@@ -7,3 +7,3 @@ {
       "kind": "javascript-module",
-      "path": "sp-help-text.ts",
+      "path": "sp-help-text.js",
       "declarations": [],
@@ -23,3 +23,3 @@ "exports": [
       "kind": "javascript-module",
-      "path": "src/HelpText.ts",
+      "path": "src/HelpText.js",
       "declarations": [
@@ -94,3 +94,3 @@ {
             "name": "HelpText",
-            "module": "src/HelpText.ts"
+            "module": "src/HelpText.js"
           }
@@ -102,3 +102,3 @@ }
       "kind": "javascript-module",
-      "path": "src/HelpTextManagedElement.ts",
+      "path": "src/HelpTextManagedElement.js",
       "declarations": [
@@ -137,3 +137,3 @@ {
             "name": "HelpTextManagedElement",
-            "module": "src/HelpTextManagedElement.ts"
+            "module": "src/HelpTextManagedElement.js"
           }
@@ -145,3 +145,3 @@ }
       "kind": "javascript-module",
-      "path": "src/HelpTextManager.ts",
+      "path": "src/HelpTextManager.js",
       "declarations": [
@@ -298,3 +298,3 @@ {
             "name": "HelpTextManager",
-            "module": "src/HelpTextManager.ts"
+            "module": "src/HelpTextManager.js"
           }
@@ -301,0 +301,0 @@ }

package.json

 {
     "name": "@spectrum-web-components/help-text",
-    "version": "0.1.11-devmode.7+8303f3a2a",
+    "version": "0.1.11",
     "publishConfig": {
@@ -80,8 +80,8 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.5.9-devmode.31+8303f3a2a",
-        "@spectrum-web-components/icons-workflow": "^0.8.12-devmode.7+8303f3a2a",
+        "@spectrum-web-components/base": "^0.6.0",
+        "@spectrum-web-components/icons-workflow": "^0.8.12",
         "tslib": "^2.0.0"
     },
     "devDependencies": {
-        "@spectrum-css/helptext": "^1.0.20"
+        "@spectrum-css/helptext": "^2.0.2"
     },
@@ -93,3 +93,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "8303f3a2a90b0aedc15158797662ccfa8f4a2031"
+    "gitHead": "50cac779bbb0d6735c2061f1eceb86b9daf9b22b"
 }

src/help-text.css.dev.js

 import { css } from "@spectrum-web-components/base";
 const styles = css`
-:host([size=s]){--spectrum-helptext-neutral-textonly-text-padding-bottom:var(
---spectrum-helptext-s-neutral-textonly-text-padding-bottom
-);--spectrum-helptext-neutral-texticon-text-size:var(
---spectrum-helptext-s-neutral-texticon-text-size,var(--spectrum-global-dimension-font-size-75)
-);--spectrum-helptext-neutral-texticon-icon-gap:var(
---spectrum-helptext-s-neutral-texticon-icon-gap,var(--spectrum-global-dimension-size-85)
-);--spectrum-helptext-negative-texticon-icon-padding-top:var(
---spectrum-helptext-s-negative-texticon-icon-padding-top,var(--spectrum-global-dimension-size-50)
-);--spectrum-helptext-negative-texticon-icon-padding-bottom:var(
---spectrum-helptext-s-negative-texticon-icon-padding-bottom,var(--spectrum-global-dimension-size-50)
-);--spectrum-helptext-neutral-textonly-text-transform:var(
---spectrum-helptext-s-neutral-textonly-text-transform,none
-);--spectrum-helptext-neutral-textonly-text-padding-top:var(
---spectrum-helptext-s-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-static-size-50)
-);--spectrum-helptext-neutral-textonly-text-line-height:var(
---spectrum-helptext-s-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-helptext-neutral-textonly-text-letter-spacing:var(
---spectrum-helptext-s-neutral-textonly-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
-)}:host([size=m]){--spectrum-helptext-neutral-textonly-text-padding-bottom:var(
---spectrum-helptext-m-neutral-textonly-text-padding-bottom
-);--spectrum-helptext-neutral-texticon-text-size:var(
---spectrum-helptext-m-neutral-texticon-text-size,var(--spectrum-global-dimension-font-size-75)
-);--spectrum-helptext-neutral-texticon-icon-gap:var(
---spectrum-helptext-m-neutral-texticon-icon-gap,var(--spectrum-global-dimension-size-100)
-);--spectrum-helptext-negative-texticon-icon-padding-top:var(
---spectrum-helptext-m-negative-texticon-icon-padding-top,var(--spectrum-global-dimension-size-40)
-);--spectrum-helptext-negative-texticon-icon-padding-bottom:var(
---spectrum-helptext-m-negative-texticon-icon-padding-bottom,var(--spectrum-global-dimension-size-40)
-);--spectrum-helptext-neutral-textonly-text-transform:var(
---spectrum-helptext-m-neutral-textonly-text-transform,none
-);--spectrum-helptext-neutral-textonly-text-padding-top:var(
---spectrum-helptext-m-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-static-size-50)
-);--spectrum-helptext-neutral-textonly-text-line-height:var(
---spectrum-helptext-m-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-helptext-neutral-textonly-text-letter-spacing:var(
---spectrum-helptext-m-neutral-textonly-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
-)}:host([size=l]){--spectrum-helptext-neutral-texticon-text-size:var(
---spectrum-helptext-l-neutral-texticon-text-size,var(--spectrum-global-dimension-font-size-100)
-);--spectrum-helptext-neutral-texticon-icon-gap:var(
---spectrum-helptext-l-neutral-texticon-icon-gap,var(--spectrum-global-dimension-size-115)
-);--spectrum-helptext-negative-texticon-icon-padding-top:var(
---spectrum-helptext-l-negative-texticon-icon-padding-top,var(--spectrum-global-dimension-size-75)
-);--spectrum-helptext-negative-texticon-icon-padding-bottom:var(
---spectrum-helptext-l-negative-texticon-icon-padding-bottom,var(--spectrum-global-dimension-size-75)
-);--spectrum-helptext-neutral-textonly-text-transform:var(
---spectrum-helptext-l-neutral-textonly-text-transform,none
-);--spectrum-helptext-neutral-textonly-text-padding-top:var(
---spectrum-helptext-l-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-size-75)
-);--spectrum-helptext-neutral-textonly-text-padding-bottom:var(
---spectrum-helptext-l-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-115)
-);--spectrum-helptext-neutral-textonly-text-line-height:var(
---spectrum-helptext-l-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-helptext-neutral-textonly-text-letter-spacing:var(
---spectrum-helptext-l-neutral-textonly-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
-)}:host([size=xl]){--spectrum-helptext-neutral-textonly-text-padding-top:var(
---spectrum-helptext-xl-neutral-textonly-text-padding-top
-);--spectrum-helptext-neutral-texticon-text-size:var(
---spectrum-helptext-xl-neutral-texticon-text-size,var(--spectrum-global-dimension-font-size-200)
-);--spectrum-helptext-neutral-texticon-icon-gap:var(
---spectrum-helptext-xl-neutral-texticon-icon-gap,var(--spectrum-global-dimension-size-125)
-);--spectrum-helptext-negative-texticon-icon-padding-top:var(
---spectrum-helptext-xl-negative-texticon-icon-padding-top,var(--spectrum-global-dimension-size-115)
-);--spectrum-helptext-negative-texticon-icon-padding-bottom:var(
---spectrum-helptext-xl-negative-texticon-icon-padding-bottom,var(--spectrum-global-dimension-size-115)
-);--spectrum-helptext-neutral-textonly-text-transform:var(
---spectrum-helptext-xl-neutral-textonly-text-transform,none
-);--spectrum-helptext-neutral-textonly-text-padding-bottom:var(
---spectrum-helptext-xl-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-130)
-);--spectrum-helptext-neutral-textonly-text-line-height:var(
---spectrum-helptext-xl-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-helptext-neutral-textonly-text-letter-spacing:var(
---spectrum-helptext-xl-neutral-textonly-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
-)}:host{display:flex;font-size:var(--spectrum-helptext-neutral-texticon-text-size)}:host([dir=ltr]) .icon{margin-right:var(
---spectrum-helptext-neutral-texticon-icon-gap
-)}:host([dir=rtl]) .icon{margin-left:var(
---spectrum-helptext-neutral-texticon-icon-gap
-)}.icon{flex-shrink:0;padding-bottom:var(
---spectrum-helptext-negative-texticon-icon-padding-bottom
-);padding-top:var(
---spectrum-helptext-negative-texticon-icon-padding-top
-)}:host([dir=ltr]) .text{margin-right:var(
---spectrum-helptext-neutral-texticon-icon-gap
-)}:host([dir=rtl]) .text{margin-left:var(
---spectrum-helptext-neutral-texticon-icon-gap
-)}.text{letter-spacing:var(
---spectrum-helptext-neutral-textonly-text-letter-spacing
-);line-height:var(--spectrum-helptext-neutral-textonly-text-line-height);padding-bottom:var(
---spectrum-helptext-neutral-textonly-text-padding-bottom
-);padding-top:var(
---spectrum-helptext-neutral-textonly-text-padding-top
-);text-transform:var(--spectrum-helptext-neutral-textonly-text-transform)}:host([variant=neutral]){--spectrum-helptext-m-texticon-text-color-disabled:var(
---spectrum-helptext-m-neutral-texticon-text-color-disabled,var(--spectrum-alias-text-color-disabled)
-);--spectrum-helptext-m-texticon-icon-color-disabled:var(
---spectrum-helptext-m-neutral-texticon-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
-);--spectrum-helptext-m-texticon-text-color:var(
---spectrum-helptext-m-neutral-texticon-text-color,var(--spectrum-alias-label-text-color)
-);--spectrum-helptext-m-texticon-icon-color:var(
---spectrum-helptext-m-neutral-texticon-icon-color,var(--spectrum-alias-icon-color)
-)}:host([variant=negative]){--spectrum-helptext-m-texticon-text-color-disabled:var(
---spectrum-helptext-m-negative-texticon-text-color-disabled,var(--spectrum-alias-text-color-disabled)
-);--spectrum-helptext-m-texticon-icon-color-disabled:var(
---spectrum-helptext-m-negative-texticon-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
-);--spectrum-helptext-m-texticon-text-color:var(
---spectrum-helptext-m-negative-texticon-text-color,var(--spectrum-semantic-negative-text-color-small)
-);--spectrum-helptext-m-texticon-icon-color:var(
---spectrum-helptext-m-negative-texticon-icon-color,var(--spectrum-semantic-negative-icon-color)
-)}.icon{color:var(
---spectrum-helptext-m-texticon-icon-color
-)}.text{color:var(
---spectrum-helptext-m-texticon-text-color
+:host{--spectrum-helptext-line-height:var(
+--spectrum-line-height-100
+);--spectrum-helptext-content-color-default:var(
+--spectrum-neutral-subdued-content-color-default
+);--spectrum-helptext-icon-color-default:var(
+--spectrum-neutral-subdued-content-color-default
+);--spectrum-helptext-disabled-content-color:var(
+--spectrum-disabled-content-color
+)}:host([variant=neutral]){--spectrum-helptext-content-color-default:var(
+--spectrum-neutral-subdued-content-color-default
+);--spectrum-helptext-icon-color-default:var(
+--spectrum-neutral-subdued-content-color-default
+)}:host([variant=negative]){--spectrum-helptext-content-color-default:var(
+--spectrum-negative-content-color
+);--spectrum-helptext-icon-color-default:var(
+--spectrum-negative-content-color
+)}:host([disabled]){--spectrum-helptext-content-color-default:var(
+--spectrum-helptext-disabled-content-color
+);--spectrum-helptext-icon-color-default:var(
+--spectrum-helptext-disabled-content-color
+)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-helptext-cjk-line-height:var(
+--spectrum-CJK-line-height-100
+)}:host([size=s]){--spectrum-helptext-min-height:var(
+--spectrum-component-height-75
+);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
+--spectrum-help-text-top-to-workflow-icon-small
+);--spectrum-helptext-bottom-to-workflow-icon:var(
+--spectrum-helptext-top-to-workflow-icon
+);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-helptext-bottom-to-text:var(
+--spectrum-component-bottom-to-text-75
+)}:host([size=m]){--spectrum-helptext-min-height:var(
+--spectrum-component-height-75
+);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
+--spectrum-help-text-top-to-workflow-icon-medium
+);--spectrum-helptext-bottom-to-workflow-icon:var(
+--spectrum-helptext-top-to-workflow-icon
+);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-helptext-bottom-to-text:var(
+--spectrum-component-bottom-to-text-75
+)}:host([size=l]){--spectrum-helptext-min-height:var(
+--spectrum-component-height-100
+);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-helptext-font-size:var(--spectrum-font-size-100);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-helptext-top-to-workflow-icon:var(
+--spectrum-help-text-top-to-workflow-icon-large
+);--spectrum-helptext-bottom-to-workflow-icon:var(
+--spectrum-helptext-top-to-workflow-icon
+);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-helptext-bottom-to-text:var(
+--spectrum-component-bottom-to-text-100
+)}:host([size=xl]){--spectrum-helptext-min-height:var(
+--spectrum-component-height-200
+);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-helptext-font-size:var(--spectrum-font-size-200);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-helptext-top-to-workflow-icon:var(
+--spectrum-help-text-top-to-workflow-icon-extra-large
+);--spectrum-helptext-bottom-to-workflow-icon:var(
+--spectrum-helptext-top-to-workflow-icon
+);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-200);--spectrum-helptext-bottom-to-text:var(
+--spectrum-component-bottom-to-text-200
+)}@media (forced-colors:active){:host{--highcontrast-helptext-content-color-default:CanvasText;--highcontrast-helptext-icon-color-default:CanvasText;forced-color-adjust:none}.icon,.text{forced-color-adjust:none}}:host{color:var(
+--highcontrast-helptext-content-color-default,var(
+--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)
+)
+);display:flex;font-size:var(
+--mod-helptext-font-size,var(--spectrum-helptext-font-size)
+);min-height:var(
+--mod-helptext-min-height,var(--spectrum-helptext-min-height)
+)}.icon{flex-shrink:0;height:var(--mod-helptext-icon-size,var(--spectrum-helptext-icon-size));margin-inline-end:var(
+--mod-helptext-text-to-visual,var(--spectrum-helptext-text-to-visual)
+);padding-block-end:var(
+--mod-helptext-bottom-to-workflow-icon,var(--spectrum-helptext-bottom-to-workflow-icon)
+);padding-block-start:var(
+--mod-helptext-top-to-workflow-icon,var(--spectrum-helptext-top-to-workflow-icon)
+);width:var(--mod-helptext-icon-size,var(--spectrum-helptext-icon-size))}.text{line-height:var(
+--mod-helptext-line-height,var(--spectrum-helptext-line-height)
+);padding-block-end:var(
+--mod-helptext-bottom-to-text,var(--spectrum-helptext-bottom-to-text)
+);padding-block-start:var(
+--mod-helptext-top-to-text,var(--spectrum-helptext-top-to-text)
+)}:host(:lang(ja)) .text,:host(:lang(ko)) .text,:host(:lang(zh)) .text{line-height:var(
+--mod-helptext-cjk-line-height,var(--spectrum-helptext-cjk-line-height)
+)}:host([variant=neutral]) .text{color:var(
+--highcontrast-helptext-content-color-default,var(
+--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)
+)
+)}:host([variant=neutral]) .icon{color:var(
+--highcontrast-helptext-icon-color-default,var(
+--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)
+)
+)}:host([variant=negative]) .text{color:var(
+--highcontrast-helptext-content-color-default,var(
+--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)
+)
+)}:host([variant=negative]) .icon{color:var(
+--highcontrast-helptext-icon-color-default,var(
+--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)
+)
+)}:host([disabled]) .text{color:var(
+--highcontrast-helptext-content-color-default,var(
+--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)
+)
 )}:host([disabled]) .icon{color:var(
---spectrum-helptext-m-texticon-icon-color-disabled
-)}:host([disabled]) .text{color:var(
---spectrum-helptext-m-texticon-text-color-disabled
+--highcontrast-helptext-icon-color-default,var(
+--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)
+)
 )}
@@ -118,0 +104,0 @@ `;

src/help-text.css.js

 import { css } from "@spectrum-web-components/base";
 const styles = css`
-:host([size=s]){--spectrum-helptext-neutral-textonly-text-padding-bottom:var(
---spectrum-helptext-s-neutral-textonly-text-padding-bottom
-);--spectrum-helptext-neutral-texticon-text-size:var(
---spectrum-helptext-s-neutral-texticon-text-size,var(--spectrum-global-dimension-font-size-75)
-);--spectrum-helptext-neutral-texticon-icon-gap:var(
---spectrum-helptext-s-neutral-texticon-icon-gap,var(--spectrum-global-dimension-size-85)
-);--spectrum-helptext-negative-texticon-icon-padding-top:var(
---spectrum-helptext-s-negative-texticon-icon-padding-top,var(--spectrum-global-dimension-size-50)
-);--spectrum-helptext-negative-texticon-icon-padding-bottom:var(
---spectrum-helptext-s-negative-texticon-icon-padding-bottom,var(--spectrum-global-dimension-size-50)
-);--spectrum-helptext-neutral-textonly-text-transform:var(
---spectrum-helptext-s-neutral-textonly-text-transform,none
-);--spectrum-helptext-neutral-textonly-text-padding-top:var(
---spectrum-helptext-s-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-static-size-50)
-);--spectrum-helptext-neutral-textonly-text-line-height:var(
---spectrum-helptext-s-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-helptext-neutral-textonly-text-letter-spacing:var(
---spectrum-helptext-s-neutral-textonly-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
-)}:host([size=m]){--spectrum-helptext-neutral-textonly-text-padding-bottom:var(
---spectrum-helptext-m-neutral-textonly-text-padding-bottom
-);--spectrum-helptext-neutral-texticon-text-size:var(
---spectrum-helptext-m-neutral-texticon-text-size,var(--spectrum-global-dimension-font-size-75)
-);--spectrum-helptext-neutral-texticon-icon-gap:var(
---spectrum-helptext-m-neutral-texticon-icon-gap,var(--spectrum-global-dimension-size-100)
-);--spectrum-helptext-negative-texticon-icon-padding-top:var(
---spectrum-helptext-m-negative-texticon-icon-padding-top,var(--spectrum-global-dimension-size-40)
-);--spectrum-helptext-negative-texticon-icon-padding-bottom:var(
---spectrum-helptext-m-negative-texticon-icon-padding-bottom,var(--spectrum-global-dimension-size-40)
-);--spectrum-helptext-neutral-textonly-text-transform:var(
---spectrum-helptext-m-neutral-textonly-text-transform,none
-);--spectrum-helptext-neutral-textonly-text-padding-top:var(
---spectrum-helptext-m-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-static-size-50)
-);--spectrum-helptext-neutral-textonly-text-line-height:var(
---spectrum-helptext-m-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-helptext-neutral-textonly-text-letter-spacing:var(
---spectrum-helptext-m-neutral-textonly-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
-)}:host([size=l]){--spectrum-helptext-neutral-texticon-text-size:var(
---spectrum-helptext-l-neutral-texticon-text-size,var(--spectrum-global-dimension-font-size-100)
-);--spectrum-helptext-neutral-texticon-icon-gap:var(
---spectrum-helptext-l-neutral-texticon-icon-gap,var(--spectrum-global-dimension-size-115)
-);--spectrum-helptext-negative-texticon-icon-padding-top:var(
---spectrum-helptext-l-negative-texticon-icon-padding-top,var(--spectrum-global-dimension-size-75)
-);--spectrum-helptext-negative-texticon-icon-padding-bottom:var(
---spectrum-helptext-l-negative-texticon-icon-padding-bottom,var(--spectrum-global-dimension-size-75)
-);--spectrum-helptext-neutral-textonly-text-transform:var(
---spectrum-helptext-l-neutral-textonly-text-transform,none
-);--spectrum-helptext-neutral-textonly-text-padding-top:var(
---spectrum-helptext-l-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-size-75)
-);--spectrum-helptext-neutral-textonly-text-padding-bottom:var(
---spectrum-helptext-l-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-115)
-);--spectrum-helptext-neutral-textonly-text-line-height:var(
---spectrum-helptext-l-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-helptext-neutral-textonly-text-letter-spacing:var(
---spectrum-helptext-l-neutral-textonly-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
-)}:host([size=xl]){--spectrum-helptext-neutral-textonly-text-padding-top:var(
---spectrum-helptext-xl-neutral-textonly-text-padding-top
-);--spectrum-helptext-neutral-texticon-text-size:var(
---spectrum-helptext-xl-neutral-texticon-text-size,var(--spectrum-global-dimension-font-size-200)
-);--spectrum-helptext-neutral-texticon-icon-gap:var(
---spectrum-helptext-xl-neutral-texticon-icon-gap,var(--spectrum-global-dimension-size-125)
-);--spectrum-helptext-negative-texticon-icon-padding-top:var(
---spectrum-helptext-xl-negative-texticon-icon-padding-top,var(--spectrum-global-dimension-size-115)
-);--spectrum-helptext-negative-texticon-icon-padding-bottom:var(
---spectrum-helptext-xl-negative-texticon-icon-padding-bottom,var(--spectrum-global-dimension-size-115)
-);--spectrum-helptext-neutral-textonly-text-transform:var(
---spectrum-helptext-xl-neutral-textonly-text-transform,none
-);--spectrum-helptext-neutral-textonly-text-padding-bottom:var(
---spectrum-helptext-xl-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-130)
-);--spectrum-helptext-neutral-textonly-text-line-height:var(
---spectrum-helptext-xl-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-helptext-neutral-textonly-text-letter-spacing:var(
---spectrum-helptext-xl-neutral-textonly-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
-)}:host{display:flex;font-size:var(--spectrum-helptext-neutral-texticon-text-size)}:host([dir=ltr]) .icon{margin-right:var(
---spectrum-helptext-neutral-texticon-icon-gap
-)}:host([dir=rtl]) .icon{margin-left:var(
---spectrum-helptext-neutral-texticon-icon-gap
-)}.icon{flex-shrink:0;padding-bottom:var(
---spectrum-helptext-negative-texticon-icon-padding-bottom
-);padding-top:var(
---spectrum-helptext-negative-texticon-icon-padding-top
-)}:host([dir=ltr]) .text{margin-right:var(
---spectrum-helptext-neutral-texticon-icon-gap
-)}:host([dir=rtl]) .text{margin-left:var(
---spectrum-helptext-neutral-texticon-icon-gap
-)}.text{letter-spacing:var(
---spectrum-helptext-neutral-textonly-text-letter-spacing
-);line-height:var(--spectrum-helptext-neutral-textonly-text-line-height);padding-bottom:var(
---spectrum-helptext-neutral-textonly-text-padding-bottom
-);padding-top:var(
---spectrum-helptext-neutral-textonly-text-padding-top
-);text-transform:var(--spectrum-helptext-neutral-textonly-text-transform)}:host([variant=neutral]){--spectrum-helptext-m-texticon-text-color-disabled:var(
---spectrum-helptext-m-neutral-texticon-text-color-disabled,var(--spectrum-alias-text-color-disabled)
-);--spectrum-helptext-m-texticon-icon-color-disabled:var(
---spectrum-helptext-m-neutral-texticon-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
-);--spectrum-helptext-m-texticon-text-color:var(
---spectrum-helptext-m-neutral-texticon-text-color,var(--spectrum-alias-label-text-color)
-);--spectrum-helptext-m-texticon-icon-color:var(
---spectrum-helptext-m-neutral-texticon-icon-color,var(--spectrum-alias-icon-color)
-)}:host([variant=negative]){--spectrum-helptext-m-texticon-text-color-disabled:var(
---spectrum-helptext-m-negative-texticon-text-color-disabled,var(--spectrum-alias-text-color-disabled)
-);--spectrum-helptext-m-texticon-icon-color-disabled:var(
---spectrum-helptext-m-negative-texticon-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
-);--spectrum-helptext-m-texticon-text-color:var(
---spectrum-helptext-m-negative-texticon-text-color,var(--spectrum-semantic-negative-text-color-small)
-);--spectrum-helptext-m-texticon-icon-color:var(
---spectrum-helptext-m-negative-texticon-icon-color,var(--spectrum-semantic-negative-icon-color)
-)}.icon{color:var(
---spectrum-helptext-m-texticon-icon-color
-)}.text{color:var(
---spectrum-helptext-m-texticon-text-color
+:host{--spectrum-helptext-line-height:var(
+--spectrum-line-height-100
+);--spectrum-helptext-content-color-default:var(
+--spectrum-neutral-subdued-content-color-default
+);--spectrum-helptext-icon-color-default:var(
+--spectrum-neutral-subdued-content-color-default
+);--spectrum-helptext-disabled-content-color:var(
+--spectrum-disabled-content-color
+)}:host([variant=neutral]){--spectrum-helptext-content-color-default:var(
+--spectrum-neutral-subdued-content-color-default
+);--spectrum-helptext-icon-color-default:var(
+--spectrum-neutral-subdued-content-color-default
+)}:host([variant=negative]){--spectrum-helptext-content-color-default:var(
+--spectrum-negative-content-color
+);--spectrum-helptext-icon-color-default:var(
+--spectrum-negative-content-color
+)}:host([disabled]){--spectrum-helptext-content-color-default:var(
+--spectrum-helptext-disabled-content-color
+);--spectrum-helptext-icon-color-default:var(
+--spectrum-helptext-disabled-content-color
+)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-helptext-cjk-line-height:var(
+--spectrum-CJK-line-height-100
+)}:host([size=s]){--spectrum-helptext-min-height:var(
+--spectrum-component-height-75
+);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
+--spectrum-help-text-top-to-workflow-icon-small
+);--spectrum-helptext-bottom-to-workflow-icon:var(
+--spectrum-helptext-top-to-workflow-icon
+);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-helptext-bottom-to-text:var(
+--spectrum-component-bottom-to-text-75
+)}:host([size=m]){--spectrum-helptext-min-height:var(
+--spectrum-component-height-75
+);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
+--spectrum-help-text-top-to-workflow-icon-medium
+);--spectrum-helptext-bottom-to-workflow-icon:var(
+--spectrum-helptext-top-to-workflow-icon
+);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-helptext-bottom-to-text:var(
+--spectrum-component-bottom-to-text-75
+)}:host([size=l]){--spectrum-helptext-min-height:var(
+--spectrum-component-height-100
+);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-helptext-font-size:var(--spectrum-font-size-100);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-helptext-top-to-workflow-icon:var(
+--spectrum-help-text-top-to-workflow-icon-large
+);--spectrum-helptext-bottom-to-workflow-icon:var(
+--spectrum-helptext-top-to-workflow-icon
+);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-helptext-bottom-to-text:var(
+--spectrum-component-bottom-to-text-100
+)}:host([size=xl]){--spectrum-helptext-min-height:var(
+--spectrum-component-height-200
+);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-helptext-font-size:var(--spectrum-font-size-200);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-helptext-top-to-workflow-icon:var(
+--spectrum-help-text-top-to-workflow-icon-extra-large
+);--spectrum-helptext-bottom-to-workflow-icon:var(
+--spectrum-helptext-top-to-workflow-icon
+);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-200);--spectrum-helptext-bottom-to-text:var(
+--spectrum-component-bottom-to-text-200
+)}@media (forced-colors:active){:host{--highcontrast-helptext-content-color-default:CanvasText;--highcontrast-helptext-icon-color-default:CanvasText;forced-color-adjust:none}.icon,.text{forced-color-adjust:none}}:host{color:var(
+--highcontrast-helptext-content-color-default,var(
+--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)
+)
+);display:flex;font-size:var(
+--mod-helptext-font-size,var(--spectrum-helptext-font-size)
+);min-height:var(
+--mod-helptext-min-height,var(--spectrum-helptext-min-height)
+)}.icon{flex-shrink:0;height:var(--mod-helptext-icon-size,var(--spectrum-helptext-icon-size));margin-inline-end:var(
+--mod-helptext-text-to-visual,var(--spectrum-helptext-text-to-visual)
+);padding-block-end:var(
+--mod-helptext-bottom-to-workflow-icon,var(--spectrum-helptext-bottom-to-workflow-icon)
+);padding-block-start:var(
+--mod-helptext-top-to-workflow-icon,var(--spectrum-helptext-top-to-workflow-icon)
+);width:var(--mod-helptext-icon-size,var(--spectrum-helptext-icon-size))}.text{line-height:var(
+--mod-helptext-line-height,var(--spectrum-helptext-line-height)
+);padding-block-end:var(
+--mod-helptext-bottom-to-text,var(--spectrum-helptext-bottom-to-text)
+);padding-block-start:var(
+--mod-helptext-top-to-text,var(--spectrum-helptext-top-to-text)
+)}:host(:lang(ja)) .text,:host(:lang(ko)) .text,:host(:lang(zh)) .text{line-height:var(
+--mod-helptext-cjk-line-height,var(--spectrum-helptext-cjk-line-height)
+)}:host([variant=neutral]) .text{color:var(
+--highcontrast-helptext-content-color-default,var(
+--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)
+)
+)}:host([variant=neutral]) .icon{color:var(
+--highcontrast-helptext-icon-color-default,var(
+--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)
+)
+)}:host([variant=negative]) .text{color:var(
+--highcontrast-helptext-content-color-default,var(
+--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)
+)
+)}:host([variant=negative]) .icon{color:var(
+--highcontrast-helptext-icon-color-default,var(
+--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)
+)
+)}:host([disabled]) .text{color:var(
+--highcontrast-helptext-content-color-default,var(
+--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)
+)
 )}:host([disabled]) .icon{color:var(
---spectrum-helptext-m-texticon-icon-color-disabled
-)}:host([disabled]) .text{color:var(
---spectrum-helptext-m-texticon-text-color-disabled
+--highcontrast-helptext-icon-color-default,var(
+--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)
+)
 )}
@@ -118,0 +104,0 @@ `;

src/spectrum-help-text.css.dev.js

 import { css } from "@spectrum-web-components/base";
 const styles = css`
-:host([size=s]){--spectrum-helptext-neutral-textonly-text-padding-bottom:var(
---spectrum-helptext-s-neutral-textonly-text-padding-bottom
-);--spectrum-helptext-neutral-texticon-text-size:var(
---spectrum-helptext-s-neutral-texticon-text-size,var(--spectrum-global-dimension-font-size-75)
-);--spectrum-helptext-neutral-texticon-icon-gap:var(
---spectrum-helptext-s-neutral-texticon-icon-gap,var(--spectrum-global-dimension-size-85)
-);--spectrum-helptext-negative-texticon-icon-padding-top:var(
---spectrum-helptext-s-negative-texticon-icon-padding-top,var(--spectrum-global-dimension-size-50)
-);--spectrum-helptext-negative-texticon-icon-padding-bottom:var(
---spectrum-helptext-s-negative-texticon-icon-padding-bottom,var(--spectrum-global-dimension-size-50)
-);--spectrum-helptext-neutral-textonly-text-transform:var(
---spectrum-helptext-s-neutral-textonly-text-transform,none
-);--spectrum-helptext-neutral-textonly-text-padding-top:var(
---spectrum-helptext-s-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-static-size-50)
-);--spectrum-helptext-neutral-textonly-text-line-height:var(
---spectrum-helptext-s-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-helptext-neutral-textonly-text-letter-spacing:var(
---spectrum-helptext-s-neutral-textonly-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
-)}:host([size=m]){--spectrum-helptext-neutral-textonly-text-padding-bottom:var(
---spectrum-helptext-m-neutral-textonly-text-padding-bottom
-);--spectrum-helptext-neutral-texticon-text-size:var(
---spectrum-helptext-m-neutral-texticon-text-size,var(--spectrum-global-dimension-font-size-75)
-);--spectrum-helptext-neutral-texticon-icon-gap:var(
---spectrum-helptext-m-neutral-texticon-icon-gap,var(--spectrum-global-dimension-size-100)
-);--spectrum-helptext-negative-texticon-icon-padding-top:var(
---spectrum-helptext-m-negative-texticon-icon-padding-top,var(--spectrum-global-dimension-size-40)
-);--spectrum-helptext-negative-texticon-icon-padding-bottom:var(
---spectrum-helptext-m-negative-texticon-icon-padding-bottom,var(--spectrum-global-dimension-size-40)
-);--spectrum-helptext-neutral-textonly-text-transform:var(
---spectrum-helptext-m-neutral-textonly-text-transform,none
-);--spectrum-helptext-neutral-textonly-text-padding-top:var(
---spectrum-helptext-m-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-static-size-50)
-);--spectrum-helptext-neutral-textonly-text-line-height:var(
---spectrum-helptext-m-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-helptext-neutral-textonly-text-letter-spacing:var(
---spectrum-helptext-m-neutral-textonly-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
-)}:host([size=l]){--spectrum-helptext-neutral-texticon-text-size:var(
---spectrum-helptext-l-neutral-texticon-text-size,var(--spectrum-global-dimension-font-size-100)
-);--spectrum-helptext-neutral-texticon-icon-gap:var(
---spectrum-helptext-l-neutral-texticon-icon-gap,var(--spectrum-global-dimension-size-115)
-);--spectrum-helptext-negative-texticon-icon-padding-top:var(
---spectrum-helptext-l-negative-texticon-icon-padding-top,var(--spectrum-global-dimension-size-75)
-);--spectrum-helptext-negative-texticon-icon-padding-bottom:var(
---spectrum-helptext-l-negative-texticon-icon-padding-bottom,var(--spectrum-global-dimension-size-75)
-);--spectrum-helptext-neutral-textonly-text-transform:var(
---spectrum-helptext-l-neutral-textonly-text-transform,none
-);--spectrum-helptext-neutral-textonly-text-padding-top:var(
---spectrum-helptext-l-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-size-75)
-);--spectrum-helptext-neutral-textonly-text-padding-bottom:var(
---spectrum-helptext-l-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-115)
-);--spectrum-helptext-neutral-textonly-text-line-height:var(
---spectrum-helptext-l-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-helptext-neutral-textonly-text-letter-spacing:var(
---spectrum-helptext-l-neutral-textonly-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
-)}:host([size=xl]){--spectrum-helptext-neutral-textonly-text-padding-top:var(
---spectrum-helptext-xl-neutral-textonly-text-padding-top
-);--spectrum-helptext-neutral-texticon-text-size:var(
---spectrum-helptext-xl-neutral-texticon-text-size,var(--spectrum-global-dimension-font-size-200)
-);--spectrum-helptext-neutral-texticon-icon-gap:var(
---spectrum-helptext-xl-neutral-texticon-icon-gap,var(--spectrum-global-dimension-size-125)
-);--spectrum-helptext-negative-texticon-icon-padding-top:var(
---spectrum-helptext-xl-negative-texticon-icon-padding-top,var(--spectrum-global-dimension-size-115)
-);--spectrum-helptext-negative-texticon-icon-padding-bottom:var(
---spectrum-helptext-xl-negative-texticon-icon-padding-bottom,var(--spectrum-global-dimension-size-115)
-);--spectrum-helptext-neutral-textonly-text-transform:var(
---spectrum-helptext-xl-neutral-textonly-text-transform,none
-);--spectrum-helptext-neutral-textonly-text-padding-bottom:var(
---spectrum-helptext-xl-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-130)
-);--spectrum-helptext-neutral-textonly-text-line-height:var(
---spectrum-helptext-xl-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-helptext-neutral-textonly-text-letter-spacing:var(
---spectrum-helptext-xl-neutral-textonly-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
-)}:host{display:flex;font-size:var(--spectrum-helptext-neutral-texticon-text-size)}:host([dir=ltr]) .icon{margin-right:var(
---spectrum-helptext-neutral-texticon-icon-gap
-)}:host([dir=rtl]) .icon{margin-left:var(
---spectrum-helptext-neutral-texticon-icon-gap
-)}.icon{flex-shrink:0;padding-bottom:var(
---spectrum-helptext-negative-texticon-icon-padding-bottom
-);padding-top:var(
---spectrum-helptext-negative-texticon-icon-padding-top
-)}:host([dir=ltr]) .text{margin-right:var(
---spectrum-helptext-neutral-texticon-icon-gap
-)}:host([dir=rtl]) .text{margin-left:var(
---spectrum-helptext-neutral-texticon-icon-gap
-)}.text{letter-spacing:var(
---spectrum-helptext-neutral-textonly-text-letter-spacing
-);line-height:var(--spectrum-helptext-neutral-textonly-text-line-height);padding-bottom:var(
---spectrum-helptext-neutral-textonly-text-padding-bottom
-);padding-top:var(
---spectrum-helptext-neutral-textonly-text-padding-top
-);text-transform:var(--spectrum-helptext-neutral-textonly-text-transform)}:host([variant=neutral]){--spectrum-helptext-m-texticon-text-color-disabled:var(
---spectrum-helptext-m-neutral-texticon-text-color-disabled,var(--spectrum-alias-text-color-disabled)
-);--spectrum-helptext-m-texticon-icon-color-disabled:var(
---spectrum-helptext-m-neutral-texticon-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
-);--spectrum-helptext-m-texticon-text-color:var(
---spectrum-helptext-m-neutral-texticon-text-color,var(--spectrum-alias-label-text-color)
-);--spectrum-helptext-m-texticon-icon-color:var(
---spectrum-helptext-m-neutral-texticon-icon-color,var(--spectrum-alias-icon-color)
-)}:host([variant=negative]){--spectrum-helptext-m-texticon-text-color-disabled:var(
---spectrum-helptext-m-negative-texticon-text-color-disabled,var(--spectrum-alias-text-color-disabled)
-);--spectrum-helptext-m-texticon-icon-color-disabled:var(
---spectrum-helptext-m-negative-texticon-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
-);--spectrum-helptext-m-texticon-text-color:var(
---spectrum-helptext-m-negative-texticon-text-color,var(--spectrum-semantic-negative-text-color-small)
-);--spectrum-helptext-m-texticon-icon-color:var(
---spectrum-helptext-m-negative-texticon-icon-color,var(--spectrum-semantic-negative-icon-color)
-)}.icon{color:var(
---spectrum-helptext-m-texticon-icon-color
-)}.text{color:var(
---spectrum-helptext-m-texticon-text-color
+:host{--spectrum-helptext-line-height:var(
+--spectrum-line-height-100
+);--spectrum-helptext-content-color-default:var(
+--spectrum-neutral-subdued-content-color-default
+);--spectrum-helptext-icon-color-default:var(
+--spectrum-neutral-subdued-content-color-default
+);--spectrum-helptext-disabled-content-color:var(
+--spectrum-disabled-content-color
+)}:host([variant=neutral]){--spectrum-helptext-content-color-default:var(
+--spectrum-neutral-subdued-content-color-default
+);--spectrum-helptext-icon-color-default:var(
+--spectrum-neutral-subdued-content-color-default
+)}:host([variant=negative]){--spectrum-helptext-content-color-default:var(
+--spectrum-negative-content-color
+);--spectrum-helptext-icon-color-default:var(
+--spectrum-negative-content-color
+)}:host([disabled]){--spectrum-helptext-content-color-default:var(
+--spectrum-helptext-disabled-content-color
+);--spectrum-helptext-icon-color-default:var(
+--spectrum-helptext-disabled-content-color
+)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-helptext-cjk-line-height:var(
+--spectrum-CJK-line-height-100
+)}:host([size=s]){--spectrum-helptext-min-height:var(
+--spectrum-component-height-75
+);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
+--spectrum-help-text-top-to-workflow-icon-small
+);--spectrum-helptext-bottom-to-workflow-icon:var(
+--spectrum-helptext-top-to-workflow-icon
+);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-helptext-bottom-to-text:var(
+--spectrum-component-bottom-to-text-75
+)}:host([size=m]){--spectrum-helptext-min-height:var(
+--spectrum-component-height-75
+);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
+--spectrum-help-text-top-to-workflow-icon-medium
+);--spectrum-helptext-bottom-to-workflow-icon:var(
+--spectrum-helptext-top-to-workflow-icon
+);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-helptext-bottom-to-text:var(
+--spectrum-component-bottom-to-text-75
+)}:host([size=l]){--spectrum-helptext-min-height:var(
+--spectrum-component-height-100
+);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-helptext-font-size:var(--spectrum-font-size-100);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-helptext-top-to-workflow-icon:var(
+--spectrum-help-text-top-to-workflow-icon-large
+);--spectrum-helptext-bottom-to-workflow-icon:var(
+--spectrum-helptext-top-to-workflow-icon
+);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-helptext-bottom-to-text:var(
+--spectrum-component-bottom-to-text-100
+)}:host([size=xl]){--spectrum-helptext-min-height:var(
+--spectrum-component-height-200
+);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-helptext-font-size:var(--spectrum-font-size-200);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-helptext-top-to-workflow-icon:var(
+--spectrum-help-text-top-to-workflow-icon-extra-large
+);--spectrum-helptext-bottom-to-workflow-icon:var(
+--spectrum-helptext-top-to-workflow-icon
+);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-200);--spectrum-helptext-bottom-to-text:var(
+--spectrum-component-bottom-to-text-200
+)}@media (forced-colors:active){:host{--highcontrast-helptext-content-color-default:CanvasText;--highcontrast-helptext-icon-color-default:CanvasText;forced-color-adjust:none}.icon,.text{forced-color-adjust:none}}:host{color:var(
+--highcontrast-helptext-content-color-default,var(
+--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)
+)
+);display:flex;font-size:var(
+--mod-helptext-font-size,var(--spectrum-helptext-font-size)
+);min-height:var(
+--mod-helptext-min-height,var(--spectrum-helptext-min-height)
+)}.icon{flex-shrink:0;height:var(--mod-helptext-icon-size,var(--spectrum-helptext-icon-size));margin-inline-end:var(
+--mod-helptext-text-to-visual,var(--spectrum-helptext-text-to-visual)
+);padding-block-end:var(
+--mod-helptext-bottom-to-workflow-icon,var(--spectrum-helptext-bottom-to-workflow-icon)
+);padding-block-start:var(
+--mod-helptext-top-to-workflow-icon,var(--spectrum-helptext-top-to-workflow-icon)
+);width:var(--mod-helptext-icon-size,var(--spectrum-helptext-icon-size))}.text{line-height:var(
+--mod-helptext-line-height,var(--spectrum-helptext-line-height)
+);padding-block-end:var(
+--mod-helptext-bottom-to-text,var(--spectrum-helptext-bottom-to-text)
+);padding-block-start:var(
+--mod-helptext-top-to-text,var(--spectrum-helptext-top-to-text)
+)}:host(:lang(ja)) .text,:host(:lang(ko)) .text,:host(:lang(zh)) .text{line-height:var(
+--mod-helptext-cjk-line-height,var(--spectrum-helptext-cjk-line-height)
+)}:host([variant=neutral]) .text{color:var(
+--highcontrast-helptext-content-color-default,var(
+--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)
+)
+)}:host([variant=neutral]) .icon{color:var(
+--highcontrast-helptext-icon-color-default,var(
+--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)
+)
+)}:host([variant=negative]) .text{color:var(
+--highcontrast-helptext-content-color-default,var(
+--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)
+)
+)}:host([variant=negative]) .icon{color:var(
+--highcontrast-helptext-icon-color-default,var(
+--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)
+)
+)}:host([disabled]) .text{color:var(
+--highcontrast-helptext-content-color-default,var(
+--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)
+)
 )}:host([disabled]) .icon{color:var(
---spectrum-helptext-m-texticon-icon-color-disabled
-)}:host([disabled]) .text{color:var(
---spectrum-helptext-m-texticon-text-color-disabled
+--highcontrast-helptext-icon-color-default,var(
+--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)
+)
 )}
@@ -118,0 +104,0 @@ `;

src/spectrum-help-text.css.js

 import { css } from "@spectrum-web-components/base";
 const styles = css`
-:host([size=s]){--spectrum-helptext-neutral-textonly-text-padding-bottom:var(
---spectrum-helptext-s-neutral-textonly-text-padding-bottom
-);--spectrum-helptext-neutral-texticon-text-size:var(
---spectrum-helptext-s-neutral-texticon-text-size,var(--spectrum-global-dimension-font-size-75)
-);--spectrum-helptext-neutral-texticon-icon-gap:var(
---spectrum-helptext-s-neutral-texticon-icon-gap,var(--spectrum-global-dimension-size-85)
-);--spectrum-helptext-negative-texticon-icon-padding-top:var(
---spectrum-helptext-s-negative-texticon-icon-padding-top,var(--spectrum-global-dimension-size-50)
-);--spectrum-helptext-negative-texticon-icon-padding-bottom:var(
---spectrum-helptext-s-negative-texticon-icon-padding-bottom,var(--spectrum-global-dimension-size-50)
-);--spectrum-helptext-neutral-textonly-text-transform:var(
---spectrum-helptext-s-neutral-textonly-text-transform,none
-);--spectrum-helptext-neutral-textonly-text-padding-top:var(
---spectrum-helptext-s-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-static-size-50)
-);--spectrum-helptext-neutral-textonly-text-line-height:var(
---spectrum-helptext-s-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-helptext-neutral-textonly-text-letter-spacing:var(
---spectrum-helptext-s-neutral-textonly-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
-)}:host([size=m]){--spectrum-helptext-neutral-textonly-text-padding-bottom:var(
---spectrum-helptext-m-neutral-textonly-text-padding-bottom
-);--spectrum-helptext-neutral-texticon-text-size:var(
---spectrum-helptext-m-neutral-texticon-text-size,var(--spectrum-global-dimension-font-size-75)
-);--spectrum-helptext-neutral-texticon-icon-gap:var(
---spectrum-helptext-m-neutral-texticon-icon-gap,var(--spectrum-global-dimension-size-100)
-);--spectrum-helptext-negative-texticon-icon-padding-top:var(
---spectrum-helptext-m-negative-texticon-icon-padding-top,var(--spectrum-global-dimension-size-40)
-);--spectrum-helptext-negative-texticon-icon-padding-bottom:var(
---spectrum-helptext-m-negative-texticon-icon-padding-bottom,var(--spectrum-global-dimension-size-40)
-);--spectrum-helptext-neutral-textonly-text-transform:var(
---spectrum-helptext-m-neutral-textonly-text-transform,none
-);--spectrum-helptext-neutral-textonly-text-padding-top:var(
---spectrum-helptext-m-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-static-size-50)
-);--spectrum-helptext-neutral-textonly-text-line-height:var(
---spectrum-helptext-m-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-helptext-neutral-textonly-text-letter-spacing:var(
---spectrum-helptext-m-neutral-textonly-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
-)}:host([size=l]){--spectrum-helptext-neutral-texticon-text-size:var(
---spectrum-helptext-l-neutral-texticon-text-size,var(--spectrum-global-dimension-font-size-100)
-);--spectrum-helptext-neutral-texticon-icon-gap:var(
---spectrum-helptext-l-neutral-texticon-icon-gap,var(--spectrum-global-dimension-size-115)
-);--spectrum-helptext-negative-texticon-icon-padding-top:var(
---spectrum-helptext-l-negative-texticon-icon-padding-top,var(--spectrum-global-dimension-size-75)
-);--spectrum-helptext-negative-texticon-icon-padding-bottom:var(
---spectrum-helptext-l-negative-texticon-icon-padding-bottom,var(--spectrum-global-dimension-size-75)
-);--spectrum-helptext-neutral-textonly-text-transform:var(
---spectrum-helptext-l-neutral-textonly-text-transform,none
-);--spectrum-helptext-neutral-textonly-text-padding-top:var(
---spectrum-helptext-l-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-size-75)
-);--spectrum-helptext-neutral-textonly-text-padding-bottom:var(
---spectrum-helptext-l-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-115)
-);--spectrum-helptext-neutral-textonly-text-line-height:var(
---spectrum-helptext-l-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-helptext-neutral-textonly-text-letter-spacing:var(
---spectrum-helptext-l-neutral-textonly-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
-)}:host([size=xl]){--spectrum-helptext-neutral-textonly-text-padding-top:var(
---spectrum-helptext-xl-neutral-textonly-text-padding-top
-);--spectrum-helptext-neutral-texticon-text-size:var(
---spectrum-helptext-xl-neutral-texticon-text-size,var(--spectrum-global-dimension-font-size-200)
-);--spectrum-helptext-neutral-texticon-icon-gap:var(
---spectrum-helptext-xl-neutral-texticon-icon-gap,var(--spectrum-global-dimension-size-125)
-);--spectrum-helptext-negative-texticon-icon-padding-top:var(
---spectrum-helptext-xl-negative-texticon-icon-padding-top,var(--spectrum-global-dimension-size-115)
-);--spectrum-helptext-negative-texticon-icon-padding-bottom:var(
---spectrum-helptext-xl-negative-texticon-icon-padding-bottom,var(--spectrum-global-dimension-size-115)
-);--spectrum-helptext-neutral-textonly-text-transform:var(
---spectrum-helptext-xl-neutral-textonly-text-transform,none
-);--spectrum-helptext-neutral-textonly-text-padding-bottom:var(
---spectrum-helptext-xl-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-130)
-);--spectrum-helptext-neutral-textonly-text-line-height:var(
---spectrum-helptext-xl-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-helptext-neutral-textonly-text-letter-spacing:var(
---spectrum-helptext-xl-neutral-textonly-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
-)}:host{display:flex;font-size:var(--spectrum-helptext-neutral-texticon-text-size)}:host([dir=ltr]) .icon{margin-right:var(
---spectrum-helptext-neutral-texticon-icon-gap
-)}:host([dir=rtl]) .icon{margin-left:var(
---spectrum-helptext-neutral-texticon-icon-gap
-)}.icon{flex-shrink:0;padding-bottom:var(
---spectrum-helptext-negative-texticon-icon-padding-bottom
-);padding-top:var(
---spectrum-helptext-negative-texticon-icon-padding-top
-)}:host([dir=ltr]) .text{margin-right:var(
---spectrum-helptext-neutral-texticon-icon-gap
-)}:host([dir=rtl]) .text{margin-left:var(
---spectrum-helptext-neutral-texticon-icon-gap
-)}.text{letter-spacing:var(
---spectrum-helptext-neutral-textonly-text-letter-spacing
-);line-height:var(--spectrum-helptext-neutral-textonly-text-line-height);padding-bottom:var(
---spectrum-helptext-neutral-textonly-text-padding-bottom
-);padding-top:var(
---spectrum-helptext-neutral-textonly-text-padding-top
-);text-transform:var(--spectrum-helptext-neutral-textonly-text-transform)}:host([variant=neutral]){--spectrum-helptext-m-texticon-text-color-disabled:var(
---spectrum-helptext-m-neutral-texticon-text-color-disabled,var(--spectrum-alias-text-color-disabled)
-);--spectrum-helptext-m-texticon-icon-color-disabled:var(
---spectrum-helptext-m-neutral-texticon-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
-);--spectrum-helptext-m-texticon-text-color:var(
---spectrum-helptext-m-neutral-texticon-text-color,var(--spectrum-alias-label-text-color)
-);--spectrum-helptext-m-texticon-icon-color:var(
---spectrum-helptext-m-neutral-texticon-icon-color,var(--spectrum-alias-icon-color)
-)}:host([variant=negative]){--spectrum-helptext-m-texticon-text-color-disabled:var(
---spectrum-helptext-m-negative-texticon-text-color-disabled,var(--spectrum-alias-text-color-disabled)
-);--spectrum-helptext-m-texticon-icon-color-disabled:var(
---spectrum-helptext-m-negative-texticon-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
-);--spectrum-helptext-m-texticon-text-color:var(
---spectrum-helptext-m-negative-texticon-text-color,var(--spectrum-semantic-negative-text-color-small)
-);--spectrum-helptext-m-texticon-icon-color:var(
---spectrum-helptext-m-negative-texticon-icon-color,var(--spectrum-semantic-negative-icon-color)
-)}.icon{color:var(
---spectrum-helptext-m-texticon-icon-color
-)}.text{color:var(
---spectrum-helptext-m-texticon-text-color
+:host{--spectrum-helptext-line-height:var(
+--spectrum-line-height-100
+);--spectrum-helptext-content-color-default:var(
+--spectrum-neutral-subdued-content-color-default
+);--spectrum-helptext-icon-color-default:var(
+--spectrum-neutral-subdued-content-color-default
+);--spectrum-helptext-disabled-content-color:var(
+--spectrum-disabled-content-color
+)}:host([variant=neutral]){--spectrum-helptext-content-color-default:var(
+--spectrum-neutral-subdued-content-color-default
+);--spectrum-helptext-icon-color-default:var(
+--spectrum-neutral-subdued-content-color-default
+)}:host([variant=negative]){--spectrum-helptext-content-color-default:var(
+--spectrum-negative-content-color
+);--spectrum-helptext-icon-color-default:var(
+--spectrum-negative-content-color
+)}:host([disabled]){--spectrum-helptext-content-color-default:var(
+--spectrum-helptext-disabled-content-color
+);--spectrum-helptext-icon-color-default:var(
+--spectrum-helptext-disabled-content-color
+)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-helptext-cjk-line-height:var(
+--spectrum-CJK-line-height-100
+)}:host([size=s]){--spectrum-helptext-min-height:var(
+--spectrum-component-height-75
+);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
+--spectrum-help-text-top-to-workflow-icon-small
+);--spectrum-helptext-bottom-to-workflow-icon:var(
+--spectrum-helptext-top-to-workflow-icon
+);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-helptext-bottom-to-text:var(
+--spectrum-component-bottom-to-text-75
+)}:host([size=m]){--spectrum-helptext-min-height:var(
+--spectrum-component-height-75
+);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
+--spectrum-help-text-top-to-workflow-icon-medium
+);--spectrum-helptext-bottom-to-workflow-icon:var(
+--spectrum-helptext-top-to-workflow-icon
+);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-helptext-bottom-to-text:var(
+--spectrum-component-bottom-to-text-75
+)}:host([size=l]){--spectrum-helptext-min-height:var(
+--spectrum-component-height-100
+);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-helptext-font-size:var(--spectrum-font-size-100);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-helptext-top-to-workflow-icon:var(
+--spectrum-help-text-top-to-workflow-icon-large
+);--spectrum-helptext-bottom-to-workflow-icon:var(
+--spectrum-helptext-top-to-workflow-icon
+);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-helptext-bottom-to-text:var(
+--spectrum-component-bottom-to-text-100
+)}:host([size=xl]){--spectrum-helptext-min-height:var(
+--spectrum-component-height-200
+);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-helptext-font-size:var(--spectrum-font-size-200);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-helptext-top-to-workflow-icon:var(
+--spectrum-help-text-top-to-workflow-icon-extra-large
+);--spectrum-helptext-bottom-to-workflow-icon:var(
+--spectrum-helptext-top-to-workflow-icon
+);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-200);--spectrum-helptext-bottom-to-text:var(
+--spectrum-component-bottom-to-text-200
+)}@media (forced-colors:active){:host{--highcontrast-helptext-content-color-default:CanvasText;--highcontrast-helptext-icon-color-default:CanvasText;forced-color-adjust:none}.icon,.text{forced-color-adjust:none}}:host{color:var(
+--highcontrast-helptext-content-color-default,var(
+--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)
+)
+);display:flex;font-size:var(
+--mod-helptext-font-size,var(--spectrum-helptext-font-size)
+);min-height:var(
+--mod-helptext-min-height,var(--spectrum-helptext-min-height)
+)}.icon{flex-shrink:0;height:var(--mod-helptext-icon-size,var(--spectrum-helptext-icon-size));margin-inline-end:var(
+--mod-helptext-text-to-visual,var(--spectrum-helptext-text-to-visual)
+);padding-block-end:var(
+--mod-helptext-bottom-to-workflow-icon,var(--spectrum-helptext-bottom-to-workflow-icon)
+);padding-block-start:var(
+--mod-helptext-top-to-workflow-icon,var(--spectrum-helptext-top-to-workflow-icon)
+);width:var(--mod-helptext-icon-size,var(--spectrum-helptext-icon-size))}.text{line-height:var(
+--mod-helptext-line-height,var(--spectrum-helptext-line-height)
+);padding-block-end:var(
+--mod-helptext-bottom-to-text,var(--spectrum-helptext-bottom-to-text)
+);padding-block-start:var(
+--mod-helptext-top-to-text,var(--spectrum-helptext-top-to-text)
+)}:host(:lang(ja)) .text,:host(:lang(ko)) .text,:host(:lang(zh)) .text{line-height:var(
+--mod-helptext-cjk-line-height,var(--spectrum-helptext-cjk-line-height)
+)}:host([variant=neutral]) .text{color:var(
+--highcontrast-helptext-content-color-default,var(
+--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)
+)
+)}:host([variant=neutral]) .icon{color:var(
+--highcontrast-helptext-icon-color-default,var(
+--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)
+)
+)}:host([variant=negative]) .text{color:var(
+--highcontrast-helptext-content-color-default,var(
+--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)
+)
+)}:host([variant=negative]) .icon{color:var(
+--highcontrast-helptext-icon-color-default,var(
+--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)
+)
+)}:host([disabled]) .text{color:var(
+--highcontrast-helptext-content-color-default,var(
+--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)
+)
 )}:host([disabled]) .icon{color:var(
---spectrum-helptext-m-texticon-icon-color-disabled
-)}:host([disabled]) .text{color:var(
---spectrum-helptext-m-texticon-text-color-disabled
+--highcontrast-helptext-icon-color-default,var(
+--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)
+)
 )}
@@ -118,0 +104,0 @@ `;

test/help-text.test.js

 import { elementUpdated, expect, fixture, html } from "@open-wc/testing";
 import "@spectrum-web-components/help-text/sp-help-text.js";
+import { testForLitDevWarnings } from "../../../test/testing-helpers.js";
 describe("HelpText", () => {
+  testForLitDevWarnings(async () => await fixture(html`
+                    <sp-help-text>This is help text.</sp-help-text>
+                `));
   it("loads default help-text accessibly", async () => {
     const el = await fixture(html`
-                <sp-help-text></sp-help-text>
+                <sp-help-text>This is help text.</sp-help-text>
             `);
@@ -13,3 +17,5 @@ await elementUpdated(el);
     const el = await fixture(html`
-                <sp-help-text variant="negative" icon></sp-help-text>
+                <sp-help-text variant="negative" icon>
+                    This is negative help text.
+                </sp-help-text>
             `);
@@ -16,0 +22,0 @@ await elementUpdated(el);

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Deprecated

Maintenance

The maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Number of versions

176

increased by0.57%

Published versions last two months

60

increased by1.69%

Published versions last year

82

increased by1.23%

Worsened metrics

Total package byte prevSize

140049

decreased by-10.06%

Lines of code

1350

decreased by-3.57%

Number of medium maintenance alerts

1

increased byInfinity%

Dependency changes

• - Removed@spectrum-web-components/base@0.5.9-devmode.31(transitive)

• Updated@spectrum-web-components/base@^0.6.0

• Updated@spectrum-web-components/icons-workflow@^0.8.12