@hopper-ui/styled-system 3.2.3 → 4.0.0

package/dist/theme/generated/sharegate/light.css

@@ -2,7 +2,7 @@
  * This file is generated by Style Dictionary. Do not edit directly.
  */
 
-.hop-5-2-3-sharegate {
+.hop-5-3-0-sharegate {
   --hop-comp-tooltip-box-shadow: 0 4px 10px 4px rgba(0, 0, 0, 0.08), 0 8px 24px 0 rgba(0, 0, 0, 0.12);
   --hop-comp-tooltip-backdrop-filter: blur(10px);
   --hop-comp-tile-icon-color: transparent;
@@ -15,6 +15,10 @@
   --hop-comp-tile-border-color-press: transparent;
   --hop-comp-tile-border-color-hover: transparent;
   --hop-comp-tile-box-shadow: 0 -1px 3px 0 rgb(0 0 0 / 0.12) inset, 0 1px 0 1px rgb(255 255 255 / 0.1);
+  --hop-comp-tag-text-transform: uppercase;
+  --hop-comp-tag-border-color-selected: transparent;
+  --hop-comp-tag-border-color-press: transparent;
+  --hop-comp-tag-border-color-hover: transparent;
   --hop-comp-tabs-tab-list-border-radius: NaNrem;
   --hop-comp-tabs-tab-list-border: none;
   --hop-comp-tabs-tab-list-background-color: transparent;
@@ -72,6 +76,7 @@
   --hop-comp-button-primary-border-color-disabled: transparent;
   --hop-comp-button-primary-box-shadow-loading: 0 2px 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 4px 0 rgba(0, 0, 0, 0.10) inset;
   --hop-comp-button-primary-box-shadow: 0 2px 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 4px 0 rgba(0, 0, 0, 0.10) inset;
+  --hop-comp-button-text-transform: uppercase;
   --hop-overline-bottom-offset: -0.25rem;
   --hop-overline-top-offset: -0.25rem;
   --hop-heading-xs-medium-bottom-offset: -0.25rem;
@@ -380,11 +385,23 @@
   --hop-easing-duration-3: 300ms;
   --hop-easing-duration-2: 200ms;
   --hop-easing-duration-1: 100ms;
+  --hop-letter-spacing-wide-30: 0.1875rem;
+  --hop-letter-spacing-wide-25: 0.15625rem;
+  --hop-letter-spacing-wide-20: 0.125rem;
+  --hop-letter-spacing-wide-15: 0.09375rem;
+  --hop-letter-spacing-wide-10: 0.0625rem;
+  --hop-letter-spacing-wide-5: 0.03125rem;
+  --hop-letter-spacing-dense-5: -0.03125rem;
+  --hop-letter-spacing-dense-10: -0.0625rem;
+  --hop-letter-spacing-0: 0;
   --hop-line-height-1-50: 1.5;
   --hop-line-height-1-4285: 1.4285714;
+  --hop-line-height-1-40: 1.4;
   --hop-line-height-1-33: 1.3333333;
+  --hop-line-height-1-2857: 1.2857142;
   --hop-line-height-1-25: 1.25;
   --hop-line-height-1-20: 1.2;
+  --hop-line-height-1-1666: 1.1666666;
   --hop-line-height-1-14: 1.1428571;
   --hop-line-height-1-125: 1.125;
   --hop-font-weight-690: 690;
@@ -404,6 +421,7 @@
   --hop-font-size-160: 1rem;
   --hop-font-size-140: 0.875rem;
   --hop-font-size-120: 0.75rem;
+  --hop-font-size-100: 0.625rem;
   --hop-font-family-tertiary: 'ABC Favorit Mono', Consolas, 'SF Mono', monospace;
   --hop-font-family-secondary: 'Inter', Helvetica, Arial, sans-serif;
   --hop-font-family-primary: 'ABC Favorit', Helvetica, Arial, sans-serif;
@@ -631,6 +649,13 @@
   --hop-coastal-50: #d9efff;
   --hop-coastal-25: #f0f8ff;
   --hop-comp-tooltip-background: var(--hop-neutral-surface-weak-transparent-always-dark);
+  --hop-comp-tag-text-font-letterspacing-lg: var(--hop-letter-spacing-wide-30);
+  --hop-comp-tag-text-font-lineheight-lg: var(--hop-line-height-1-2857);
+  --hop-comp-tag-text-font-letterspacing-md: var(--hop-letter-spacing-wide-20);
+  --hop-comp-tag-text-font-lineheight-md: var(--hop-line-height-1-33);
+  --hop-comp-tag-text-font-letterspacing-sm: var(--hop-letter-spacing-wide-20);
+  --hop-comp-tag-text-font-lineheight-sm: var(--hop-line-height-1-33);
+  --hop-comp-tag-text-font-weight: var(--hop-font-weight-410);
   --hop-comp-tabs-tab-list-border-block-end: var(--hop-space-10) solid var(--hop-neutral-border-weak);
   --hop-comp-popover-border: var(--hop-space-10) solid var(--hop-neutral-border-weak);
   --hop-comp-popover-background: var(--hop-neutral-surface-transparent);
@@ -646,19 +671,50 @@
   --hop-comp-button-upsell-background: linear-gradient(var(--hop-limeburst-50), var(--hop-persimmon-300) 151%);
   --hop-comp-button-primary-background-loading: linear-gradient(var(--hop-iris-300), var(--hop-iris-600) 100%);
   --hop-comp-button-primary-background: linear-gradient(var(--hop-iris-300), var(--hop-iris-600) 100%);
+  --hop-comp-button-text-font-letterspacing-xs: var(--hop-letter-spacing-wide-15);
+  --hop-comp-button-text-font-lineheight-xs: var(--hop-line-height-1-33);
+  --hop-comp-button-text-font-letterspacing-sm: var(--hop-letter-spacing-wide-20);
+  --hop-comp-button-text-font-lineheight-sm: var(--hop-line-height-1-4285);
+  --hop-comp-button-text-font-letterspacing-md: var(--hop-letter-spacing-wide-25);
+  --hop-comp-button-text-font-lineheight-md: var(--hop-line-height-1-50);
+  --hop-comp-button-text-font-weight: var(--hop-font-weight-410);
   --hop-shape-rounded-sm: var(--hop-border-radius-1);
   --hop-shape-rounded-md: var(--hop-border-radius-2);
   --hop-shape-rounded-lg: var(--hop-border-radius-3);
   --hop-shape-pill: var(--hop-border-radius-4);
   --hop-shape-circle: var(--hop-border-radius-9999);
+  --hop-caption-sm-line-height: var(--hop-line-height-1-40);
+  --hop-caption-sm-font-weight: var(--hop-font-weight-410);
+  --hop-caption-sm-font-size: var(--hop-font-size-100);
+  --hop-caption-sm-font-family: var(--hop-font-family-tertiary);
+  --hop-caption-md-line-height: var(--hop-line-height-1-33);
+  --hop-caption-md-font-weight: var(--hop-font-weight-410);
+  --hop-caption-md-font-size: var(--hop-font-size-120);
+  --hop-caption-md-font-family: var(--hop-font-family-tertiary);
+  --hop-caption-lg-line-height: var(--hop-line-height-1-4285);
+  --hop-caption-lg-font-weight: var(--hop-font-weight-410);
+  --hop-caption-lg-font-size: var(--hop-font-size-140);
+  --hop-caption-lg-font-family: var(--hop-font-family-tertiary);
+  --hop-caption-xl-line-height: var(--hop-line-height-1-50);
+  --hop-caption-xl-font-weight: var(--hop-font-weight-410);
+  --hop-caption-xl-font-size: var(--hop-font-size-160);
+  --hop-caption-xl-font-family: var(--hop-font-family-tertiary);
+  --hop-accent-xs-line-height: var(--hop-line-height-1-4285);
+  --hop-accent-xs-font-weight: var(--hop-font-weight-580);
+  --hop-accent-xs-font-size: var(--hop-font-size-140);
+  --hop-accent-xs-font-family: var(--hop-font-family-tertiary);
   --hop-accent-sm-line-height: var(--hop-line-height-1-33);
   --hop-accent-sm-font-weight: var(--hop-font-weight-580);
   --hop-accent-sm-font-size: var(--hop-font-size-180);
-  --hop-accent-sm-font-family: var(--hop-font-family-primary);
-  --hop-accent-lg-line-height: var(--hop-line-height-1-125);
+  --hop-accent-sm-font-family: var(--hop-font-family-tertiary);
+  --hop-accent-md-line-height: var(--hop-line-height-1-14);
+  --hop-accent-md-font-weight: var(--hop-font-weight-580);
+  --hop-accent-md-font-size: var(--hop-font-size-280);
+  --hop-accent-md-font-family: var(--hop-font-family-tertiary);
+  --hop-accent-lg-line-height: var(--hop-line-height-1-1666);
   --hop-accent-lg-font-weight: var(--hop-font-weight-580);
   --hop-accent-lg-font-size: var(--hop-font-size-480);
-  --hop-accent-lg-font-family: var(--hop-font-family-primary);
+  --hop-accent-lg-font-family: var(--hop-font-family-tertiary);
   --hop-body-xs-underline-line-height: var(--hop-line-height-1-33);
   --hop-body-xs-underline-font-weight: var(--hop-font-weight-505);
   --hop-body-xs-underline-font-size: var(--hop-font-size-120);
@@ -1411,6 +1467,32 @@
   --hop-comp-tile-background-color-press: var(--hop-neutral-surface-weak-press);
   --hop-comp-tile-background-color-hover: var(--hop-neutral-surface-weak-hover);
   --hop-comp-tile-background-color: var(--hop-neutral-surface);
+  --hop-comp-tag-text-font-size-lg: var(--hop-caption-lg-font-size);
+  --hop-comp-tag-text-font-size-md: var(--hop-caption-md-font-size);
+  --hop-comp-tag-text-font-size-sm: var(--hop-caption-md-font-size);
+  --hop-comp-tag-text-font: var(--hop-caption-md-font-family);
+  --hop-comp-tag-icon-color-error: var(--hop-danger-icon-weak);
+  --hop-comp-tag-icon-color-disabled: var(--hop-neutral-icon-disabled);
+  --hop-comp-tag-icon-color-selected: var(--hop-neutral-icon-always-light);
+  --hop-comp-tag-icon-color-press: var(--hop-neutral-icon-press);
+  --hop-comp-tag-icon-color-hover: var(--hop-neutral-icon-hover);
+  --hop-comp-tag-icon-color: var(--hop-neutral-icon);
+  --hop-comp-tag-text-color-error: var(--hop-danger-text-weak);
+  --hop-comp-tag-text-color-disabled: var(--hop-neutral-text-disabled);
+  --hop-comp-tag-text-color-selected: var(--hop-neutral-text-always-light);
+  --hop-comp-tag-text-color-press: var(--hop-neutral-text-press);
+  --hop-comp-tag-text-color-hover: var(--hop-neutral-text-hover);
+  --hop-comp-tag-text-color: var(--hop-neutral-text);
+  --hop-comp-tag-border-color-focus: var(--hop-primary-border-focus);
+  --hop-comp-tag-border-color-error: var(--hop-danger-border-strong);
+  --hop-comp-tag-border-color-disabled: var(--hop-neutral-border-weak);
+  --hop-comp-tag-border-color: var(--hop-neutral-border-weak);
+  --hop-comp-tag-background-color-disabled: var(--hop-neutral-surface-disabled);
+  --hop-comp-tag-background-color-selected: var(--hop-primary-surface-strong);
+  --hop-comp-tag-background-color-press: var(--hop-primary-surface-weak-press);
+  --hop-comp-tag-background-color-hover: var(--hop-primary-surface-weak-hover);
+  --hop-comp-tag-background-color: var(--hop-neutral-surface);
+  --hop-comp-tag-border-radius: var(--hop-shape-rounded-sm);
   --hop-comp-tabs-tab-panel-border-color-focus: var(--hop-primary-border-focus);
   --hop-comp-tabs-tab-border-radius: var(--hop-shape-rounded-sm);
   --hop-comp-tabs-tab-border-color-disabled: var(--hop-neutral-border-disabled);
@@ -1657,6 +1739,10 @@
   --hop-comp-button-primary-text-color-pressed: var(--hop-neutral-text-always-light);
   --hop-comp-button-primary-text-color-hover: var(--hop-neutral-text-always-light);
   --hop-comp-button-primary-text-color: var(--hop-neutral-text-always-light);
+  --hop-comp-button-text-font-size-xs: var(--hop-caption-md-font-size);
+  --hop-comp-button-text-font-size-sm: var(--hop-caption-lg-font-size);
+  --hop-comp-button-text-font-size-md: var(--hop-caption-xl-font-size);
+  --hop-comp-button-text-font: var(--hop-caption-md-font-family);
   --hop-comp-button-icon-color-disabled: var(--hop-neutral-icon-disabled);
   --hop-comp-button-text-color-disabled: var(--hop-neutral-text-disabled);
   --hop-comp-button-border-color-focus: var(--hop-primary-border-focus);

package/dist/theme/generated/workleap/dark.css

@@ -2,7 +2,7 @@
  * This file is generated by Style Dictionary. Do not edit directly.
  */
 
-.hop-5-2-3-workleap-dark {
+.hop-5-3-0-workleap-dark {
   --hop-neutral-surface-weak-transparent-always-dark: rgb(49 51 53 / 0.75);
   --hop-neutral-surface-transparent: rgb(35 36 38 / 0.9);
   --hop-space-1280: 8rem;
@@ -33,11 +33,23 @@
   --hop-easing-duration-3: 300ms;
   --hop-easing-duration-2: 200ms;
   --hop-easing-duration-1: 100ms;
+  --hop-letter-spacing-wide-30: 0.1875rem;
+  --hop-letter-spacing-wide-25: 0.15625rem;
+  --hop-letter-spacing-wide-20: 0.125rem;
+  --hop-letter-spacing-wide-15: 0.09375rem;
+  --hop-letter-spacing-wide-10: 0.0625rem;
+  --hop-letter-spacing-wide-5: 0.03125rem;
+  --hop-letter-spacing-dense-5: -0.03125rem;
+  --hop-letter-spacing-dense-10: -0.0625rem;
+  --hop-letter-spacing-0: 0;
   --hop-line-height-1-50: 1.5;
   --hop-line-height-1-4285: 1.4285714;
+  --hop-line-height-1-40: 1.4;
   --hop-line-height-1-33: 1.3333333;
+  --hop-line-height-1-2857: 1.2857142;
   --hop-line-height-1-25: 1.25;
   --hop-line-height-1-20: 1.2;
+  --hop-line-height-1-1666: 1.1666666;
   --hop-line-height-1-14: 1.1428571;
   --hop-line-height-1-125: 1.125;
   --hop-font-weight-690: 690;
@@ -57,6 +69,7 @@
   --hop-font-size-160: 1rem;
   --hop-font-size-140: 0.875rem;
   --hop-font-size-120: 0.75rem;
+  --hop-font-size-100: 0.625rem;
   --hop-font-family-tertiary: 'ABC Favorit Mono', Consolas, 'SF Mono', monospace;
   --hop-font-family-secondary: 'Inter', Helvetica, Arial, sans-serif;
   --hop-font-family-primary: 'ABC Favorit', Helvetica, Arial, sans-serif;

package/dist/theme/generated/workleap/light.css

@@ -2,7 +2,7 @@
  * This file is generated by Style Dictionary. Do not edit directly.
  */
 
-.hop-5-2-3-workleap {
+.hop-5-3-0-workleap {
   --hop-comp-tooltip-backdrop-filter: none;
   --hop-comp-tile-icon-color: transparent;
   --hop-comp-tile-outline-color-disabled: transparent;
@@ -10,6 +10,10 @@
   --hop-comp-tile-border-color-selected: transparent;
   --hop-comp-tile-border-color-focus: transparent;
   --hop-comp-tile-box-shadow: none;
+  --hop-comp-tag-text-font-letterspacing-lg: normal;
+  --hop-comp-tag-text-font-letterspacing-md: normal;
+  --hop-comp-tag-text-font-letterspacing-sm: normal;
+  --hop-comp-tag-text-transform: none;
   --hop-comp-popover-backdrop-filter: none;
   --hop-comp-modal-backdrop-filter: none;
   --hop-comp-modal-border: none;
@@ -47,6 +51,10 @@
   --hop-comp-button-upsell-border-color-loading: transparent;
   --hop-comp-button-primary-border-color: transparent;
   --hop-comp-button-primary-border-color-loading: transparent;
+  --hop-comp-button-text-font-letterspacing-xs: normal;
+  --hop-comp-button-text-font-letterspacing-sm: normal;
+  --hop-comp-button-text-font-letterspacing-md: normal;
+  --hop-comp-button-text-transform: none;
   --hop-overline-bottom-offset: -0.25rem;
   --hop-overline-top-offset: -0.25rem;
   --hop-heading-xs-medium-bottom-offset: -0.25rem;
@@ -355,11 +363,23 @@
   --hop-easing-duration-3: 300ms;
   --hop-easing-duration-2: 200ms;
   --hop-easing-duration-1: 100ms;
+  --hop-letter-spacing-wide-30: 0.1875rem;
+  --hop-letter-spacing-wide-25: 0.15625rem;
+  --hop-letter-spacing-wide-20: 0.125rem;
+  --hop-letter-spacing-wide-15: 0.09375rem;
+  --hop-letter-spacing-wide-10: 0.0625rem;
+  --hop-letter-spacing-wide-5: 0.03125rem;
+  --hop-letter-spacing-dense-5: -0.03125rem;
+  --hop-letter-spacing-dense-10: -0.0625rem;
+  --hop-letter-spacing-0: 0;
   --hop-line-height-1-50: 1.5;
   --hop-line-height-1-4285: 1.4285714;
+  --hop-line-height-1-40: 1.4;
   --hop-line-height-1-33: 1.3333333;
+  --hop-line-height-1-2857: 1.2857142;
   --hop-line-height-1-25: 1.25;
   --hop-line-height-1-20: 1.2;
+  --hop-line-height-1-1666: 1.1666666;
   --hop-line-height-1-14: 1.1428571;
   --hop-line-height-1-125: 1.125;
   --hop-font-weight-690: 690;
@@ -379,6 +399,7 @@
   --hop-font-size-160: 1rem;
   --hop-font-size-140: 0.875rem;
   --hop-font-size-120: 0.75rem;
+  --hop-font-size-100: 0.625rem;
   --hop-font-family-tertiary: 'ABC Favorit Mono', Consolas, 'SF Mono', monospace;
   --hop-font-family-secondary: 'Inter', Helvetica, Arial, sans-serif;
   --hop-font-family-primary: 'ABC Favorit', Helvetica, Arial, sans-serif;
@@ -605,6 +626,10 @@
   --hop-coastal-75: #bae6ff;
   --hop-coastal-50: #d9efff;
   --hop-coastal-25: #f0f8ff;
+  --hop-comp-tag-text-font-lineheight-lg: var(--hop-line-height-1-4285);
+  --hop-comp-tag-text-font-lineheight-md: var(--hop-line-height-1-33);
+  --hop-comp-tag-text-font-lineheight-sm: var(--hop-line-height-1-33);
+  --hop-comp-tag-text-font-weight: var(--hop-font-weight-410);
   --hop-comp-tabs-tab-list-border-block-end: var(--hop-space-10) solid var(--hop-neutral-border-weak);
   --hop-comp-tabs-tab-list-border: var(--hop-space-10) solid var(--hop-neutral-border-weak);
   --hop-comp-popover-border: var(--hop-space-10) solid var(--hop-neutral-border-weak);
@@ -630,15 +655,43 @@
   --hop-comp-button-secondary-box-shadow: var(--hop-shadow-none);
   --hop-comp-button-primary-box-shadow-loading: var(--hop-shadow-none);
   --hop-comp-button-primary-box-shadow: var(--hop-shadow-none);
+  --hop-comp-button-text-font-lineheight-xs: var(--hop-line-height-1-33);
+  --hop-comp-button-text-font-lineheight-sm: var(--hop-line-height-1-4285);
+  --hop-comp-button-text-font-lineheight-md: var(--hop-line-height-1-50);
+  --hop-comp-button-text-font-weight: var(--hop-font-weight-505);
   --hop-shape-rounded-sm: var(--hop-border-radius-1);
   --hop-shape-rounded-md: var(--hop-border-radius-2);
   --hop-shape-rounded-lg: var(--hop-border-radius-3);
   --hop-shape-pill: var(--hop-border-radius-4);
   --hop-shape-circle: var(--hop-border-radius-9999);
+  --hop-caption-sm-line-height: var(--hop-line-height-1-33);
+  --hop-caption-sm-font-weight: var(--hop-font-weight-410);
+  --hop-caption-sm-font-size: var(--hop-font-size-100);
+  --hop-caption-sm-font-family: var(--hop-font-family-secondary);
+  --hop-caption-md-line-height: var(--hop-line-height-1-33);
+  --hop-caption-md-font-weight: var(--hop-font-weight-410);
+  --hop-caption-md-font-size: var(--hop-font-size-120);
+  --hop-caption-md-font-family: var(--hop-font-family-secondary);
+  --hop-caption-lg-line-height: var(--hop-line-height-1-4285);
+  --hop-caption-lg-font-weight: var(--hop-font-weight-410);
+  --hop-caption-lg-font-size: var(--hop-font-size-140);
+  --hop-caption-lg-font-family: var(--hop-font-family-secondary);
+  --hop-caption-xl-line-height: var(--hop-line-height-1-50);
+  --hop-caption-xl-font-weight: var(--hop-font-weight-410);
+  --hop-caption-xl-font-size: var(--hop-font-size-160);
+  --hop-caption-xl-font-family: var(--hop-font-family-secondary);
+  --hop-accent-xs-line-height: var(--hop-line-height-1-4285);
+  --hop-accent-xs-font-weight: var(--hop-font-weight-580);
+  --hop-accent-xs-font-size: var(--hop-font-size-140);
+  --hop-accent-xs-font-family: var(--hop-font-family-primary);
   --hop-accent-sm-line-height: var(--hop-line-height-1-33);
   --hop-accent-sm-font-weight: var(--hop-font-weight-580);
   --hop-accent-sm-font-size: var(--hop-font-size-180);
   --hop-accent-sm-font-family: var(--hop-font-family-primary);
+  --hop-accent-md-line-height: var(--hop-line-height-1-14);
+  --hop-accent-md-font-weight: var(--hop-font-weight-580);
+  --hop-accent-md-font-size: var(--hop-font-size-280);
+  --hop-accent-md-font-family: var(--hop-font-family-primary);
   --hop-accent-lg-line-height: var(--hop-line-height-1-125);
   --hop-accent-lg-font-weight: var(--hop-font-weight-580);
   --hop-accent-lg-font-size: var(--hop-font-size-480);
@@ -1401,6 +1454,35 @@
   --hop-comp-tile-background-color-press: var(--hop-neutral-surface-press);
   --hop-comp-tile-background-color-hover: var(--hop-neutral-surface-hover);
   --hop-comp-tile-background-color: var(--hop-neutral-surface);
+  --hop-comp-tag-text-font-size-lg: var(--hop-body-sm-font-size);
+  --hop-comp-tag-text-font-size-md: var(--hop-body-xs-font-size);
+  --hop-comp-tag-text-font-size-sm: var(--hop-body-xs-font-size);
+  --hop-comp-tag-text-font: var(--hop-caption-md-font-family);
+  --hop-comp-tag-icon-color-error: var(--hop-danger-icon-weak);
+  --hop-comp-tag-icon-color-disabled: var(--hop-neutral-icon-disabled);
+  --hop-comp-tag-icon-color-selected: var(--hop-neutral-icon-selected);
+  --hop-comp-tag-icon-color-press: var(--hop-neutral-icon-press);
+  --hop-comp-tag-icon-color-hover: var(--hop-neutral-icon-hover);
+  --hop-comp-tag-icon-color: var(--hop-neutral-icon);
+  --hop-comp-tag-text-color-error: var(--hop-neutral-text);
+  --hop-comp-tag-text-color-disabled: var(--hop-neutral-text-disabled);
+  --hop-comp-tag-text-color-selected: var(--hop-neutral-text-selected);
+  --hop-comp-tag-text-color-press: var(--hop-neutral-text-press);
+  --hop-comp-tag-text-color-hover: var(--hop-neutral-text-hover);
+  --hop-comp-tag-text-color: var(--hop-neutral-text);
+  --hop-comp-tag-border-color-focus: var(--hop-primary-border-focus);
+  --hop-comp-tag-border-color-error: var(--hop-danger-border-strong);
+  --hop-comp-tag-border-color-disabled: var(--hop-neutral-border-weak);
+  --hop-comp-tag-border-color-selected: var(--hop-neutral-border-selected);
+  --hop-comp-tag-border-color-press: var(--hop-neutral-border-press);
+  --hop-comp-tag-border-color-hover: var(--hop-neutral-border-hover);
+  --hop-comp-tag-border-color: var(--hop-neutral-border);
+  --hop-comp-tag-background-color-disabled: var(--hop-neutral-surface-disabled);
+  --hop-comp-tag-background-color-selected: var(--hop-neutral-surface-selected);
+  --hop-comp-tag-background-color-press: var(--hop-neutral-surface-press);
+  --hop-comp-tag-background-color-hover: var(--hop-neutral-surface-hover);
+  --hop-comp-tag-background-color: var(--hop-neutral-surface);
+  --hop-comp-tag-border-radius: var(--hop-shape-pill);
   --hop-comp-tabs-tab-panel-border-color-focus: var(--hop-primary-border-focus);
   --hop-comp-tabs-tab-list-border-radius: var(--hop-shape-rounded-md);
   --hop-comp-tabs-tab-list-background-color: var(--hop-neutral-surface-weakest);
@@ -1656,6 +1738,10 @@
   --hop-comp-button-primary-text-color-pressed: var(--hop-primary-text-strong);
   --hop-comp-button-primary-text-color-hover: var(--hop-primary-text-strong-hover);
   --hop-comp-button-primary-text-color: var(--hop-primary-text-strong);
+  --hop-comp-button-text-font-size-xs: var(--hop-body-xs-font-size);
+  --hop-comp-button-text-font-size-sm: var(--hop-body-sm-font-size);
+  --hop-comp-button-text-font-size-md: var(--hop-body-md-font-size);
+  --hop-comp-button-text-font: var(--hop-caption-md-font-family);
   --hop-comp-button-icon-color-disabled: var(--hop-neutral-icon-disabled);
   --hop-comp-button-text-color-disabled: var(--hop-neutral-text-disabled);
   --hop-comp-button-border-color-focus: var(--hop-primary-border-focus);

package/dist/tokens/generated/styledSystemConstants.d.ts

@@ -1,5 +1,5 @@
 declare const HopperRootCssClass = "hop";
-declare const StyledSystemRootCssClass = "hop-5-2-3";
+declare const StyledSystemRootCssClass = "hop-5-3-0";
 declare const HopperVariablePrefix = "--hop";
 type Theme = "sharegate" | "workleap";
 

package/dist/tokens/generated/styledSystemConstants.js

@@ -1,2 +1,2 @@
-export { HopperRootCssClass, HopperVariablePrefix, StyledSystemRootCssClass } from '../../chunk-KYJN33SJ.js';
+export { HopperRootCssClass, HopperVariablePrefix, StyledSystemRootCssClass } from '../../chunk-QAUUAHRK.js';
 import '../../chunk-AQ5VUG5P.js';

package/dist/tokens/generated/styledSystemToTokenMappings.d.ts

@@ -1125,7 +1125,13 @@ declare const FontFamily: {
     readonly "body-xs-bold": "body-xs-bold-font-family";
     readonly "body-xs-underline": "body-xs-underline-font-family";
     readonly "accent-lg": "accent-lg-font-family";
+    readonly "accent-md": "accent-md-font-family";
     readonly "accent-sm": "accent-sm-font-family";
+    readonly "accent-xs": "accent-xs-font-family";
+    readonly "caption-xl": "caption-xl-font-family";
+    readonly "caption-lg": "caption-lg-font-family";
+    readonly "caption-md": "caption-md-font-family";
+    readonly "caption-sm": "caption-sm-font-family";
 };
 declare const FontWeight: {
     readonly core_400: "font-weight-400";
@@ -1167,9 +1173,16 @@ declare const FontWeight: {
     readonly "body-xs-bold": "body-xs-bold-font-weight";
     readonly "body-xs-underline": "body-xs-underline-font-weight";
     readonly "accent-lg": "accent-lg-font-weight";
+    readonly "accent-md": "accent-md-font-weight";
     readonly "accent-sm": "accent-sm-font-weight";
+    readonly "accent-xs": "accent-xs-font-weight";
+    readonly "caption-xl": "caption-xl-font-weight";
+    readonly "caption-lg": "caption-lg-font-weight";
+    readonly "caption-md": "caption-md-font-weight";
+    readonly "caption-sm": "caption-sm-font-weight";
 };
 declare const FontSize: {
+    readonly core_100: "font-size-100";
     readonly core_120: "font-size-120";
     readonly core_140: "font-size-140";
     readonly core_160: "font-size-160";
@@ -1212,14 +1225,23 @@ declare const FontSize: {
     readonly "body-xs-bold": "body-xs-bold-font-size";
     readonly "body-xs-underline": "body-xs-underline-font-size";
     readonly "accent-lg": "accent-lg-font-size";
+    readonly "accent-md": "accent-md-font-size";
     readonly "accent-sm": "accent-sm-font-size";
+    readonly "accent-xs": "accent-xs-font-size";
+    readonly "caption-xl": "caption-xl-font-size";
+    readonly "caption-lg": "caption-lg-font-size";
+    readonly "caption-md": "caption-md-font-size";
+    readonly "caption-sm": "caption-sm-font-size";
 };
 declare const LineHeight: {
     readonly "core_1-125": "line-height-1-125";
     readonly "core_1-14": "line-height-1-14";
+    readonly "core_1-1666": "line-height-1-1666";
     readonly "core_1-20": "line-height-1-20";
     readonly "core_1-25": "line-height-1-25";
+    readonly "core_1-2857": "line-height-1-2857";
     readonly "core_1-33": "line-height-1-33";
+    readonly "core_1-40": "line-height-1-40";
     readonly "core_1-4285": "line-height-1-4285";
     readonly "core_1-50": "line-height-1-50";
     readonly "heading-3xl": "heading-3xl-line-height";
@@ -1254,7 +1276,24 @@ declare const LineHeight: {
     readonly "body-xs-bold": "body-xs-bold-line-height";
     readonly "body-xs-underline": "body-xs-underline-line-height";
     readonly "accent-lg": "accent-lg-line-height";
+    readonly "accent-md": "accent-md-line-height";
     readonly "accent-sm": "accent-sm-line-height";
+    readonly "accent-xs": "accent-xs-line-height";
+    readonly "caption-xl": "caption-xl-line-height";
+    readonly "caption-lg": "caption-lg-line-height";
+    readonly "caption-md": "caption-md-line-height";
+    readonly "caption-sm": "caption-sm-line-height";
+};
+declare const LetterSpacing: {
+    readonly core_0: "letter-spacing-0";
+    readonly "core_dense-10": "letter-spacing-dense-10";
+    readonly "core_dense-5": "letter-spacing-dense-5";
+    readonly "core_wide-5": "letter-spacing-wide-5";
+    readonly "core_wide-10": "letter-spacing-wide-10";
+    readonly "core_wide-15": "letter-spacing-wide-15";
+    readonly "core_wide-20": "letter-spacing-wide-20";
+    readonly "core_wide-25": "letter-spacing-wide-25";
+    readonly "core_wide-30": "letter-spacing-wide-30";
 };
 declare const FontOffset: {
     readonly "heading-3xl-top-offset": "heading-3xl-top-offset";
@@ -1343,7 +1382,7 @@ declare const Motions: {
     readonly "easing-focus": "easing-focus";
     readonly "easing-expressive": "easing-expressive";
 };
-type HopperTokenKey = `--hop-${typeof HopperColors[keyof typeof HopperColors] | typeof BackgroundColors[keyof typeof BackgroundColors] | typeof TextColors[keyof typeof TextColors] | typeof IconColors[keyof typeof IconColors] | typeof BorderColors[keyof typeof BorderColors] | typeof DataVizColors[keyof typeof DataVizColors] | typeof GradientColors[keyof typeof GradientColors] | typeof Elevation[keyof typeof Elevation] | typeof FontFamily[keyof typeof FontFamily] | typeof FontWeight[keyof typeof FontWeight] | typeof FontOffset[keyof typeof FontOffset] | typeof FontSize[keyof typeof FontSize] | typeof LineHeight[keyof typeof LineHeight] | typeof Shape[keyof typeof Shape] | typeof CoreSpace[keyof typeof CoreSpace] | typeof Motions[keyof typeof Motions] | typeof SemanticSimplePaddingSpace[keyof typeof SemanticSimplePaddingSpace] | typeof SemanticComplexPaddingSpace[keyof typeof SemanticComplexPaddingSpace] | typeof SemanticSimpleMarginSpace[keyof typeof SemanticSimpleMarginSpace] | typeof SemanticComplexMarginSpace[keyof typeof SemanticComplexMarginSpace]}`;
+type HopperTokenKey = `--hop-${typeof HopperColors[keyof typeof HopperColors] | typeof BackgroundColors[keyof typeof BackgroundColors] | typeof TextColors[keyof typeof TextColors] | typeof IconColors[keyof typeof IconColors] | typeof BorderColors[keyof typeof BorderColors] | typeof DataVizColors[keyof typeof DataVizColors] | typeof GradientColors[keyof typeof GradientColors] | typeof Elevation[keyof typeof Elevation] | typeof FontFamily[keyof typeof FontFamily] | typeof FontWeight[keyof typeof FontWeight] | typeof FontOffset[keyof typeof FontOffset] | typeof FontSize[keyof typeof FontSize] | typeof LineHeight[keyof typeof LineHeight] | typeof LetterSpacing[keyof typeof LetterSpacing] | typeof Shape[keyof typeof Shape] | typeof CoreSpace[keyof typeof CoreSpace] | typeof Motions[keyof typeof Motions] | typeof SemanticSimplePaddingSpace[keyof typeof SemanticSimplePaddingSpace] | typeof SemanticComplexPaddingSpace[keyof typeof SemanticComplexPaddingSpace] | typeof SemanticSimpleMarginSpace[keyof typeof SemanticSimpleMarginSpace] | typeof SemanticComplexMarginSpace[keyof typeof SemanticComplexMarginSpace]}`;
 type HopperCssVar = `var(${HopperTokenKey})`;
 
-export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontOffset, FontSize, FontWeight, GradientColors, HopperColors, type HopperCssVar, type HopperTokenKey, IconColors, LineHeight, Motions, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors };
+export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontOffset, FontSize, FontWeight, GradientColors, HopperColors, type HopperCssVar, type HopperTokenKey, IconColors, LetterSpacing, LineHeight, Motions, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors };

package/dist/tokens/generated/styledSystemToTokenMappings.js

@@ -1,2 +1,2 @@
-export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontOffset, FontSize, FontWeight, GradientColors, HopperColors, IconColors, LineHeight, Motions, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors } from '../../chunk-3QXVL3DW.js';
+export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontOffset, FontSize, FontWeight, GradientColors, HopperColors, IconColors, LetterSpacing, LineHeight, Motions, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors } from '../../chunk-2BMH444W.js';
 import '../../chunk-AQ5VUG5P.js';

package/dist/tokens/tokenMappings.d.ts

@@ -3121,10 +3121,11 @@ declare const IconColorMapping: {
     "warning-weakest": string;
 };
 declare const BoxShadowMapping: Record<"none" | "core_none" | "core_sm" | "core_md" | "core_lg" | "raised" | "lifted" | "floating", string>;
-declare const FontSizeMapping: Record<"core_160" | "core_240" | "core_320" | "core_480" | "heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-sm" | "core_120" | "core_140" | "core_180" | "core_200" | "core_280" | "core_360", string>;
-declare const FontWeightMapping: Record<"core_400" | "heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-sm" | "core_410" | "core_505" | "core_580" | "core_590" | "core_680" | "core_690", string>;
-declare const LineHeightMapping: Record<"heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-sm" | "core_1-125" | "core_1-14" | "core_1-20" | "core_1-25" | "core_1-33" | "core_1-4285" | "core_1-50", string>;
-declare const FontFamilyMapping: Record<"core_primary" | "core_secondary" | "core_tertiary" | "heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-sm", string>;
+declare const FontSizeMapping: Record<"core_160" | "core_240" | "core_320" | "core_480" | "heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-md" | "accent-sm" | "accent-xs" | "caption-xl" | "caption-lg" | "caption-md" | "caption-sm" | "core_100" | "core_120" | "core_140" | "core_180" | "core_200" | "core_280" | "core_360", string>;
+declare const FontWeightMapping: Record<"core_400" | "heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-md" | "accent-sm" | "accent-xs" | "caption-xl" | "caption-lg" | "caption-md" | "caption-sm" | "core_410" | "core_505" | "core_580" | "core_590" | "core_680" | "core_690", string>;
+declare const LineHeightMapping: Record<"heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-md" | "accent-sm" | "accent-xs" | "caption-xl" | "caption-lg" | "caption-md" | "caption-sm" | "core_1-125" | "core_1-14" | "core_1-1666" | "core_1-20" | "core_1-25" | "core_1-2857" | "core_1-33" | "core_1-40" | "core_1-4285" | "core_1-50", string>;
+declare const LetterSpacingMapping: Record<"core_0" | "core_dense-10" | "core_dense-5" | "core_wide-5" | "core_wide-10" | "core_wide-15" | "core_wide-20" | "core_wide-25" | "core_wide-30", string>;
+declare const FontFamilyMapping: Record<"core_primary" | "core_secondary" | "core_tertiary" | "heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-md" | "accent-sm" | "accent-xs" | "caption-xl" | "caption-lg" | "caption-md" | "caption-sm", string>;
 declare const BorderRadiusMapping: Record<"circle" | "core_0" | "core_1" | "core_2" | "core_3" | "core_4" | "core_9999" | "pill" | "rounded-lg" | "rounded-md" | "rounded-sm", string>;
 declare const SpaceMapping: {
     core_0: string;
@@ -3328,6 +3329,8 @@ type HeightValue = keyof typeof SizingMapping | CSSSizing | "-moz-max-content" |
 type UNSAFE_HeightValue = keyof typeof SizingMapping | Property.Height;
 type LineHeightValue = keyof typeof LineHeightMapping | Globals | "normal" | 0;
 type UNSAFE_LineHeightValue = keyof typeof LineHeightMapping | Property.LineHeight;
+type LetterSpacingValue = keyof typeof LetterSpacingMapping | Globals | "normal";
+type UNSAFE_LetterSpacingValue = keyof typeof LetterSpacingMapping | Property.LetterSpacing;
 type SimpleMarginValue = keyof typeof SimpleMarginMapping | Globals | "auto" | 0;
 type UNSAFE_SimpleMarginValue = keyof typeof SimpleMarginMapping | Property.Margin;
 type ComplexMarginValue = keyof typeof ComplexMarginMapping | Globals | "auto" | 0;
@@ -3352,4 +3355,4 @@ declare function parseResponsiveSystemValue<TValue extends string | number>(valu
 declare function getSystemValue<T extends string | number>(value: T, systemValues: Record<T, string>): Record<T, string>[T];
 declare function getSizingValue(value: UNSAFE_SizingValue | (string & {})): string | (number & {});
 
-export { BackgroundColorMapping, type BackgroundColorValue, BorderMapping, BorderRadiusMapping, type BorderRadiusValue, type BorderValue, BoxShadowMapping, type BoxShadowValue, type CSSOutline, type CSSSizing, ColorExpressionTypes, ColorMapping, type ColorValue, type ColumnGapValue, ComplexMarginMapping, type ComplexMarginValue, ComplexPaddingMapping, type ComplexPaddingValue, type CssBorder, type CssBorderRadius, type CssBoxShadow, type CssColor, type CssFill, type CssGap, type CssGrid, type CssGridTemplate, DataVizColorMapping, DefaultBorderWidthAndStyle, DefaultOutlineWidthAndStyle, type FRValues, type FillValue, FontFamilyMapping, type FontFamilyValue, FontSizeMapping, type FontSizeValue, FontWeightMapping, type FontWeightValue, type GapValue, GradientColorMapping, type GridAutoColumnsValue, type GridAutoRowsValue, type GridColumSpanValue, type GridRowSpanValue, type GridTemplateAreasValue, type GridTemplateColumnsValue, type GridTemplateRowsValue, type HeightValue, IconColorMapping, LineHeightMapping, type LineHeightValue, OutlineMapping, type OutlineValue, type Percentage, type RowGapValue, SimpleMarginMapping, type SimpleMarginValue, SimplePaddingMapping, type SimplePaddingValue, SizingMapping, type SizingValue, SpaceMapping, type StrokeValue, TextColorMapping, type UNSAFE_BackgroundColorValue, type UNSAFE_BorderRadiusValue, type UNSAFE_BorderValue, type UNSAFE_BoxShadowValue, type UNSAFE_ColorValue, type UNSAFE_ColumnGapValue, type UNSAFE_ComplexMarginValue, type UNSAFE_ComplexPaddingValue, type UNSAFE_FillValue, type UNSAFE_FontFamilyValue, type UNSAFE_FontSizeValue, type UNSAFE_FontWeightValue, type UNSAFE_GapValue, type UNSAFE_GridAutoColumnsValue, type UNSAFE_GridAutoRowsValue, type UNSAFE_GridTemplateColumnsValue, type UNSAFE_GridTemplateRowsValue, type UNSAFE_HeightValue, type UNSAFE_LineHeightValue, type UNSAFE_OutlineValue, type UNSAFE_RowGapValue, type UNSAFE_SimpleMarginValue, type UNSAFE_SimplePaddingValue, type UNSAFE_SizingValue, type UNSAFE_StrokeValue, type UNSAFE_WidthValue, type WidthValue, getSizingValue, getSystemValue, parseResponsiveSystemValue };
+export { BackgroundColorMapping, type BackgroundColorValue, BorderMapping, BorderRadiusMapping, type BorderRadiusValue, type BorderValue, BoxShadowMapping, type BoxShadowValue, type CSSOutline, type CSSSizing, ColorExpressionTypes, ColorMapping, type ColorValue, type ColumnGapValue, ComplexMarginMapping, type ComplexMarginValue, ComplexPaddingMapping, type ComplexPaddingValue, type CssBorder, type CssBorderRadius, type CssBoxShadow, type CssColor, type CssFill, type CssGap, type CssGrid, type CssGridTemplate, DataVizColorMapping, DefaultBorderWidthAndStyle, DefaultOutlineWidthAndStyle, type FRValues, type FillValue, FontFamilyMapping, type FontFamilyValue, FontSizeMapping, type FontSizeValue, FontWeightMapping, type FontWeightValue, type GapValue, GradientColorMapping, type GridAutoColumnsValue, type GridAutoRowsValue, type GridColumSpanValue, type GridRowSpanValue, type GridTemplateAreasValue, type GridTemplateColumnsValue, type GridTemplateRowsValue, type HeightValue, IconColorMapping, LetterSpacingMapping, type LetterSpacingValue, LineHeightMapping, type LineHeightValue, OutlineMapping, type OutlineValue, type Percentage, type RowGapValue, SimpleMarginMapping, type SimpleMarginValue, SimplePaddingMapping, type SimplePaddingValue, SizingMapping, type SizingValue, SpaceMapping, type StrokeValue, TextColorMapping, type UNSAFE_BackgroundColorValue, type UNSAFE_BorderRadiusValue, type UNSAFE_BorderValue, type UNSAFE_BoxShadowValue, type UNSAFE_ColorValue, type UNSAFE_ColumnGapValue, type UNSAFE_ComplexMarginValue, type UNSAFE_ComplexPaddingValue, type UNSAFE_FillValue, type UNSAFE_FontFamilyValue, type UNSAFE_FontSizeValue, type UNSAFE_FontWeightValue, type UNSAFE_GapValue, type UNSAFE_GridAutoColumnsValue, type UNSAFE_GridAutoRowsValue, type UNSAFE_GridTemplateColumnsValue, type UNSAFE_GridTemplateRowsValue, type UNSAFE_HeightValue, type UNSAFE_LetterSpacingValue, type UNSAFE_LineHeightValue, type UNSAFE_OutlineValue, type UNSAFE_RowGapValue, type UNSAFE_SimpleMarginValue, type UNSAFE_SimplePaddingValue, type UNSAFE_SizingValue, type UNSAFE_StrokeValue, type UNSAFE_WidthValue, type WidthValue, getSizingValue, getSystemValue, parseResponsiveSystemValue };

package/dist/tokens/tokenMappings.js

@@ -1,8 +1,8 @@
-export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, DefaultOutlineWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, GradientColorMapping, IconColorMapping, LineHeightMapping, OutlineMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from '../chunk-VXORJDJA.js';
-import '../chunk-3QXVL3DW.js';
+export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, DefaultOutlineWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, GradientColorMapping, IconColorMapping, LetterSpacingMapping, LineHeightMapping, OutlineMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from '../chunk-TZCNHN3Q.js';
+import '../chunk-2BMH444W.js';
 import '../chunk-FTYK7Z7Q.js';
 import '../chunk-U5R6ZXH3.js';
 import '../chunk-VBKLISDI.js';
 import '../chunk-XUHDFZZL.js';
-import '../chunk-KYJN33SJ.js';
+import '../chunk-QAUUAHRK.js';
 import '../chunk-AQ5VUG5P.js';