@equisoft/design-elements-react 9.9.2 → 9.9.3-snapshot.20250915034028

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 (92) hide show
  1. package/dist/bundle.js +3065 -3050
  2. package/dist/bundle.js.LICENSE.txt +15 -9
  3. package/dist/components/buttons/abstract/styled.d.ts +1 -1
  4. package/dist/components/buttons/abstract/types.d.ts +1 -0
  5. package/dist/components/buttons/styled.d.ts +1 -1
  6. package/dist/components/buttons/types.d.ts +1 -0
  7. package/dist/components/date-picker/date-picker.d.ts +1 -1
  8. package/dist/components/date-picker/utils/datepicker-utils.d.ts +1 -5
  9. package/dist/components/icon/icon.d.ts +1 -0
  10. package/dist/components/radio-card-group/styled-components.d.ts +1 -1
  11. package/dist/components/table/table-caption.d.ts +14 -0
  12. package/dist/components/table/table.d.ts +7 -4
  13. package/dist/components/tabs/tab-button.d.ts +1 -15
  14. package/dist/components/tabs/tab-panel.d.ts +2 -9
  15. package/dist/components/tabs/tabs-classes.d.ts +5 -0
  16. package/dist/components/tabs/tabs.d.ts +2 -1
  17. package/dist/components/tabs/types.d.ts +30 -0
  18. package/dist/components/text-input/styles/inputs.d.ts +1 -1
  19. package/dist/hooks/use-theme.d.ts +1 -1
  20. package/dist/theme.js +1 -1
  21. package/dist/themes/index.d.ts +1 -0
  22. package/dist/themes/theme.d.ts +13 -8
  23. package/dist/themes/tokens/alias/color-tokens.d.ts +3 -0
  24. package/dist/themes/tokens/alias/text-tokens.d.ts +3 -0
  25. package/dist/themes/tokens/alias-tokens.d.ts +195 -47
  26. package/dist/themes/tokens/component/accordion-tokens.d.ts +3 -8
  27. package/dist/themes/tokens/component/avatar-tokens.d.ts +3 -8
  28. package/dist/themes/tokens/component/badge-tokens.d.ts +3 -8
  29. package/dist/themes/tokens/component/bento-menu-button-tokens.d.ts +3 -8
  30. package/dist/themes/tokens/component/breadcrumb-tokens.d.ts +3 -8
  31. package/dist/themes/tokens/component/button-tokens.d.ts +3 -8
  32. package/dist/themes/tokens/component/caption-tokens.d.ts +3 -0
  33. package/dist/themes/tokens/component/card-tokens.d.ts +3 -8
  34. package/dist/themes/tokens/component/carousel-tokens.d.ts +3 -8
  35. package/dist/themes/tokens/component/checkbox-tokens.d.ts +3 -8
  36. package/dist/themes/tokens/component/chooser-tokens.d.ts +3 -8
  37. package/dist/themes/tokens/component/combobox-tokens.d.ts +3 -8
  38. package/dist/themes/tokens/component/datepicker-tokens.d.ts +3 -8
  39. package/dist/themes/tokens/component/disclosure-tokens.d.ts +3 -8
  40. package/dist/themes/tokens/component/dropdown-list-tokens.d.ts +3 -8
  41. package/dist/themes/tokens/component/dropdown-menu-tokens.d.ts +3 -8
  42. package/dist/themes/tokens/component/field-tokens.d.ts +3 -8
  43. package/dist/themes/tokens/component/focus-tokens.d.ts +3 -8
  44. package/dist/themes/tokens/component/global-banner-tokens.d.ts +3 -8
  45. package/dist/themes/tokens/component/global-header-tokens.d.ts +3 -8
  46. package/dist/themes/tokens/component/global-navigation-tokens.d.ts +3 -8
  47. package/dist/themes/tokens/component/heading-tokens.d.ts +3 -8
  48. package/dist/themes/tokens/component/label-tokens.d.ts +3 -8
  49. package/dist/themes/tokens/component/legend-tokens.d.ts +3 -8
  50. package/dist/themes/tokens/component/link-tokens.d.ts +3 -8
  51. package/dist/themes/tokens/component/listbox-tokens.d.ts +3 -8
  52. package/dist/themes/tokens/component/lozenge-tokens.d.ts +3 -8
  53. package/dist/themes/tokens/component/menu-tokens.d.ts +3 -8
  54. package/dist/themes/tokens/component/modal-tokens.d.ts +3 -8
  55. package/dist/themes/tokens/component/nav-list-tokens.d.ts +3 -8
  56. package/dist/themes/tokens/component/numeric-input-tokens.d.ts +3 -8
  57. package/dist/themes/tokens/component/pagination-tokens.d.ts +3 -8
  58. package/dist/themes/tokens/component/password-input-tokens.d.ts +3 -8
  59. package/dist/themes/tokens/component/phone-input-tokens.d.ts +3 -8
  60. package/dist/themes/tokens/component/progress-circular-tokens.d.ts +3 -8
  61. package/dist/themes/tokens/component/progress-tokens.d.ts +3 -8
  62. package/dist/themes/tokens/component/radio-button-group-tokens.d.ts +3 -8
  63. package/dist/themes/tokens/component/radio-card-tokens.d.ts +3 -8
  64. package/dist/themes/tokens/component/search-input-tokens.d.ts +3 -8
  65. package/dist/themes/tokens/component/sectional-banner-tokens.d.ts +3 -8
  66. package/dist/themes/tokens/component/segmented-control-tokens.d.ts +3 -8
  67. package/dist/themes/tokens/component/side-drawer-tokens.d.ts +3 -8
  68. package/dist/themes/tokens/component/slider-tokens.d.ts +3 -8
  69. package/dist/themes/tokens/component/spinner-tokens.d.ts +3 -8
  70. package/dist/themes/tokens/component/status-tokens.d.ts +3 -8
  71. package/dist/themes/tokens/component/stepper-tokens.d.ts +3 -8
  72. package/dist/themes/tokens/component/tab-tokens.d.ts +3 -8
  73. package/dist/themes/tokens/component/table-tokens.d.ts +3 -8
  74. package/dist/themes/tokens/component/tag-tokens.d.ts +3 -8
  75. package/dist/themes/tokens/component/text-area-tokens.d.ts +3 -8
  76. package/dist/themes/tokens/component/text-input-tokens.d.ts +3 -8
  77. package/dist/themes/tokens/component/toast-tokens.d.ts +3 -8
  78. package/dist/themes/tokens/component/toggle-switch-tokens.d.ts +3 -8
  79. package/dist/themes/tokens/component/toggletip-tokens.d.ts +3 -8
  80. package/dist/themes/tokens/component/tooltip-tokens.d.ts +3 -8
  81. package/dist/themes/tokens/component-tokens.d.ts +704 -66
  82. package/dist/themes/tokens/index.d.ts +1 -0
  83. package/dist/themes/tokens/ref/palette-tokens.d.ts +3 -6
  84. package/dist/themes/tokens/ref/text-tokens.d.ts +3 -0
  85. package/dist/themes/tokens/ref/utility-tokens.d.ts +3 -0
  86. package/dist/themes/tokens/ref-tokens.d.ts +209 -9
  87. package/dist/themes/tokens/tokens.d.ts +11 -0
  88. package/dist/utils/css-state.d.ts +1 -1
  89. package/package.json +63 -67
  90. package/dist/themes/tokens/ref/color-utility-tokens.d.ts +0 -6
  91. package/dist/themes/tokens/ref/text-attributes-tokens.d.ts +0 -6
  92. package/dist/utility-types.d.ts +0 -1
@@ -1,3 +1,4 @@
1
1
  export * from './ref-tokens';
2
2
  export * from './alias-tokens';
3
3
  export * from './component-tokens';
4
+ export * from './tokens';
@@ -1,6 +1,3 @@
1
- export type PaletteTokens = 'color-brand-05' | 'color-brand-10' | 'color-brand-20' | 'color-brand-30' | 'color-brand-40' | 'color-brand-50' | 'color-brand-60' | 'color-brand-70' | 'color-brand-80' | 'color-brand-90' | 'color-accent-05' | 'color-accent-10' | 'color-accent-20' | 'color-accent-30' | 'color-accent-40' | 'color-accent-50' | 'color-accent-60' | 'color-accent-70' | 'color-accent-80' | 'color-accent-90' | 'color-white' | 'color-black' | 'color-neutral-02' | 'color-neutral-05' | 'color-neutral-10' | 'color-neutral-15' | 'color-neutral-20' | 'color-neutral-30' | 'color-neutral-40' | 'color-neutral-50' | 'color-neutral-60' | 'color-neutral-65' | 'color-neutral-70' | 'color-neutral-80' | 'color-neutral-90' | 'color-success-02' | 'color-success-05' | 'color-success-10' | 'color-success-20' | 'color-success-30' | 'color-success-40' | 'color-success-50' | 'color-success-60' | 'color-success-70' | 'color-success-80' | 'color-success-90' | 'color-alert-02' | 'color-alert-05' | 'color-alert-10' | 'color-alert-20' | 'color-alert-30' | 'color-alert-40' | 'color-alert-50' | 'color-alert-60' | 'color-alert-70' | 'color-alert-80' | 'color-alert-90' | 'color-warning-02' | 'color-warning-05' | 'color-warning-10' | 'color-warning-20' | 'color-warning-30' | 'color-warning-40' | 'color-warning-50' | 'color-warning-60' | 'color-warning-70' | 'color-warning-80' | 'color-warning-90' | 'color-informative-02' | 'color-informative-05' | 'color-informative-10' | 'color-informative-20' | 'color-informative-30' | 'color-informative-40' | 'color-informative-50' | 'color-informative-60' | 'color-informative-70' | 'color-informative-80' | 'color-informative-90' | 'color-discovery-02' | 'color-discovery-05' | 'color-discovery-10' | 'color-discovery-20' | 'color-discovery-30' | 'color-discovery-40' | 'color-discovery-50' | 'color-discovery-60' | 'color-discovery-70' | 'color-discovery-80' | 'color-discovery-90' | 'color-decorative-01-05' | 'color-decorative-01-10' | 'color-decorative-01-50' | 'color-decorative-01-70' | 'color-decorative-02-05' | 'color-decorative-02-10' | 'color-decorative-02-50' | 'color-decorative-02-70' | 'color-decorative-03-05' | 'color-decorative-03-10' | 'color-decorative-03-50' | 'color-decorative-03-70' | 'color-decorative-04-05' | 'color-decorative-04-10' | 'color-decorative-04-50' | 'color-decorative-04-70' | 'color-decorative-05-05' | 'color-decorative-05-10' | 'color-decorative-05-50' | 'color-decorative-05-70' | 'color-decorative-06-05' | 'color-decorative-06-10' | 'color-decorative-06-50' | 'color-decorative-06-70' | 'color-decorative-07-05' | 'color-decorative-07-10' | 'color-decorative-07-50' | 'color-decorative-07-70' | 'color-decorative-08-05' | 'color-decorative-08-10' | 'color-decorative-08-50' | 'color-decorative-08-70' | 'color-decorative-09-05' | 'color-decorative-09-10' | 'color-decorative-09-50' | 'color-decorative-09-70' | 'color-decorative-10-05' | 'color-decorative-10-10' | 'color-decorative-10-50' | 'color-decorative-10-70';
2
- export type PaletteValue = string;
3
- export type PaletteTokenMap = {
4
- [Token in PaletteTokens]: PaletteValue;
5
- };
6
- export declare const defaultPaletteTokens: PaletteTokenMap;
1
+ import type { RefTokenMap } from '../tokens';
2
+ export type PaletteToken = 'color-brand-05' | 'color-brand-10' | 'color-brand-20' | 'color-brand-30' | 'color-brand-40' | 'color-brand-50' | 'color-brand-60' | 'color-brand-70' | 'color-brand-80' | 'color-brand-90' | 'color-accent-05' | 'color-accent-10' | 'color-accent-20' | 'color-accent-30' | 'color-accent-40' | 'color-accent-50' | 'color-accent-60' | 'color-accent-70' | 'color-accent-80' | 'color-accent-90' | 'color-white' | 'color-black' | 'color-neutral-02' | 'color-neutral-05' | 'color-neutral-10' | 'color-neutral-15' | 'color-neutral-20' | 'color-neutral-30' | 'color-neutral-40' | 'color-neutral-50' | 'color-neutral-60' | 'color-neutral-65' | 'color-neutral-70' | 'color-neutral-80' | 'color-neutral-90' | 'color-success-02' | 'color-success-05' | 'color-success-10' | 'color-success-20' | 'color-success-30' | 'color-success-40' | 'color-success-50' | 'color-success-60' | 'color-success-70' | 'color-success-80' | 'color-success-90' | 'color-alert-02' | 'color-alert-05' | 'color-alert-10' | 'color-alert-20' | 'color-alert-30' | 'color-alert-40' | 'color-alert-50' | 'color-alert-60' | 'color-alert-70' | 'color-alert-80' | 'color-alert-90' | 'color-warning-02' | 'color-warning-05' | 'color-warning-10' | 'color-warning-20' | 'color-warning-30' | 'color-warning-40' | 'color-warning-50' | 'color-warning-60' | 'color-warning-70' | 'color-warning-80' | 'color-warning-90' | 'color-informative-02' | 'color-informative-05' | 'color-informative-10' | 'color-informative-20' | 'color-informative-30' | 'color-informative-40' | 'color-informative-50' | 'color-informative-60' | 'color-informative-70' | 'color-informative-80' | 'color-informative-90' | 'color-discovery-02' | 'color-discovery-05' | 'color-discovery-10' | 'color-discovery-20' | 'color-discovery-30' | 'color-discovery-40' | 'color-discovery-50' | 'color-discovery-60' | 'color-discovery-70' | 'color-discovery-80' | 'color-discovery-90' | 'color-decorative-01-05' | 'color-decorative-01-10' | 'color-decorative-01-50' | 'color-decorative-01-70' | 'color-decorative-02-05' | 'color-decorative-02-10' | 'color-decorative-02-50' | 'color-decorative-02-70' | 'color-decorative-03-05' | 'color-decorative-03-10' | 'color-decorative-03-50' | 'color-decorative-03-70' | 'color-decorative-04-05' | 'color-decorative-04-10' | 'color-decorative-04-50' | 'color-decorative-04-70' | 'color-decorative-05-05' | 'color-decorative-05-10' | 'color-decorative-05-50' | 'color-decorative-05-70' | 'color-decorative-06-05' | 'color-decorative-06-10' | 'color-decorative-06-50' | 'color-decorative-06-70' | 'color-decorative-07-05' | 'color-decorative-07-10' | 'color-decorative-07-50' | 'color-decorative-07-70' | 'color-decorative-08-05' | 'color-decorative-08-10' | 'color-decorative-08-50' | 'color-decorative-08-70' | 'color-decorative-09-05' | 'color-decorative-09-10' | 'color-decorative-09-50' | 'color-decorative-09-70' | 'color-decorative-10-05' | 'color-decorative-10-10' | 'color-decorative-10-50' | 'color-decorative-10-70';
3
+ export declare const defaultPaletteTokens: RefTokenMap<PaletteToken>;
@@ -0,0 +1,3 @@
1
+ import type { RefTokenMap } from '../tokens';
2
+ export type TextToken = 'font-family-sans' | 'font-family-brand' | 'font-size-100' | 'font-size-200' | 'font-size-275' | 'font-size-300' | 'font-size-350' | 'font-size-400' | 'font-size-500' | 'font-size-600' | 'font-size-700' | 'font-size-800' | 'font-size-900' | 'font-size-1000' | 'font-size-1100' | 'font-size-1200' | 'font-weight-regular' | 'font-weight-semibold' | 'font-weight-bold' | 'line-height-100' | 'line-height-200' | 'line-height-300' | 'line-height-400' | 'line-height-500' | 'line-height-600' | 'line-height-700' | 'line-height-800' | 'line-height-900' | 'line-height-1000' | 'line-height-1100' | 'line-height-1200' | 'letter-spacing-normal' | 'font-transform-none' | 'font-transform-uppercase';
3
+ export declare const defaultTextTokens: RefTokenMap<TextToken>;
@@ -0,0 +1,3 @@
1
+ import type { RefTokenMap } from '../tokens';
2
+ export type UtilityToken = 'transparent-dark-3' | 'transparent-dark-5' | 'transparent-light-5' | 'transparent-dark-10' | 'transparent-light-10' | 'transparent-dark-15' | 'transparent-light-15' | 'transparent-dark-20' | 'transparent-light-20' | 'transparent-dark-25' | 'transparent-light-25' | 'transparent-dark-30' | 'transparent-light-30' | 'transparent-dark-35' | 'transparent-light-35' | 'transparent-dark-40' | 'transparent-light-40' | 'transparent-dark-45' | 'transparent-light-45' | 'transparent-dark-50' | 'transparent-light-50' | 'transparent-dark-55' | 'transparent-light-55' | 'transparent-dark-60' | 'transparent-light-60' | 'transparent-dark-65' | 'transparent-light-65' | 'transparent-dark-70' | 'transparent-light-70' | 'transparent-dark-75' | 'transparent-light-75' | 'transparent-dark-80' | 'transparent-light-80' | 'transparent-dark-85' | 'transparent-light-85' | 'transparent-dark-90' | 'transparent-light-90' | 'transparent-dark-95' | 'transparent-light-95' | 'transparent-100';
3
+ export declare const defaultUtilityTokens: RefTokenMap<UtilityToken>;
@@ -1,10 +1,210 @@
1
- import { ColorUtilityTokens, ColorUtilityValue } from './ref/color-utility-tokens';
2
- import { PaletteTokens, PaletteValue } from './ref/palette-tokens';
3
- import { TextAttributeTokens, TextAttributeValue } from './ref/text-attributes-tokens';
4
- export type RefTokenValue = PaletteValue | TextAttributeValue | ColorUtilityValue;
5
- export type RefTokens = PaletteTokens | TextAttributeTokens | ColorUtilityTokens;
6
- export type RefTokenMap = {
7
- [Token in RefTokens]: RefTokenValue;
1
+ import { PaletteToken } from './ref/palette-tokens';
2
+ import { TextToken } from './ref/text-tokens';
3
+ import { UtilityToken } from './ref/utility-tokens';
4
+ export type RefToken = PaletteToken | TextToken | UtilityToken;
5
+ export declare const defaultRefTokens: {
6
+ "transparent-dark-3": string;
7
+ "transparent-dark-5": string;
8
+ "transparent-light-5": string;
9
+ "transparent-dark-10": string;
10
+ "transparent-light-10": string;
11
+ "transparent-dark-15": string;
12
+ "transparent-light-15": string;
13
+ "transparent-dark-20": string;
14
+ "transparent-light-20": string;
15
+ "transparent-dark-25": string;
16
+ "transparent-light-25": string;
17
+ "transparent-dark-30": string;
18
+ "transparent-light-30": string;
19
+ "transparent-dark-35": string;
20
+ "transparent-light-35": string;
21
+ "transparent-dark-40": string;
22
+ "transparent-light-40": string;
23
+ "transparent-dark-45": string;
24
+ "transparent-light-45": string;
25
+ "transparent-dark-50": string;
26
+ "transparent-light-50": string;
27
+ "transparent-dark-55": string;
28
+ "transparent-light-55": string;
29
+ "transparent-dark-60": string;
30
+ "transparent-light-60": string;
31
+ "transparent-dark-65": string;
32
+ "transparent-light-65": string;
33
+ "transparent-dark-70": string;
34
+ "transparent-light-70": string;
35
+ "transparent-dark-75": string;
36
+ "transparent-light-75": string;
37
+ "transparent-dark-80": string;
38
+ "transparent-light-80": string;
39
+ "transparent-dark-85": string;
40
+ "transparent-light-85": string;
41
+ "transparent-dark-90": string;
42
+ "transparent-light-90": string;
43
+ "transparent-dark-95": string;
44
+ "transparent-light-95": string;
45
+ "transparent-100": string;
46
+ "font-family-sans": string;
47
+ "font-family-brand": string;
48
+ "font-size-100": string;
49
+ "font-size-200": string;
50
+ "font-size-275": string;
51
+ "font-size-300": string;
52
+ "font-size-350": string;
53
+ "font-size-400": string;
54
+ "font-size-500": string;
55
+ "font-size-600": string;
56
+ "font-size-700": string;
57
+ "font-size-800": string;
58
+ "font-size-900": string;
59
+ "font-size-1000": string;
60
+ "font-size-1100": string;
61
+ "font-size-1200": string;
62
+ "font-weight-regular": string;
63
+ "font-weight-semibold": string;
64
+ "font-weight-bold": string;
65
+ "line-height-100": string;
66
+ "line-height-200": string;
67
+ "line-height-300": string;
68
+ "line-height-400": string;
69
+ "line-height-500": string;
70
+ "line-height-600": string;
71
+ "line-height-700": string;
72
+ "line-height-800": string;
73
+ "line-height-900": string;
74
+ "line-height-1000": string;
75
+ "line-height-1100": string;
76
+ "line-height-1200": string;
77
+ "letter-spacing-normal": string;
78
+ "font-transform-none": string;
79
+ "font-transform-uppercase": string;
80
+ "color-brand-05": string;
81
+ "color-brand-10": string;
82
+ "color-brand-20": string;
83
+ "color-brand-30": string;
84
+ "color-brand-40": string;
85
+ "color-brand-50": string;
86
+ "color-brand-60": string;
87
+ "color-brand-70": string;
88
+ "color-brand-80": string;
89
+ "color-brand-90": string;
90
+ "color-accent-05": string;
91
+ "color-accent-10": string;
92
+ "color-accent-20": string;
93
+ "color-accent-30": string;
94
+ "color-accent-40": string;
95
+ "color-accent-50": string;
96
+ "color-accent-60": string;
97
+ "color-accent-70": string;
98
+ "color-accent-80": string;
99
+ "color-accent-90": string;
100
+ "color-white": string;
101
+ "color-black": string;
102
+ "color-neutral-02": string;
103
+ "color-neutral-05": string;
104
+ "color-neutral-10": string;
105
+ "color-neutral-15": string;
106
+ "color-neutral-20": string;
107
+ "color-neutral-30": string;
108
+ "color-neutral-40": string;
109
+ "color-neutral-50": string;
110
+ "color-neutral-60": string;
111
+ "color-neutral-65": string;
112
+ "color-neutral-70": string;
113
+ "color-neutral-80": string;
114
+ "color-neutral-90": string;
115
+ "color-success-02": string;
116
+ "color-success-05": string;
117
+ "color-success-10": string;
118
+ "color-success-20": string;
119
+ "color-success-30": string;
120
+ "color-success-40": string;
121
+ "color-success-50": string;
122
+ "color-success-60": string;
123
+ "color-success-70": string;
124
+ "color-success-80": string;
125
+ "color-success-90": string;
126
+ "color-alert-02": string;
127
+ "color-alert-05": string;
128
+ "color-alert-10": string;
129
+ "color-alert-20": string;
130
+ "color-alert-30": string;
131
+ "color-alert-40": string;
132
+ "color-alert-50": string;
133
+ "color-alert-60": string;
134
+ "color-alert-70": string;
135
+ "color-alert-80": string;
136
+ "color-alert-90": string;
137
+ "color-warning-02": string;
138
+ "color-warning-05": string;
139
+ "color-warning-10": string;
140
+ "color-warning-20": string;
141
+ "color-warning-30": string;
142
+ "color-warning-40": string;
143
+ "color-warning-50": string;
144
+ "color-warning-60": string;
145
+ "color-warning-70": string;
146
+ "color-warning-80": string;
147
+ "color-warning-90": string;
148
+ "color-informative-02": string;
149
+ "color-informative-05": string;
150
+ "color-informative-10": string;
151
+ "color-informative-20": string;
152
+ "color-informative-30": string;
153
+ "color-informative-40": string;
154
+ "color-informative-50": string;
155
+ "color-informative-60": string;
156
+ "color-informative-70": string;
157
+ "color-informative-80": string;
158
+ "color-informative-90": string;
159
+ "color-discovery-02": string;
160
+ "color-discovery-05": string;
161
+ "color-discovery-10": string;
162
+ "color-discovery-20": string;
163
+ "color-discovery-30": string;
164
+ "color-discovery-40": string;
165
+ "color-discovery-50": string;
166
+ "color-discovery-60": string;
167
+ "color-discovery-70": string;
168
+ "color-discovery-80": string;
169
+ "color-discovery-90": string;
170
+ "color-decorative-01-05": string;
171
+ "color-decorative-01-10": string;
172
+ "color-decorative-01-50": string;
173
+ "color-decorative-01-70": string;
174
+ "color-decorative-02-05": string;
175
+ "color-decorative-02-10": string;
176
+ "color-decorative-02-50": string;
177
+ "color-decorative-02-70": string;
178
+ "color-decorative-03-05": string;
179
+ "color-decorative-03-10": string;
180
+ "color-decorative-03-50": string;
181
+ "color-decorative-03-70": string;
182
+ "color-decorative-04-05": string;
183
+ "color-decorative-04-10": string;
184
+ "color-decorative-04-50": string;
185
+ "color-decorative-04-70": string;
186
+ "color-decorative-05-05": string;
187
+ "color-decorative-05-10": string;
188
+ "color-decorative-05-50": string;
189
+ "color-decorative-05-70": string;
190
+ "color-decorative-06-05": string;
191
+ "color-decorative-06-10": string;
192
+ "color-decorative-06-50": string;
193
+ "color-decorative-06-70": string;
194
+ "color-decorative-07-05": string;
195
+ "color-decorative-07-10": string;
196
+ "color-decorative-07-50": string;
197
+ "color-decorative-07-70": string;
198
+ "color-decorative-08-05": string;
199
+ "color-decorative-08-10": string;
200
+ "color-decorative-08-50": string;
201
+ "color-decorative-08-70": string;
202
+ "color-decorative-09-05": string;
203
+ "color-decorative-09-10": string;
204
+ "color-decorative-09-50": string;
205
+ "color-decorative-09-70": string;
206
+ "color-decorative-10-05": string;
207
+ "color-decorative-10-10": string;
208
+ "color-decorative-10-50": string;
209
+ "color-decorative-10-70": string;
8
210
  };
9
- export declare const defaultRefTokens: RefTokenMap;
10
- export declare function isRefToken(token: string): token is RefTokens;
@@ -0,0 +1,11 @@
1
+ import type { RefToken } from './ref-tokens';
2
+ import type { AliasToken } from './alias-tokens';
3
+ export type TokenName = string;
4
+ export type TokenValue = string;
5
+ export type TokenMap<T extends TokenName, V extends TokenValue> = {
6
+ [Name in T]: Exclude<V, Name>;
7
+ };
8
+ export type ResolvedTokenMap<T extends TokenName> = TokenMap<T, TokenValue>;
9
+ export type RefTokenMap<T extends TokenName> = ResolvedTokenMap<T>;
10
+ export type AliasTokenMap<T extends TokenName> = TokenMap<T, RefToken | AliasToken>;
11
+ export type ComponentTokenMap<T extends TokenName> = TokenMap<T, RefToken | AliasToken>;
@@ -1,5 +1,5 @@
1
1
  import { FlattenSimpleInterpolation } from 'styled-components';
2
- import { ResolvedTheme } from '../themes/theme';
2
+ import { ResolvedTheme } from '../themes';
3
3
  type FocusType = 'focus' | 'focus-visible' | 'focus-within';
4
4
  export interface FocusOptions {
5
5
  selector?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@equisoft/design-elements-react",
3
- "version": "9.9.2",
3
+ "version": "9.9.3-snapshot.20250915034028",
4
4
  "description": "React implementation of the Equisoft design system.",
5
5
  "license": "UNLICENSED",
6
6
  "main": "dist/bundle.js",
@@ -9,10 +9,10 @@
9
9
  "build": "webpack --config ./webpack/webpack.config.prod.js",
10
10
  "prepublishOnly": "yarn build",
11
11
  "start": "webpack --config ./webpack/webpack.config.dev.js",
12
- "test": "jest --config=jest.config.js",
12
+ "test": "echo Running Typescript type-checking; tsc -p ./tsconfig.test.json && NODE_ENV=test jest --config=jest.config.js",
13
13
  "test:ci": "yarn test --max-workers=2 --ci",
14
14
  "lint": "yarn eslint && yarn stylelint",
15
- "eslint": "eslint src/ test/",
15
+ "eslint": "eq-eslint src/ test/",
16
16
  "eslint:ci": "yarn eslint",
17
17
  "stylelint": "yarn g:stylelint \"./packages/react/src/**/*.{ts,tsx}\"",
18
18
  "stylelint:ci": "yarn stylelint",
@@ -29,82 +29,78 @@
29
29
  "url": "https://github.com/kronostechnologies/design-elements/issues"
30
30
  },
31
31
  "dependencies": {
32
- "@mui/base": "5.0.0-beta.60",
33
- "@tanstack/react-table": "^8.10.7",
34
- "date-fns": "^4.0.0",
35
- "feather-icons": "^4.29.0",
36
- "prop-types": "^15.8.1",
37
- "react-datepicker": "^7.3.0",
38
- "react-is": "~17.0.2",
39
- "react-modal": "^3.16.1",
40
- "react-popper-tooltip": "^4.4.2",
41
- "react-shadow": "^20.0.0",
42
- "react-swipeable": "~7.0.0",
43
- "stream-browserify": "^3.0.0"
32
+ "@mui/base": "5.0.0-beta.70",
33
+ "@tanstack/react-table": "8.21.3",
34
+ "date-fns": "4.1.0",
35
+ "feather-icons": "4.29.2",
36
+ "prop-types": "15.8.1",
37
+ "react-datepicker": "8.7.0",
38
+ "react-is": "18.3.1",
39
+ "react-modal": "3.16.3",
40
+ "react-popper-tooltip": "4.4.2",
41
+ "react-shadow": "20.6.0",
42
+ "react-swipeable": "7.0.2",
43
+ "stream-browserify": "3.0.0"
44
44
  },
45
45
  "peerDependencies": {
46
46
  "i18next": ">= 19",
47
- "react": ">= 16",
48
- "react-dom": ">= 16",
47
+ "react": ">= 18",
48
+ "react-dom": ">= 18",
49
49
  "react-router-dom": "^6",
50
- "styled-components": ">= 4"
50
+ "styled-components": "^5"
51
51
  },
52
52
  "devDependencies": {
53
- "@equisoft/eslint-config": "3.0.7",
54
- "@equisoft/eslint-config-typescript-react": "3.0.7",
53
+ "@equisoft/eslint-config": "5.0.0",
54
+ "@equisoft/eslint-config-typescript-react": "5.0.0",
55
55
  "@equisoft/typescript-config": "2.0.0",
56
56
  "@microsoft/eslint-formatter-sarif": "3.1.0",
57
- "@svgr/webpack": "^8.1.0",
58
- "@testing-library/dom": "10.4.0",
59
- "@testing-library/jest-dom": "6.6.3",
60
- "@testing-library/react": "12.1.5",
61
- "@testing-library/react-hooks": "^8.0.1",
62
- "@types/cheerio": "^0.22.31",
63
- "@types/enzyme": "^3.10.13",
64
- "@types/feather-icons": "^4.7.0",
65
- "@types/jest": "^29.5.1",
66
- "@types/lodash": "^4.14.186",
67
- "@types/react": "~17.0.58",
68
- "@types/react-dom": "~17.0.20",
69
- "@types/react-modal": "^3.16.0",
70
- "@types/styled-components": "^5.1.26",
57
+ "@stylistic/eslint-plugin": "5.2.3",
58
+ "@svgr/webpack": "8.1.0",
59
+ "@swc/core": "1.13.5",
60
+ "@swc/jest": "0.2.39",
61
+ "@testing-library/dom": "10.4.1",
62
+ "@testing-library/jest-dom": "6.8.0",
63
+ "@testing-library/react": "16.3.0",
64
+ "@types/feather-icons": "4.29.4",
65
+ "@types/jest": "30.0.0",
66
+ "@types/lodash": "4.17.20",
67
+ "@types/react": "18.3.24",
68
+ "@types/react-dom": "18.3.7",
69
+ "@types/react-modal": "3.16.3",
70
+ "@types/styled-components": "5.1.34",
71
71
  "@typescript-eslint/eslint-plugin": "7.18.0",
72
72
  "@typescript-eslint/parser": "7.18.0",
73
- "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
74
- "cross-env": "^7.0.3",
75
- "css-loader": "^7.0.0",
76
- "enzyme": "^3.11.0",
77
- "enzyme-to-json": "~3.6.2",
78
- "eslint": "8.57.0",
73
+ "cross-env": "10.0.0",
74
+ "css-loader": "7.1.2",
75
+ "eslint": "8.57.1",
79
76
  "eslint-import-resolver-node": "0.3.9",
80
- "eslint-import-resolver-typescript": "3.6.1",
81
- "eslint-plugin-import": "2.29.1",
82
- "eslint-plugin-jsx-a11y": "6.9.0",
83
- "eslint-plugin-react": "7.35.0",
84
- "eslint-plugin-react-hooks": "4.6.2",
85
- "expect": "^29.5.0",
86
- "i18next": "^24.0.0",
87
- "jest": "^29.5.0",
88
- "jest-environment-jsdom": "^29.5.0",
89
- "jest-junit": "^16.0.0",
90
- "jest-styled-components": "^7.1.1",
91
- "jest-util": "30.0.2",
92
- "react": "~17.0.2",
77
+ "eslint-import-resolver-typescript": "4.4.4",
78
+ "eslint-plugin-import": "2.32.0",
79
+ "eslint-plugin-jsx-a11y": "6.10.2",
80
+ "eslint-plugin-react": "7.37.5",
81
+ "eslint-plugin-react-hooks": "5.2.0",
82
+ "expect": "30.1.2",
83
+ "i18next": "25.5.2",
84
+ "jest": "30.1.3",
85
+ "jest-environment-jsdom": "30.1.2",
86
+ "jest-junit": "16.0.0",
87
+ "jest-styled-components": "7.2.0",
88
+ "react": "18.3.1",
93
89
  "react-docgen-typescript-plugin": "1.0.8",
94
- "react-dom": "~17.0.2",
95
- "react-router-dom": "~6.28.0",
96
- "sass": "~1.77.0",
97
- "sass-loader": "~16.0.0",
98
- "style-loader": "^4.0.0",
99
- "styled-components": "^5.3.10",
100
- "stylelint": "16.8.2",
101
- "ts-jest": "^29.1.0",
102
- "ts-loader": "^9.4.2",
103
- "ts-mockito": "^2.6.1",
104
- "typescript": "5.5.4",
105
- "webpack": "5.94.0",
106
- "webpack-cli": "5.1.4",
90
+ "react-dom": "18.3.1",
91
+ "react-router-dom": "6.30.1",
92
+ "sass": "1.92.1",
93
+ "sass-loader": "16.0.5",
94
+ "style-loader": "4.0.0",
95
+ "styled-components": "5.3.11",
96
+ "stylelint": "16.24.0",
97
+ "ts-jest": "29.4.1",
98
+ "ts-loader": "9.5.4",
99
+ "ts-mockito": "2.6.1",
100
+ "typescript": "5.9.2",
101
+ "webpack": "5.101.3",
102
+ "webpack-cli": "6.0.1",
107
103
  "webpack-merge": "6.0.1",
108
- "yargs": "17.7.2"
104
+ "yargs": "18.0.0"
109
105
  }
110
106
  }
@@ -1,6 +0,0 @@
1
- export type ColorUtilityTokens = 'transparent-dark-3' | 'transparent-dark-5' | 'transparent-light-5' | 'transparent-dark-10' | 'transparent-light-10' | 'transparent-dark-15' | 'transparent-light-15' | 'transparent-dark-20' | 'transparent-light-20' | 'transparent-dark-25' | 'transparent-light-25' | 'transparent-dark-30' | 'transparent-light-30' | 'transparent-dark-35' | 'transparent-light-35' | 'transparent-dark-40' | 'transparent-light-40' | 'transparent-dark-45' | 'transparent-light-45' | 'transparent-dark-50' | 'transparent-light-50' | 'transparent-dark-55' | 'transparent-light-55' | 'transparent-dark-60' | 'transparent-light-60' | 'transparent-dark-65' | 'transparent-light-65' | 'transparent-dark-70' | 'transparent-light-70' | 'transparent-dark-75' | 'transparent-light-75' | 'transparent-dark-80' | 'transparent-light-80' | 'transparent-dark-85' | 'transparent-light-85' | 'transparent-dark-90' | 'transparent-light-90' | 'transparent-dark-95' | 'transparent-light-95' | 'transparent-100';
2
- export type ColorUtilityValue = string;
3
- export type ColorUtilityTokenMap = {
4
- [Token in ColorUtilityTokens]: ColorUtilityValue;
5
- };
6
- export declare const defaultColorUtilityTokens: ColorUtilityTokenMap;
@@ -1,6 +0,0 @@
1
- export type TextAttributeTokens = 'font-weight-bold';
2
- export type TextAttributeValue = string;
3
- export type TextAttributeTokenMap = {
4
- [Token in TextAttributeTokens]: TextAttributeValue;
5
- };
6
- export declare const defaultTextAttributeTokens: TextAttributeTokenMap;
@@ -1 +0,0 @@
1
- export type NoSelfReference<T, U extends string> = T extends U ? never : T;