@impulse-ui-native/theme 4.0.0 → 6.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 (142) hide show
  1. package/README.md +23 -0
  2. package/dist/hooks/index.d.mts +5 -1
  3. package/dist/hooks/use-colors.hook.d.mts +5 -1
  4. package/dist/hooks/use-components-tokens.hook.d.mts +5 -1
  5. package/dist/hooks/use-theme.hook.d.mts +5 -1
  6. package/dist/hooks/use-themed-styles.d.mts +5 -1
  7. package/dist/index.d.mts +18 -5
  8. package/dist/providers/index.d.mts +5 -1
  9. package/dist/providers/theme.provider.d.mts +5 -1
  10. package/dist/theme/create-accordion-tokens.d.mts +5 -1
  11. package/dist/theme/create-avatar-tokens.d.mts +5 -1
  12. package/dist/theme/create-avatar-tokens.js +1 -1
  13. package/dist/theme/create-avatar-tokens.js.map +1 -1
  14. package/dist/theme/create-badge-tokens.d.mts +6 -2
  15. package/dist/theme/create-badge-tokens.js +7 -6
  16. package/dist/theme/create-badge-tokens.js.map +1 -1
  17. package/dist/theme/create-button-tokens.d.mts +5 -1
  18. package/dist/theme/create-button-tokens.js +5 -6
  19. package/dist/theme/create-button-tokens.js.map +1 -1
  20. package/dist/theme/create-card-tokens.d.mts +5 -1
  21. package/dist/theme/create-carousel-tokens.d.mts +35 -0
  22. package/dist/theme/create-carousel-tokens.js +32 -0
  23. package/dist/theme/create-carousel-tokens.js.map +1 -0
  24. package/dist/theme/create-checkbox-tokens.d.mts +5 -1
  25. package/dist/theme/create-checkbox-tokens.js +9 -9
  26. package/dist/theme/create-checkbox-tokens.js.map +1 -1
  27. package/dist/theme/create-control-tokens.d.mts +5 -1
  28. package/dist/theme/create-control-tokens.js +6 -6
  29. package/dist/theme/create-control-tokens.js.map +1 -1
  30. package/dist/theme/create-data-state-tokens.d.mts +5 -1
  31. package/dist/theme/create-datetime-picker.d.mts +5 -1
  32. package/dist/theme/create-datetime-picker.js +1 -1
  33. package/dist/theme/create-datetime-picker.js.map +1 -1
  34. package/dist/theme/create-divider-tokens.d.mts +5 -1
  35. package/dist/theme/create-divider-tokens.js +64 -2
  36. package/dist/theme/create-divider-tokens.js.map +1 -1
  37. package/dist/theme/create-flyout-tokens.d.mts +5 -1
  38. package/dist/theme/create-flyout-tokens.js +31 -3
  39. package/dist/theme/create-flyout-tokens.js.map +1 -1
  40. package/dist/theme/create-icon-button-tokens.d.mts +5 -1
  41. package/dist/theme/create-icon-button-tokens.js +5 -6
  42. package/dist/theme/create-icon-button-tokens.js.map +1 -1
  43. package/dist/theme/create-list-tokens.d.mts +35 -0
  44. package/dist/theme/create-list-tokens.js +14 -0
  45. package/dist/theme/create-list-tokens.js.map +1 -0
  46. package/dist/theme/create-pagination-tokens.d.mts +35 -0
  47. package/dist/theme/create-pagination-tokens.js +57 -0
  48. package/dist/theme/create-pagination-tokens.js.map +1 -0
  49. package/dist/theme/create-progress-tokens.d.mts +5 -1
  50. package/dist/theme/create-progress-tokens.js +4 -4
  51. package/dist/theme/create-progress-tokens.js.map +1 -1
  52. package/dist/theme/create-radio-tokens.d.mts +5 -1
  53. package/dist/theme/create-radio-tokens.js +9 -9
  54. package/dist/theme/create-radio-tokens.js.map +1 -1
  55. package/dist/theme/create-segmented-control-tokens.d.mts +35 -0
  56. package/dist/theme/create-segmented-control-tokens.js +157 -0
  57. package/dist/theme/create-segmented-control-tokens.js.map +1 -0
  58. package/dist/theme/create-select-tokens.d.mts +5 -1
  59. package/dist/theme/create-skeleton-tokens.d.mts +5 -1
  60. package/dist/theme/create-skeleton-tokens.js +1 -1
  61. package/dist/theme/create-skeleton-tokens.js.map +1 -1
  62. package/dist/theme/create-slider-tokens.d.mts +5 -1
  63. package/dist/theme/create-slider-tokens.js +55 -62
  64. package/dist/theme/create-slider-tokens.js.map +1 -1
  65. package/dist/theme/create-spinner-tokens.d.mts +5 -1
  66. package/dist/theme/create-spinner-tokens.js +1 -1
  67. package/dist/theme/create-spinner-tokens.js.map +1 -1
  68. package/dist/theme/create-stepper-tokens.d.mts +5 -1
  69. package/dist/theme/create-switch-tokens.d.mts +5 -1
  70. package/dist/theme/create-switch-tokens.js +22 -22
  71. package/dist/theme/create-switch-tokens.js.map +1 -1
  72. package/dist/theme/create-tag-tokens.d.mts +5 -1
  73. package/dist/theme/create-tag-tokens.js +38 -38
  74. package/dist/theme/create-tag-tokens.js.map +1 -1
  75. package/dist/theme/create-textarea-tokens.d.mts +5 -1
  76. package/dist/theme/create-time-picker-tokens.d.mts +5 -1
  77. package/dist/theme/create-toast-tokens.d.mts +35 -0
  78. package/dist/theme/create-toast-tokens.js +30 -0
  79. package/dist/theme/create-toast-tokens.js.map +1 -0
  80. package/dist/theme/dark.theme.d.mts +5 -1
  81. package/dist/theme/dark.theme.js +2 -2
  82. package/dist/theme/dark.theme.js.map +1 -1
  83. package/dist/theme/index.d.mts +10 -2
  84. package/dist/theme/index.js +4 -0
  85. package/dist/theme/index.js.map +1 -1
  86. package/dist/theme/light.theme.d.mts +5 -1
  87. package/dist/theme/tokens.theme.d.mts +7 -2
  88. package/dist/theme/tokens.theme.js +97 -7
  89. package/dist/theme/tokens.theme.js.map +1 -1
  90. package/dist/theme-provider.types-BSPyJjfq.d.mts +155 -0
  91. package/dist/types/carousel-tokens.types.d.mts +28 -0
  92. package/dist/types/carousel-tokens.types.js +1 -0
  93. package/dist/types/carousel-tokens.types.js.map +1 -0
  94. package/dist/types/divider-tokens.types.d.mts +20 -3
  95. package/dist/types/flyout-tokens.types.d.mts +22 -3
  96. package/dist/types/index.d.mts +8 -4
  97. package/dist/types/index.js +5 -0
  98. package/dist/types/index.js.map +1 -1
  99. package/dist/types/list-tokens.types.d.mts +15 -0
  100. package/dist/types/list-tokens.types.js +1 -0
  101. package/dist/types/list-tokens.types.js.map +1 -0
  102. package/dist/types/pagination-tokens.types.d.mts +30 -0
  103. package/dist/types/pagination-tokens.types.js +1 -0
  104. package/dist/types/pagination-tokens.types.js.map +1 -0
  105. package/dist/types/segmented-control-tokens.types.d.mts +49 -0
  106. package/dist/types/segmented-control-tokens.types.js +1 -0
  107. package/dist/types/segmented-control-tokens.types.js.map +1 -0
  108. package/dist/types/slider-tokens.types.d.mts +15 -6
  109. package/dist/types/theme-provider.types.d.mts +30 -120
  110. package/dist/types/toast-tokens.types.d.mts +31 -0
  111. package/dist/types/toast-tokens.types.js +1 -0
  112. package/dist/types/toast-tokens.types.js.map +1 -0
  113. package/dist/utils/action-state.utils.js +3 -1
  114. package/dist/utils/action-state.utils.js.map +1 -1
  115. package/dist/utils/control-state.utils.js +3 -1
  116. package/dist/utils/control-state.utils.js.map +1 -1
  117. package/dist/utils/datetime-picker-state.utils.js +6 -2
  118. package/dist/utils/datetime-picker-state.utils.js.map +1 -1
  119. package/dist/utils/divider-tokens.utils.d.mts +5 -0
  120. package/dist/utils/divider-tokens.utils.js +10 -0
  121. package/dist/utils/divider-tokens.utils.js.map +1 -0
  122. package/dist/utils/field-state.utils.js +3 -1
  123. package/dist/utils/field-state.utils.js.map +1 -1
  124. package/dist/utils/flyout-tokens.utils.d.mts +5 -0
  125. package/dist/utils/flyout-tokens.utils.js +11 -0
  126. package/dist/utils/flyout-tokens.utils.js.map +1 -0
  127. package/dist/utils/index.d.mts +13 -4
  128. package/dist/utils/index.js +5 -0
  129. package/dist/utils/index.js.map +1 -1
  130. package/dist/utils/pagination-state.utils.d.mts +6 -0
  131. package/dist/utils/pagination-state.utils.js +11 -0
  132. package/dist/utils/pagination-state.utils.js.map +1 -0
  133. package/dist/utils/segmented-control-state.utils.d.mts +6 -0
  134. package/dist/utils/segmented-control-state.utils.js +20 -0
  135. package/dist/utils/segmented-control-state.utils.js.map +1 -0
  136. package/dist/utils/slider-tokens.utils.d.mts +6 -0
  137. package/dist/utils/slider-tokens.utils.js +15 -0
  138. package/dist/utils/slider-tokens.utils.js.map +1 -0
  139. package/dist/utils/style.utils.d.mts +5 -1
  140. package/dist/utils/style.utils.js +12 -4
  141. package/dist/utils/style.utils.js.map +1 -1
  142. package/package.json +3 -3
@@ -3,6 +3,7 @@ import { createAvatarTokens } from "./create-avatar-tokens";
3
3
  import { createBadgeTokens } from "./create-badge-tokens";
4
4
  import { createButtonTokens } from "./create-button-tokens";
5
5
  import { createCardTokens } from "./create-card-tokens";
6
+ import { createCarouselTokens } from "./create-carousel-tokens";
6
7
  import { createCheckboxTokens } from "./create-checkbox-tokens";
7
8
  import {
8
9
  createControlAddonTokens,
@@ -17,9 +18,12 @@ import { createDividerTokens } from "./create-divider-tokens";
17
18
  import { createFlyoutTokens } from "./create-flyout-tokens";
18
19
  import { createIconButtonTokens } from "./create-icon-button-tokens";
19
20
  import { createIconTokens } from "./create-icon-tokens";
21
+ import { createListTokens } from "./create-list-tokens";
22
+ import { createPaginationTokens } from "./create-pagination-tokens";
20
23
  import { createPressableTokens } from "./create-pressable-tokens";
21
24
  import { createProgressTokens } from "./create-progress-tokens";
22
25
  import { createRadioTokens } from "./create-radio-tokens";
26
+ import { createSegmentedControlTokens } from "./create-segmented-control-tokens";
23
27
  import { createSelectTokens } from "./create-select-tokens";
24
28
  import { createSkeletonTokens } from "./create-skeleton-tokens";
25
29
  import { createSliderTokens } from "./create-slider-tokens";
@@ -29,8 +33,9 @@ import { createSwitchTokens } from "./create-switch-tokens";
29
33
  import { createTagTokens } from "./create-tag-tokens";
30
34
  import { createTextareaTokens } from "./create-textarea-tokens";
31
35
  import { createTimePickerTokens } from "./create-time-picker-tokens";
36
+ import { createToastTokens } from "./create-toast-tokens";
32
37
  const ChartColorTokens = [
33
- "#f55d6b",
38
+ "#F55D6B",
34
39
  "#2563eb",
35
40
  "#16a34a",
36
41
  "#9333ea",
@@ -169,16 +174,16 @@ const NeutralColorTokens = {
169
174
  };
170
175
  const LightColors = {
171
176
  primary: {
172
- value: "#f55d6b",
177
+ value: "#F55D6B",
173
178
  contrast: NeutralColorTokens["0"]
174
179
  },
175
180
  accent: {
176
181
  value: "#FA9EA7",
177
- contrast: NeutralColorTokens["0"]
182
+ contrast: NeutralColorTokens["11"]
178
183
  },
179
184
  secondary: {
180
185
  value: "#FEE7E9",
181
- contrast: "#f55d6b"
186
+ contrast: "#c92a3b"
182
187
  },
183
188
  neutral: NeutralColorTokens,
184
189
  surface: {
@@ -220,7 +225,7 @@ const LightColors = {
220
225
  contrast: NeutralColorTokens["11"]
221
226
  },
222
227
  focus: {
223
- value: "#f55d6b",
228
+ value: "#c92a3b",
224
229
  contrast: NeutralColorTokens["0"]
225
230
  }
226
231
  },
@@ -230,11 +235,11 @@ const LightColors = {
230
235
  contrast: "#fff5f5"
231
236
  },
232
237
  warning: {
233
- value: "#e67700",
238
+ value: "#a65300",
234
239
  contrast: "#fff4e6"
235
240
  },
236
241
  success: {
237
- value: "#7a9908",
242
+ value: "#526b00",
238
243
  contrast: "#f4fce3"
239
244
  },
240
245
  info: {
@@ -246,16 +251,99 @@ const LightColors = {
246
251
  white: NeutralColorTokens["0"],
247
252
  black: NeutralColorTokens["13"]
248
253
  };
254
+ const DarkColors = {
255
+ primary: {
256
+ value: "#FA9EA7",
257
+ contrast: NeutralColorTokens["11"]
258
+ },
259
+ accent: {
260
+ value: "#f55d6b",
261
+ contrast: NeutralColorTokens["11"]
262
+ },
263
+ secondary: {
264
+ value: "#3b2027",
265
+ contrast: "#FA9EA7"
266
+ },
267
+ neutral: NeutralColorTokens,
268
+ surface: {
269
+ primary: {
270
+ value: NeutralColorTokens["11"],
271
+ contrast: NeutralColorTokens["0"]
272
+ },
273
+ secondary: {
274
+ value: NeutralColorTokens["10"],
275
+ contrast: NeutralColorTokens["0"]
276
+ },
277
+ elevated: {
278
+ value: NeutralColorTokens["9"],
279
+ contrast: NeutralColorTokens["0"]
280
+ },
281
+ inverse: {
282
+ value: NeutralColorTokens["0"],
283
+ contrast: NeutralColorTokens["11"]
284
+ }
285
+ },
286
+ text: {
287
+ primary: NeutralColorTokens["0"],
288
+ secondary: NeutralColorTokens["2"],
289
+ tertiary: NeutralColorTokens["6"],
290
+ inverse: NeutralColorTokens["11"],
291
+ disabled: NeutralColorTokens["7"]
292
+ },
293
+ border: {
294
+ subtle: {
295
+ value: NeutralColorTokens["7"],
296
+ contrast: NeutralColorTokens["6"]
297
+ },
298
+ default: {
299
+ value: NeutralColorTokens["6"],
300
+ contrast: NeutralColorTokens["2"]
301
+ },
302
+ strong: {
303
+ value: NeutralColorTokens["5"],
304
+ contrast: NeutralColorTokens["0"]
305
+ },
306
+ focus: {
307
+ value: "#FA9EA7",
308
+ contrast: NeutralColorTokens["11"]
309
+ }
310
+ },
311
+ feedback: {
312
+ error: {
313
+ value: "#ff8787",
314
+ contrast: "#3b1515"
315
+ },
316
+ warning: {
317
+ value: "#ffc078",
318
+ contrast: "#3b250f"
319
+ },
320
+ success: {
321
+ value: "#c0eb75",
322
+ contrast: "#26320f"
323
+ },
324
+ info: {
325
+ value: "#74c0fc",
326
+ contrast: "#102a43"
327
+ }
328
+ },
329
+ overlay: "rgba(0, 0, 0, 0.65)",
330
+ white: NeutralColorTokens["0"],
331
+ black: NeutralColorTokens["13"]
332
+ };
249
333
  function createComponentsTokens(tokens) {
250
334
  return {
335
+ toast: createToastTokens(tokens),
336
+ carousel: createCarouselTokens(tokens),
251
337
  accordion: createAccordionTokens(tokens),
252
338
  avatar: createAvatarTokens(tokens),
253
339
  badge: createBadgeTokens(tokens),
254
340
  button: createButtonTokens(tokens),
255
341
  card: createCardTokens(tokens),
342
+ list: createListTokens(tokens),
256
343
  checkbox: createCheckboxTokens(tokens),
257
344
  iconButton: createIconButtonTokens(tokens),
258
345
  icon: createIconTokens(),
346
+ pagination: createPaginationTokens(tokens),
259
347
  pressable: createPressableTokens(),
260
348
  progress: createProgressTokens(tokens),
261
349
  radio: createRadioTokens(tokens),
@@ -266,6 +354,7 @@ function createComponentsTokens(tokens) {
266
354
  controlInput: createControlInputTokens(tokens),
267
355
  controlLabel: createControlLabelTokens(tokens),
268
356
  select: createSelectTokens(tokens),
357
+ segmentedControl: createSegmentedControlTokens(tokens),
269
358
  datetimePicker: createDatetimePickerTokens(tokens),
270
359
  divider: createDividerTokens(tokens),
271
360
  timePicker: createTimePickerTokens(tokens),
@@ -282,6 +371,7 @@ function createComponentsTokens(tokens) {
282
371
  export {
283
372
  BorderSizeTokens,
284
373
  ChartColorTokens,
374
+ DarkColors,
285
375
  FontFamilyTokens,
286
376
  FontFamilyWeightsItalicTokens,
287
377
  FontFamilyWeightsNormalTokens,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/theme/tokens.theme.ts"],"sourcesContent":["import {\n BorderSize,\n ChartColorPalette,\n ComponentsTokens,\n FontFamily,\n FontSize,\n FontWeight,\n FontWeightItalic,\n FontWeightNormal,\n FontWeightValue,\n LetterSpacings,\n LineHeight,\n NeutralColor,\n PrimitiveThemeTokens,\n Radii,\n Space,\n ThemeColors,\n} from \"../types\";\nimport { createAccordionTokens } from \"./create-accordion-tokens\";\nimport { createAvatarTokens } from \"./create-avatar-tokens\";\nimport { createBadgeTokens } from \"./create-badge-tokens\";\nimport { createButtonTokens } from \"./create-button-tokens\";\nimport { createCardTokens } from \"./create-card-tokens\";\nimport { createCheckboxTokens } from \"./create-checkbox-tokens\";\nimport {\n createControlAddonTokens,\n createControlContainerTokens,\n createControlErrorTokens,\n createControlInputTokens,\n createControlLabelTokens,\n} from \"./create-control-tokens\";\nimport { createDataStateTokens } from \"./create-data-state-tokens\";\nimport { createDatetimePickerTokens } from \"./create-datetime-picker\";\nimport { createDividerTokens } from \"./create-divider-tokens\";\nimport { createFlyoutTokens } from \"./create-flyout-tokens\";\nimport { createIconButtonTokens } from \"./create-icon-button-tokens\";\nimport { createIconTokens } from \"./create-icon-tokens\";\nimport { createPressableTokens } from \"./create-pressable-tokens\";\nimport { createProgressTokens } from \"./create-progress-tokens\";\nimport { createRadioTokens } from \"./create-radio-tokens\";\nimport { createSelectTokens } from \"./create-select-tokens\";\nimport { createSkeletonTokens } from \"./create-skeleton-tokens\";\nimport { createSliderTokens } from \"./create-slider-tokens\";\nimport { createSpinnerTokens } from \"./create-spinner-tokens\";\nimport { createStepperTokens } from \"./create-stepper-tokens\";\nimport { createSwitchTokens } from \"./create-switch-tokens\";\nimport { createTagTokens } from \"./create-tag-tokens\";\nimport { createTextareaTokens } from \"./create-textarea-tokens\";\nimport { createTimePickerTokens } from \"./create-time-picker-tokens\";\n\nexport const ChartColorTokens: ChartColorPalette = [\n \"#f55d6b\",\n \"#2563eb\",\n \"#16a34a\",\n \"#9333ea\",\n \"#ea580c\",\n \"#0891b2\",\n \"#db2777\",\n \"#65a30d\",\n \"#4f46e5\",\n \"#0d9488\",\n \"#ca8a04\",\n \"#c026d3\",\n \"#0284c7\",\n \"#7c3aed\",\n \"#9f5f3f\",\n];\n\nexport const SpaceTokens: Space = {\n none: 0,\n xxs: 4,\n xs: 8,\n mxs: 12,\n sm: 16,\n msm: 24,\n md: 32,\n lg: 48,\n xl: 64,\n xxl: 96,\n};\n\nexport const BorderSizeTokens: BorderSize = {\n sm: 1,\n md: 2,\n lg: 3,\n xl: 5,\n xxl: 10,\n};\n\nexport const RadiiTokens: Radii = {\n sm: 4,\n md: 8,\n lg: 16,\n xl: 32,\n xxl: 64,\n xxxl: 128,\n round: 100000,\n};\n\nexport const FontSizeTokens: FontSize = {\n xxs: 8,\n xs: 12,\n xsm: 14,\n sm: 16,\n md: 18,\n lg: 20,\n xl: 24,\n xxl: 28,\n xxxl: 32,\n huge: 36,\n massive: 40,\n giant: 48,\n colossal: 56,\n};\n\nexport const LineHeightTokens: LineHeight = {\n xxs: 12,\n xs: 16,\n xsm: 20,\n sm: 24,\n md: 26,\n lg: 28,\n xl: 32,\n xxl: 36,\n xxxl: 40,\n huge: 44,\n massive: 48,\n giant: 56,\n colossal: 64,\n};\n\nexport const LetterSpacingTokens: LetterSpacings = {\n tightest: -1,\n tighter: -0.5,\n tight: -0.25,\n normal: 0,\n wide: 0.25,\n wider: 0.5,\n widest: 0.75,\n ultraWide: 1,\n};\n\nexport const FontWeightTokens: FontWeight = {\n thin: 100,\n extraLight: 200,\n light: 300,\n regular: 400,\n medium: 500,\n semiBold: 600,\n bold: 700,\n extraBold: 800,\n black: 900,\n};\n\nexport const FontFamilyWeightsNormalTokens: Record<\n FontWeightValue,\n FontWeightNormal\n> = {\n 100: \"Montserrat_100Thin\",\n 200: \"Montserrat_200ExtraLight\",\n 300: \"Montserrat_300Light\",\n 400: \"Montserrat_400Regular\",\n 500: \"Montserrat_500Medium\",\n 600: \"Montserrat_600SemiBold\",\n 700: \"Montserrat_700Bold\",\n 800: \"Montserrat_800ExtraBold\",\n 900: \"Montserrat_900Black\",\n};\n\nexport const FontFamilyWeightsItalicTokens: Record<\n FontWeightValue,\n FontWeightItalic\n> = {\n 100: \"Montserrat_100Thin_Italic\",\n 200: \"Montserrat_200ExtraLight_Italic\",\n 300: \"Montserrat_300Light_Italic\",\n 400: \"Montserrat_400Regular_Italic\",\n 500: \"Montserrat_500Medium_Italic\",\n 600: \"Montserrat_600SemiBold_Italic\",\n 700: \"Montserrat_700Bold_Italic\",\n 800: \"Montserrat_800ExtraBold_Italic\",\n 900: \"Montserrat_900Black_Italic\",\n};\n\nexport const FontFamilyTokens: FontFamily = {\n normal: FontFamilyWeightsNormalTokens,\n italic: FontFamilyWeightsItalicTokens,\n};\n\nexport const NeutralColorTokens: NeutralColor = {\n \"0\": \"#ffffff\",\n \"1\": \"#f8f9fa\",\n \"2\": \"#f1f3f5\",\n \"3\": \"#e9ecef\",\n \"4\": \"#dee2e6\",\n \"5\": \"#ced4da\",\n \"6\": \"#adb5bd\",\n \"7\": \"#868e96\",\n \"8\": \"#495057\",\n \"9\": \"#343a40\",\n \"10\": \"#212529\",\n \"11\": \"#16191d\",\n \"12\": \"#0d0f12\",\n \"13\": \"#000000\",\n};\n\nexport const LightColors: ThemeColors = {\n primary: {\n value: \"#f55d6b\",\n contrast: NeutralColorTokens[\"0\"],\n },\n\n accent: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"0\"],\n },\n\n secondary: {\n value: \"#FEE7E9\",\n contrast: \"#f55d6b\",\n },\n\n neutral: NeutralColorTokens,\n\n surface: {\n primary: {\n value: NeutralColorTokens[\"2\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n secondary: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n elevated: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n inverse: {\n value: NeutralColorTokens[\"13\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n },\n\n text: {\n primary: NeutralColorTokens[\"11\"],\n secondary: NeutralColorTokens[\"10\"],\n tertiary: NeutralColorTokens[\"9\"],\n inverse: NeutralColorTokens[\"0\"],\n disabled: NeutralColorTokens[\"7\"],\n },\n\n border: {\n subtle: {\n value: NeutralColorTokens[\"3\"],\n contrast: NeutralColorTokens[\"9\"],\n },\n default: {\n value: NeutralColorTokens[\"4\"],\n contrast: NeutralColorTokens[\"10\"],\n },\n strong: {\n value: NeutralColorTokens[\"6\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n focus: {\n value: \"#f55d6b\",\n contrast: NeutralColorTokens[\"0\"],\n },\n },\n\n feedback: {\n error: {\n value: \"#c92a2a\",\n contrast: \"#fff5f5\",\n },\n warning: {\n value: \"#e67700\",\n contrast: \"#fff4e6\",\n },\n success: {\n value: \"#7a9908\",\n contrast: \"#f4fce3\",\n },\n info: {\n value: \"#1864ab\",\n contrast: \"#e7f5ff\",\n },\n },\n\n overlay: \"rgba(0, 0, 0, 0.45)\",\n\n white: NeutralColorTokens[\"0\"],\n black: NeutralColorTokens[\"13\"],\n};\n\nexport function createComponentsTokens(\n tokens: PrimitiveThemeTokens,\n): ComponentsTokens {\n return {\n accordion: createAccordionTokens(tokens),\n avatar: createAvatarTokens(tokens),\n badge: createBadgeTokens(tokens),\n button: createButtonTokens(tokens),\n card: createCardTokens(tokens),\n checkbox: createCheckboxTokens(tokens),\n iconButton: createIconButtonTokens(tokens),\n icon: createIconTokens(),\n pressable: createPressableTokens(),\n progress: createProgressTokens(tokens),\n radio: createRadioTokens(tokens),\n tag: createTagTokens(tokens),\n controlAddon: createControlAddonTokens(tokens),\n controlContainer: createControlContainerTokens(tokens),\n controlError: createControlErrorTokens(tokens),\n controlInput: createControlInputTokens(tokens),\n controlLabel: createControlLabelTokens(tokens),\n select: createSelectTokens(tokens),\n datetimePicker: createDatetimePickerTokens(tokens),\n divider: createDividerTokens(tokens),\n timePicker: createTimePickerTokens(tokens),\n flyout: createFlyoutTokens(tokens),\n skeleton: createSkeletonTokens(tokens),\n slider: createSliderTokens(tokens),\n spinner: createSpinnerTokens(tokens),\n stepper: createStepperTokens(tokens),\n switch: createSwitchTokens(tokens),\n textarea: createTextareaTokens(tokens),\n dataState: createDataStateTokens(tokens),\n };\n}\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../../src/theme/tokens.theme.ts"],"sourcesContent":["import type {\n BorderSize,\n ChartColorPalette,\n ComponentsTokens,\n FontFamily,\n FontSize,\n FontWeight,\n FontWeightItalic,\n FontWeightNormal,\n FontWeightValue,\n LetterSpacings,\n LineHeight,\n NeutralColor,\n PrimitiveThemeTokens,\n Radii,\n Space,\n ThemeColors,\n} from \"../types\";\nimport { createAccordionTokens } from \"./create-accordion-tokens\";\nimport { createAvatarTokens } from \"./create-avatar-tokens\";\nimport { createBadgeTokens } from \"./create-badge-tokens\";\nimport { createButtonTokens } from \"./create-button-tokens\";\nimport { createCardTokens } from \"./create-card-tokens\";\nimport { createCarouselTokens } from \"./create-carousel-tokens\";\nimport { createCheckboxTokens } from \"./create-checkbox-tokens\";\nimport {\n createControlAddonTokens,\n createControlContainerTokens,\n createControlErrorTokens,\n createControlInputTokens,\n createControlLabelTokens,\n} from \"./create-control-tokens\";\nimport { createDataStateTokens } from \"./create-data-state-tokens\";\nimport { createDatetimePickerTokens } from \"./create-datetime-picker\";\nimport { createDividerTokens } from \"./create-divider-tokens\";\nimport { createFlyoutTokens } from \"./create-flyout-tokens\";\nimport { createIconButtonTokens } from \"./create-icon-button-tokens\";\nimport { createIconTokens } from \"./create-icon-tokens\";\nimport { createListTokens } from \"./create-list-tokens\";\nimport { createPaginationTokens } from \"./create-pagination-tokens\";\nimport { createPressableTokens } from \"./create-pressable-tokens\";\nimport { createProgressTokens } from \"./create-progress-tokens\";\nimport { createRadioTokens } from \"./create-radio-tokens\";\nimport { createSegmentedControlTokens } from \"./create-segmented-control-tokens\";\nimport { createSelectTokens } from \"./create-select-tokens\";\nimport { createSkeletonTokens } from \"./create-skeleton-tokens\";\nimport { createSliderTokens } from \"./create-slider-tokens\";\nimport { createSpinnerTokens } from \"./create-spinner-tokens\";\nimport { createStepperTokens } from \"./create-stepper-tokens\";\nimport { createSwitchTokens } from \"./create-switch-tokens\";\nimport { createTagTokens } from \"./create-tag-tokens\";\nimport { createTextareaTokens } from \"./create-textarea-tokens\";\nimport { createTimePickerTokens } from \"./create-time-picker-tokens\";\nimport { createToastTokens } from \"./create-toast-tokens\";\n\nexport const ChartColorTokens: ChartColorPalette = [\n \"#F55D6B\",\n \"#2563eb\",\n \"#16a34a\",\n \"#9333ea\",\n \"#ea580c\",\n \"#0891b2\",\n \"#db2777\",\n \"#65a30d\",\n \"#4f46e5\",\n \"#0d9488\",\n \"#ca8a04\",\n \"#c026d3\",\n \"#0284c7\",\n \"#7c3aed\",\n \"#9f5f3f\",\n];\n\nexport const SpaceTokens: Space = {\n none: 0,\n xxs: 4,\n xs: 8,\n mxs: 12,\n sm: 16,\n msm: 24,\n md: 32,\n lg: 48,\n xl: 64,\n xxl: 96,\n};\n\nexport const BorderSizeTokens: BorderSize = {\n sm: 1,\n md: 2,\n lg: 3,\n xl: 5,\n xxl: 10,\n};\n\nexport const RadiiTokens: Radii = {\n sm: 4,\n md: 8,\n lg: 16,\n xl: 32,\n xxl: 64,\n xxxl: 128,\n round: 100000,\n};\n\nexport const FontSizeTokens: FontSize = {\n xxs: 8,\n xs: 12,\n xsm: 14,\n sm: 16,\n md: 18,\n lg: 20,\n xl: 24,\n xxl: 28,\n xxxl: 32,\n huge: 36,\n massive: 40,\n giant: 48,\n colossal: 56,\n};\n\nexport const LineHeightTokens: LineHeight = {\n xxs: 12,\n xs: 16,\n xsm: 20,\n sm: 24,\n md: 26,\n lg: 28,\n xl: 32,\n xxl: 36,\n xxxl: 40,\n huge: 44,\n massive: 48,\n giant: 56,\n colossal: 64,\n};\n\nexport const LetterSpacingTokens: LetterSpacings = {\n tightest: -1,\n tighter: -0.5,\n tight: -0.25,\n normal: 0,\n wide: 0.25,\n wider: 0.5,\n widest: 0.75,\n ultraWide: 1,\n};\n\nexport const FontWeightTokens: FontWeight = {\n thin: 100,\n extraLight: 200,\n light: 300,\n regular: 400,\n medium: 500,\n semiBold: 600,\n bold: 700,\n extraBold: 800,\n black: 900,\n};\n\nexport const FontFamilyWeightsNormalTokens: Record<\n FontWeightValue,\n FontWeightNormal\n> = {\n 100: \"Montserrat_100Thin\",\n 200: \"Montserrat_200ExtraLight\",\n 300: \"Montserrat_300Light\",\n 400: \"Montserrat_400Regular\",\n 500: \"Montserrat_500Medium\",\n 600: \"Montserrat_600SemiBold\",\n 700: \"Montserrat_700Bold\",\n 800: \"Montserrat_800ExtraBold\",\n 900: \"Montserrat_900Black\",\n};\n\nexport const FontFamilyWeightsItalicTokens: Record<\n FontWeightValue,\n FontWeightItalic\n> = {\n 100: \"Montserrat_100Thin_Italic\",\n 200: \"Montserrat_200ExtraLight_Italic\",\n 300: \"Montserrat_300Light_Italic\",\n 400: \"Montserrat_400Regular_Italic\",\n 500: \"Montserrat_500Medium_Italic\",\n 600: \"Montserrat_600SemiBold_Italic\",\n 700: \"Montserrat_700Bold_Italic\",\n 800: \"Montserrat_800ExtraBold_Italic\",\n 900: \"Montserrat_900Black_Italic\",\n};\n\nexport const FontFamilyTokens: FontFamily = {\n normal: FontFamilyWeightsNormalTokens,\n italic: FontFamilyWeightsItalicTokens,\n};\n\nexport const NeutralColorTokens: NeutralColor = {\n \"0\": \"#ffffff\",\n \"1\": \"#f8f9fa\",\n \"2\": \"#f1f3f5\",\n \"3\": \"#e9ecef\",\n \"4\": \"#dee2e6\",\n \"5\": \"#ced4da\",\n \"6\": \"#adb5bd\",\n \"7\": \"#868e96\",\n \"8\": \"#495057\",\n \"9\": \"#343a40\",\n \"10\": \"#212529\",\n \"11\": \"#16191d\",\n \"12\": \"#0d0f12\",\n \"13\": \"#000000\",\n};\n\nexport const LightColors: ThemeColors = {\n primary: {\n value: \"#F55D6B\",\n contrast: NeutralColorTokens[\"0\"],\n },\n\n accent: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"11\"],\n },\n\n secondary: {\n value: \"#FEE7E9\",\n contrast: \"#c92a3b\",\n },\n\n neutral: NeutralColorTokens,\n\n surface: {\n primary: {\n value: NeutralColorTokens[\"2\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n secondary: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n elevated: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n inverse: {\n value: NeutralColorTokens[\"13\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n },\n\n text: {\n primary: NeutralColorTokens[\"11\"],\n secondary: NeutralColorTokens[\"10\"],\n tertiary: NeutralColorTokens[\"9\"],\n inverse: NeutralColorTokens[\"0\"],\n disabled: NeutralColorTokens[\"7\"],\n },\n\n border: {\n subtle: {\n value: NeutralColorTokens[\"3\"],\n contrast: NeutralColorTokens[\"9\"],\n },\n default: {\n value: NeutralColorTokens[\"4\"],\n contrast: NeutralColorTokens[\"10\"],\n },\n strong: {\n value: NeutralColorTokens[\"6\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n focus: {\n value: \"#c92a3b\",\n contrast: NeutralColorTokens[\"0\"],\n },\n },\n\n feedback: {\n error: {\n value: \"#c92a2a\",\n contrast: \"#fff5f5\",\n },\n warning: {\n value: \"#a65300\",\n contrast: \"#fff4e6\",\n },\n success: {\n value: \"#526b00\",\n contrast: \"#f4fce3\",\n },\n info: {\n value: \"#1864ab\",\n contrast: \"#e7f5ff\",\n },\n },\n\n overlay: \"rgba(0, 0, 0, 0.45)\",\n\n white: NeutralColorTokens[\"0\"],\n black: NeutralColorTokens[\"13\"],\n};\n\nexport const DarkColors: ThemeColors = {\n primary: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"11\"],\n },\n\n accent: {\n value: \"#f55d6b\",\n contrast: NeutralColorTokens[\"11\"],\n },\n\n secondary: {\n value: \"#3b2027\",\n contrast: \"#FA9EA7\",\n },\n\n neutral: NeutralColorTokens,\n\n surface: {\n primary: {\n value: NeutralColorTokens[\"11\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n secondary: {\n value: NeutralColorTokens[\"10\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n elevated: {\n value: NeutralColorTokens[\"9\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n inverse: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n },\n\n text: {\n primary: NeutralColorTokens[\"0\"],\n secondary: NeutralColorTokens[\"2\"],\n tertiary: NeutralColorTokens[\"6\"],\n inverse: NeutralColorTokens[\"11\"],\n disabled: NeutralColorTokens[\"7\"],\n },\n\n border: {\n subtle: {\n value: NeutralColorTokens[\"7\"],\n contrast: NeutralColorTokens[\"6\"],\n },\n default: {\n value: NeutralColorTokens[\"6\"],\n contrast: NeutralColorTokens[\"2\"],\n },\n strong: {\n value: NeutralColorTokens[\"5\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n focus: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"11\"],\n },\n },\n\n feedback: {\n error: {\n value: \"#ff8787\",\n contrast: \"#3b1515\",\n },\n warning: {\n value: \"#ffc078\",\n contrast: \"#3b250f\",\n },\n success: {\n value: \"#c0eb75\",\n contrast: \"#26320f\",\n },\n info: {\n value: \"#74c0fc\",\n contrast: \"#102a43\",\n },\n },\n\n overlay: \"rgba(0, 0, 0, 0.65)\",\n\n white: NeutralColorTokens[\"0\"],\n black: NeutralColorTokens[\"13\"],\n};\n\nexport function createComponentsTokens(\n tokens: PrimitiveThemeTokens,\n): ComponentsTokens {\n return {\n toast: createToastTokens(tokens),\n carousel: createCarouselTokens(tokens),\n accordion: createAccordionTokens(tokens),\n avatar: createAvatarTokens(tokens),\n badge: createBadgeTokens(tokens),\n button: createButtonTokens(tokens),\n card: createCardTokens(tokens),\n list: createListTokens(tokens),\n checkbox: createCheckboxTokens(tokens),\n iconButton: createIconButtonTokens(tokens),\n icon: createIconTokens(),\n pagination: createPaginationTokens(tokens),\n pressable: createPressableTokens(),\n progress: createProgressTokens(tokens),\n radio: createRadioTokens(tokens),\n tag: createTagTokens(tokens),\n controlAddon: createControlAddonTokens(tokens),\n controlContainer: createControlContainerTokens(tokens),\n controlError: createControlErrorTokens(tokens),\n controlInput: createControlInputTokens(tokens),\n controlLabel: createControlLabelTokens(tokens),\n select: createSelectTokens(tokens),\n segmentedControl: createSegmentedControlTokens(tokens),\n datetimePicker: createDatetimePickerTokens(tokens),\n divider: createDividerTokens(tokens),\n timePicker: createTimePickerTokens(tokens),\n flyout: createFlyoutTokens(tokens),\n skeleton: createSkeletonTokens(tokens),\n slider: createSliderTokens(tokens),\n spinner: createSpinnerTokens(tokens),\n stepper: createStepperTokens(tokens),\n switch: createSwitchTokens(tokens),\n textarea: createTextareaTokens(tokens),\n dataState: createDataStateTokens(tokens),\n };\n}\n"],"mappings":"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","names":[]}
@@ -0,0 +1,155 @@
1
+ import { BadgeTokens } from './types/badge-tokens.types.mjs';
2
+ import { CarouselTokens } from './types/carousel-tokens.types.mjs';
3
+ import { CheckboxTokens } from './types/checkbox-tokens.types.mjs';
4
+ import { ListTokens } from './types/list-tokens.types.mjs';
5
+ import { RadioTokens } from './types/radio-tokens.types.mjs';
6
+ import { AccordionTokens } from './types/accordion-tokens.types.mjs';
7
+ import { AvatarTokens } from './types/avatar-tokens.types.mjs';
8
+ import { ButtonTokens, IconButtonTokens } from './types/buttons-tokens.types.mjs';
9
+ import { CardTokens } from './types/card-tokens.types.mjs';
10
+ import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from './types/control-tokens.types.mjs';
11
+ import { DataStateTokens } from './types/data-state-tokens.types.mjs';
12
+ import { DatetimePickerTokens } from './types/datetime-picker-tokens.types.mjs';
13
+ import { DividerTokens } from './types/divider-tokens.types.mjs';
14
+ import { FlyoutTokens } from './types/flyout-tokens.types.mjs';
15
+ import { IconTokens } from './types/icon-tokens.types.mjs';
16
+ import { PaginationTokens } from './types/pagination-tokens.types.mjs';
17
+ import { PressableTokens } from './types/pressable-tokens.types.mjs';
18
+ import { ProgressTokens } from './types/progress-tokens.types.mjs';
19
+ import { SegmentedControlTokens } from './types/segmented-control-tokens.types.mjs';
20
+ import { SelectTokens } from './types/select-tokens.types.mjs';
21
+ import { SkeletonTokens } from './types/skeleton-tokens.types.mjs';
22
+ import { SliderTokens } from './types/slider-tokens.types.mjs';
23
+ import { SpinnerTokens } from './types/spinner-tokens.types.mjs';
24
+ import { StepperTokens } from './types/stepper-tokens.types.mjs';
25
+ import { SwitchTokens } from './types/switch-tokens.types.mjs';
26
+ import { TagTokens } from './types/tag-tokens.types.mjs';
27
+ import { TextareaTokens } from './types/textarea-tokens.types.mjs';
28
+ import { TimePickerTokens } from './types/time-picker-token.types.mjs';
29
+ import { NeutralColor, Space, Radii, BorderSize, FontFamily, FontWeight, FontSize, LineHeight, LetterSpacings } from './types/tokens.types.mjs';
30
+
31
+ type ToastTone = "success" | "info" | "warning" | "error";
32
+ interface ToastTokens {
33
+ backgroundColor: string;
34
+ borderColor: string;
35
+ borderWidth: number;
36
+ borderRadius: number;
37
+ padding: number;
38
+ gap: number;
39
+ contentGap: number;
40
+ edgeOffset: number;
41
+ topOffset: number;
42
+ iconSize: number;
43
+ iconContainerSize: number;
44
+ actionMinSize: number;
45
+ titleColor: string;
46
+ descriptionColor: string;
47
+ actionColor: string;
48
+ disabledColor: string;
49
+ titleFontSize: number;
50
+ titleLineHeight: number;
51
+ descriptionFontSize: number;
52
+ descriptionLineHeight: number;
53
+ zIndexBase: number;
54
+ tones: Record<ToastTone, ColorPair>;
55
+ }
56
+
57
+ interface ThemeContextData {
58
+ theme: AppTheme;
59
+ }
60
+ type ColorScheme = "light" | "dark";
61
+ type ColorPair = {
62
+ value: string;
63
+ contrast: string;
64
+ };
65
+ type ThemeColors = {
66
+ primary: ColorPair;
67
+ accent: ColorPair;
68
+ secondary: ColorPair;
69
+ neutral: NeutralColor;
70
+ surface: {
71
+ primary: ColorPair;
72
+ secondary: ColorPair;
73
+ elevated: ColorPair;
74
+ inverse: ColorPair;
75
+ };
76
+ text: {
77
+ primary: string;
78
+ secondary: string;
79
+ tertiary: string;
80
+ inverse: string;
81
+ disabled: string;
82
+ };
83
+ border: {
84
+ subtle: ColorPair;
85
+ default: ColorPair;
86
+ strong: ColorPair;
87
+ focus: ColorPair;
88
+ };
89
+ feedback: {
90
+ error: ColorPair;
91
+ warning: ColorPair;
92
+ success: ColorPair;
93
+ info: ColorPair;
94
+ };
95
+ overlay: string;
96
+ white: string;
97
+ black: string;
98
+ } & ExtendedThemeColors;
99
+ interface ExtendedThemeColors {
100
+ }
101
+ interface ComponentsThemes {
102
+ (theme: PrimitiveThemeTokens): ComponentsTokens;
103
+ }
104
+ interface ComponentsTokens {
105
+ toast: ToastTokens;
106
+ carousel: CarouselTokens;
107
+ list: ListTokens;
108
+ accordion: AccordionTokens;
109
+ avatar: AvatarTokens;
110
+ badge: BadgeTokens;
111
+ button: ButtonTokens;
112
+ card: CardTokens;
113
+ checkbox: CheckboxTokens;
114
+ iconButton: IconButtonTokens;
115
+ icon: IconTokens;
116
+ pagination: PaginationTokens;
117
+ pressable: PressableTokens;
118
+ progress: ProgressTokens;
119
+ radio: RadioTokens;
120
+ tag: TagTokens;
121
+ controlAddon: ControlAddonTokens;
122
+ controlContainer: ControlContainerTokens;
123
+ controlError: ControlErrorTokens;
124
+ controlInput: ControlInputTokens;
125
+ controlLabel: ControlLabelTokens;
126
+ select: SelectTokens;
127
+ segmentedControl: SegmentedControlTokens;
128
+ datetimePicker: DatetimePickerTokens;
129
+ divider: DividerTokens;
130
+ timePicker: TimePickerTokens;
131
+ flyout: FlyoutTokens;
132
+ skeleton: SkeletonTokens;
133
+ slider: SliderTokens;
134
+ spinner: SpinnerTokens;
135
+ stepper: StepperTokens;
136
+ switch: SwitchTokens;
137
+ textarea: TextareaTokens;
138
+ dataState: DataStateTokens;
139
+ }
140
+ interface PrimitiveThemeTokens {
141
+ colors: ThemeColors;
142
+ space: Space;
143
+ radii: Radii;
144
+ borderSize: BorderSize;
145
+ fontFamily: FontFamily;
146
+ fontWeight: FontWeight;
147
+ fontSize: FontSize;
148
+ lineHeight: LineHeight;
149
+ letterSpacing: LetterSpacings;
150
+ }
151
+ interface AppTheme extends PrimitiveThemeTokens {
152
+ components: ComponentsTokens;
153
+ }
154
+
155
+ export type { AppTheme as A, ColorPair as C, ExtendedThemeColors as E, PrimitiveThemeTokens as P, ThemeColors as T, ColorScheme as a, ComponentsThemes as b, ComponentsTokens as c, ThemeContextData as d, ToastTokens as e, ToastTone as f };
@@ -0,0 +1,28 @@
1
+ import { VisualStateTokens, SelectionVisualState, AvailabilityVisualState } from './components.types.mjs';
2
+
3
+ interface CarouselIndicatorAppearanceTokens {
4
+ backgroundColor: string;
5
+ }
6
+ interface CarouselCounterAppearanceTokens {
7
+ color: string;
8
+ }
9
+ interface CarouselTokens {
10
+ gap: number;
11
+ slideGap: number;
12
+ borderRadius: number;
13
+ indicatorGap: number;
14
+ indicator: {
15
+ borderRadius: number;
16
+ targetSize: number;
17
+ variants: Record<"dots" | "segments", {
18
+ width: number;
19
+ height: number;
20
+ }>;
21
+ states: VisualStateTokens<SelectionVisualState, CarouselIndicatorAppearanceTokens>;
22
+ };
23
+ counter: {
24
+ states: VisualStateTokens<AvailabilityVisualState, CarouselCounterAppearanceTokens>;
25
+ };
26
+ }
27
+
28
+ export type { CarouselCounterAppearanceTokens, CarouselIndicatorAppearanceTokens, CarouselTokens };
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=carousel-tokens.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -1,8 +1,25 @@
1
1
  type DividerTone = "subtle" | "default" | "strong" | "primary" | "inverse";
2
+ type DividerTokenOrientation = "horizontal" | "vertical";
3
+ type DividerTokenInset = "none" | "start" | "end" | "both";
4
+ interface DividerLayoutTokens {
5
+ height?: number;
6
+ marginBottom: number;
7
+ marginEnd: number;
8
+ marginStart: number;
9
+ marginTop: number;
10
+ width?: number;
11
+ }
2
12
  interface DividerTokens {
3
13
  colors: Record<DividerTone, string>;
4
- inset: number;
5
- thickness: number;
14
+ layouts: Record<DividerTokenOrientation, Record<DividerTokenInset, DividerLayoutTokens>>;
15
+ }
16
+ interface DividerTokenState {
17
+ inset: DividerTokenInset;
18
+ orientation: DividerTokenOrientation;
19
+ tone: DividerTone;
6
20
  }
21
+ type ResolvedDividerTokens = DividerLayoutTokens & {
22
+ backgroundColor: string;
23
+ };
7
24
 
8
- export type { DividerTokens, DividerTone };
25
+ export type { DividerLayoutTokens, DividerTokenInset, DividerTokenOrientation, DividerTokenState, DividerTokens, DividerTone, ResolvedDividerTokens };
@@ -1,10 +1,25 @@
1
1
  interface FlyoutHandleTokens {
2
- containerHeight: number;
3
2
  width: `${number}%`;
4
3
  height: number;
5
4
  borderRadius: number;
6
5
  backgroundColor: string;
7
6
  }
7
+ type FlyoutPlacement = "top" | "bottom";
8
+ interface FlyoutPlacementTokens {
9
+ container: {
10
+ top?: number;
11
+ bottom?: number;
12
+ borderTopLeftRadius: number;
13
+ borderTopRightRadius: number;
14
+ borderBottomLeftRadius: number;
15
+ borderBottomRightRadius: number;
16
+ };
17
+ handleContainer: {
18
+ top?: number;
19
+ bottom?: number;
20
+ height: number;
21
+ };
22
+ }
8
23
  interface FlyoutTitleTokens {
9
24
  paddingVertical: number;
10
25
  paddingHorizontal: number;
@@ -16,10 +31,14 @@ interface FlyoutTokens {
16
31
  overlayVisibleOpacity: number;
17
32
  backgroundColor: string;
18
33
  contentPaddingHorizontal: number;
19
- borderRadius: number;
20
34
  hiddenOpacity: number;
21
35
  title: FlyoutTitleTokens;
22
36
  handle: FlyoutHandleTokens;
37
+ placements: Record<FlyoutPlacement, FlyoutPlacementTokens>;
38
+ }
39
+ interface FlyoutTokenState {
40
+ placement: FlyoutPlacement;
23
41
  }
42
+ type ResolvedFlyoutTokens = Omit<FlyoutTokens, "placements"> & FlyoutPlacementTokens;
24
43
 
25
- export type { FlyoutHandleTokens, FlyoutTitleTokens, FlyoutTokens };
44
+ export type { FlyoutHandleTokens, FlyoutPlacement, FlyoutPlacementTokens, FlyoutTitleTokens, FlyoutTokenState, FlyoutTokens, ResolvedFlyoutTokens };
@@ -7,7 +7,7 @@ export { FlexProps } from './flex.types.mjs';
7
7
  export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps } from './shadow.types.mjs';
8
8
  export { SpacingProps } from './spacing.types.mjs';
9
9
  export { StylePropKey, StyleProps } from './style.types.mjs';
10
- export { AppTheme, ColorPair, ColorScheme, ComponentsThemes, ComponentsTokens, ExtendedThemeColors, PrimitiveThemeTokens, ThemeColors, ThemeContextData } from './theme-provider.types.mjs';
10
+ export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PrimitiveThemeTokens, T as ThemeColors, d as ThemeContextData, e as ToastTokens, f as ToastTone } from '../theme-provider.types-BSPyJjfq.mjs';
11
11
  export { BorderSize, BorderSizeKey, FontFamily, FontSize, FontWeight, FontWeightItalic, FontWeightKeys, FontWeightNormal, FontWeightValue, LetterSpacingKey, LetterSpacings, LineHeight, NeutralColor, NeutralColorKey, Radii, RadiiBlob, RadiiConditional, RadiiDrawn, RadiusBlobKey, RadiusConditionalKey, RadiusDrawnKey, RadiusKey, Space, SpaceSizesKey, TypographyKey } from './tokens.types.mjs';
12
12
  export { TypographyPresetKey, TypographyProps } from './typography.types.mjs';
13
13
  export { ActionAppearanceTokens, ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './buttons-tokens.types.mjs';
@@ -20,18 +20,22 @@ export { TagAppearanceTokens, TagColor, TagColorTokens, TagSizeTokens, TagTokens
20
20
  export { ControlAddonAppearanceTokens, ControlAddonTokens, ControlAddonVariantTokens, ControlContainerAppearanceTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputAppearanceTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelAppearanceTokens, ControlLabelTokens } from './control-tokens.types.mjs';
21
21
  export { SelectOptionAppearanceTokens, SelectOptionTokens, SelectTokens } from './select-tokens.types.mjs';
22
22
  export { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayAppearanceTokens, DatetimePickerDayState, DatetimePickerDayTokens, DatetimePickerDayVisualState, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens } from './datetime-picker-tokens.types.mjs';
23
- export { DividerTokens, DividerTone } from './divider-tokens.types.mjs';
23
+ export { DividerLayoutTokens, DividerTokenInset, DividerTokenOrientation, DividerTokenState, DividerTokens, DividerTone, ResolvedDividerTokens } from './divider-tokens.types.mjs';
24
24
  export { TimePickerColumnAppearanceTokens, TimePickerColumnTokens, TimePickerColumnsTokens, TimePickerFlyoutTokens, TimePickerTokens } from './time-picker-token.types.mjs';
25
- export { FlyoutHandleTokens, FlyoutTitleTokens, FlyoutTokens } from './flyout-tokens.types.mjs';
25
+ export { FlyoutHandleTokens, FlyoutPlacement, FlyoutPlacementTokens, FlyoutTitleTokens, FlyoutTokenState, FlyoutTokens, ResolvedFlyoutTokens } from './flyout-tokens.types.mjs';
26
26
  export { IconTokens } from './icon-tokens.types.mjs';
27
27
  export { PressableTokens } from './pressable-tokens.types.mjs';
28
+ export { PaginationAppearanceTokens, PaginationSizeToken, PaginationState, PaginationTokens, PaginationVisualState } from './pagination-tokens.types.mjs';
28
29
  export { ProgressColorTokens, ProgressSizeTokens, ProgressTokens, ProgressTone, ProgressVariant } from './progress-tokens.types.mjs';
29
30
  export { RadioAppearanceTokens, RadioSizeTokens, RadioTokens, RadioVariantTokens } from './radio-tokens.types.mjs';
31
+ export { ResolvedSegmentedControlItemTokens, SegmentedControlAppearanceTokens, SegmentedControlItemLayout, SegmentedControlItemLayoutTokens, SegmentedControlItemTokenState, SegmentedControlSizeToken, SegmentedControlSizeTokens, SegmentedControlTokens, SegmentedControlVariantTokens } from './segmented-control-tokens.types.mjs';
30
32
  export { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens } from './skeleton-tokens.types.mjs';
31
- export { SliderAppearanceTokens, SliderSizeTokens, SliderTokens, SliderVariant, SliderVariantTokens } from './slider-tokens.types.mjs';
33
+ export { ResolvedSliderTrackTokens, SliderAppearanceTokens, SliderSizeTokens, SliderTokens, SliderTrackLayout, SliderTrackLayoutTokens, SliderTrackTokenState, SliderVariant, SliderVariantTokens } from './slider-tokens.types.mjs';
32
34
  export { SpinnerTokens, SpinnerTone } from './spinner-tokens.types.mjs';
33
35
  export { StepperNavigationTokens, StepperTokens } from './stepper-tokens.types.mjs';
34
36
  export { SwitchAppearanceTokens, SwitchSizeTokens, SwitchTokens, SwitchVariantTokens } from './switch-tokens.types.mjs';
35
37
  export { TextareaAppearanceTokens, TextareaSizeTokens, TextareaTokens } from './textarea-tokens.types.mjs';
36
38
  export { DataStateActionsFooterTokens, DataStateContentTokens, DataStateDetailsTokens, DataStateLoadingTokens, DataStateTokens } from './data-state-tokens.types.mjs';
39
+ export { ListTokens } from './list-tokens.types.mjs';
40
+ export { CarouselCounterAppearanceTokens, CarouselIndicatorAppearanceTokens, CarouselTokens } from './carousel-tokens.types.mjs';
37
41
  import 'react-native';
@@ -25,8 +25,10 @@ export * from "./time-picker-token.types";
25
25
  export * from "./flyout-tokens.types";
26
26
  export * from "./icon-tokens.types";
27
27
  export * from "./pressable-tokens.types";
28
+ export * from "./pagination-tokens.types";
28
29
  export * from "./progress-tokens.types";
29
30
  export * from "./radio-tokens.types";
31
+ export * from "./segmented-control-tokens.types";
30
32
  export * from "./skeleton-tokens.types";
31
33
  export * from "./slider-tokens.types";
32
34
  export * from "./spinner-tokens.types";
@@ -34,4 +36,7 @@ export * from "./stepper-tokens.types";
34
36
  export * from "./switch-tokens.types";
35
37
  export * from "./textarea-tokens.types";
36
38
  export * from "./data-state-tokens.types";
39
+ export * from "./list-tokens.types";
40
+ export * from "./carousel-tokens.types";
41
+ export * from "./toast-tokens.types";
37
42
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./border.types\";\nexport * from \"./color.types\";\nexport * from \"./chart.types\";\nexport * from \"./components.types\";\nexport * from \"./dimension.types\";\nexport * from \"./flex.types\";\nexport * from \"./shadow.types\";\nexport * from \"./spacing.types\";\nexport * from \"./style.types\";\nexport * from \"./theme-provider.types\";\nexport * from \"./tokens.types\";\nexport * from \"./typography.types\";\nexport * from \"./buttons-tokens.types\";\nexport * from \"./accordion-tokens.types\";\nexport * from \"./avatar-tokens.types\";\nexport * from \"./badge-tokens.types\";\nexport * from \"./card-tokens.types\";\nexport * from \"./checkbox-tokens.types\";\nexport * from \"./tag-tokens.types\";\nexport * from \"./control-tokens.types\";\nexport * from \"./select-tokens.types\";\nexport * from \"./datetime-picker-tokens.types\";\nexport * from \"./divider-tokens.types\";\nexport * from \"./time-picker-token.types\";\nexport * from \"./flyout-tokens.types\";\nexport * from \"./icon-tokens.types\";\nexport * from \"./pressable-tokens.types\";\nexport * from \"./progress-tokens.types\";\nexport * from \"./radio-tokens.types\";\nexport * from \"./skeleton-tokens.types\";\nexport * from \"./slider-tokens.types\";\nexport * from \"./spinner-tokens.types\";\nexport * from \"./stepper-tokens.types\";\nexport * from \"./switch-tokens.types\";\nexport * from \"./textarea-tokens.types\";\nexport * from \"./data-state-tokens.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
1
+ {"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./border.types\";\nexport * from \"./color.types\";\nexport * from \"./chart.types\";\nexport * from \"./components.types\";\nexport * from \"./dimension.types\";\nexport * from \"./flex.types\";\nexport * from \"./shadow.types\";\nexport * from \"./spacing.types\";\nexport * from \"./style.types\";\nexport * from \"./theme-provider.types\";\nexport * from \"./tokens.types\";\nexport * from \"./typography.types\";\nexport * from \"./buttons-tokens.types\";\nexport * from \"./accordion-tokens.types\";\nexport * from \"./avatar-tokens.types\";\nexport * from \"./badge-tokens.types\";\nexport * from \"./card-tokens.types\";\nexport * from \"./checkbox-tokens.types\";\nexport * from \"./tag-tokens.types\";\nexport * from \"./control-tokens.types\";\nexport * from \"./select-tokens.types\";\nexport * from \"./datetime-picker-tokens.types\";\nexport * from \"./divider-tokens.types\";\nexport * from \"./time-picker-token.types\";\nexport * from \"./flyout-tokens.types\";\nexport * from \"./icon-tokens.types\";\nexport * from \"./pressable-tokens.types\";\nexport * from \"./pagination-tokens.types\";\nexport * from \"./progress-tokens.types\";\nexport * from \"./radio-tokens.types\";\nexport * from \"./segmented-control-tokens.types\";\nexport * from \"./skeleton-tokens.types\";\nexport * from \"./slider-tokens.types\";\nexport * from \"./spinner-tokens.types\";\nexport * from \"./stepper-tokens.types\";\nexport * from \"./switch-tokens.types\";\nexport * from \"./textarea-tokens.types\";\nexport * from \"./data-state-tokens.types\";\n\nexport * from \"./list-tokens.types\";\nexport * from \"./carousel-tokens.types\";\n\nexport * from \"./toast-tokens.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AAEd,cAAc;","names":[]}
@@ -0,0 +1,15 @@
1
+ interface ListTokens {
2
+ backgroundColor: string;
3
+ borderColor: string;
4
+ borderWidth: number;
5
+ borderRadius: number;
6
+ item: {
7
+ gap: number;
8
+ padding: number;
9
+ };
10
+ content: {
11
+ gap: number;
12
+ };
13
+ }
14
+
15
+ export type { ListTokens };
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=list-tokens.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,30 @@
1
+ import { ComponentSize, VisualStateTokens } from './components.types.mjs';
2
+
3
+ type PaginationVisualState = "default" | "current" | "disabled";
4
+ interface PaginationState {
5
+ current: boolean;
6
+ disabled?: boolean;
7
+ }
8
+ interface PaginationAppearanceTokens {
9
+ backgroundColor: string;
10
+ borderColor: string;
11
+ color: string;
12
+ ellipsisColor: string;
13
+ }
14
+ interface PaginationSizeToken {
15
+ compactMinWidth: number;
16
+ controlSize: number;
17
+ fontSize: number;
18
+ hitSlop: number;
19
+ iconSize: number;
20
+ paddingHorizontal: number;
21
+ }
22
+ interface PaginationTokens {
23
+ borderRadius: number;
24
+ borderWidth: number;
25
+ gap: number;
26
+ sizes: Record<ComponentSize, PaginationSizeToken>;
27
+ states: VisualStateTokens<PaginationVisualState, PaginationAppearanceTokens>;
28
+ }
29
+
30
+ export type { PaginationAppearanceTokens, PaginationSizeToken, PaginationState, PaginationTokens, PaginationVisualState };