@impulse-ui-native/theme 2.8.0 → 3.0.0

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 (62) hide show
  1. package/dist/constants/index.d.mts +1 -1
  2. package/dist/constants/style.constants.d.mts +3 -3
  3. package/dist/constants/style.constants.js +3 -3
  4. package/dist/constants/style.constants.js.map +1 -1
  5. package/dist/hooks/index.d.mts +3 -1
  6. package/dist/hooks/use-colors.hook.d.mts +3 -1
  7. package/dist/hooks/use-components-tokens.hook.d.mts +3 -1
  8. package/dist/hooks/use-theme.hook.d.mts +3 -1
  9. package/dist/hooks/use-themed-styles.d.mts +3 -1
  10. package/dist/index.d.mts +4 -1
  11. package/dist/providers/index.d.mts +3 -1
  12. package/dist/providers/theme.provider.d.mts +3 -1
  13. package/dist/theme/create-accordion-tokens.d.mts +3 -1
  14. package/dist/theme/create-avatar-tokens.d.mts +3 -1
  15. package/dist/theme/create-badge-tokens.d.mts +31 -0
  16. package/dist/theme/create-badge-tokens.js +101 -0
  17. package/dist/theme/create-badge-tokens.js.map +1 -0
  18. package/dist/theme/create-button-tokens.d.mts +3 -1
  19. package/dist/theme/create-card-tokens.d.mts +3 -1
  20. package/dist/theme/create-checkbox-tokens.d.mts +3 -1
  21. package/dist/theme/create-control-tokens.d.mts +3 -1
  22. package/dist/theme/create-data-state-tokens.d.mts +3 -1
  23. package/dist/theme/create-datetime-picker.d.mts +3 -1
  24. package/dist/theme/create-divider-tokens.d.mts +3 -1
  25. package/dist/theme/create-flyout-tokens.d.mts +3 -1
  26. package/dist/theme/create-icon-button-tokens.d.mts +3 -1
  27. package/dist/theme/create-progress-tokens.d.mts +3 -1
  28. package/dist/theme/create-radio-tokens.d.mts +3 -1
  29. package/dist/theme/create-select-tokens.d.mts +3 -1
  30. package/dist/theme/create-skeleton-tokens.d.mts +3 -1
  31. package/dist/theme/create-slider-tokens.d.mts +31 -0
  32. package/dist/theme/create-slider-tokens.js +79 -0
  33. package/dist/theme/create-slider-tokens.js.map +1 -0
  34. package/dist/theme/create-spinner-tokens.d.mts +3 -1
  35. package/dist/theme/create-stepper-tokens.d.mts +3 -1
  36. package/dist/theme/create-switch-tokens.d.mts +3 -1
  37. package/dist/theme/create-tag-tokens.d.mts +3 -1
  38. package/dist/theme/create-textarea-tokens.d.mts +3 -1
  39. package/dist/theme/create-time-picker-tokens.d.mts +3 -1
  40. package/dist/theme/dark.theme.d.mts +3 -1
  41. package/dist/theme/index.d.mts +4 -1
  42. package/dist/theme/index.js +1 -0
  43. package/dist/theme/index.js.map +1 -1
  44. package/dist/theme/light.theme.d.mts +3 -1
  45. package/dist/theme/tokens.theme.d.mts +3 -1
  46. package/dist/theme/tokens.theme.js +4 -0
  47. package/dist/theme/tokens.theme.js.map +1 -1
  48. package/dist/types/badge-tokens.types.d.mts +28 -0
  49. package/dist/types/badge-tokens.types.js +1 -0
  50. package/dist/types/badge-tokens.types.js.map +1 -0
  51. package/dist/types/index.d.mts +2 -0
  52. package/dist/types/index.js +2 -0
  53. package/dist/types/index.js.map +1 -1
  54. package/dist/types/slider-tokens.types.d.mts +44 -0
  55. package/dist/types/slider-tokens.types.js +1 -0
  56. package/dist/types/slider-tokens.types.js.map +1 -0
  57. package/dist/types/theme-provider.types.d.mts +4 -0
  58. package/dist/utils/index.d.mts +3 -1
  59. package/dist/utils/style.utils.d.mts +3 -1
  60. package/dist/utils/style.utils.js +2 -2
  61. package/dist/utils/style.utils.js.map +1 -1
  62. package/package.json +3 -3
@@ -1,4 +1,4 @@
1
- export { StylePropsSet, shadowScale } from './style.constants.mjs';
1
+ export { ShadowScale, StylePropsSet } from './style.constants.mjs';
2
2
  import '../types/border.types.mjs';
3
3
  import 'react-native';
4
4
  import '../types/color.types.mjs';
@@ -2,13 +2,13 @@ import { BorderProps } from '../types/border.types.mjs';
2
2
  import { ColorProps } from '../types/color.types.mjs';
3
3
  import { DimensionProps } from '../types/dimension.types.mjs';
4
4
  import { FlexProps } from '../types/flex.types.mjs';
5
- import { ShadowProps, ShadowLevel, ShadowIntensity } from '../types/shadow.types.mjs';
5
+ import { ShadowLevel, ShadowIntensity, ShadowProps } from '../types/shadow.types.mjs';
6
6
  import { SpacingProps } from '../types/spacing.types.mjs';
7
7
  import { TypographyProps } from '../types/typography.types.mjs';
8
8
  import 'react-native';
9
9
  import '../types/tokens.types.mjs';
10
10
 
11
11
  declare const StylePropsSet: Set<keyof SpacingProps | keyof ColorProps | keyof ShadowProps | keyof BorderProps | keyof TypographyProps | keyof FlexProps | keyof DimensionProps>;
12
- declare const shadowScale: Record<ShadowLevel, ShadowIntensity>;
12
+ declare const ShadowScale: Record<ShadowLevel, ShadowIntensity>;
13
13
 
14
- export { StylePropsSet, shadowScale };
14
+ export { ShadowScale, StylePropsSet };
@@ -85,7 +85,7 @@ const StylePropsRecord = {
85
85
  const StylePropsSet = new Set(
86
86
  Object.keys(StylePropsRecord)
87
87
  );
88
- const shadowScale = {
88
+ const ShadowScale = {
89
89
  none: { radius: 0, opacity: 0, elevation: 0 },
90
90
  xs: { radius: 2, opacity: 0.08, elevation: 1 },
91
91
  sm: { radius: 4, opacity: 0.1, elevation: 2 },
@@ -94,7 +94,7 @@ const shadowScale = {
94
94
  xl: { radius: 24, opacity: 0.22, elevation: 12 }
95
95
  };
96
96
  export {
97
- StylePropsSet,
98
- shadowScale
97
+ ShadowScale,
98
+ StylePropsSet
99
99
  };
100
100
  //# sourceMappingURL=style.constants.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/constants/style.constants.ts"],"sourcesContent":["import { ShadowIntensity, ShadowLevel, StyleProps } from \"../types\";\r\n\r\nconst StylePropsRecord: Record<keyof StyleProps, number> = {\r\n margin: 0,\r\n marginTop: 0,\r\n marginBottom: 0,\r\n marginLeft: 0,\r\n marginRight: 0,\r\n marginHorizontal: 0,\r\n marginVertical: 0,\r\n padding: 0,\r\n paddingTop: 0,\r\n paddingBottom: 0,\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n paddingHorizontal: 0,\r\n paddingVertical: 0,\r\n color: 0,\r\n backgroundColor: 0,\r\n opacity: 0,\r\n shadow: 0,\r\n shadowPosition: 0,\r\n shadowColor: 0,\r\n shadowOpacity: 0,\r\n shadowRadius: 0,\r\n shadowOffset: 0,\r\n elevation: 0,\r\n borderRadius: 0,\r\n borderTopLeftRadius: 0,\r\n borderTopRightRadius: 0,\r\n borderBottomLeftRadius: 0,\r\n borderBottomRightRadius: 0,\r\n borderWidth: 0,\r\n borderTopWidth: 0,\r\n borderRightWidth: 0,\r\n borderBottomWidth: 0,\r\n borderLeftWidth: 0,\r\n borderColor: 0,\r\n borderTopColor: 0,\r\n borderRightColor: 0,\r\n borderBottomColor: 0,\r\n borderLeftColor: 0,\r\n borderStyle: 0,\r\n fontSize: 0,\r\n fontFamily: 0,\r\n fontWeight: 0,\r\n fontStyle: 0,\r\n fontVariant: 0,\r\n letterSpacing: 0,\r\n lineHeight: 0,\r\n textAlign: 0,\r\n textDecorationLine: 0,\r\n textDecorationStyle: 0,\r\n textDecorationColor: 0,\r\n textTransform: 0,\r\n includeFontPadding: 0,\r\n textAlignVertical: 0,\r\n writingDirection: 0,\r\n flex: 0,\r\n flexGrow: 0,\r\n flexShrink: 0,\r\n flexBasis: 0,\r\n flexDirection: 0,\r\n flexWrap: 0,\r\n justifyContent: 0,\r\n alignItems: 0,\r\n alignSelf: 0,\r\n alignContent: 0,\r\n gap: 0,\r\n rowGap: 0,\r\n columnGap: 0,\r\n position: 0,\r\n top: 0,\r\n right: 0,\r\n bottom: 0,\r\n left: 0,\r\n zIndex: 0,\r\n width: 0,\r\n height: 0,\r\n minWidth: 0,\r\n maxWidth: 0,\r\n minHeight: 0,\r\n maxHeight: 0,\r\n aspectRatio: 0,\r\n overflow: 0,\r\n} as const;\r\n\r\nexport const StylePropsSet = new Set<keyof StyleProps>(\r\n Object.keys(StylePropsRecord) as (keyof StyleProps)[],\r\n);\r\n\r\nexport const shadowScale: Record<ShadowLevel, ShadowIntensity> = {\r\n none: { radius: 0, opacity: 0, elevation: 0 },\r\n xs: { radius: 2, opacity: 0.08, elevation: 1 },\r\n sm: { radius: 4, opacity: 0.1, elevation: 2 },\r\n md: { radius: 8, opacity: 0.15, elevation: 4 },\r\n lg: { radius: 16, opacity: 0.18, elevation: 8 },\r\n xl: { radius: 24, opacity: 0.22, elevation: 12 },\r\n};\r\n"],"mappings":"AAEA,MAAM,mBAAqD;AAAA,EACzD,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,cAAc;AAAA,EACd,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,UAAU;AACZ;AAEO,MAAM,gBAAgB,IAAI;AAAA,EAC/B,OAAO,KAAK,gBAAgB;AAC9B;AAEO,MAAM,cAAoD;AAAA,EAC/D,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,EAAE;AAAA,EAC5C,IAAI,EAAE,QAAQ,GAAG,SAAS,MAAM,WAAW,EAAE;AAAA,EAC7C,IAAI,EAAE,QAAQ,GAAG,SAAS,KAAK,WAAW,EAAE;AAAA,EAC5C,IAAI,EAAE,QAAQ,GAAG,SAAS,MAAM,WAAW,EAAE;AAAA,EAC7C,IAAI,EAAE,QAAQ,IAAI,SAAS,MAAM,WAAW,EAAE;AAAA,EAC9C,IAAI,EAAE,QAAQ,IAAI,SAAS,MAAM,WAAW,GAAG;AACjD;","names":[]}
1
+ {"version":3,"sources":["../../src/constants/style.constants.ts"],"sourcesContent":["import { ShadowIntensity, ShadowLevel, StyleProps } from \"../types\";\n\nconst StylePropsRecord: Record<keyof StyleProps, number> = {\n margin: 0,\n marginTop: 0,\n marginBottom: 0,\n marginLeft: 0,\n marginRight: 0,\n marginHorizontal: 0,\n marginVertical: 0,\n padding: 0,\n paddingTop: 0,\n paddingBottom: 0,\n paddingLeft: 0,\n paddingRight: 0,\n paddingHorizontal: 0,\n paddingVertical: 0,\n color: 0,\n backgroundColor: 0,\n opacity: 0,\n shadow: 0,\n shadowPosition: 0,\n shadowColor: 0,\n shadowOpacity: 0,\n shadowRadius: 0,\n shadowOffset: 0,\n elevation: 0,\n borderRadius: 0,\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0,\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n borderWidth: 0,\n borderTopWidth: 0,\n borderRightWidth: 0,\n borderBottomWidth: 0,\n borderLeftWidth: 0,\n borderColor: 0,\n borderTopColor: 0,\n borderRightColor: 0,\n borderBottomColor: 0,\n borderLeftColor: 0,\n borderStyle: 0,\n fontSize: 0,\n fontFamily: 0,\n fontWeight: 0,\n fontStyle: 0,\n fontVariant: 0,\n letterSpacing: 0,\n lineHeight: 0,\n textAlign: 0,\n textDecorationLine: 0,\n textDecorationStyle: 0,\n textDecorationColor: 0,\n textTransform: 0,\n includeFontPadding: 0,\n textAlignVertical: 0,\n writingDirection: 0,\n flex: 0,\n flexGrow: 0,\n flexShrink: 0,\n flexBasis: 0,\n flexDirection: 0,\n flexWrap: 0,\n justifyContent: 0,\n alignItems: 0,\n alignSelf: 0,\n alignContent: 0,\n gap: 0,\n rowGap: 0,\n columnGap: 0,\n position: 0,\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n zIndex: 0,\n width: 0,\n height: 0,\n minWidth: 0,\n maxWidth: 0,\n minHeight: 0,\n maxHeight: 0,\n aspectRatio: 0,\n overflow: 0,\n} as const;\n\nexport const StylePropsSet = new Set<keyof StyleProps>(\n Object.keys(StylePropsRecord) as (keyof StyleProps)[],\n);\n\nexport const ShadowScale: Record<ShadowLevel, ShadowIntensity> = {\n none: { radius: 0, opacity: 0, elevation: 0 },\n xs: { radius: 2, opacity: 0.08, elevation: 1 },\n sm: { radius: 4, opacity: 0.1, elevation: 2 },\n md: { radius: 8, opacity: 0.15, elevation: 4 },\n lg: { radius: 16, opacity: 0.18, elevation: 8 },\n xl: { radius: 24, opacity: 0.22, elevation: 12 },\n};\n"],"mappings":"AAEA,MAAM,mBAAqD;AAAA,EACzD,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,cAAc;AAAA,EACd,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,UAAU;AACZ;AAEO,MAAM,gBAAgB,IAAI;AAAA,EAC/B,OAAO,KAAK,gBAAgB;AAC9B;AAEO,MAAM,cAAoD;AAAA,EAC/D,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,EAAE;AAAA,EAC5C,IAAI,EAAE,QAAQ,GAAG,SAAS,MAAM,WAAW,EAAE;AAAA,EAC7C,IAAI,EAAE,QAAQ,GAAG,SAAS,KAAK,WAAW,EAAE;AAAA,EAC5C,IAAI,EAAE,QAAQ,GAAG,SAAS,MAAM,WAAW,EAAE;AAAA,EAC7C,IAAI,EAAE,QAAQ,IAAI,SAAS,MAAM,WAAW,EAAE;AAAA,EAC9C,IAAI,EAAE,QAAQ,IAAI,SAAS,MAAM,WAAW,GAAG;AACjD;","names":[]}
@@ -8,8 +8,9 @@ export { useTheme } from './use-theme.hook.mjs';
8
8
  export { useThemedStyles } from './use-themed-styles.mjs';
9
9
  import '../types/tokens.types.mjs';
10
10
  import '../types/theme-provider.types.mjs';
11
- import '../types/checkbox-tokens.types.mjs';
11
+ import '../types/badge-tokens.types.mjs';
12
12
  import '../types/components.types.mjs';
13
+ import '../types/checkbox-tokens.types.mjs';
13
14
  import '../types/radio-tokens.types.mjs';
14
15
  import '../types/accordion-tokens.types.mjs';
15
16
  import '../types/avatar-tokens.types.mjs';
@@ -26,6 +27,7 @@ import '../types/progress-tokens.types.mjs';
26
27
  import '../types/spinner-tokens.types.mjs';
27
28
  import '../types/select-tokens.types.mjs';
28
29
  import '../types/skeleton-tokens.types.mjs';
30
+ import '../types/slider-tokens.types.mjs';
29
31
  import '../types/stepper-tokens.types.mjs';
30
32
  import '../types/switch-tokens.types.mjs';
31
33
  import '../types/tag-tokens.types.mjs';
@@ -1,6 +1,7 @@
1
1
  import { ThemeColors } from '../types/theme-provider.types.mjs';
2
- import '../types/checkbox-tokens.types.mjs';
2
+ import '../types/badge-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
+ import '../types/checkbox-tokens.types.mjs';
4
5
  import '../types/radio-tokens.types.mjs';
5
6
  import '../types/accordion-tokens.types.mjs';
6
7
  import '../types/avatar-tokens.types.mjs';
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
17
18
  import '../types/spinner-tokens.types.mjs';
18
19
  import '../types/select-tokens.types.mjs';
19
20
  import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/slider-tokens.types.mjs';
20
22
  import '../types/stepper-tokens.types.mjs';
21
23
  import '../types/switch-tokens.types.mjs';
22
24
  import '../types/tag-tokens.types.mjs';
@@ -1,6 +1,7 @@
1
1
  import { ComponentsTokens } from '../types/theme-provider.types.mjs';
2
- import '../types/checkbox-tokens.types.mjs';
2
+ import '../types/badge-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
+ import '../types/checkbox-tokens.types.mjs';
4
5
  import '../types/radio-tokens.types.mjs';
5
6
  import '../types/accordion-tokens.types.mjs';
6
7
  import '../types/avatar-tokens.types.mjs';
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
17
18
  import '../types/spinner-tokens.types.mjs';
18
19
  import '../types/select-tokens.types.mjs';
19
20
  import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/slider-tokens.types.mjs';
20
22
  import '../types/stepper-tokens.types.mjs';
21
23
  import '../types/switch-tokens.types.mjs';
22
24
  import '../types/tag-tokens.types.mjs';
@@ -1,6 +1,7 @@
1
1
  import { AppTheme } from '../types/theme-provider.types.mjs';
2
- import '../types/checkbox-tokens.types.mjs';
2
+ import '../types/badge-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
+ import '../types/checkbox-tokens.types.mjs';
4
5
  import '../types/radio-tokens.types.mjs';
5
6
  import '../types/accordion-tokens.types.mjs';
6
7
  import '../types/avatar-tokens.types.mjs';
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
17
18
  import '../types/spinner-tokens.types.mjs';
18
19
  import '../types/select-tokens.types.mjs';
19
20
  import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/slider-tokens.types.mjs';
20
22
  import '../types/stepper-tokens.types.mjs';
21
23
  import '../types/switch-tokens.types.mjs';
22
24
  import '../types/tag-tokens.types.mjs';
@@ -1,7 +1,8 @@
1
1
  import { StyleSheet } from 'react-native';
2
2
  import { AppTheme } from '../types/theme-provider.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
6
7
  import '../types/accordion-tokens.types.mjs';
7
8
  import '../types/avatar-tokens.types.mjs';
@@ -18,6 +19,7 @@ import '../types/progress-tokens.types.mjs';
18
19
  import '../types/spinner-tokens.types.mjs';
19
20
  import '../types/select-tokens.types.mjs';
20
21
  import '../types/skeleton-tokens.types.mjs';
22
+ import '../types/slider-tokens.types.mjs';
21
23
  import '../types/stepper-tokens.types.mjs';
22
24
  import '../types/switch-tokens.types.mjs';
23
25
  import '../types/tag-tokens.types.mjs';
package/dist/index.d.mts CHANGED
@@ -1,4 +1,4 @@
1
- export { StylePropsSet, shadowScale } from './constants/style.constants.mjs';
1
+ export { ShadowScale, StylePropsSet } from './constants/style.constants.mjs';
2
2
  export { useBorder } from './hooks/use-border.hook.mjs';
3
3
  export { useColors } from './hooks/use-colors.hook.mjs';
4
4
  export { useComponentsTokens } from './hooks/use-components-tokens.hook.mjs';
@@ -11,6 +11,7 @@ export { ThemeProvider, useThemeContext } from './providers/theme.provider.mjs';
11
11
  export { DarkTheme } from './theme/dark.theme.mjs';
12
12
  export { LightTheme } from './theme/light.theme.mjs';
13
13
  export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './theme/tokens.theme.mjs';
14
+ export { createSliderTokens } from './theme/create-slider-tokens.mjs';
14
15
  export { BorderProps } from './types/border.types.mjs';
15
16
  export { ColorProps } from './types/color.types.mjs';
16
17
  export { ChartColorPalette } from './types/chart.types.mjs';
@@ -26,6 +27,7 @@ export { TypographyPresetKey, TypographyProps } from './types/typography.types.m
26
27
  export { ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './types/buttons-tokens.types.mjs';
27
28
  export { AccordionTokens } from './types/accordion-tokens.types.mjs';
28
29
  export { AvatarSizeTokens, AvatarStatus, AvatarTokens, AvatarVariantTokens } from './types/avatar-tokens.types.mjs';
30
+ export { BadgeColorTokens, BadgeSizeTokens, BadgeTokens, BadgeTone, BadgeVariantTokens } from './types/badge-tokens.types.mjs';
29
31
  export { CardSectionTokens, CardTokens } from './types/card-tokens.types.mjs';
30
32
  export { CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens } from './types/checkbox-tokens.types.mjs';
31
33
  export { TagColor, TagColorTokens, TagSizeTokens, TagTokens, TagVariantTokens } from './types/tag-tokens.types.mjs';
@@ -40,6 +42,7 @@ export { PressableTokens } from './types/pressable-tokens.types.mjs';
40
42
  export { ProgressColorTokens, ProgressSizeTokens, ProgressTokens, ProgressTone, ProgressVariant } from './types/progress-tokens.types.mjs';
41
43
  export { RadioSizeTokens, RadioTokens, RadioVariantTokens } from './types/radio-tokens.types.mjs';
42
44
  export { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens } from './types/skeleton-tokens.types.mjs';
45
+ export { SliderSizeTokens, SliderTokens, SliderVariant, SliderVariantTokens } from './types/slider-tokens.types.mjs';
43
46
  export { SpinnerTokens, SpinnerTone } from './types/spinner-tokens.types.mjs';
44
47
  export { StepperNavigationTokens, StepperTokens } from './types/stepper-tokens.types.mjs';
45
48
  export { SwitchSizeTokens, SwitchTokens, SwitchVariantTokens } from './types/switch-tokens.types.mjs';
@@ -3,8 +3,9 @@ import 'react';
3
3
  import 'react/jsx-runtime';
4
4
  import '@impulse-ui-native/core';
5
5
  import '../types/theme-provider.types.mjs';
6
- import '../types/checkbox-tokens.types.mjs';
6
+ import '../types/badge-tokens.types.mjs';
7
7
  import '../types/components.types.mjs';
8
+ import '../types/checkbox-tokens.types.mjs';
8
9
  import '../types/radio-tokens.types.mjs';
9
10
  import '../types/accordion-tokens.types.mjs';
10
11
  import '../types/avatar-tokens.types.mjs';
@@ -21,6 +22,7 @@ import '../types/progress-tokens.types.mjs';
21
22
  import '../types/spinner-tokens.types.mjs';
22
23
  import '../types/select-tokens.types.mjs';
23
24
  import '../types/skeleton-tokens.types.mjs';
25
+ import '../types/slider-tokens.types.mjs';
24
26
  import '../types/stepper-tokens.types.mjs';
25
27
  import '../types/switch-tokens.types.mjs';
26
28
  import '../types/tag-tokens.types.mjs';
@@ -3,8 +3,9 @@ import { PropsWithChildren } from 'react';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import { DeepPartial } from '@impulse-ui-native/core';
5
5
  import { ColorScheme, PrimitiveThemeTokens, ComponentsTokens, AppTheme } from '../types/theme-provider.types.mjs';
6
- import '../types/checkbox-tokens.types.mjs';
6
+ import '../types/badge-tokens.types.mjs';
7
7
  import '../types/components.types.mjs';
8
+ import '../types/checkbox-tokens.types.mjs';
8
9
  import '../types/radio-tokens.types.mjs';
9
10
  import '../types/accordion-tokens.types.mjs';
10
11
  import '../types/avatar-tokens.types.mjs';
@@ -21,6 +22,7 @@ import '../types/progress-tokens.types.mjs';
21
22
  import '../types/spinner-tokens.types.mjs';
22
23
  import '../types/select-tokens.types.mjs';
23
24
  import '../types/skeleton-tokens.types.mjs';
25
+ import '../types/slider-tokens.types.mjs';
24
26
  import '../types/stepper-tokens.types.mjs';
25
27
  import '../types/switch-tokens.types.mjs';
26
28
  import '../types/tag-tokens.types.mjs';
@@ -1,7 +1,8 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { AccordionTokens } from '../types/accordion-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
6
7
  import '../types/avatar-tokens.types.mjs';
7
8
  import '../types/buttons-tokens.types.mjs';
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
17
18
  import '../types/spinner-tokens.types.mjs';
18
19
  import '../types/select-tokens.types.mjs';
19
20
  import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/slider-tokens.types.mjs';
20
22
  import '../types/stepper-tokens.types.mjs';
21
23
  import '../types/switch-tokens.types.mjs';
22
24
  import '../types/tag-tokens.types.mjs';
@@ -1,7 +1,8 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { AvatarTokens } from '../types/avatar-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
6
7
  import '../types/accordion-tokens.types.mjs';
7
8
  import '../types/buttons-tokens.types.mjs';
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
17
18
  import '../types/spinner-tokens.types.mjs';
18
19
  import '../types/select-tokens.types.mjs';
19
20
  import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/slider-tokens.types.mjs';
20
22
  import '../types/stepper-tokens.types.mjs';
21
23
  import '../types/switch-tokens.types.mjs';
22
24
  import '../types/tag-tokens.types.mjs';
@@ -0,0 +1,31 @@
1
+ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
+ import { BadgeTokens } from '../types/badge-tokens.types.mjs';
3
+ import '../types/checkbox-tokens.types.mjs';
4
+ import '../types/components.types.mjs';
5
+ import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
8
+ import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
10
+ import '../types/control-tokes.types.mjs';
11
+ import '../types/data-state-tokens.types.mjs';
12
+ import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-tokens.types.mjs';
14
+ import '../types/flyout-tokens.types.mjs';
15
+ import '../types/icon-tokens.types.mjs';
16
+ import '../types/pressable-tokens.types.mjs';
17
+ import '../types/progress-tokens.types.mjs';
18
+ import '../types/spinner-tokens.types.mjs';
19
+ import '../types/select-tokens.types.mjs';
20
+ import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/slider-tokens.types.mjs';
22
+ import '../types/stepper-tokens.types.mjs';
23
+ import '../types/switch-tokens.types.mjs';
24
+ import '../types/tag-tokens.types.mjs';
25
+ import '../types/textarea-tokens.types.mjs';
26
+ import '../types/time-picker-token.types.mjs';
27
+ import '../types/tokens.types.mjs';
28
+
29
+ declare function createBadgeTokens(tokens: PrimitiveThemeTokens): BadgeTokens;
30
+
31
+ export { createBadgeTokens };
@@ -0,0 +1,101 @@
1
+ function createBadgeTokens(tokens) {
2
+ const createVariants = (value, contrast, softBackgroundColor = contrast, softColor = value) => ({
3
+ filled: {
4
+ backgroundColor: value,
5
+ borderColor: value,
6
+ color: contrast
7
+ },
8
+ outlined: {
9
+ backgroundColor: "transparent",
10
+ borderColor: value,
11
+ color: value
12
+ },
13
+ soft: {
14
+ backgroundColor: softBackgroundColor,
15
+ borderColor: softBackgroundColor,
16
+ color: softColor
17
+ },
18
+ ghost: {
19
+ backgroundColor: "transparent",
20
+ borderColor: "transparent",
21
+ color: value
22
+ },
23
+ plain: {
24
+ backgroundColor: "transparent",
25
+ borderColor: "transparent",
26
+ color: value
27
+ }
28
+ });
29
+ return {
30
+ addonHitSlop: tokens.space.xs,
31
+ borderRadius: tokens.radii.round,
32
+ borderWidth: tokens.borderSize.sm,
33
+ fontFamily: tokens.fontFamily.normal[tokens.fontWeight.semiBold],
34
+ gap: tokens.space.xxs,
35
+ sizes: {
36
+ small: {
37
+ fontSize: tokens.fontSize.xxs,
38
+ height: 20,
39
+ iconSize: 12,
40
+ lineHeight: tokens.lineHeight.xxs,
41
+ minWidth: 20,
42
+ paddingHorizontal: tokens.space.xxs
43
+ },
44
+ medium: {
45
+ fontSize: tokens.fontSize.xs,
46
+ height: 24,
47
+ iconSize: 14,
48
+ lineHeight: tokens.lineHeight.xs,
49
+ minWidth: 24,
50
+ paddingHorizontal: tokens.space.xs
51
+ },
52
+ large: {
53
+ fontSize: tokens.fontSize.xsm,
54
+ height: 28,
55
+ iconSize: 16,
56
+ lineHeight: tokens.lineHeight.xsm,
57
+ minWidth: 28,
58
+ paddingHorizontal: tokens.space.mxs
59
+ }
60
+ },
61
+ colors: {
62
+ primary: createVariants(
63
+ tokens.colors.primary.value,
64
+ tokens.colors.primary.contrast,
65
+ tokens.colors.secondary.value
66
+ ),
67
+ secondary: createVariants(
68
+ tokens.colors.secondary.value,
69
+ tokens.colors.secondary.contrast,
70
+ tokens.colors.secondary.value,
71
+ tokens.colors.secondary.contrast
72
+ ),
73
+ neutral: createVariants(
74
+ tokens.colors.neutral["8"],
75
+ tokens.colors.white,
76
+ tokens.colors.neutral["2"],
77
+ tokens.colors.text.primary
78
+ ),
79
+ error: createVariants(
80
+ tokens.colors.feedback.error.value,
81
+ tokens.colors.feedback.error.contrast
82
+ ),
83
+ warning: createVariants(
84
+ tokens.colors.feedback.warning.value,
85
+ tokens.colors.feedback.warning.contrast
86
+ ),
87
+ success: createVariants(
88
+ tokens.colors.feedback.success.value,
89
+ tokens.colors.feedback.success.contrast
90
+ ),
91
+ info: createVariants(
92
+ tokens.colors.feedback.info.value,
93
+ tokens.colors.feedback.info.contrast
94
+ )
95
+ }
96
+ };
97
+ }
98
+ export {
99
+ createBadgeTokens
100
+ };
101
+ //# sourceMappingURL=create-badge-tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/theme/create-badge-tokens.ts"],"sourcesContent":["import type { BadgeTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createBadgeTokens(tokens: PrimitiveThemeTokens): BadgeTokens {\n const createVariants = (\n value: string,\n contrast: string,\n softBackgroundColor = contrast,\n softColor = value,\n ) => ({\n filled: {\n backgroundColor: value,\n borderColor: value,\n color: contrast,\n },\n outlined: {\n backgroundColor: \"transparent\",\n borderColor: value,\n color: value,\n },\n soft: {\n backgroundColor: softBackgroundColor,\n borderColor: softBackgroundColor,\n color: softColor,\n },\n ghost: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: value,\n },\n plain: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: value,\n },\n });\n\n return {\n addonHitSlop: tokens.space.xs,\n borderRadius: tokens.radii.round,\n borderWidth: tokens.borderSize.sm,\n fontFamily: tokens.fontFamily.normal[tokens.fontWeight.semiBold],\n gap: tokens.space.xxs,\n sizes: {\n small: {\n fontSize: tokens.fontSize.xxs,\n height: 20,\n iconSize: 12,\n lineHeight: tokens.lineHeight.xxs,\n minWidth: 20,\n paddingHorizontal: tokens.space.xxs,\n },\n medium: {\n fontSize: tokens.fontSize.xs,\n height: 24,\n iconSize: 14,\n lineHeight: tokens.lineHeight.xs,\n minWidth: 24,\n paddingHorizontal: tokens.space.xs,\n },\n large: {\n fontSize: tokens.fontSize.xsm,\n height: 28,\n iconSize: 16,\n lineHeight: tokens.lineHeight.xsm,\n minWidth: 28,\n paddingHorizontal: tokens.space.mxs,\n },\n },\n colors: {\n primary: createVariants(\n tokens.colors.primary.value,\n tokens.colors.primary.contrast,\n tokens.colors.secondary.value,\n ),\n secondary: createVariants(\n tokens.colors.secondary.value,\n tokens.colors.secondary.contrast,\n tokens.colors.secondary.value,\n tokens.colors.secondary.contrast,\n ),\n neutral: createVariants(\n tokens.colors.neutral[\"8\"],\n tokens.colors.white,\n tokens.colors.neutral[\"2\"],\n tokens.colors.text.primary,\n ),\n error: createVariants(\n tokens.colors.feedback.error.value,\n tokens.colors.feedback.error.contrast,\n ),\n warning: createVariants(\n tokens.colors.feedback.warning.value,\n tokens.colors.feedback.warning.contrast,\n ),\n success: createVariants(\n tokens.colors.feedback.success.value,\n tokens.colors.feedback.success.contrast,\n ),\n info: createVariants(\n tokens.colors.feedback.info.value,\n tokens.colors.feedback.info.contrast,\n ),\n },\n };\n}\n"],"mappings":"AAEO,SAAS,kBAAkB,QAA2C;AAC3E,QAAM,iBAAiB,CACrB,OACA,UACA,sBAAsB,UACtB,YAAY,WACR;AAAA,IACJ,QAAQ;AAAA,MACN,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,UAAU;AAAA,MACR,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AAAA,IACL,cAAc,OAAO,MAAM;AAAA,IAC3B,cAAc,OAAO,MAAM;AAAA,IAC3B,aAAa,OAAO,WAAW;AAAA,IAC/B,YAAY,OAAO,WAAW,OAAO,OAAO,WAAW,QAAQ;AAAA,IAC/D,KAAK,OAAO,MAAM;AAAA,IAClB,OAAO;AAAA,MACL,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,YAAY,OAAO,WAAW;AAAA,QAC9B,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,MACA,QAAQ;AAAA,QACN,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,YAAY,OAAO,WAAW;AAAA,QAC9B,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,MACA,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,YAAY,OAAO,WAAW;AAAA,QAC9B,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,OAAO,OAAO,QAAQ;AAAA,QACtB,OAAO,OAAO,QAAQ;AAAA,QACtB,OAAO,OAAO,UAAU;AAAA,MAC1B;AAAA,MACA,WAAW;AAAA,QACT,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,MAC1B;AAAA,MACA,SAAS;AAAA,QACP,OAAO,OAAO,QAAQ,GAAG;AAAA,QACzB,OAAO,OAAO;AAAA,QACd,OAAO,OAAO,QAAQ,GAAG;AAAA,QACzB,OAAO,OAAO,KAAK;AAAA,MACrB;AAAA,MACA,OAAO;AAAA,QACL,OAAO,OAAO,SAAS,MAAM;AAAA,QAC7B,OAAO,OAAO,SAAS,MAAM;AAAA,MAC/B;AAAA,MACA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MACA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MACA,MAAM;AAAA,QACJ,OAAO,OAAO,SAAS,KAAK;AAAA,QAC5B,OAAO,OAAO,SAAS,KAAK;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
@@ -1,7 +1,8 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { ButtonTokens } from '../types/buttons-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
6
7
  import '../types/accordion-tokens.types.mjs';
7
8
  import '../types/avatar-tokens.types.mjs';
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
17
18
  import '../types/spinner-tokens.types.mjs';
18
19
  import '../types/select-tokens.types.mjs';
19
20
  import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/slider-tokens.types.mjs';
20
22
  import '../types/stepper-tokens.types.mjs';
21
23
  import '../types/switch-tokens.types.mjs';
22
24
  import '../types/tag-tokens.types.mjs';
@@ -1,7 +1,8 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { CardTokens } from '../types/card-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
6
7
  import '../types/accordion-tokens.types.mjs';
7
8
  import '../types/avatar-tokens.types.mjs';
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
17
18
  import '../types/spinner-tokens.types.mjs';
18
19
  import '../types/select-tokens.types.mjs';
19
20
  import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/slider-tokens.types.mjs';
20
22
  import '../types/stepper-tokens.types.mjs';
21
23
  import '../types/switch-tokens.types.mjs';
22
24
  import '../types/tag-tokens.types.mjs';
@@ -1,7 +1,8 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { CheckboxTokens } from '../types/checkbox-tokens.types.mjs';
3
- import '../types/radio-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/radio-tokens.types.mjs';
5
6
  import '../types/accordion-tokens.types.mjs';
6
7
  import '../types/avatar-tokens.types.mjs';
7
8
  import '../types/buttons-tokens.types.mjs';
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
17
18
  import '../types/spinner-tokens.types.mjs';
18
19
  import '../types/select-tokens.types.mjs';
19
20
  import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/slider-tokens.types.mjs';
20
22
  import '../types/stepper-tokens.types.mjs';
21
23
  import '../types/switch-tokens.types.mjs';
22
24
  import '../types/tag-tokens.types.mjs';
@@ -1,7 +1,8 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from '../types/control-tokes.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
6
7
  import '../types/accordion-tokens.types.mjs';
7
8
  import '../types/avatar-tokens.types.mjs';
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
17
18
  import '../types/spinner-tokens.types.mjs';
18
19
  import '../types/select-tokens.types.mjs';
19
20
  import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/slider-tokens.types.mjs';
20
22
  import '../types/stepper-tokens.types.mjs';
21
23
  import '../types/switch-tokens.types.mjs';
22
24
  import '../types/tag-tokens.types.mjs';
@@ -1,7 +1,8 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { DataStateTokens } from '../types/data-state-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
6
7
  import '../types/accordion-tokens.types.mjs';
7
8
  import '../types/avatar-tokens.types.mjs';
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
17
18
  import '../types/spinner-tokens.types.mjs';
18
19
  import '../types/select-tokens.types.mjs';
19
20
  import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/slider-tokens.types.mjs';
20
22
  import '../types/stepper-tokens.types.mjs';
21
23
  import '../types/switch-tokens.types.mjs';
22
24
  import '../types/tag-tokens.types.mjs';
@@ -1,7 +1,8 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { DatetimePickerTokens } from '../types/datetime-picker-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
6
7
  import '../types/accordion-tokens.types.mjs';
7
8
  import '../types/avatar-tokens.types.mjs';
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
17
18
  import '../types/spinner-tokens.types.mjs';
18
19
  import '../types/select-tokens.types.mjs';
19
20
  import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/slider-tokens.types.mjs';
20
22
  import '../types/stepper-tokens.types.mjs';
21
23
  import '../types/switch-tokens.types.mjs';
22
24
  import '../types/tag-tokens.types.mjs';
@@ -1,7 +1,8 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { DividerTokens } from '../types/divider-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
6
7
  import '../types/accordion-tokens.types.mjs';
7
8
  import '../types/avatar-tokens.types.mjs';
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
17
18
  import '../types/spinner-tokens.types.mjs';
18
19
  import '../types/select-tokens.types.mjs';
19
20
  import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/slider-tokens.types.mjs';
20
22
  import '../types/stepper-tokens.types.mjs';
21
23
  import '../types/switch-tokens.types.mjs';
22
24
  import '../types/tag-tokens.types.mjs';
@@ -1,7 +1,8 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { FlyoutTokens } from '../types/flyout-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
6
7
  import '../types/accordion-tokens.types.mjs';
7
8
  import '../types/avatar-tokens.types.mjs';
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
17
18
  import '../types/spinner-tokens.types.mjs';
18
19
  import '../types/select-tokens.types.mjs';
19
20
  import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/slider-tokens.types.mjs';
20
22
  import '../types/stepper-tokens.types.mjs';
21
23
  import '../types/switch-tokens.types.mjs';
22
24
  import '../types/tag-tokens.types.mjs';
@@ -1,7 +1,8 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { IconButtonTokens } from '../types/buttons-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
6
7
  import '../types/accordion-tokens.types.mjs';
7
8
  import '../types/avatar-tokens.types.mjs';
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
17
18
  import '../types/spinner-tokens.types.mjs';
18
19
  import '../types/select-tokens.types.mjs';
19
20
  import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/slider-tokens.types.mjs';
20
22
  import '../types/stepper-tokens.types.mjs';
21
23
  import '../types/switch-tokens.types.mjs';
22
24
  import '../types/tag-tokens.types.mjs';
@@ -1,7 +1,8 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { ProgressTokens } from '../types/progress-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
6
7
  import '../types/accordion-tokens.types.mjs';
7
8
  import '../types/avatar-tokens.types.mjs';
@@ -16,6 +17,7 @@ import '../types/icon-tokens.types.mjs';
16
17
  import '../types/pressable-tokens.types.mjs';
17
18
  import '../types/select-tokens.types.mjs';
18
19
  import '../types/skeleton-tokens.types.mjs';
20
+ import '../types/slider-tokens.types.mjs';
19
21
  import '../types/spinner-tokens.types.mjs';
20
22
  import '../types/stepper-tokens.types.mjs';
21
23
  import '../types/switch-tokens.types.mjs';
@@ -1,7 +1,8 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { RadioTokens } from '../types/radio-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/accordion-tokens.types.mjs';
6
7
  import '../types/avatar-tokens.types.mjs';
7
8
  import '../types/buttons-tokens.types.mjs';
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
17
18
  import '../types/spinner-tokens.types.mjs';
18
19
  import '../types/select-tokens.types.mjs';
19
20
  import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/slider-tokens.types.mjs';
20
22
  import '../types/stepper-tokens.types.mjs';
21
23
  import '../types/switch-tokens.types.mjs';
22
24
  import '../types/tag-tokens.types.mjs';