@hopper-ui/styled-system 3.0.1 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/StyledSystemProvider.css +34 -34
  3. package/dist/StyledSystemProvider.js +9 -9
  4. package/dist/{chunk-SVHEHWY4.js → chunk-7OVCUMWS.js} +1 -1
  5. package/dist/{chunk-6JU6DVRC.js → chunk-FKFCSZEJ.js} +2 -2
  6. package/dist/{chunk-UHOIN4YW.js → chunk-FU5TYP7R.js} +1 -1
  7. package/dist/{chunk-JJKYIWIT.js → chunk-K3ZBOVUZ.js} +2 -2
  8. package/dist/{chunk-A54ZRFEM.js → chunk-LMCQIGNN.js} +39 -0
  9. package/dist/{chunk-YQ665QH5.js → chunk-MCXXQTRK.js} +1 -1
  10. package/dist/{chunk-77XC2H4T.js → chunk-QQAZ3B22.js} +2 -2
  11. package/dist/{chunk-Y43G4ZOP.js → chunk-UZXDG6VG.js} +3 -3
  12. package/dist/{chunk-6ZFFJVAW.js → chunk-VVQINHG2.js} +1 -1
  13. package/dist/global-styles/BodyStyleProvider.js +2 -2
  14. package/dist/html-wrappers/html.css +34 -34
  15. package/dist/html-wrappers/html.js +6 -6
  16. package/dist/html-wrappers/htmlElement.css +34 -34
  17. package/dist/html-wrappers/htmlElement.js +5 -5
  18. package/dist/index.css +34 -34
  19. package/dist/index.js +9 -9
  20. package/dist/styledSystemRootCssClass.js +2 -2
  21. package/dist/theme/generated/sharegate/dark.css +109 -71
  22. package/dist/theme/generated/sharegate/light.css +206 -70
  23. package/dist/theme/generated/workleap/dark.css +56 -18
  24. package/dist/theme/generated/workleap/light.css +152 -16
  25. package/dist/tokens/generated/styledSystemConstants.d.ts +1 -1
  26. package/dist/tokens/generated/styledSystemConstants.js +1 -1
  27. package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +39 -0
  28. package/dist/tokens/generated/styledSystemToTokenMappings.js +1 -1
  29. package/dist/tokens/tokenMappings.d.ts +184 -3
  30. package/dist/tokens/tokenMappings.js +3 -3
  31. package/dist/useStyledSystem.css +31 -31
  32. package/dist/useStyledSystem.js +4 -4
  33. package/package.json +2 -2
package/dist/tokens/tokenMappings.d.ts CHANGED
@@ -5,7 +5,7 @@ import { ResponsiveProp } from '../responsive/useResponsiveValue.js';
5
5
  declare const ColorExpressionTypes: readonly ["#", "rgb", "rgba", "hsl", "hsla"];
6
6
  declare const DefaultBorderWidthAndStyle = "1px solid";
7
7
  declare const DefaultOutlineWidthAndStyle = "1px solid";
8
- declare const ColorMapping: Record<"core_coastal-25" | "core_coastal-50" | "core_coastal-75" | "core_coastal-100" | "core_coastal-200" | "core_coastal-300" | "core_coastal-400" | "core_coastal-500" | "core_coastal-600" | "core_coastal-700" | "core_coastal-800" | "core_coastal-900" | "core_quetzal-25" | "core_quetzal-50" | "core_quetzal-75" | "core_quetzal-100" | "core_quetzal-200" | "core_quetzal-300" | "core_quetzal-400" | "core_quetzal-500" | "core_quetzal-600" | "core_quetzal-700" | "core_quetzal-800" | "core_quetzal-900" | "core_orchid-bloom-25" | "core_orchid-bloom-50" | "core_orchid-bloom-75" | "core_orchid-bloom-100" | "core_orchid-bloom-200" | "core_orchid-bloom-300" | "core_orchid-bloom-400" | "core_orchid-bloom-500" | "core_orchid-bloom-600" | "core_orchid-bloom-700" | "core_orchid-bloom-800" | "core_orchid-bloom-900" | "core_sapphire-25" | "core_sapphire-50" | "core_sapphire-75" | "core_sapphire-100" | "core_sapphire-200" | "core_sapphire-300" | "core_sapphire-400" | "core_sapphire-500" | "core_sapphire-600" | "core_sapphire-700" | "core_sapphire-800" | "core_sapphire-900" | "core_fog-25" | "core_fog-50" | "core_fog-75" | "core_fog-100" | "core_fog-200" | "core_fog-300" | "core_fog-400" | "core_fog-500" | "core_fog-600" | "core_fog-700" | "core_fog-800" | "core_fog-900" | "core_toad-25" | "core_toad-50" | "core_toad-75" | "core_toad-100" | "core_toad-200" | "core_toad-300" | "core_toad-400" | "core_toad-500" | "core_toad-600" | "core_toad-700" | "core_toad-800" | "core_toad-900" | "core_sunken-treasure-25" | "core_sunken-treasure-50" | "core_sunken-treasure-75" | "core_sunken-treasure-100" | "core_sunken-treasure-200" | "core_sunken-treasure-300" | "core_sunken-treasure-400" | "core_sunken-treasure-500" | "core_sunken-treasure-600" | "core_sunken-treasure-700" | "core_sunken-treasure-800" | "core_sunken-treasure-900" | "core_koi-25" | "core_koi-50" | "core_koi-75" | "core_koi-100" | "core_koi-200" | "core_koi-300" | "core_koi-400" | "core_koi-500" | "core_koi-600" | "core_koi-700" | "core_koi-800" | "core_koi-900" | "core_amanita-25" | "core_amanita-50" | "core_amanita-75" | "core_amanita-100" | "core_amanita-200" | "core_amanita-300" | "core_amanita-400" | "core_amanita-500" | "core_amanita-600" | "core_amanita-700" | "core_amanita-800" | "core_amanita-900" | "core_moss-25" | "core_moss-50" | "core_moss-75" | "core_moss-100" | "core_moss-200" | "core_moss-300" | "core_moss-400" | "core_moss-500" | "core_moss-600" | "core_moss-700" | "core_moss-800" | "core_moss-900" | "core_abyss" | "core_rock-20" | "core_rock-25" | "core_rock-50" | "core_rock-75" | "core_rock-100" | "core_rock-200" | "core_rock-300" | "core_rock-400" | "core_rock-500" | "core_rock-600" | "core_rock-700" | "core_rock-800" | "core_rock-900" | "core_samoyed", string>;
8
+ declare const ColorMapping: Record<"core_coastal-25" | "core_coastal-50" | "core_coastal-75" | "core_coastal-100" | "core_coastal-200" | "core_coastal-300" | "core_coastal-400" | "core_coastal-500" | "core_coastal-600" | "core_coastal-700" | "core_coastal-800" | "core_coastal-900" | "core_quetzal-25" | "core_quetzal-50" | "core_quetzal-75" | "core_quetzal-100" | "core_quetzal-200" | "core_quetzal-300" | "core_quetzal-400" | "core_quetzal-500" | "core_quetzal-600" | "core_quetzal-700" | "core_quetzal-800" | "core_quetzal-900" | "core_orchid-bloom-25" | "core_orchid-bloom-50" | "core_orchid-bloom-75" | "core_orchid-bloom-100" | "core_orchid-bloom-200" | "core_orchid-bloom-300" | "core_orchid-bloom-400" | "core_orchid-bloom-500" | "core_orchid-bloom-600" | "core_orchid-bloom-700" | "core_orchid-bloom-800" | "core_orchid-bloom-900" | "core_persimmon-25" | "core_persimmon-50" | "core_persimmon-75" | "core_persimmon-100" | "core_persimmon-200" | "core_persimmon-300" | "core_persimmon-400" | "core_persimmon-500" | "core_persimmon-600" | "core_persimmon-700" | "core_persimmon-800" | "core_persimmon-900" | "core_sapphire-25" | "core_sapphire-50" | "core_sapphire-75" | "core_sapphire-100" | "core_sapphire-200" | "core_sapphire-300" | "core_sapphire-400" | "core_sapphire-500" | "core_sapphire-600" | "core_sapphire-700" | "core_sapphire-800" | "core_sapphire-900" | "core_fog-25" | "core_fog-50" | "core_fog-75" | "core_fog-100" | "core_fog-200" | "core_fog-300" | "core_fog-400" | "core_fog-500" | "core_fog-600" | "core_fog-700" | "core_fog-800" | "core_fog-900" | "core_iris-25" | "core_iris-50" | "core_iris-75" | "core_iris-100" | "core_iris-200" | "core_iris-300" | "core_iris-400" | "core_iris-500" | "core_iris-600" | "core_iris-700" | "core_iris-800" | "core_iris-900" | "core_toad-25" | "core_toad-50" | "core_toad-75" | "core_toad-100" | "core_toad-200" | "core_toad-300" | "core_toad-400" | "core_toad-500" | "core_toad-600" | "core_toad-700" | "core_toad-800" | "core_toad-900" | "core_sunken-treasure-25" | "core_sunken-treasure-50" | "core_sunken-treasure-75" | "core_sunken-treasure-100" | "core_sunken-treasure-200" | "core_sunken-treasure-300" | "core_sunken-treasure-400" | "core_sunken-treasure-500" | "core_sunken-treasure-600" | "core_sunken-treasure-700" | "core_sunken-treasure-800" | "core_sunken-treasure-900" | "core_koi-25" | "core_koi-50" | "core_koi-75" | "core_koi-100" | "core_koi-200" | "core_koi-300" | "core_koi-400" | "core_koi-500" | "core_koi-600" | "core_koi-700" | "core_koi-800" | "core_koi-900" | "core_limeburst-25" | "core_limeburst-50" | "core_limeburst-75" | "core_limeburst-100" | "core_limeburst-200" | "core_limeburst-300" | "core_limeburst-400" | "core_limeburst-500" | "core_limeburst-600" | "core_limeburst-700" | "core_limeburst-800" | "core_limeburst-900" | "core_amanita-25" | "core_amanita-50" | "core_amanita-75" | "core_amanita-100" | "core_amanita-200" | "core_amanita-300" | "core_amanita-400" | "core_amanita-500" | "core_amanita-600" | "core_amanita-700" | "core_amanita-800" | "core_amanita-900" | "core_moss-25" | "core_moss-50" | "core_moss-75" | "core_moss-100" | "core_moss-200" | "core_moss-300" | "core_moss-400" | "core_moss-500" | "core_moss-600" | "core_moss-700" | "core_moss-800" | "core_moss-900" | "core_abyss" | "core_rock-20" | "core_rock-25" | "core_rock-50" | "core_rock-75" | "core_rock-100" | "core_rock-200" | "core_rock-300" | "core_rock-400" | "core_rock-500" | "core_rock-600" | "core_rock-700" | "core_rock-800" | "core_rock-900" | "core_samoyed", string>;
9
9
  declare const DataVizColorMapping: Record<"dataviz_monochromatic-primary-25" | "dataviz_monochromatic-primary-50" | "dataviz_monochromatic-primary-75" | "dataviz_monochromatic-primary-100" | "dataviz_monochromatic-primary-200" | "dataviz_monochromatic-primary-300" | "dataviz_monochromatic-primary-400" | "dataviz_monochromatic-primary-500" | "dataviz_monochromatic-primary-600" | "dataviz_monochromatic-primary-700" | "dataviz_monochromatic-primary-800" | "dataviz_monochromatic-primary-900" | "dataviz_monochromatic-primary-25-hover" | "dataviz_monochromatic-primary-50-hover" | "dataviz_monochromatic-primary-75-hover" | "dataviz_monochromatic-primary-100-hover" | "dataviz_monochromatic-primary-200-hover" | "dataviz_monochromatic-primary-300-hover" | "dataviz_monochromatic-primary-400-hover" | "dataviz_monochromatic-primary-500-hover" | "dataviz_monochromatic-primary-600-hover" | "dataviz_monochromatic-primary-700-hover" | "dataviz_monochromatic-primary-800-hover" | "dataviz_monochromatic-primary-900-hover" | "dataviz_monochromatic-positive-25" | "dataviz_monochromatic-positive-50" | "dataviz_monochromatic-positive-75" | "dataviz_monochromatic-positive-100" | "dataviz_monochromatic-positive-200" | "dataviz_monochromatic-positive-300" | "dataviz_monochromatic-positive-400" | "dataviz_monochromatic-positive-500" | "dataviz_monochromatic-positive-600" | "dataviz_monochromatic-positive-700" | "dataviz_monochromatic-positive-800" | "dataviz_monochromatic-positive-900" | "dataviz_monochromatic-positive-25-hover" | "dataviz_monochromatic-positive-50-hover" | "dataviz_monochromatic-positive-75-hover" | "dataviz_monochromatic-positive-100-hover" | "dataviz_monochromatic-positive-200-hover" | "dataviz_monochromatic-positive-300-hover" | "dataviz_monochromatic-positive-400-hover" | "dataviz_monochromatic-positive-500-hover" | "dataviz_monochromatic-positive-600-hover" | "dataviz_monochromatic-positive-700-hover" | "dataviz_monochromatic-positive-800-hover" | "dataviz_monochromatic-positive-900-hover" | "dataviz_monochromatic-negative-25" | "dataviz_monochromatic-negative-50" | "dataviz_monochromatic-negative-75" | "dataviz_monochromatic-negative-100" | "dataviz_monochromatic-negative-200" | "dataviz_monochromatic-negative-300" | "dataviz_monochromatic-negative-400" | "dataviz_monochromatic-negative-500" | "dataviz_monochromatic-negative-600" | "dataviz_monochromatic-negative-700" | "dataviz_monochromatic-negative-800" | "dataviz_monochromatic-negative-900" | "dataviz_monochromatic-negative-25-hover" | "dataviz_monochromatic-negative-50-hover" | "dataviz_monochromatic-negative-75-hover" | "dataviz_monochromatic-negative-100-hover" | "dataviz_monochromatic-negative-200-hover" | "dataviz_monochromatic-negative-300-hover" | "dataviz_monochromatic-negative-400-hover" | "dataviz_monochromatic-negative-500-hover" | "dataviz_monochromatic-negative-600-hover" | "dataviz_monochromatic-negative-700-hover" | "dataviz_monochromatic-negative-800-hover" | "dataviz_monochromatic-negative-900-hover" | "dataviz_diverging-sequence-1-positive9" | "dataviz_diverging-sequence-1-positive9-hover" | "dataviz_diverging-sequence-1-positive8" | "dataviz_diverging-sequence-1-positive8-hover" | "dataviz_diverging-sequence-1-positive7" | "dataviz_diverging-sequence-1-positive7-hover" | "dataviz_diverging-sequence-1-positive6" | "dataviz_diverging-sequence-1-positive6-hover" | "dataviz_diverging-sequence-1-positive5" | "dataviz_diverging-sequence-1-positive5-hover" | "dataviz_diverging-sequence-1-positive4" | "dataviz_diverging-sequence-1-positive-4-hover" | "dataviz_diverging-sequence-1-positive3" | "dataviz_diverging-sequence-1-positive3-hover" | "dataviz_diverging-sequence-1-positive2" | "dataviz_diverging-sequence-1-positive2-hover" | "dataviz_diverging-sequence-1-positive1" | "dataviz_diverging-sequence-1-positive1-hover" | "dataviz_diverging-sequence-1-neutral" | "dataviz_diverging-sequence-1-neutral-hover" | "dataviz_diverging-sequence-1-negative1" | "dataviz_diverging-sequence-1-negative1-hover" | "dataviz_diverging-sequence-1-negative2" | "dataviz_diverging-sequence-1-negative2-hover" | "dataviz_diverging-sequence-1-negative3" | "dataviz_diverging-sequence-1-negative3-hover" | "dataviz_diverging-sequence-1-negative4" | "dataviz_diverging-sequence-1-negative4-hover" | "dataviz_diverging-sequence-1-negative5" | "dataviz_diverging-sequence-1-negative5-hover" | "dataviz_diverging-sequence-1-negative6" | "dataviz_diverging-sequence-1-negative6-hover" | "dataviz_diverging-sequence-1-negative7" | "dataviz_diverging-sequence-1-negative7-hover" | "dataviz_diverging-sequence-1-negative8" | "dataviz_diverging-sequence-1-negative8-hover" | "dataviz_diverging-sequence-1-negative9" | "dataviz_diverging-sequence-1-negative9-hover" | "dataviz_diverging-sequence-2-positive10" | "dataviz_diverging-sequence-2-positive10-hover" | "dataviz_diverging-sequence-2-positive9" | "dataviz_diverging-sequence-2-positive9-hover" | "dataviz_diverging-sequence-2-positive8" | "dataviz_diverging-sequence-2-positive8-hover" | "dataviz_diverging-sequence-2-positive7" | "dataviz_diverging-sequence-2-positive7-hover" | "dataviz_diverging-sequence-2-positive6" | "dataviz_diverging-sequence-2-positive6-hover" | "dataviz_diverging-sequence-2-positive5" | "dataviz_diverging-sequence-2-positive5-hover" | "dataviz_diverging-sequence-2-positive4" | "dataviz_diverging-sequence-2-positive4-hover" | "dataviz_diverging-sequence-2-positive3" | "dataviz_diverging-sequence-2-positive3-hover" | "dataviz_diverging-sequence-2-positive2" | "dataviz_diverging-sequence-2-positive2-hover" | "dataviz_diverging-sequence-2-positive1" | "dataviz_diverging-sequence-2-positive1-hover" | "dataviz_diverging-sequence-2-negative1" | "dataviz_diverging-sequence-2-negative1-hover" | "dataviz_diverging-sequence-2-negative2" | "dataviz_diverging-sequence-2-negative2-hover" | "dataviz_diverging-sequence-2-negative3" | "dataviz_diverging-sequence-2-negative3-hover" | "dataviz_diverging-sequence-2-negative4" | "dataviz_diverging-sequence-2-negative4-hover" | "dataviz_diverging-sequence-2-negative5" | "dataviz_diverging-sequence-2-negative5-hover" | "dataviz_diverging-sequence-2-negative6" | "dataviz_diverging-sequence-2-negative6-hover" | "dataviz_diverging-sequence-2-negative7" | "dataviz_diverging-sequence-2-negative7-hover" | "dataviz_diverging-sequence-2-negative8" | "dataviz_diverging-sequence-2-negative8-hover" | "dataviz_diverging-sequence-2-negative9" | "dataviz_diverging-sequence-2-negative9-hover" | "dataviz_diverging-sequence-2-negative10" | "dataviz_diverging-sequence-2-negative10-hover" | "dataviz_categorical-sequence-category1" | "dataviz_categorical-sequence-category1-hover" | "dataviz_categorical-sequence-category2" | "dataviz_categorical-sequence-category2-hover" | "dataviz_categorical-sequence-category3" | "dataviz_categorical-sequence-category3-hover" | "dataviz_categorical-sequence-category4" | "dataviz_categorical-sequence-category4-hover" | "dataviz_categorical-sequence-category5" | "dataviz_categorical-sequence-category5-hover" | "dataviz_categorical-sequence-category6" | "dataviz_categorical-sequence-category6-hover" | "dataviz_categorical-sequence-category7" | "dataviz_categorical-sequence-category7-hover" | "dataviz_categorical-sequence-category8" | "dataviz_categorical-sequence-category8-hover" | "dataviz_categorical-sequence-category9" | "dataviz_categorical-sequence-category9-hover" | "dataviz_categorical-sequence-category10" | "dataviz_categorical-sequence-category10-hover" | "dataviz_categorical-sequence-category11" | "dataviz_categorical-sequence-category11-hover" | "dataviz_categorical-sequence-category12" | "dataviz_categorical-sequence-category12-hover" | "dataviz_categorical-sequence-category13" | "dataviz_categorical-sequence-category13-hover" | "dataviz_categorical-2colorgroup-option6-category2" | "dataviz_categorical-2colorgroup-option6-category1" | "dataviz_categorical-2colorgroup-option5-category2" | "dataviz_categorical-2colorgroup-option5-category1" | "dataviz_categorical-2colorgroup-option4-category2" | "dataviz_categorical-2colorgroup-option4-category1" | "dataviz_categorical-2colorgroup-option3-category2" | "dataviz_categorical-2colorgroup-option3-category1" | "dataviz_categorical-2colorgroup-option2-category2" | "dataviz_categorical-2colorgroup-option2-category1" | "dataviz_categorical-2colorgroup-option1-category2" | "dataviz_categorical-2colorgroup-option1-category1" | "dataviz_categorical-3colorgroup-option1-category1" | "dataviz_categorical-3colorgroup-option1-category2" | "dataviz_categorical-3colorgroup-option1-category3" | "dataviz_categorical-3colorgroup-option2-category1" | "dataviz_categorical-3colorgroup-option2-category2" | "dataviz_categorical-3colorgroup-option2-category3" | "dataviz_categorical-3colorgroup-option3-category1" | "dataviz_categorical-3colorgroup-option3-category2" | "dataviz_categorical-3colorgroup-option3-category3" | "dataviz_categorical-3colorgroup-option4-category1" | "dataviz_categorical-3colorgroup-option4-category2" | "dataviz_categorical-3colorgroup-option4-category3" | "dataviz_categorical-4colorgroup-option1-category1" | "dataviz_categorical-4colorgroup-option1-category2" | "dataviz_categorical-4colorgroup-option1-category3" | "dataviz_categorical-4colorgroup-option1-category4" | "dataviz_categorical-4colorgroup-option2-category1" | "dataviz_categorical-4colorgroup-option2-category2" | "dataviz_categorical-4colorgroup-option2-category3" | "dataviz_categorical-4colorgroup-option2-category4" | "dataviz_categorical-4colorgroup-option3-category1" | "dataviz_categorical-4colorgroup-option3-category2" | "dataviz_categorical-4colorgroup-option3-category3" | "dataviz_categorical-4colorgroup-option3-category4" | "dataviz_categorical-4colorgroup-option4-category1" | "dataviz_categorical-4colorgroup-option4-category2" | "dataviz_categorical-4colorgroup-option4-category3" | "dataviz_categorical-4colorgroup-option4-category4" | "dataviz_categorical-5colorgroup-option1-category1" | "dataviz_categorical-5colorgroup-option1-category2" | "dataviz_categorical-5colorgroup-option1-category3" | "dataviz_categorical-5colorgroup-option1-category4" | "dataviz_categorical-5colorgroup-option1-category5" | "dataviz_categorical-5colorgroup-option2-category1" | "dataviz_categorical-5colorgroup-option2-category2" | "dataviz_categorical-5colorgroup-option2-category3" | "dataviz_categorical-5colorgroup-option2-category4" | "dataviz_categorical-5colorgroup-option2-category5" | "dataviz_categorical-5colorgroup-option3-category1" | "dataviz_categorical-5colorgroup-option3-category2" | "dataviz_categorical-5colorgroup-option3-category3" | "dataviz_categorical-5colorgroup-option3-category4" | "dataviz_categorical-5colorgroup-option3-category5" | "dataviz_categorical-5colorgroup-option4-category1" | "dataviz_categorical-5colorgroup-option4-category2" | "dataviz_categorical-5colorgroup-option4-category3" | "dataviz_categorical-5colorgroup-option4-category4" | "dataviz_categorical-5colorgroup-option4-category5" | "dataviz_categorical-6colorgroup-option1-category1" | "dataviz_categorical-6colorgroup-option1-category2" | "dataviz_categorical-6colorgroup-option1-category3" | "dataviz_categorical-6colorgroup-option1-category4" | "dataviz_categorical-6colorgroup-option1-category5" | "dataviz_categorical-6colorgroup-option1-category6" | "dataviz_categorical-6colorgroup-option2-category1" | "dataviz_categorical-6colorgroup-option2-category2" | "dataviz_categorical-6colorgroup-option2-category3" | "dataviz_categorical-6colorgroup-option2-category4" | "dataviz_categorical-6colorgroup-option2-category5" | "dataviz_categorical-6colorgroup-option2-category6" | "dataviz_categorical-6colorgroup-option3-category1" | "dataviz_categorical-6colorgroup-option3-category2" | "dataviz_categorical-6colorgroup-option3-category3" | "dataviz_categorical-6colorgroup-option3-category4" | "dataviz_categorical-6colorgroup-option3-category5" | "dataviz_categorical-6colorgroup-option3-category6" | "dataviz_categorical-6colorgroup-option4-category1" | "dataviz_categorical-6colorgroup-option4-category2" | "dataviz_categorical-6colorgroup-option4-category3" | "dataviz_categorical-6colorgroup-option4-category4" | "dataviz_categorical-6colorgroup-option4-category5" | "dataviz_categorical-6colorgroup-option4-category6" | "dataviz_unavailable" | "dataviz_unavailable-weak" | "dataviz_unavailable-strong" | "dataviz_text-onlight" | "dataviz_text-ondark", string>;
10
10
  declare const BackgroundColorMapping: {
11
11
  "dataviz_monochromatic-primary-25": string;
@@ -309,6 +309,18 @@ declare const BackgroundColorMapping: {
309
309
  "core_orchid-bloom-700": string;
310
310
  "core_orchid-bloom-800": string;
311
311
  "core_orchid-bloom-900": string;
312
+ "core_persimmon-25": string;
313
+ "core_persimmon-50": string;
314
+ "core_persimmon-75": string;
315
+ "core_persimmon-100": string;
316
+ "core_persimmon-200": string;
317
+ "core_persimmon-300": string;
318
+ "core_persimmon-400": string;
319
+ "core_persimmon-500": string;
320
+ "core_persimmon-600": string;
321
+ "core_persimmon-700": string;
322
+ "core_persimmon-800": string;
323
+ "core_persimmon-900": string;
312
324
  "core_sapphire-25": string;
313
325
  "core_sapphire-50": string;
314
326
  "core_sapphire-75": string;
@@ -333,6 +345,18 @@ declare const BackgroundColorMapping: {
333
345
  "core_fog-700": string;
334
346
  "core_fog-800": string;
335
347
  "core_fog-900": string;
348
+ "core_iris-25": string;
349
+ "core_iris-50": string;
350
+ "core_iris-75": string;
351
+ "core_iris-100": string;
352
+ "core_iris-200": string;
353
+ "core_iris-300": string;
354
+ "core_iris-400": string;
355
+ "core_iris-500": string;
356
+ "core_iris-600": string;
357
+ "core_iris-700": string;
358
+ "core_iris-800": string;
359
+ "core_iris-900": string;
336
360
  "core_toad-25": string;
337
361
  "core_toad-50": string;
338
362
  "core_toad-75": string;
@@ -369,6 +393,18 @@ declare const BackgroundColorMapping: {
369
393
  "core_koi-700": string;
370
394
  "core_koi-800": string;
371
395
  "core_koi-900": string;
396
+ "core_limeburst-25": string;
397
+ "core_limeburst-50": string;
398
+ "core_limeburst-75": string;
399
+ "core_limeburst-100": string;
400
+ "core_limeburst-200": string;
401
+ "core_limeburst-300": string;
402
+ "core_limeburst-400": string;
403
+ "core_limeburst-500": string;
404
+ "core_limeburst-600": string;
405
+ "core_limeburst-700": string;
406
+ "core_limeburst-800": string;
407
+ "core_limeburst-900": string;
372
408
  "core_amanita-25": string;
373
409
  "core_amanita-50": string;
374
410
  "core_amanita-75": string;
@@ -449,6 +485,7 @@ declare const BackgroundColorMapping: {
449
485
  "primary-strong-hover": string;
450
486
  "primary-strong-press": string;
451
487
  "primary-weak": string;
488
+ "primary-weak-selected": string;
452
489
  "primary-weak-hover": string;
453
490
  "primary-weak-press": string;
454
491
  "upsell-active": string;
@@ -899,6 +936,18 @@ declare const BorderMapping: {
899
936
  "core_orchid-bloom-700": string;
900
937
  "core_orchid-bloom-800": string;
901
938
  "core_orchid-bloom-900": string;
939
+ "core_persimmon-25": string;
940
+ "core_persimmon-50": string;
941
+ "core_persimmon-75": string;
942
+ "core_persimmon-100": string;
943
+ "core_persimmon-200": string;
944
+ "core_persimmon-300": string;
945
+ "core_persimmon-400": string;
946
+ "core_persimmon-500": string;
947
+ "core_persimmon-600": string;
948
+ "core_persimmon-700": string;
949
+ "core_persimmon-800": string;
950
+ "core_persimmon-900": string;
902
951
  "core_sapphire-25": string;
903
952
  "core_sapphire-50": string;
904
953
  "core_sapphire-75": string;
@@ -923,6 +972,18 @@ declare const BorderMapping: {
923
972
  "core_fog-700": string;
924
973
  "core_fog-800": string;
925
974
  "core_fog-900": string;
975
+ "core_iris-25": string;
976
+ "core_iris-50": string;
977
+ "core_iris-75": string;
978
+ "core_iris-100": string;
979
+ "core_iris-200": string;
980
+ "core_iris-300": string;
981
+ "core_iris-400": string;
982
+ "core_iris-500": string;
983
+ "core_iris-600": string;
984
+ "core_iris-700": string;
985
+ "core_iris-800": string;
986
+ "core_iris-900": string;
926
987
  "core_toad-25": string;
927
988
  "core_toad-50": string;
928
989
  "core_toad-75": string;
@@ -959,6 +1020,18 @@ declare const BorderMapping: {
959
1020
  "core_koi-700": string;
960
1021
  "core_koi-800": string;
961
1022
  "core_koi-900": string;
1023
+ "core_limeburst-25": string;
1024
+ "core_limeburst-50": string;
1025
+ "core_limeburst-75": string;
1026
+ "core_limeburst-100": string;
1027
+ "core_limeburst-200": string;
1028
+ "core_limeburst-300": string;
1029
+ "core_limeburst-400": string;
1030
+ "core_limeburst-500": string;
1031
+ "core_limeburst-600": string;
1032
+ "core_limeburst-700": string;
1033
+ "core_limeburst-800": string;
1034
+ "core_limeburst-900": string;
962
1035
  "core_amanita-25": string;
963
1036
  "core_amanita-50": string;
964
1037
  "core_amanita-75": string;
@@ -1398,6 +1471,18 @@ declare const OutlineMapping: {
1398
1471
  "core_orchid-bloom-700": string;
1399
1472
  "core_orchid-bloom-800": string;
1400
1473
  "core_orchid-bloom-900": string;
1474
+ "core_persimmon-25": string;
1475
+ "core_persimmon-50": string;
1476
+ "core_persimmon-75": string;
1477
+ "core_persimmon-100": string;
1478
+ "core_persimmon-200": string;
1479
+ "core_persimmon-300": string;
1480
+ "core_persimmon-400": string;
1481
+ "core_persimmon-500": string;
1482
+ "core_persimmon-600": string;
1483
+ "core_persimmon-700": string;
1484
+ "core_persimmon-800": string;
1485
+ "core_persimmon-900": string;
1401
1486
  "core_sapphire-25": string;
1402
1487
  "core_sapphire-50": string;
1403
1488
  "core_sapphire-75": string;
@@ -1422,6 +1507,18 @@ declare const OutlineMapping: {
1422
1507
  "core_fog-700": string;
1423
1508
  "core_fog-800": string;
1424
1509
  "core_fog-900": string;
1510
+ "core_iris-25": string;
1511
+ "core_iris-50": string;
1512
+ "core_iris-75": string;
1513
+ "core_iris-100": string;
1514
+ "core_iris-200": string;
1515
+ "core_iris-300": string;
1516
+ "core_iris-400": string;
1517
+ "core_iris-500": string;
1518
+ "core_iris-600": string;
1519
+ "core_iris-700": string;
1520
+ "core_iris-800": string;
1521
+ "core_iris-900": string;
1425
1522
  "core_toad-25": string;
1426
1523
  "core_toad-50": string;
1427
1524
  "core_toad-75": string;
@@ -1458,6 +1555,18 @@ declare const OutlineMapping: {
1458
1555
  "core_koi-700": string;
1459
1556
  "core_koi-800": string;
1460
1557
  "core_koi-900": string;
1558
+ "core_limeburst-25": string;
1559
+ "core_limeburst-50": string;
1560
+ "core_limeburst-75": string;
1561
+ "core_limeburst-100": string;
1562
+ "core_limeburst-200": string;
1563
+ "core_limeburst-300": string;
1564
+ "core_limeburst-400": string;
1565
+ "core_limeburst-500": string;
1566
+ "core_limeburst-600": string;
1567
+ "core_limeburst-700": string;
1568
+ "core_limeburst-800": string;
1569
+ "core_limeburst-900": string;
1461
1570
  "core_amanita-25": string;
1462
1571
  "core_amanita-50": string;
1463
1572
  "core_amanita-75": string;
@@ -1897,6 +2006,18 @@ declare const TextColorMapping: {
1897
2006
  "core_orchid-bloom-700": string;
1898
2007
  "core_orchid-bloom-800": string;
1899
2008
  "core_orchid-bloom-900": string;
2009
+ "core_persimmon-25": string;
2010
+ "core_persimmon-50": string;
2011
+ "core_persimmon-75": string;
2012
+ "core_persimmon-100": string;
2013
+ "core_persimmon-200": string;
2014
+ "core_persimmon-300": string;
2015
+ "core_persimmon-400": string;
2016
+ "core_persimmon-500": string;
2017
+ "core_persimmon-600": string;
2018
+ "core_persimmon-700": string;
2019
+ "core_persimmon-800": string;
2020
+ "core_persimmon-900": string;
1900
2021
  "core_sapphire-25": string;
1901
2022
  "core_sapphire-50": string;
1902
2023
  "core_sapphire-75": string;
@@ -1921,6 +2042,18 @@ declare const TextColorMapping: {
1921
2042
  "core_fog-700": string;
1922
2043
  "core_fog-800": string;
1923
2044
  "core_fog-900": string;
2045
+ "core_iris-25": string;
2046
+ "core_iris-50": string;
2047
+ "core_iris-75": string;
2048
+ "core_iris-100": string;
2049
+ "core_iris-200": string;
2050
+ "core_iris-300": string;
2051
+ "core_iris-400": string;
2052
+ "core_iris-500": string;
2053
+ "core_iris-600": string;
2054
+ "core_iris-700": string;
2055
+ "core_iris-800": string;
2056
+ "core_iris-900": string;
1924
2057
  "core_toad-25": string;
1925
2058
  "core_toad-50": string;
1926
2059
  "core_toad-75": string;
@@ -1957,6 +2090,18 @@ declare const TextColorMapping: {
1957
2090
  "core_koi-700": string;
1958
2091
  "core_koi-800": string;
1959
2092
  "core_koi-900": string;
2093
+ "core_limeburst-25": string;
2094
+ "core_limeburst-50": string;
2095
+ "core_limeburst-75": string;
2096
+ "core_limeburst-100": string;
2097
+ "core_limeburst-200": string;
2098
+ "core_limeburst-300": string;
2099
+ "core_limeburst-400": string;
2100
+ "core_limeburst-500": string;
2101
+ "core_limeburst-600": string;
2102
+ "core_limeburst-700": string;
2103
+ "core_limeburst-800": string;
2104
+ "core_limeburst-900": string;
1960
2105
  "core_amanita-25": string;
1961
2106
  "core_amanita-50": string;
1962
2107
  "core_amanita-75": string;
@@ -2427,6 +2572,18 @@ declare const IconColorMapping: {
2427
2572
  "core_orchid-bloom-700": string;
2428
2573
  "core_orchid-bloom-800": string;
2429
2574
  "core_orchid-bloom-900": string;
2575
+ "core_persimmon-25": string;
2576
+ "core_persimmon-50": string;
2577
+ "core_persimmon-75": string;
2578
+ "core_persimmon-100": string;
2579
+ "core_persimmon-200": string;
2580
+ "core_persimmon-300": string;
2581
+ "core_persimmon-400": string;
2582
+ "core_persimmon-500": string;
2583
+ "core_persimmon-600": string;
2584
+ "core_persimmon-700": string;
2585
+ "core_persimmon-800": string;
2586
+ "core_persimmon-900": string;
2430
2587
  "core_sapphire-25": string;
2431
2588
  "core_sapphire-50": string;
2432
2589
  "core_sapphire-75": string;
@@ -2451,6 +2608,18 @@ declare const IconColorMapping: {
2451
2608
  "core_fog-700": string;
2452
2609
  "core_fog-800": string;
2453
2610
  "core_fog-900": string;
2611
+ "core_iris-25": string;
2612
+ "core_iris-50": string;
2613
+ "core_iris-75": string;
2614
+ "core_iris-100": string;
2615
+ "core_iris-200": string;
2616
+ "core_iris-300": string;
2617
+ "core_iris-400": string;
2618
+ "core_iris-500": string;
2619
+ "core_iris-600": string;
2620
+ "core_iris-700": string;
2621
+ "core_iris-800": string;
2622
+ "core_iris-900": string;
2454
2623
  "core_toad-25": string;
2455
2624
  "core_toad-50": string;
2456
2625
  "core_toad-75": string;
@@ -2487,6 +2656,18 @@ declare const IconColorMapping: {
2487
2656
  "core_koi-700": string;
2488
2657
  "core_koi-800": string;
2489
2658
  "core_koi-900": string;
2659
+ "core_limeburst-25": string;
2660
+ "core_limeburst-50": string;
2661
+ "core_limeburst-75": string;
2662
+ "core_limeburst-100": string;
2663
+ "core_limeburst-200": string;
2664
+ "core_limeburst-300": string;
2665
+ "core_limeburst-400": string;
2666
+ "core_limeburst-500": string;
2667
+ "core_limeburst-600": string;
2668
+ "core_limeburst-700": string;
2669
+ "core_limeburst-800": string;
2670
+ "core_limeburst-900": string;
2490
2671
  "core_amanita-25": string;
2491
2672
  "core_amanita-50": string;
2492
2673
  "core_amanita-75": string;
@@ -2650,12 +2831,12 @@ declare const IconColorMapping: {
2650
2831
  "success-weakest": string;
2651
2832
  "warning-weakest": string;
2652
2833
  };
2653
- declare const BoxShadowMapping: Record<"none" | "core_none" | "core_sm" | "core_md" | "core_lg" | "raised" | "lifted" | "floating", string>;
2834
+ declare const BoxShadowMapping: Record<"none" | "core_none" | "core_sm" | "core_md" | "core_lg" | "core_inset-bevel" | "raised" | "lifted" | "floating", string>;
2654
2835
  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>;
2655
2836
  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>;
2656
2837
  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>;
2657
2838
  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>;
2658
- 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>;
2839
+ declare const BorderRadiusMapping: Record<"circle" | "core_0" | "core_1" | "core_2" | "core_3" | "core_4" | "core_9999" | "core_2-5" | "pill" | "rounded-lg" | "rounded-md" | "rounded-sm", string>;
2659
2840
  declare const SpaceMapping: {
2660
2841
  core_0: string;
2661
2842
  core_10: string;
package/dist/tokens/tokenMappings.js CHANGED
@@ -1,8 +1,8 @@
1
- export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, DefaultOutlineWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, IconColorMapping, LineHeightMapping, OutlineMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from '../chunk-JJKYIWIT.js';
2
- import '../chunk-A54ZRFEM.js';
1
+ export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, DefaultOutlineWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, IconColorMapping, LineHeightMapping, OutlineMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from '../chunk-K3ZBOVUZ.js';
2
+ import '../chunk-LMCQIGNN.js';
3
3
  import '../chunk-FTYK7Z7Q.js';
4
4
  import '../chunk-U5R6ZXH3.js';
5
5
  import '../chunk-VBKLISDI.js';
6
6
  import '../chunk-XUHDFZZL.js';
7
- import '../chunk-YQ665QH5.js';
7
+ import '../chunk-MCXXQTRK.js';
8
8
  import '../chunk-AQ5VUG5P.js';
package/dist/useStyledSystem.css CHANGED
@@ -1,125 +1,125 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/UseStyledSystem.module.css/#css-module-data */
2
- .UseStyledSystem-module__hop-b-hover___0IFVp:hover {
2
+ .UseStyledSystem-module__hop-b-hover___H9dAZ:hover {
3
3
  --hop-b-hover: initial;
4
4
  border: var(--hop-b-hover) !important;
5
5
  }
6
- .UseStyledSystem-module__hop-bb-hover___CB9Cp:hover {
6
+ .UseStyledSystem-module__hop-bb-hover___eTwXa:hover {
7
7
  --hop-bb-hover: initial;
8
8
  border-bottom: var(--hop-bb-hover) !important;
9
9
  }
10
- .UseStyledSystem-module__hop-bl-hover___Ylh6y:hover {
10
+ .UseStyledSystem-module__hop-bl-hover___a3JHa:hover {
11
11
  --hop-bl-hover: initial;
12
12
  border-left: var(--hop-bl-hover) !important;
13
13
  }
14
- .UseStyledSystem-module__hop-br-hover___CdSa2:hover {
14
+ .UseStyledSystem-module__hop-br-hover___-TUoE:hover {
15
15
  --hop-br-hover: initial;
16
16
  border-right: var(--hop-br-hover) !important;
17
17
  }
18
- .UseStyledSystem-module__hop-bt-hover___ImPKe:hover {
18
+ .UseStyledSystem-module__hop-bt-hover___f7sI7:hover {
19
19
  --hop-bt-hover: initial;
20
20
  border-top: var(--hop-bt-hover) !important;
21
21
  }
22
- .UseStyledSystem-module__hop-b-focus___8hSJD:focus-visible {
22
+ .UseStyledSystem-module__hop-b-focus___FTy5g:focus-visible {
23
23
  --hop-b-focus: initial;
24
24
  border: var(--hop-b-focus) !important;
25
25
  }
26
- .UseStyledSystem-module__hop-bb-focus___PEqhn:focus-visible {
26
+ .UseStyledSystem-module__hop-bb-focus___GWHNZ:focus-visible {
27
27
  --hop-bb-focus: initial;
28
28
  border-bottom: var(--hop-bb-focus) !important;
29
29
  }
30
- .UseStyledSystem-module__hop-bl-focus___L-vKd:focus-visible {
30
+ .UseStyledSystem-module__hop-bl-focus___zPHIe:focus-visible {
31
31
  --hop-bl-focus: initial;
32
32
  border-left: var(--hop-bl-focus) !important;
33
33
  }
34
- .UseStyledSystem-module__hop-br-focus___ILmqy:focus-visible {
34
+ .UseStyledSystem-module__hop-br-focus___16-WT:focus-visible {
35
35
  --hop-br-focus: initial;
36
36
  border-right: var(--hop-br-focus) !important;
37
37
  }
38
- .UseStyledSystem-module__hop-bt-focus___-fnoT:focus-visible {
38
+ .UseStyledSystem-module__hop-bt-focus___29kNO:focus-visible {
39
39
  --hop-bt-focus: initial;
40
40
  border-top: var(--hop-bt-focus) !important;
41
41
  }
42
- .UseStyledSystem-module__hop-b-active___-EWIF:active {
42
+ .UseStyledSystem-module__hop-b-active___BTVLh:active {
43
43
  --hop-b-active: initial;
44
44
  border: var(--hop-b-active) !important;
45
45
  }
46
- .UseStyledSystem-module__hop-bb-active___kMZAX:active {
46
+ .UseStyledSystem-module__hop-bb-active___Z2GJU:active {
47
47
  --hop-bb-active: initial;
48
48
  border-bottom: var(--hop-bb-active) !important;
49
49
  }
50
- .UseStyledSystem-module__hop-bl-active___v-5HZ:active {
50
+ .UseStyledSystem-module__hop-bl-active___p-hlA:active {
51
51
  --hop-bl-active: initial;
52
52
  border-left: var(--hop-bl-active) !important;
53
53
  }
54
- .UseStyledSystem-module__hop-br-active___C4D1E:active {
54
+ .UseStyledSystem-module__hop-br-active___-ul0U:active {
55
55
  --hop-br-active: initial;
56
56
  border-right: var(--hop-br-active) !important;
57
57
  }
58
- .UseStyledSystem-module__hop-bt-active___5x69O:active {
58
+ .UseStyledSystem-module__hop-bt-active___JBGCm:active {
59
59
  --hop-bt-active: initial;
60
60
  border-top: var(--hop-bt-active) !important;
61
61
  }
62
- .UseStyledSystem-module__hop-bg-hover___4tKn1:hover {
62
+ .UseStyledSystem-module__hop-bg-hover___pLeR2:hover {
63
63
  --hop-bg-hover: initial;
64
64
  background-color: var(--hop-bg-hover) !important;
65
65
  }
66
- .UseStyledSystem-module__hop-bg-focus___t30Gr:focus-visible {
66
+ .UseStyledSystem-module__hop-bg-focus___wilfJ:focus-visible {
67
67
  --hop-bg-focus: initial;
68
68
  background-color: var(--hop-bg-focus) !important;
69
69
  }
70
- .UseStyledSystem-module__hop-bg-active___gu4IC:active {
70
+ .UseStyledSystem-module__hop-bg-active___B6kMa:active {
71
71
  --hop-bg-active: initial;
72
72
  background-color: var(--hop-bg-active) !important;
73
73
  }
74
- .UseStyledSystem-module__hop-bs-hover___V0ibb:hover {
74
+ .UseStyledSystem-module__hop-bs-hover___WmFAD:hover {
75
75
  --hop-bs-hover: initial;
76
76
  box-shadow: var(--hop-bs-hover) !important;
77
77
  }
78
- .UseStyledSystem-module__hop-bs-focus___JNQ13:focus-visible {
78
+ .UseStyledSystem-module__hop-bs-focus___f2smT:focus-visible {
79
79
  --hop-bs-focus: initial;
80
80
  box-shadow: var(--hop-bs-focus) !important;
81
81
  }
82
- .UseStyledSystem-module__hop-bs-active___Ds3pe:active {
82
+ .UseStyledSystem-module__hop-bs-active___WfvLM:active {
83
83
  --hop-bs-active: initial;
84
84
  box-shadow: var(--hop-bs-active) !important;
85
85
  }
86
- .UseStyledSystem-module__hop-c-hover___Q0SKe:hover {
86
+ .UseStyledSystem-module__hop-c-hover___C74Xj:hover {
87
87
  --hop-c-hover: initial;
88
88
  color: var(--hop-c-hover) !important;
89
89
  }
90
- .UseStyledSystem-module__hop-c-focus___kyamc:focus-visible {
90
+ .UseStyledSystem-module__hop-c-focus___bouSk:focus-visible {
91
91
  --hop-c-focus: initial;
92
92
  color: var(--hop-c-focus) !important;
93
93
  }
94
- .UseStyledSystem-module__hop-c-active___KTBqJ:active {
94
+ .UseStyledSystem-module__hop-c-active___lBPJ1:active {
95
95
  --hop-c-active: initial;
96
96
  color: var(--hop-c-active) !important;
97
97
  }
98
- .UseStyledSystem-module__hop-cs-hover___KdaNj:hover {
98
+ .UseStyledSystem-module__hop-cs-hover___6LVB8:hover {
99
99
  --hop-cs-hover: initial;
100
100
  cursor: var(--hop-cs-hover) !important;
101
101
  }
102
- .UseStyledSystem-module__hop-f-hover___XNXeE:hover {
102
+ .UseStyledSystem-module__hop-f-hover___lWORl:hover {
103
103
  --hop-f-hover: initial;
104
104
  fill: var(--hop-f-hover) !important;
105
105
  }
106
- .UseStyledSystem-module__hop-f-focus___DTV2J:focus-visible {
106
+ .UseStyledSystem-module__hop-f-focus___D-vJY:focus-visible {
107
107
  --hop-f-focus: initial;
108
108
  fill: var(--hop-f-focus) !important;
109
109
  }
110
- .UseStyledSystem-module__hop-o-hover___FSPI3:hover {
110
+ .UseStyledSystem-module__hop-o-hover___UhdWl:hover {
111
111
  --hop-o-hover: initial;
112
112
  opacity: var(--hop-o-hover) !important;
113
113
  }
114
- .UseStyledSystem-module__hop-o-focus___12E6G:focus-visible {
114
+ .UseStyledSystem-module__hop-o-focus___QGWx5:focus-visible {
115
115
  --hop-o-focus: initial;
116
116
  opacity: var(--hop-o-focus) !important;
117
117
  }
118
- .UseStyledSystem-module__hop-o-active___LXJm4:active {
118
+ .UseStyledSystem-module__hop-o-active___7nl4k:active {
119
119
  --hop-o-active: initial;
120
120
  opacity: var(--hop-o-active) !important;
121
121
  }
122
- .UseStyledSystem-module__hop-ol-focus___K30sx:focus-visible {
122
+ .UseStyledSystem-module__hop-ol-focus___NaoMp:focus-visible {
123
123
  --hop-ol-focus: initial;
124
124
  outline: var(--hop-ol-focus) !important;
125
125
  }
package/dist/useStyledSystem.js CHANGED
@@ -1,10 +1,10 @@
1
- export { isStyledSystemProp, useStyledSystem } from './chunk-6JU6DVRC.js';
2
- import './chunk-JJKYIWIT.js';
3
- import './chunk-A54ZRFEM.js';
1
+ export { isStyledSystemProp, useStyledSystem } from './chunk-FKFCSZEJ.js';
2
+ import './chunk-K3ZBOVUZ.js';
3
+ import './chunk-LMCQIGNN.js';
4
4
  import './chunk-FTYK7Z7Q.js';
5
5
  import './chunk-U5R6ZXH3.js';
6
6
  import './chunk-VBKLISDI.js';
7
7
  import './chunk-XUHDFZZL.js';
8
8
  import './chunk-QMDDVBCZ.js';
9
- import './chunk-YQ665QH5.js';
9
+ import './chunk-MCXXQTRK.js';
10
10
  import './chunk-AQ5VUG5P.js';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@hopper-ui/styled-system",
3
3
  "author": "Workleap",
4
- "version": "3.0.1",
4
+ "version": "3.1.1",
5
5
  "description": "The styled-system package.",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {
@@ -74,7 +74,7 @@
74
74
  "tsup": "8.5.0",
75
75
  "typescript": "5.5.4",
76
76
  "typescript-eslint": "8.46.2",
77
- "@hopper-ui/tokens": "5.0.0"
77
+ "@hopper-ui/tokens": "5.1.1"
78
78
  },
79
79
  "scripts": {
80
80
  "dev": "tsup --config ./tsup.dev.ts",