@hopper-ui/styled-system 3.1.7 → 3.1.8

package/dist/tokens/tokenMappings.d.ts

@@ -5,7 +5,7 @@ import { ResponsiveProp } from '../responsive/useResponsiveValue.js';
 declare const ColorExpressionTypes: readonly ["#", "rgb", "rgba", "hsl", "hsla"];
 declare const DefaultBorderWidthAndStyle = "1px solid";
 declare const DefaultOutlineWidthAndStyle = "1px solid";
-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>;
+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" | "core_rose-25" | "core_rose-50" | "core_rose-75" | "core_rose-100" | "core_rose-200" | "core_rose-300" | "core_rose-400" | "core_rose-500" | "core_rose-600" | "core_rose-700" | "core_rose-800" | "core_rose-900" | "core_amber-25" | "core_amber-50" | "core_amber-75" | "core_amber-100" | "core_amber-200" | "core_amber-300" | "core_amber-400" | "core_amber-500" | "core_amber-600" | "core_amber-700" | "core_amber-800" | "core_amber-900" | "core_mint-25" | "core_mint-50" | "core_mint-75" | "core_mint-100" | "core_mint-200" | "core_mint-300" | "core_mint-400" | "core_mint-500" | "core_mint-600" | "core_mint-700" | "core_mint-800" | "core_mint-900" | "core_cobalt-25" | "core_cobalt-50" | "core_cobalt-75" | "core_cobalt-100" | "core_cobalt-200" | "core_cobalt-300" | "core_cobalt-400" | "core_cobalt-500" | "core_cobalt-600" | "core_cobalt-700" | "core_cobalt-800" | "core_cobalt-900", string>;
 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>;
 declare const GradientColorMapping: Record<never, string>;
 declare const BackgroundColorMapping: {
@@ -445,6 +445,54 @@ declare const BackgroundColorMapping: {
     "core_rock-800": string;
     "core_rock-900": string;
     core_samoyed: string;
+    "core_rose-25": string;
+    "core_rose-50": string;
+    "core_rose-75": string;
+    "core_rose-100": string;
+    "core_rose-200": string;
+    "core_rose-300": string;
+    "core_rose-400": string;
+    "core_rose-500": string;
+    "core_rose-600": string;
+    "core_rose-700": string;
+    "core_rose-800": string;
+    "core_rose-900": string;
+    "core_amber-25": string;
+    "core_amber-50": string;
+    "core_amber-75": string;
+    "core_amber-100": string;
+    "core_amber-200": string;
+    "core_amber-300": string;
+    "core_amber-400": string;
+    "core_amber-500": string;
+    "core_amber-600": string;
+    "core_amber-700": string;
+    "core_amber-800": string;
+    "core_amber-900": string;
+    "core_mint-25": string;
+    "core_mint-50": string;
+    "core_mint-75": string;
+    "core_mint-100": string;
+    "core_mint-200": string;
+    "core_mint-300": string;
+    "core_mint-400": string;
+    "core_mint-500": string;
+    "core_mint-600": string;
+    "core_mint-700": string;
+    "core_mint-800": string;
+    "core_mint-900": string;
+    "core_cobalt-25": string;
+    "core_cobalt-50": string;
+    "core_cobalt-75": string;
+    "core_cobalt-100": string;
+    "core_cobalt-200": string;
+    "core_cobalt-300": string;
+    "core_cobalt-400": string;
+    "core_cobalt-500": string;
+    "core_cobalt-600": string;
+    "core_cobalt-700": string;
+    "core_cobalt-800": string;
+    "core_cobalt-900": string;
     "danger-active": string;
     "danger-weak-active": string;
     danger: string;
@@ -472,6 +520,9 @@ declare const BackgroundColorMapping: {
     "neutral-weakest": string;
     "neutral-weakest-selected": string;
     "neutral-weakest-hover": string;
+    "neutral-inverse": string;
+    "neutral-always-light": string;
+    "neutral-always-dark": string;
     "primary-active": string;
     "primary-strong-active": string;
     "primary-weak-active": string;
@@ -556,6 +607,20 @@ declare const BackgroundColorMapping: {
     information: string;
     "information-strong": string;
     "information-weak": string;
+    secondary: string;
+    "secondary-hover": string;
+    "secondary-press": string;
+    "secondary-selected": string;
+    "secondary-focus": string;
+    "secondary-disabled": string;
+    "secondary-weak": string;
+    "secondary-weak-hover": string;
+    "secondary-weak-press": string;
+    "secondary-weak-selected": string;
+    "secondary-strong": string;
+    "secondary-strong-hover": string;
+    "secondary-strong-press": string;
+    "secondary-strong-selected": string;
     "status-caution": string;
     "status-caution-disabled": string;
     "status-caution-hover": string;
@@ -1072,6 +1137,54 @@ declare const BorderMapping: {
     "core_rock-800": string;
     "core_rock-900": string;
     core_samoyed: string;
+    "core_rose-25": string;
+    "core_rose-50": string;
+    "core_rose-75": string;
+    "core_rose-100": string;
+    "core_rose-200": string;
+    "core_rose-300": string;
+    "core_rose-400": string;
+    "core_rose-500": string;
+    "core_rose-600": string;
+    "core_rose-700": string;
+    "core_rose-800": string;
+    "core_rose-900": string;
+    "core_amber-25": string;
+    "core_amber-50": string;
+    "core_amber-75": string;
+    "core_amber-100": string;
+    "core_amber-200": string;
+    "core_amber-300": string;
+    "core_amber-400": string;
+    "core_amber-500": string;
+    "core_amber-600": string;
+    "core_amber-700": string;
+    "core_amber-800": string;
+    "core_amber-900": string;
+    "core_mint-25": string;
+    "core_mint-50": string;
+    "core_mint-75": string;
+    "core_mint-100": string;
+    "core_mint-200": string;
+    "core_mint-300": string;
+    "core_mint-400": string;
+    "core_mint-500": string;
+    "core_mint-600": string;
+    "core_mint-700": string;
+    "core_mint-800": string;
+    "core_mint-900": string;
+    "core_cobalt-25": string;
+    "core_cobalt-50": string;
+    "core_cobalt-75": string;
+    "core_cobalt-100": string;
+    "core_cobalt-200": string;
+    "core_cobalt-300": string;
+    "core_cobalt-400": string;
+    "core_cobalt-500": string;
+    "core_cobalt-600": string;
+    "core_cobalt-700": string;
+    "core_cobalt-800": string;
+    "core_cobalt-900": string;
     "danger-active": string;
     danger: string;
     "danger-selected": string;
@@ -1106,6 +1219,10 @@ declare const BorderMapping: {
     "decorative-option2": string;
     "decorative-option1": string;
     information: string;
+    secondary: string;
+    "secondary-press": string;
+    "secondary-selected": string;
+    "secondary-focus": string;
     "status-caution": string;
     "status-caution-disabled": string;
     "status-caution-hover": string;
@@ -1607,6 +1724,54 @@ declare const OutlineMapping: {
     "core_rock-800": string;
     "core_rock-900": string;
     core_samoyed: string;
+    "core_rose-25": string;
+    "core_rose-50": string;
+    "core_rose-75": string;
+    "core_rose-100": string;
+    "core_rose-200": string;
+    "core_rose-300": string;
+    "core_rose-400": string;
+    "core_rose-500": string;
+    "core_rose-600": string;
+    "core_rose-700": string;
+    "core_rose-800": string;
+    "core_rose-900": string;
+    "core_amber-25": string;
+    "core_amber-50": string;
+    "core_amber-75": string;
+    "core_amber-100": string;
+    "core_amber-200": string;
+    "core_amber-300": string;
+    "core_amber-400": string;
+    "core_amber-500": string;
+    "core_amber-600": string;
+    "core_amber-700": string;
+    "core_amber-800": string;
+    "core_amber-900": string;
+    "core_mint-25": string;
+    "core_mint-50": string;
+    "core_mint-75": string;
+    "core_mint-100": string;
+    "core_mint-200": string;
+    "core_mint-300": string;
+    "core_mint-400": string;
+    "core_mint-500": string;
+    "core_mint-600": string;
+    "core_mint-700": string;
+    "core_mint-800": string;
+    "core_mint-900": string;
+    "core_cobalt-25": string;
+    "core_cobalt-50": string;
+    "core_cobalt-75": string;
+    "core_cobalt-100": string;
+    "core_cobalt-200": string;
+    "core_cobalt-300": string;
+    "core_cobalt-400": string;
+    "core_cobalt-500": string;
+    "core_cobalt-600": string;
+    "core_cobalt-700": string;
+    "core_cobalt-800": string;
+    "core_cobalt-900": string;
     "danger-active": string;
     danger: string;
     "danger-selected": string;
@@ -1641,6 +1806,10 @@ declare const OutlineMapping: {
     "decorative-option2": string;
     "decorative-option1": string;
     information: string;
+    secondary: string;
+    "secondary-press": string;
+    "secondary-selected": string;
+    "secondary-focus": string;
     "status-caution": string;
     "status-caution-disabled": string;
     "status-caution-hover": string;
@@ -2142,6 +2311,54 @@ declare const TextColorMapping: {
     "core_rock-800": string;
     "core_rock-900": string;
     core_samoyed: string;
+    "core_rose-25": string;
+    "core_rose-50": string;
+    "core_rose-75": string;
+    "core_rose-100": string;
+    "core_rose-200": string;
+    "core_rose-300": string;
+    "core_rose-400": string;
+    "core_rose-500": string;
+    "core_rose-600": string;
+    "core_rose-700": string;
+    "core_rose-800": string;
+    "core_rose-900": string;
+    "core_amber-25": string;
+    "core_amber-50": string;
+    "core_amber-75": string;
+    "core_amber-100": string;
+    "core_amber-200": string;
+    "core_amber-300": string;
+    "core_amber-400": string;
+    "core_amber-500": string;
+    "core_amber-600": string;
+    "core_amber-700": string;
+    "core_amber-800": string;
+    "core_amber-900": string;
+    "core_mint-25": string;
+    "core_mint-50": string;
+    "core_mint-75": string;
+    "core_mint-100": string;
+    "core_mint-200": string;
+    "core_mint-300": string;
+    "core_mint-400": string;
+    "core_mint-500": string;
+    "core_mint-600": string;
+    "core_mint-700": string;
+    "core_mint-800": string;
+    "core_mint-900": string;
+    "core_cobalt-25": string;
+    "core_cobalt-50": string;
+    "core_cobalt-75": string;
+    "core_cobalt-100": string;
+    "core_cobalt-200": string;
+    "core_cobalt-300": string;
+    "core_cobalt-400": string;
+    "core_cobalt-500": string;
+    "core_cobalt-600": string;
+    "core_cobalt-700": string;
+    "core_cobalt-800": string;
+    "core_cobalt-900": string;
     "danger-active": string;
     "danger-weak-active": string;
     danger: string;
@@ -2167,6 +2384,9 @@ declare const TextColorMapping: {
     "neutral-weak-hover": string;
     "neutral-weak-press": string;
     "neutral-weakest": string;
+    "neutral-inverse": string;
+    "neutral-always-light": string;
+    "neutral-always-dark": string;
     "primary-active": string;
     primary: string;
     "primary-selected": string;
@@ -2205,6 +2425,13 @@ declare const TextColorMapping: {
     "decorative-option1-weak": string;
     information: string;
     "information-weak": string;
+    secondary: string;
+    "secondary-hover": string;
+    "secondary-press": string;
+    "secondary-selected": string;
+    "secondary-disabled": string;
+    "secondary-strong": string;
+    "secondary-strong-hover": string;
     "status-caution": string;
     "status-caution-disabled": string;
     "status-caution-hover": string;
@@ -2708,6 +2935,54 @@ declare const IconColorMapping: {
     "core_rock-800": string;
     "core_rock-900": string;
     core_samoyed: string;
+    "core_rose-25": string;
+    "core_rose-50": string;
+    "core_rose-75": string;
+    "core_rose-100": string;
+    "core_rose-200": string;
+    "core_rose-300": string;
+    "core_rose-400": string;
+    "core_rose-500": string;
+    "core_rose-600": string;
+    "core_rose-700": string;
+    "core_rose-800": string;
+    "core_rose-900": string;
+    "core_amber-25": string;
+    "core_amber-50": string;
+    "core_amber-75": string;
+    "core_amber-100": string;
+    "core_amber-200": string;
+    "core_amber-300": string;
+    "core_amber-400": string;
+    "core_amber-500": string;
+    "core_amber-600": string;
+    "core_amber-700": string;
+    "core_amber-800": string;
+    "core_amber-900": string;
+    "core_mint-25": string;
+    "core_mint-50": string;
+    "core_mint-75": string;
+    "core_mint-100": string;
+    "core_mint-200": string;
+    "core_mint-300": string;
+    "core_mint-400": string;
+    "core_mint-500": string;
+    "core_mint-600": string;
+    "core_mint-700": string;
+    "core_mint-800": string;
+    "core_mint-900": string;
+    "core_cobalt-25": string;
+    "core_cobalt-50": string;
+    "core_cobalt-75": string;
+    "core_cobalt-100": string;
+    "core_cobalt-200": string;
+    "core_cobalt-300": string;
+    "core_cobalt-400": string;
+    "core_cobalt-500": string;
+    "core_cobalt-600": string;
+    "core_cobalt-700": string;
+    "core_cobalt-800": string;
+    "core_cobalt-900": string;
     "danger-active": string;
     "danger-weak-active": string;
     danger: string;
@@ -2733,6 +3008,9 @@ declare const IconColorMapping: {
     "neutral-weak-hover": string;
     "neutral-weak-press": string;
     "neutral-weakest": string;
+    "neutral-inverse": string;
+    "neutral-always-light": string;
+    "neutral-always-dark": string;
     "primary-active": string;
     primary: string;
     "primary-selected": string;
@@ -2761,6 +3039,13 @@ declare const IconColorMapping: {
     "decorative-option1": string;
     information: string;
     "information-weak": string;
+    secondary: string;
+    "secondary-hover": string;
+    "secondary-press": string;
+    "secondary-selected": string;
+    "secondary-disabled": string;
+    "secondary-strong": string;
+    "secondary-strong-hover": string;
     "status-caution": string;
     "status-caution-disabled": string;
     "status-caution-hover": string;

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-BMWCINBT.js';
-import '../chunk-ZHO2NVMU.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-MJGZAFTL.js';
+import '../chunk-RCDHX7IY.js';
 import '../chunk-FTYK7Z7Q.js';
 import '../chunk-U5R6ZXH3.js';
 import '../chunk-VBKLISDI.js';
 import '../chunk-XUHDFZZL.js';
-import '../chunk-XBK5RW6T.js';
+import '../chunk-QTC3OPPR.js';
 import '../chunk-AQ5VUG5P.js';

package/dist/useStyledSystem.css

@@ -1,125 +1,125 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/UseStyledSystem.module.css/#css-module-data */
-.UseStyledSystem-module__hop-b-hover___XSrUN:hover {
+.UseStyledSystem-module__hop-b-hover___LMT3C:hover {
   --hop-b-hover: initial;
   border: var(--hop-b-hover) !important;
 }
-.UseStyledSystem-module__hop-bb-hover___EAYiW:hover {
+.UseStyledSystem-module__hop-bb-hover___84w6m:hover {
   --hop-bb-hover: initial;
   border-bottom: var(--hop-bb-hover) !important;
 }
-.UseStyledSystem-module__hop-bl-hover___z-IUk:hover {
+.UseStyledSystem-module__hop-bl-hover___sjqJC:hover {
   --hop-bl-hover: initial;
   border-left: var(--hop-bl-hover) !important;
 }
-.UseStyledSystem-module__hop-br-hover___L4J-3:hover {
+.UseStyledSystem-module__hop-br-hover___XVBZk:hover {
   --hop-br-hover: initial;
   border-right: var(--hop-br-hover) !important;
 }
-.UseStyledSystem-module__hop-bt-hover___0nf0b:hover {
+.UseStyledSystem-module__hop-bt-hover___WVQ8u:hover {
   --hop-bt-hover: initial;
   border-top: var(--hop-bt-hover) !important;
 }
-.UseStyledSystem-module__hop-b-focus___b2kJG:focus-visible {
+.UseStyledSystem-module__hop-b-focus___fRyhl:focus-visible {
   --hop-b-focus: initial;
   border: var(--hop-b-focus) !important;
 }
-.UseStyledSystem-module__hop-bb-focus___S-T8f:focus-visible {
+.UseStyledSystem-module__hop-bb-focus___UPO9Y:focus-visible {
   --hop-bb-focus: initial;
   border-bottom: var(--hop-bb-focus) !important;
 }
-.UseStyledSystem-module__hop-bl-focus___mId5i:focus-visible {
+.UseStyledSystem-module__hop-bl-focus___TPcyI:focus-visible {
   --hop-bl-focus: initial;
   border-left: var(--hop-bl-focus) !important;
 }
-.UseStyledSystem-module__hop-br-focus___KDHDY:focus-visible {
+.UseStyledSystem-module__hop-br-focus___lQl8M:focus-visible {
   --hop-br-focus: initial;
   border-right: var(--hop-br-focus) !important;
 }
-.UseStyledSystem-module__hop-bt-focus___aoaq6:focus-visible {
+.UseStyledSystem-module__hop-bt-focus___Gnx3q:focus-visible {
   --hop-bt-focus: initial;
   border-top: var(--hop-bt-focus) !important;
 }
-.UseStyledSystem-module__hop-b-active___drJN8:active {
+.UseStyledSystem-module__hop-b-active___S-vIU:active {
   --hop-b-active: initial;
   border: var(--hop-b-active) !important;
 }
-.UseStyledSystem-module__hop-bb-active___DYBk2:active {
+.UseStyledSystem-module__hop-bb-active___bTItB:active {
   --hop-bb-active: initial;
   border-bottom: var(--hop-bb-active) !important;
 }
-.UseStyledSystem-module__hop-bl-active___GDDuw:active {
+.UseStyledSystem-module__hop-bl-active___7vbxV:active {
   --hop-bl-active: initial;
   border-left: var(--hop-bl-active) !important;
 }
-.UseStyledSystem-module__hop-br-active___vneAa:active {
+.UseStyledSystem-module__hop-br-active___PrH41:active {
   --hop-br-active: initial;
   border-right: var(--hop-br-active) !important;
 }
-.UseStyledSystem-module__hop-bt-active___vAdr2:active {
+.UseStyledSystem-module__hop-bt-active___KWLgd:active {
   --hop-bt-active: initial;
   border-top: var(--hop-bt-active) !important;
 }
-.UseStyledSystem-module__hop-bg-hover___pFE8p:hover {
+.UseStyledSystem-module__hop-bg-hover___MJCjC:hover {
   --hop-bg-hover: initial;
   background-color: var(--hop-bg-hover) !important;
 }
-.UseStyledSystem-module__hop-bg-focus___a70lJ:focus-visible {
+.UseStyledSystem-module__hop-bg-focus___um5N7:focus-visible {
   --hop-bg-focus: initial;
   background-color: var(--hop-bg-focus) !important;
 }
-.UseStyledSystem-module__hop-bg-active___DtHQu:active {
+.UseStyledSystem-module__hop-bg-active___x5Tx2:active {
   --hop-bg-active: initial;
   background-color: var(--hop-bg-active) !important;
 }
-.UseStyledSystem-module__hop-bs-hover___5I5h3:hover {
+.UseStyledSystem-module__hop-bs-hover___powD-:hover {
   --hop-bs-hover: initial;
   box-shadow: var(--hop-bs-hover) !important;
 }
-.UseStyledSystem-module__hop-bs-focus___O3tiK:focus-visible {
+.UseStyledSystem-module__hop-bs-focus___uc8kL:focus-visible {
   --hop-bs-focus: initial;
   box-shadow: var(--hop-bs-focus) !important;
 }
-.UseStyledSystem-module__hop-bs-active___tDOR5:active {
+.UseStyledSystem-module__hop-bs-active___QbfLY:active {
   --hop-bs-active: initial;
   box-shadow: var(--hop-bs-active) !important;
 }
-.UseStyledSystem-module__hop-c-hover___ERr5P:hover {
+.UseStyledSystem-module__hop-c-hover___bVM5p:hover {
   --hop-c-hover: initial;
   color: var(--hop-c-hover) !important;
 }
-.UseStyledSystem-module__hop-c-focus___jUQkl:focus-visible {
+.UseStyledSystem-module__hop-c-focus___CsDEw:focus-visible {
   --hop-c-focus: initial;
   color: var(--hop-c-focus) !important;
 }
-.UseStyledSystem-module__hop-c-active___oZoRO:active {
+.UseStyledSystem-module__hop-c-active___eBei8:active {
   --hop-c-active: initial;
   color: var(--hop-c-active) !important;
 }
-.UseStyledSystem-module__hop-cs-hover___QmH-C:hover {
+.UseStyledSystem-module__hop-cs-hover___bbN1Y:hover {
   --hop-cs-hover: initial;
   cursor: var(--hop-cs-hover) !important;
 }
-.UseStyledSystem-module__hop-f-hover___zTBmN:hover {
+.UseStyledSystem-module__hop-f-hover___qKELu:hover {
   --hop-f-hover: initial;
   fill: var(--hop-f-hover) !important;
 }
-.UseStyledSystem-module__hop-f-focus___IFmAr:focus-visible {
+.UseStyledSystem-module__hop-f-focus___JwgkJ:focus-visible {
   --hop-f-focus: initial;
   fill: var(--hop-f-focus) !important;
 }
-.UseStyledSystem-module__hop-o-hover___7i9zk:hover {
+.UseStyledSystem-module__hop-o-hover___fT1mC:hover {
   --hop-o-hover: initial;
   opacity: var(--hop-o-hover) !important;
 }
-.UseStyledSystem-module__hop-o-focus___i-J-q:focus-visible {
+.UseStyledSystem-module__hop-o-focus___TffvU:focus-visible {
   --hop-o-focus: initial;
   opacity: var(--hop-o-focus) !important;
 }
-.UseStyledSystem-module__hop-o-active___m4zWC:active {
+.UseStyledSystem-module__hop-o-active___KvkIY:active {
   --hop-o-active: initial;
   opacity: var(--hop-o-active) !important;
 }
-.UseStyledSystem-module__hop-ol-focus___CZZXm:focus-visible {
+.UseStyledSystem-module__hop-ol-focus___DsSgy:focus-visible {
   --hop-ol-focus: initial;
   outline: var(--hop-ol-focus) !important;
 }

package/dist/useStyledSystem.js

@@ -1,10 +1,10 @@
-export { isStyledSystemProp, useStyledSystem } from './chunk-5LDV47AF.js';
-import './chunk-BMWCINBT.js';
-import './chunk-ZHO2NVMU.js';
+export { isStyledSystemProp, useStyledSystem } from './chunk-V7AWRYZY.js';
+import './chunk-MJGZAFTL.js';
+import './chunk-RCDHX7IY.js';
 import './chunk-FTYK7Z7Q.js';
 import './chunk-U5R6ZXH3.js';
 import './chunk-VBKLISDI.js';
 import './chunk-XUHDFZZL.js';
 import './chunk-QMDDVBCZ.js';
-import './chunk-XBK5RW6T.js';
+import './chunk-QTC3OPPR.js';
 import './chunk-AQ5VUG5P.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hopper-ui/styled-system",
   "author": "Workleap",
-  "version": "3.1.7",
+  "version": "3.1.8",
   "description": "The styled-system package.",
   "license": "Apache-2.0",
   "repository": {
@@ -74,7 +74,7 @@
     "tsup": "8.5.0",
     "typescript": "5.5.4",
     "typescript-eslint": "8.46.2",
-    "@hopper-ui/tokens": "5.1.7"
+    "@hopper-ui/tokens": "5.1.8"
   },
   "scripts": {
     "dev": "tsup --config ./tsup.dev.ts",