sq OUT

Author: didoo

packages/tokens/dist/products/css/helpers/color.css

@@ -0,0 +1,46 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+.hds-border-primary { border: 1px solid var(--token-color-border-primary); }
+.hds-border-faint { border: 1px solid var(--token-color-border-faint); }
+.hds-border-strong { border: 1px solid var(--token-color-border-strong); }
+.hds-border-action { border: 1px solid var(--token-color-border-action); }
+.hds-border-highlight { border: 1px solid var(--token-color-border-highlight); }
+.hds-border-success { border: 1px solid var(--token-color-border-success); }
+.hds-border-warning { border: 1px solid var(--token-color-border-warning); }
+.hds-border-critical { border: 1px solid var(--token-color-border-critical); }
+.hds-foreground-strong { color: var(--token-color-foreground-strong); }
+.hds-foreground-primary { color: var(--token-color-foreground-primary); }
+.hds-foreground-faint { color: var(--token-color-foreground-faint); }
+.hds-foreground-high-contrast { color: var(--token-color-foreground-high-contrast); }
+.hds-foreground-disabled { color: var(--token-color-foreground-disabled); }
+.hds-foreground-action { color: var(--token-color-foreground-action); }
+.hds-foreground-action-hover { color: var(--token-color-foreground-action-hover); }
+.hds-foreground-action-active { color: var(--token-color-foreground-action-active); }
+.hds-foreground-highlight { color: var(--token-color-foreground-highlight); }
+.hds-foreground-highlight-on-surface { color: var(--token-color-foreground-highlight-on-surface); }
+.hds-foreground-highlight-high-contrast { color: var(--token-color-foreground-highlight-high-contrast); }
+.hds-foreground-success { color: var(--token-color-foreground-success); }
+.hds-foreground-success-on-surface { color: var(--token-color-foreground-success-on-surface); }
+.hds-foreground-success-high-contrast { color: var(--token-color-foreground-success-high-contrast); }
+.hds-foreground-warning { color: var(--token-color-foreground-warning); }
+.hds-foreground-warning-on-surface { color: var(--token-color-foreground-warning-on-surface); }
+.hds-foreground-warning-high-contrast { color: var(--token-color-foreground-warning-high-contrast); }
+.hds-foreground-critical { color: var(--token-color-foreground-critical); }
+.hds-foreground-critical-on-surface { color: var(--token-color-foreground-critical-on-surface); }
+.hds-foreground-critical-high-contrast { color: var(--token-color-foreground-critical-high-contrast); }
+.hds-page-primary { background-color: var(--token-color-page-primary); }
+.hds-page-faint { background-color: var(--token-color-page-faint); }
+.hds-surface-primary { background-color: var(--token-color-surface-primary); }
+.hds-surface-faint { background-color: var(--token-color-surface-faint); }
+.hds-surface-strong { background-color: var(--token-color-surface-strong); }
+.hds-surface-interactive { background-color: var(--token-color-surface-interactive); }
+.hds-surface-interactive-hover { background-color: var(--token-color-surface-interactive-hover); }
+.hds-surface-interactive-active { background-color: var(--token-color-surface-interactive-active); }
+.hds-surface-interactive-disabled { background-color: var(--token-color-surface-interactive-disabled); }
+.hds-surface-action { background-color: var(--token-color-surface-action); }
+.hds-surface-highlight { background-color: var(--token-color-surface-highlight); }
+.hds-surface-success { background-color: var(--token-color-surface-success); }
+.hds-surface-warning { background-color: var(--token-color-surface-warning); }
+.hds-surface-critical { background-color: var(--token-color-surface-critical); }

packages/tokens/dist/products/css/helpers/elevation.css

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+.hds-elevation-inset { box-shadow: var(--token-elevation-inset-box-shadow); }
+.hds-elevation-low { box-shadow: var(--token-elevation-low-box-shadow); }
+.hds-elevation-mid { box-shadow: var(--token-elevation-mid-box-shadow); }
+.hds-elevation-high { box-shadow: var(--token-elevation-high-box-shadow); }
+.hds-elevation-higher { box-shadow: var(--token-elevation-higher-box-shadow); }
+.hds-elevation-overlay { box-shadow: var(--token-elevation-overlay-box-shadow); }
+.hds-surface-inset { box-shadow: var(--token-surface-inset-box-shadow); }
+.hds-surface-base { box-shadow: var(--token-surface-base-box-shadow); }
+.hds-surface-low { box-shadow: var(--token-surface-low-box-shadow); }
+.hds-surface-mid { box-shadow: var(--token-surface-mid-box-shadow); }
+.hds-surface-high { box-shadow: var(--token-surface-high-box-shadow); }
+.hds-surface-higher { box-shadow: var(--token-surface-higher-box-shadow); }
+.hds-surface-overlay { box-shadow: var(--token-surface-overlay-box-shadow); }

packages/tokens/dist/products/css/helpers/focus-ring.css

@@ -0,0 +1,6 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+.hds-focus-ring-action-box-shadow { box-shadow: var(--token-focus-ring-action-box-shadow); }
+.hds-focus-ring-critical-box-shadow { box-shadow: var(--token-focus-ring-critical-box-shadow); }