@hopper-ui/styled-system 3.2.3 → 4.0.0

package/dist/html-wrappers/htmlElement.css

@@ -1,132 +1,132 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/UseStyledSystem.module.css/#css-module-data */
-.UseStyledSystem-module__hop-b-hover___SfWlC:hover {
+.UseStyledSystem-module__hop-b-hover___JoD3R:hover {
   --hop-b-hover: initial;
   border: var(--hop-b-hover) !important;
 }
-.UseStyledSystem-module__hop-bb-hover___MxevL:hover {
+.UseStyledSystem-module__hop-bb-hover___Eo8QP:hover {
   --hop-bb-hover: initial;
   border-bottom: var(--hop-bb-hover) !important;
 }
-.UseStyledSystem-module__hop-bl-hover___RXaT8:hover {
+.UseStyledSystem-module__hop-bl-hover___UqR66:hover {
   --hop-bl-hover: initial;
   border-left: var(--hop-bl-hover) !important;
 }
-.UseStyledSystem-module__hop-br-hover___EJMZ2:hover {
+.UseStyledSystem-module__hop-br-hover___hxQHb:hover {
   --hop-br-hover: initial;
   border-right: var(--hop-br-hover) !important;
 }
-.UseStyledSystem-module__hop-bt-hover___7W7Vr:hover {
+.UseStyledSystem-module__hop-bt-hover___AyqnV:hover {
   --hop-bt-hover: initial;
   border-top: var(--hop-bt-hover) !important;
 }
-.UseStyledSystem-module__hop-b-focus___dGU-W:focus-visible {
+.UseStyledSystem-module__hop-b-focus___74YP-:focus-visible {
   --hop-b-focus: initial;
   border: var(--hop-b-focus) !important;
 }
-.UseStyledSystem-module__hop-bb-focus___zqfPj:focus-visible {
+.UseStyledSystem-module__hop-bb-focus___b4VWo:focus-visible {
   --hop-bb-focus: initial;
   border-bottom: var(--hop-bb-focus) !important;
 }
-.UseStyledSystem-module__hop-bl-focus___Mx9Dq:focus-visible {
+.UseStyledSystem-module__hop-bl-focus___rl6Wn:focus-visible {
   --hop-bl-focus: initial;
   border-left: var(--hop-bl-focus) !important;
 }
-.UseStyledSystem-module__hop-br-focus___T98D0:focus-visible {
+.UseStyledSystem-module__hop-br-focus___slvwf:focus-visible {
   --hop-br-focus: initial;
   border-right: var(--hop-br-focus) !important;
 }
-.UseStyledSystem-module__hop-bt-focus___Yafpm:focus-visible {
+.UseStyledSystem-module__hop-bt-focus___g2mQz:focus-visible {
   --hop-bt-focus: initial;
   border-top: var(--hop-bt-focus) !important;
 }
-.UseStyledSystem-module__hop-b-active___OLZn0:active {
+.UseStyledSystem-module__hop-b-active___jzqga:active {
   --hop-b-active: initial;
   border: var(--hop-b-active) !important;
 }
-.UseStyledSystem-module__hop-bb-active___jdV9v:active {
+.UseStyledSystem-module__hop-bb-active___0GVhz:active {
   --hop-bb-active: initial;
   border-bottom: var(--hop-bb-active) !important;
 }
-.UseStyledSystem-module__hop-bl-active___tlzAO:active {
+.UseStyledSystem-module__hop-bl-active___Ze0Ut:active {
   --hop-bl-active: initial;
   border-left: var(--hop-bl-active) !important;
 }
-.UseStyledSystem-module__hop-br-active___EPgIq:active {
+.UseStyledSystem-module__hop-br-active___OwfJe:active {
   --hop-br-active: initial;
   border-right: var(--hop-br-active) !important;
 }
-.UseStyledSystem-module__hop-bt-active___dh8uF:active {
+.UseStyledSystem-module__hop-bt-active___xkKME:active {
   --hop-bt-active: initial;
   border-top: var(--hop-bt-active) !important;
 }
-.UseStyledSystem-module__hop-bg-hover___qB25N:hover {
+.UseStyledSystem-module__hop-bg-hover___Rn84Y:hover {
   --hop-bg-hover: initial;
   background-color: var(--hop-bg-hover) !important;
 }
-.UseStyledSystem-module__hop-bg-focus___McFCo:focus-visible {
+.UseStyledSystem-module__hop-bg-focus___11LTL:focus-visible {
   --hop-bg-focus: initial;
   background-color: var(--hop-bg-focus) !important;
 }
-.UseStyledSystem-module__hop-bg-active___1s9r1:active {
+.UseStyledSystem-module__hop-bg-active___B7r5J:active {
   --hop-bg-active: initial;
   background-color: var(--hop-bg-active) !important;
 }
-.UseStyledSystem-module__hop-bs-hover___tXHvr:hover {
+.UseStyledSystem-module__hop-bs-hover___wG-nN:hover {
   --hop-bs-hover: initial;
   box-shadow: var(--hop-bs-hover) !important;
 }
-.UseStyledSystem-module__hop-bs-focus___noYce:focus-visible {
+.UseStyledSystem-module__hop-bs-focus___Ui3-S:focus-visible {
   --hop-bs-focus: initial;
   box-shadow: var(--hop-bs-focus) !important;
 }
-.UseStyledSystem-module__hop-bs-active___jcXM1:active {
+.UseStyledSystem-module__hop-bs-active___001wz:active {
   --hop-bs-active: initial;
   box-shadow: var(--hop-bs-active) !important;
 }
-.UseStyledSystem-module__hop-c-hover___mKoDI:hover {
+.UseStyledSystem-module__hop-c-hover___aG-pk:hover {
   --hop-c-hover: initial;
   color: var(--hop-c-hover) !important;
 }
-.UseStyledSystem-module__hop-c-focus___8H9gk:focus-visible {
+.UseStyledSystem-module__hop-c-focus___6o0tp:focus-visible {
   --hop-c-focus: initial;
   color: var(--hop-c-focus) !important;
 }
-.UseStyledSystem-module__hop-c-active___RRQ1U:active {
+.UseStyledSystem-module__hop-c-active___fYi9B:active {
   --hop-c-active: initial;
   color: var(--hop-c-active) !important;
 }
-.UseStyledSystem-module__hop-cs-hover___fvS5L:hover {
+.UseStyledSystem-module__hop-cs-hover___GadTG:hover {
   --hop-cs-hover: initial;
   cursor: var(--hop-cs-hover) !important;
 }
-.UseStyledSystem-module__hop-f-hover___4hcNR:hover {
+.UseStyledSystem-module__hop-f-hover___SS6Ag:hover {
   --hop-f-hover: initial;
   fill: var(--hop-f-hover) !important;
 }
-.UseStyledSystem-module__hop-f-focus___-F6ea:focus-visible {
+.UseStyledSystem-module__hop-f-focus___tIGqP:focus-visible {
   --hop-f-focus: initial;
   fill: var(--hop-f-focus) !important;
 }
-.UseStyledSystem-module__hop-o-hover___lf1Ev:hover {
+.UseStyledSystem-module__hop-o-hover___3u-Po:hover {
   --hop-o-hover: initial;
   opacity: var(--hop-o-hover) !important;
 }
-.UseStyledSystem-module__hop-o-focus___yv0l1:focus-visible {
+.UseStyledSystem-module__hop-o-focus___DvIjI:focus-visible {
   --hop-o-focus: initial;
   opacity: var(--hop-o-focus) !important;
 }
-.UseStyledSystem-module__hop-o-active___3INiY:active {
+.UseStyledSystem-module__hop-o-active___3jiIc:active {
   --hop-o-active: initial;
   opacity: var(--hop-o-active) !important;
 }
-.UseStyledSystem-module__hop-ol-focus___cvdxl:focus-visible {
+.UseStyledSystem-module__hop-ol-focus___m-i1t:focus-visible {
   --hop-ol-focus: initial;
   outline: var(--hop-ol-focus) !important;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/html-wrappers/htmlElement.module.css/#css-module-data */
-:where(.htmlElement-module__hop-HtmlElement___rImmg),
-:where(.htmlElement-module__hop-HtmlElement___rImmg::after),
-:where(.htmlElement-module__hop-HtmlElement___rImmg::before) {
+:where(.htmlElement-module__hop-HtmlElement___hPHYV),
+:where(.htmlElement-module__hop-HtmlElement___hPHYV::after),
+:where(.htmlElement-module__hop-HtmlElement___hPHYV::before) {
   box-sizing: border-box;
 }

package/dist/html-wrappers/htmlElement.js

@@ -1,11 +1,11 @@
-export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from '../chunk-UOBQPWH7.js';
-import '../chunk-O7B7VLBY.js';
-import '../chunk-VXORJDJA.js';
-import '../chunk-3QXVL3DW.js';
+export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from '../chunk-LLGTCJEP.js';
+import '../chunk-BLSIMXE7.js';
+import '../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-QMDDVBCZ.js';
-import '../chunk-KYJN33SJ.js';
+import '../chunk-QAUUAHRK.js';
 import '../chunk-AQ5VUG5P.js';

package/dist/index.css

@@ -1,132 +1,132 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/UseStyledSystem.module.css/#css-module-data */
-.UseStyledSystem-module__hop-b-hover___SfWlC:hover {
+.UseStyledSystem-module__hop-b-hover___JoD3R:hover {
   --hop-b-hover: initial;
   border: var(--hop-b-hover) !important;
 }
-.UseStyledSystem-module__hop-bb-hover___MxevL:hover {
+.UseStyledSystem-module__hop-bb-hover___Eo8QP:hover {
   --hop-bb-hover: initial;
   border-bottom: var(--hop-bb-hover) !important;
 }
-.UseStyledSystem-module__hop-bl-hover___RXaT8:hover {
+.UseStyledSystem-module__hop-bl-hover___UqR66:hover {
   --hop-bl-hover: initial;
   border-left: var(--hop-bl-hover) !important;
 }
-.UseStyledSystem-module__hop-br-hover___EJMZ2:hover {
+.UseStyledSystem-module__hop-br-hover___hxQHb:hover {
   --hop-br-hover: initial;
   border-right: var(--hop-br-hover) !important;
 }
-.UseStyledSystem-module__hop-bt-hover___7W7Vr:hover {
+.UseStyledSystem-module__hop-bt-hover___AyqnV:hover {
   --hop-bt-hover: initial;
   border-top: var(--hop-bt-hover) !important;
 }
-.UseStyledSystem-module__hop-b-focus___dGU-W:focus-visible {
+.UseStyledSystem-module__hop-b-focus___74YP-:focus-visible {
   --hop-b-focus: initial;
   border: var(--hop-b-focus) !important;
 }
-.UseStyledSystem-module__hop-bb-focus___zqfPj:focus-visible {
+.UseStyledSystem-module__hop-bb-focus___b4VWo:focus-visible {
   --hop-bb-focus: initial;
   border-bottom: var(--hop-bb-focus) !important;
 }
-.UseStyledSystem-module__hop-bl-focus___Mx9Dq:focus-visible {
+.UseStyledSystem-module__hop-bl-focus___rl6Wn:focus-visible {
   --hop-bl-focus: initial;
   border-left: var(--hop-bl-focus) !important;
 }
-.UseStyledSystem-module__hop-br-focus___T98D0:focus-visible {
+.UseStyledSystem-module__hop-br-focus___slvwf:focus-visible {
   --hop-br-focus: initial;
   border-right: var(--hop-br-focus) !important;
 }
-.UseStyledSystem-module__hop-bt-focus___Yafpm:focus-visible {
+.UseStyledSystem-module__hop-bt-focus___g2mQz:focus-visible {
   --hop-bt-focus: initial;
   border-top: var(--hop-bt-focus) !important;
 }
-.UseStyledSystem-module__hop-b-active___OLZn0:active {
+.UseStyledSystem-module__hop-b-active___jzqga:active {
   --hop-b-active: initial;
   border: var(--hop-b-active) !important;
 }
-.UseStyledSystem-module__hop-bb-active___jdV9v:active {
+.UseStyledSystem-module__hop-bb-active___0GVhz:active {
   --hop-bb-active: initial;
   border-bottom: var(--hop-bb-active) !important;
 }
-.UseStyledSystem-module__hop-bl-active___tlzAO:active {
+.UseStyledSystem-module__hop-bl-active___Ze0Ut:active {
   --hop-bl-active: initial;
   border-left: var(--hop-bl-active) !important;
 }
-.UseStyledSystem-module__hop-br-active___EPgIq:active {
+.UseStyledSystem-module__hop-br-active___OwfJe:active {
   --hop-br-active: initial;
   border-right: var(--hop-br-active) !important;
 }
-.UseStyledSystem-module__hop-bt-active___dh8uF:active {
+.UseStyledSystem-module__hop-bt-active___xkKME:active {
   --hop-bt-active: initial;
   border-top: var(--hop-bt-active) !important;
 }
-.UseStyledSystem-module__hop-bg-hover___qB25N:hover {
+.UseStyledSystem-module__hop-bg-hover___Rn84Y:hover {
   --hop-bg-hover: initial;
   background-color: var(--hop-bg-hover) !important;
 }
-.UseStyledSystem-module__hop-bg-focus___McFCo:focus-visible {
+.UseStyledSystem-module__hop-bg-focus___11LTL:focus-visible {
   --hop-bg-focus: initial;
   background-color: var(--hop-bg-focus) !important;
 }
-.UseStyledSystem-module__hop-bg-active___1s9r1:active {
+.UseStyledSystem-module__hop-bg-active___B7r5J:active {
   --hop-bg-active: initial;
   background-color: var(--hop-bg-active) !important;
 }
-.UseStyledSystem-module__hop-bs-hover___tXHvr:hover {
+.UseStyledSystem-module__hop-bs-hover___wG-nN:hover {
   --hop-bs-hover: initial;
   box-shadow: var(--hop-bs-hover) !important;
 }
-.UseStyledSystem-module__hop-bs-focus___noYce:focus-visible {
+.UseStyledSystem-module__hop-bs-focus___Ui3-S:focus-visible {
   --hop-bs-focus: initial;
   box-shadow: var(--hop-bs-focus) !important;
 }
-.UseStyledSystem-module__hop-bs-active___jcXM1:active {
+.UseStyledSystem-module__hop-bs-active___001wz:active {
   --hop-bs-active: initial;
   box-shadow: var(--hop-bs-active) !important;
 }
-.UseStyledSystem-module__hop-c-hover___mKoDI:hover {
+.UseStyledSystem-module__hop-c-hover___aG-pk:hover {
   --hop-c-hover: initial;
   color: var(--hop-c-hover) !important;
 }
-.UseStyledSystem-module__hop-c-focus___8H9gk:focus-visible {
+.UseStyledSystem-module__hop-c-focus___6o0tp:focus-visible {
   --hop-c-focus: initial;
   color: var(--hop-c-focus) !important;
 }
-.UseStyledSystem-module__hop-c-active___RRQ1U:active {
+.UseStyledSystem-module__hop-c-active___fYi9B:active {
   --hop-c-active: initial;
   color: var(--hop-c-active) !important;
 }
-.UseStyledSystem-module__hop-cs-hover___fvS5L:hover {
+.UseStyledSystem-module__hop-cs-hover___GadTG:hover {
   --hop-cs-hover: initial;
   cursor: var(--hop-cs-hover) !important;
 }
-.UseStyledSystem-module__hop-f-hover___4hcNR:hover {
+.UseStyledSystem-module__hop-f-hover___SS6Ag:hover {
   --hop-f-hover: initial;
   fill: var(--hop-f-hover) !important;
 }
-.UseStyledSystem-module__hop-f-focus___-F6ea:focus-visible {
+.UseStyledSystem-module__hop-f-focus___tIGqP:focus-visible {
   --hop-f-focus: initial;
   fill: var(--hop-f-focus) !important;
 }
-.UseStyledSystem-module__hop-o-hover___lf1Ev:hover {
+.UseStyledSystem-module__hop-o-hover___3u-Po:hover {
   --hop-o-hover: initial;
   opacity: var(--hop-o-hover) !important;
 }
-.UseStyledSystem-module__hop-o-focus___yv0l1:focus-visible {
+.UseStyledSystem-module__hop-o-focus___DvIjI:focus-visible {
   --hop-o-focus: initial;
   opacity: var(--hop-o-focus) !important;
 }
-.UseStyledSystem-module__hop-o-active___3INiY:active {
+.UseStyledSystem-module__hop-o-active___3jiIc:active {
   --hop-o-active: initial;
   opacity: var(--hop-o-active) !important;
 }
-.UseStyledSystem-module__hop-ol-focus___cvdxl:focus-visible {
+.UseStyledSystem-module__hop-ol-focus___m-i1t:focus-visible {
   --hop-ol-focus: initial;
   outline: var(--hop-ol-focus) !important;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/html-wrappers/htmlElement.module.css/#css-module-data */
-:where(.htmlElement-module__hop-HtmlElement___rImmg),
-:where(.htmlElement-module__hop-HtmlElement___rImmg::after),
-:where(.htmlElement-module__hop-HtmlElement___rImmg::before) {
+:where(.htmlElement-module__hop-HtmlElement___hPHYV),
+:where(.htmlElement-module__hop-HtmlElement___hPHYV::after),
+:where(.htmlElement-module__hop-HtmlElement___hPHYV::before) {
   box-sizing: border-box;
 }

package/dist/index.d.ts

@@ -10,7 +10,7 @@ export { Breakpoint, Breakpoints } from './responsive/Breakpoints.js';
 export { ResponsiveProp, ResponsiveValue, isResponsiveObject, parseResponsiveValue, useResponsiveValue } from './responsive/useResponsiveValue.js';
 export { ThemeContext, ThemeContextType, useThemeContext } from './theme/ThemeContext.js';
 export { HopperRootCssClass, HopperVariablePrefix, StyledSystemRootCssClass, Theme } from './tokens/generated/styledSystemConstants.js';
-export { BackgroundColorMapping, BackgroundColorValue, BorderMapping, BorderRadiusMapping, BorderRadiusValue, BorderValue, BoxShadowMapping, BoxShadowValue, CSSOutline, CSSSizing, ColorExpressionTypes, ColorMapping, ColorValue, ColumnGapValue, ComplexMarginMapping, ComplexMarginValue, ComplexPaddingMapping, ComplexPaddingValue, CssBorder, CssBorderRadius, CssBoxShadow, CssColor, CssFill, CssGap, CssGrid, CssGridTemplate, DataVizColorMapping, DefaultBorderWidthAndStyle, DefaultOutlineWidthAndStyle, FRValues, FillValue, FontFamilyMapping, FontFamilyValue, FontSizeMapping, FontSizeValue, FontWeightMapping, FontWeightValue, GapValue, GradientColorMapping, GridAutoColumnsValue, GridAutoRowsValue, GridColumSpanValue, GridRowSpanValue, GridTemplateAreasValue, GridTemplateColumnsValue, GridTemplateRowsValue, HeightValue, IconColorMapping, LineHeightMapping, LineHeightValue, OutlineMapping, OutlineValue, Percentage, RowGapValue, SimpleMarginMapping, SimpleMarginValue, SimplePaddingMapping, SimplePaddingValue, SizingMapping, SizingValue, SpaceMapping, StrokeValue, TextColorMapping, UNSAFE_BackgroundColorValue, UNSAFE_BorderRadiusValue, UNSAFE_BorderValue, UNSAFE_BoxShadowValue, UNSAFE_ColorValue, UNSAFE_ColumnGapValue, UNSAFE_ComplexMarginValue, UNSAFE_ComplexPaddingValue, UNSAFE_FillValue, UNSAFE_FontFamilyValue, UNSAFE_FontSizeValue, UNSAFE_FontWeightValue, UNSAFE_GapValue, UNSAFE_GridAutoColumnsValue, UNSAFE_GridAutoRowsValue, UNSAFE_GridTemplateColumnsValue, UNSAFE_GridTemplateRowsValue, UNSAFE_HeightValue, UNSAFE_LineHeightValue, UNSAFE_OutlineValue, UNSAFE_RowGapValue, UNSAFE_SimpleMarginValue, UNSAFE_SimplePaddingValue, UNSAFE_SizingValue, UNSAFE_StrokeValue, UNSAFE_WidthValue, WidthValue, getSizingValue, getSystemValue, parseResponsiveSystemValue } from './tokens/tokenMappings.js';
+export { BackgroundColorMapping, BackgroundColorValue, BorderMapping, BorderRadiusMapping, BorderRadiusValue, BorderValue, BoxShadowMapping, BoxShadowValue, CSSOutline, CSSSizing, ColorExpressionTypes, ColorMapping, ColorValue, ColumnGapValue, ComplexMarginMapping, ComplexMarginValue, ComplexPaddingMapping, ComplexPaddingValue, CssBorder, CssBorderRadius, CssBoxShadow, CssColor, CssFill, CssGap, CssGrid, CssGridTemplate, DataVizColorMapping, DefaultBorderWidthAndStyle, DefaultOutlineWidthAndStyle, FRValues, FillValue, FontFamilyMapping, FontFamilyValue, FontSizeMapping, FontSizeValue, FontWeightMapping, FontWeightValue, GapValue, GradientColorMapping, GridAutoColumnsValue, GridAutoRowsValue, GridColumSpanValue, GridRowSpanValue, GridTemplateAreasValue, GridTemplateColumnsValue, GridTemplateRowsValue, HeightValue, IconColorMapping, LetterSpacingMapping, LetterSpacingValue, LineHeightMapping, LineHeightValue, OutlineMapping, OutlineValue, Percentage, RowGapValue, SimpleMarginMapping, SimpleMarginValue, SimplePaddingMapping, SimplePaddingValue, SizingMapping, SizingValue, SpaceMapping, StrokeValue, TextColorMapping, UNSAFE_BackgroundColorValue, UNSAFE_BorderRadiusValue, UNSAFE_BorderValue, UNSAFE_BoxShadowValue, UNSAFE_ColorValue, UNSAFE_ColumnGapValue, UNSAFE_ComplexMarginValue, UNSAFE_ComplexPaddingValue, UNSAFE_FillValue, UNSAFE_FontFamilyValue, UNSAFE_FontSizeValue, UNSAFE_FontWeightValue, UNSAFE_GapValue, UNSAFE_GridAutoColumnsValue, UNSAFE_GridAutoRowsValue, UNSAFE_GridTemplateColumnsValue, UNSAFE_GridTemplateRowsValue, UNSAFE_HeightValue, UNSAFE_LetterSpacingValue, UNSAFE_LineHeightValue, UNSAFE_OutlineValue, UNSAFE_RowGapValue, UNSAFE_SimpleMarginValue, UNSAFE_SimplePaddingValue, UNSAFE_SizingValue, UNSAFE_StrokeValue, UNSAFE_WidthValue, WidthValue, getSizingValue, getSystemValue, parseResponsiveSystemValue } from './tokens/tokenMappings.js';
 export { slot } from './utils/slot.js';
 export { useInsertStyleElement } from './utils/useInsertStyleElement.js';
 export { useIsomorphicInsertionEffect } from './utils/useIsomorphicInsertionEffect.js';

package/dist/index.js

@@ -1,24 +1,24 @@
 export { slot } from './chunk-7STOSQRA.js';
-export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-4QYOTBJP.js';
-export { BodyStyleProvider } from './chunk-LBDCVPO6.js';
+export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-3W57BWQT.js';
+export { BodyStyleProvider } from './chunk-G37OO232.js';
 export { useInsertStyleElement } from './chunk-RIORU7JO.js';
 export { useIsomorphicInsertionEffect } from './chunk-YPIK2HRL.js';
 export { useIsomorphicLayoutEffect } from './chunk-3YM73BQP.js';
 export { ThemeComputedStyle } from './chunk-BSIKCABJ.js';
-export { ThemeContext, useThemeContext } from './chunk-TKWJ3X2I.js';
-export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from './chunk-V5HCC3TD.js';
-export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from './chunk-UOBQPWH7.js';
+export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from './chunk-TSN5DPDB.js';
+export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from './chunk-LLGTCJEP.js';
 export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-GXUFWEP5.js';
-export { getRootCSSClasses } from './chunk-2MXOW5MU.js';
-export { isStyledSystemProp, useStyledSystem } from './chunk-O7B7VLBY.js';
-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 { ThemeContext, useThemeContext } from './chunk-TKWJ3X2I.js';
+export { getRootCSSClasses } from './chunk-RIOM7ASY.js';
+export { isStyledSystemProp, useStyledSystem } from './chunk-BLSIMXE7.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';
 export { isResponsiveObject, parseResponsiveValue, useResponsiveValue } from './chunk-FTYK7Z7Q.js';
 import './chunk-U5R6ZXH3.js';
 export { BreakpointContext, useBreakpointContext } from './chunk-VBKLISDI.js';
 export { Breakpoints } from './chunk-XUHDFZZL.js';
 export { UnsafePrefix } from './chunk-QMDDVBCZ.js';
-export { HopperRootCssClass, HopperVariablePrefix, StyledSystemRootCssClass } from './chunk-KYJN33SJ.js';
+export { HopperRootCssClass, HopperVariablePrefix, StyledSystemRootCssClass } from './chunk-QAUUAHRK.js';
 export { useColorScheme } from './chunk-5U5IRAPA.js';
 export { supportsMatchMedia, useMediaQuery } from './chunk-T6JS7L6B.js';
 export { useColorSchemeValue } from './chunk-XG7R6QGE.js';

package/dist/styledSystemProps.d.ts

@@ -1,7 +1,7 @@
 import { Property } from 'csstype';
 import { JSX, JSXElementConstructor, ComponentProps } from 'react';
 import { ResponsiveProp } from './responsive/useResponsiveValue.js';
-import { UNSAFE_BackgroundColorValue, UNSAFE_BorderValue, UNSAFE_BorderRadiusValue, UNSAFE_BoxShadowValue, UNSAFE_ColorValue, UNSAFE_GapValue, UNSAFE_FillValue, UNSAFE_FontFamilyValue, UNSAFE_FontSizeValue, UNSAFE_FontWeightValue, UNSAFE_GridAutoColumnsValue, UNSAFE_GridAutoRowsValue, GridColumSpanValue, GridRowSpanValue, UNSAFE_GridTemplateColumnsValue, UNSAFE_GridTemplateRowsValue, UNSAFE_HeightValue, UNSAFE_LineHeightValue, UNSAFE_ComplexMarginValue, UNSAFE_SimpleMarginValue, UNSAFE_WidthValue, UNSAFE_OutlineValue, UNSAFE_ComplexPaddingValue, UNSAFE_SimplePaddingValue, UNSAFE_RowGapValue, UNSAFE_StrokeValue, BackgroundColorValue, BorderValue, BorderRadiusValue, BoxShadowValue, ColorValue, ColumnGapValue, FillValue, FontFamilyValue, FontSizeValue, FontWeightValue, GapValue, GridAutoColumnsValue, GridAutoRowsValue, GridTemplateAreasValue, GridTemplateColumnsValue, GridTemplateRowsValue, HeightValue, LineHeightValue, ComplexMarginValue, SimpleMarginValue, WidthValue, OutlineValue, ComplexPaddingValue, SimplePaddingValue, RowGapValue, StrokeValue } from './tokens/tokenMappings.js';
+import { UNSAFE_BackgroundColorValue, UNSAFE_BorderValue, UNSAFE_BorderRadiusValue, UNSAFE_BoxShadowValue, UNSAFE_ColorValue, UNSAFE_GapValue, UNSAFE_FillValue, UNSAFE_FontFamilyValue, UNSAFE_FontSizeValue, UNSAFE_FontWeightValue, UNSAFE_GridAutoColumnsValue, UNSAFE_GridAutoRowsValue, GridColumSpanValue, GridRowSpanValue, UNSAFE_GridTemplateColumnsValue, UNSAFE_GridTemplateRowsValue, UNSAFE_HeightValue, UNSAFE_LetterSpacingValue, UNSAFE_LineHeightValue, UNSAFE_ComplexMarginValue, UNSAFE_SimpleMarginValue, UNSAFE_WidthValue, UNSAFE_OutlineValue, UNSAFE_ComplexPaddingValue, UNSAFE_SimplePaddingValue, UNSAFE_RowGapValue, UNSAFE_StrokeValue, BackgroundColorValue, BorderValue, BorderRadiusValue, BoxShadowValue, ColorValue, ColumnGapValue, FillValue, FontFamilyValue, FontSizeValue, FontWeightValue, GapValue, GridAutoColumnsValue, GridAutoRowsValue, GridTemplateAreasValue, GridTemplateColumnsValue, GridTemplateRowsValue, HeightValue, LetterSpacingValue, LineHeightValue, ComplexMarginValue, SimpleMarginValue, WidthValue, OutlineValue, ComplexPaddingValue, SimplePaddingValue, RowGapValue, StrokeValue } from './tokens/tokenMappings.js';
 import './responsive/Breakpoints.js';
 
 declare const UnsafePrefix = "UNSAFE_";
@@ -457,10 +457,10 @@ interface StyledSystemProps extends UnsafeStyledSystemProps {
    */
     left?: ResponsiveProp<Property.Left>;
     /**
-   * Sets the `letter-spacing` property.
-   * @see {@link https://developer.mozilla.org/docs/Web/CSS/letter-spacing}
-   */
-    letterSpacing?: ResponsiveProp<Property.LetterSpacing>;
+     * Sets the `letter-spacing` property.
+     * This property only accept **token values** from the **SCALE**. To specify any other values, use the **`UNSAFE_letterSpacing`** property
+     */
+    letterSpacing?: ResponsiveProp<LetterSpacingValue>;
     /**
      * Sets the `line-height` property.
      * This property only accept **token values** from the **SCALE**. To specify any other values, use the **`UNSAFE_lineHeight`** property
@@ -1144,6 +1144,14 @@ interface UnsafeStyledSystemProps {
      * This property is marked as **UNSAFE** because you're opting out of the intended values of the design system.
      */
     UNSAFE_height?: ResponsiveProp<UNSAFE_HeightValue>;
+    /**
+     * Sets the `letter-spacing` property.
+     *
+     * If you want to use a **token value** from the **SCALE**, use the **`letterSpacing`** property instead.
+     *
+     * This property is marked as **UNSAFE** because you're opting out of the intended values of the design system.
+     */
+    UNSAFE_letterSpacing?: ResponsiveProp<UNSAFE_LetterSpacingValue>;
     /**
      * Sets the `line-height` property.
      *

package/dist/styledSystemRootCssClass.js

@@ -1,3 +1,3 @@
-export { getRootCSSClasses } from './chunk-2MXOW5MU.js';
-import './chunk-KYJN33SJ.js';
+export { getRootCSSClasses } from './chunk-RIOM7ASY.js';
+import './chunk-QAUUAHRK.js';
 import './chunk-AQ5VUG5P.js';

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

@@ -2,7 +2,7 @@
  * This file is generated by Style Dictionary. Do not edit directly.
  */
 
-.hop-5-2-3-sharegate-dark {
+.hop-5-3-0-sharegate-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;