npm - @utilitywarehouse/hearth-react - Versions diffs - 0.2.2 → 0.2.4 - Mend

@utilitywarehouse/hearth-react 0.2.2 → 0.2.4

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 (297) hide show

package/dist/props/border.props.d.cts CHANGED Viewed

@@ -1,14 +1,14 @@
 import { transformColorValue } from '../helpers/transform-color-value.cjs';
 import { Responsive } from '../types/responsive.cjs';
-declare const colorTokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+declare const colorTokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
 declare const borderStyleValues: readonly ["none", "solid"];
 declare const borderWidthValues: readonly ["0", "1", "2"];
 declare const borderRadiusValues: readonly ["none", "xs", "sm", "md", "lg", "xl", "full"];
 declare const borderPropDefs: {
     borderColor: {
         className: string;
-        tokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+        tokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
         responsive: false;
         singleClassNameTokens: true;
         transformValue: typeof transformColorValue;
@@ -25,7 +25,7 @@ declare const borderPropDefs: {
     };
     borderTopColor: {
         className: string;
-        tokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+        tokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
         responsive: false;
         singleClassNameTokens: true;
         transformValue: typeof transformColorValue;
@@ -42,7 +42,7 @@ declare const borderPropDefs: {
     };
     borderRightColor: {
         className: string;
-        tokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+        tokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
         responsive: false;
         singleClassNameTokens: true;
         transformValue: typeof transformColorValue;
@@ -59,7 +59,7 @@ declare const borderPropDefs: {
     };
     borderBottomColor: {
         className: string;
-        tokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+        tokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
         responsive: false;
         singleClassNameTokens: true;
         transformValue: typeof transformColorValue;
@@ -76,7 +76,7 @@ declare const borderPropDefs: {
     };
     borderLeftColor: {
         className: string;
-        tokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+        tokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
         responsive: false;
         singleClassNameTokens: true;
         transformValue: typeof transformColorValue;

package/dist/props/border.props.d.ts CHANGED Viewed

@@ -1,14 +1,14 @@
 import { transformColorValue } from '../helpers/transform-color-value.js';
 import { Responsive } from '../types/responsive.js';
-declare const colorTokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+declare const colorTokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
 declare const borderStyleValues: readonly ["none", "solid"];
 declare const borderWidthValues: readonly ["0", "1", "2"];
 declare const borderRadiusValues: readonly ["none", "xs", "sm", "md", "lg", "xl", "full"];
 declare const borderPropDefs: {
     borderColor: {
         className: string;
-        tokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+        tokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
         responsive: false;
         singleClassNameTokens: true;
         transformValue: typeof transformColorValue;
@@ -25,7 +25,7 @@ declare const borderPropDefs: {
     };
     borderTopColor: {
         className: string;
-        tokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+        tokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
         responsive: false;
         singleClassNameTokens: true;
         transformValue: typeof transformColorValue;
@@ -42,7 +42,7 @@ declare const borderPropDefs: {
     };
     borderRightColor: {
         className: string;
-        tokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+        tokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
         responsive: false;
         singleClassNameTokens: true;
         transformValue: typeof transformColorValue;
@@ -59,7 +59,7 @@ declare const borderPropDefs: {
     };
     borderBottomColor: {
         className: string;
-        tokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+        tokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
         responsive: false;
         singleClassNameTokens: true;
         transformValue: typeof transformColorValue;
@@ -76,7 +76,7 @@ declare const borderPropDefs: {
     };
     borderLeftColor: {
         className: string;
-        tokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+        tokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
         responsive: false;
         singleClassNameTokens: true;
         transformValue: typeof transformColorValue;

package/dist/props/border.props.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{a}from"../chunk-RHACHKA5.js";import"../chunk-5LFE33FH.js";import"../chunk-6D6OHJRG.js";import"../chunk-TLHGRJDQ.js";export{a as borderPropDefs};
+import{a}from"../chunk-PCSX7TP4.js";import"../chunk-HDDK3KYO.js";import"../chunk-6D6OHJRG.js";import"../chunk-TLHGRJDQ.js";export{a as borderPropDefs};
 //# sourceMappingURL=border.props.js.map

package/dist/props/color.props.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkGBMJ5JAIcjs = require('../chunk-GBMJ5JAI.cjs');require('../chunk-LAITMUFB.cjs');require('../chunk-H2TDV2BL.cjs');require('../chunk-A4KDLDVY.cjs');exports.colorPropDefs = _chunkGBMJ5JAIcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZO6Z4FPKcjs = require('../chunk-ZO6Z4FPK.cjs');require('../chunk-5NBN3TFA.cjs');require('../chunk-H2TDV2BL.cjs');require('../chunk-A4KDLDVY.cjs');exports.colorPropDefs = _chunkZO6Z4FPKcjs.a;
 //# sourceMappingURL=color.props.cjs.map

package/dist/props/color.props.d.cts CHANGED Viewed

@@ -1,10 +1,10 @@
 import { transformColorValue } from '../helpers/transform-color-value.cjs';
-declare const colorTokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+declare const colorTokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
 declare const colorPropDefs: {
     color: {
         className: string;
-        tokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+        tokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
         responsive: false;
         singleClassNameTokens: true;
         transformValue: typeof transformColorValue;

package/dist/props/color.props.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
 import { transformColorValue } from '../helpers/transform-color-value.js';
-declare const colorTokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+declare const colorTokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
 declare const colorPropDefs: {
     color: {
         className: string;
-        tokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+        tokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
         responsive: false;
         singleClassNameTokens: true;
         transformValue: typeof transformColorValue;

package/dist/props/color.props.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{a}from"../chunk-NO5CYWTB.js";import"../chunk-5LFE33FH.js";import"../chunk-6D6OHJRG.js";import"../chunk-TLHGRJDQ.js";export{a as colorPropDefs};
+import{a}from"../chunk-XXUXL633.js";import"../chunk-HDDK3KYO.js";import"../chunk-6D6OHJRG.js";import"../chunk-TLHGRJDQ.js";export{a as colorPropDefs};
 //# sourceMappingURL=color.props.js.map

package/dist/tokens/color.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLAITMUFBcjs = require('../chunk-LAITMUFB.cjs');exports.colorTokens = _chunkLAITMUFBcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk5NBN3TFAcjs = require('../chunk-5NBN3TFA.cjs');exports.colorTokens = _chunk5NBN3TFAcjs.a;
 //# sourceMappingURL=color.cjs.map

package/dist/tokens/color.d.cts CHANGED Viewed

@@ -1,3 +1,3 @@
-declare const colorTokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+declare const colorTokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
 export { colorTokens };

package/dist/tokens/color.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-declare const colorTokens: readonly ["white", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "broadbandGreen200", "broadbandGreen300", "broadbandGreen600", "cashbackLilac300", "cashbackLilac500", "cashbackLilac600", "energyBlue200", "energyBlue300", "energyBlue600", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey1000", "insuranceOrange300", "insuranceOrange400", "insuranceOrange700", "mobileRose200", "mobileRose400", "mobileRose600", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange800", "orange900", "orange1000", "piggyPink200", "piggyPink300", "piggyPink500", "purple300", "purple700", "purple800", "purple900", "purple1000", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow1000"];
+declare const colorTokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
 export { colorTokens };

package/dist/tokens/color.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{a}from"../chunk-5LFE33FH.js";export{a as colorTokens};
+import{a}from"../chunk-HDDK3KYO.js";export{a as colorTokens};
 //# sourceMappingURL=color.js.map

package/package.json CHANGED Viewed

@@ -1,12 +1,12 @@
 {
   "name": "@utilitywarehouse/hearth-react",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "React components",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "style": "./index.css",
+  "style": "./styles.css",
   "exports": {
     ".": {
       "require": {
@@ -34,13 +34,14 @@
     "react": "^18.0.0 || ^19.0.0 ",
     "react-dom": "^18.0.0 || ^19.0.0",
     "@utilitywarehouse/hearth-fonts": "0.0.3",
-    "@utilitywarehouse/hearth-react-icons": "0.1.1",
-    "@utilitywarehouse/hearth-tokens": "0.0.3"
+    "@utilitywarehouse/hearth-react-icons": "0.1.1"
   },
   "dependencies": {
     "@radix-ui/react-use-controllable-state": "^1.0.1",
+    "@utilitywarehouse/hearth-tokens": "0.0.4",
     "clsx": "^2.1.1",
-    "radix-ui": "^1.4.2"
+    "radix-ui": "^1.4.2",
+    "@utilitywarehouse/hearth-css-reset": "0.0.3"
   },
   "devDependencies": {
     "@types/node": "^22.9.0",
@@ -54,16 +55,13 @@
     "postcss-import": "^16.1.0",
     "postcss-nesting": "^13.0.1",
     "prop-types": "^15.8.1",
-    "react": "^17.0.0 || ^18.0.0",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
     "stylelint": "^16.10.0",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-media-use-custom-media": "^4.0.0",
     "tsup": "^8.3.5",
-    "@utilitywarehouse/hearth-css-reset": "0.0.3",
-    "@utilitywarehouse/hearth-fonts": "0.0.3",
-    "@utilitywarehouse/hearth-react-icons": "0.1.1",
-    "@utilitywarehouse/hearth-tokens": "0.0.3"
+    "@utilitywarehouse/hearth-react-icons": "0.1.1"
   },
   "scripts": {
     "clean": "rm -rf .turbo node_modules dist *.css",