@dss-kit/ui-kit 0.3.10 → 1.0.1
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.
- package/README.md +29 -29
- package/dist/components/builders/Modal/Modal.js +3 -3
- package/dist/components/builders/Modal/ModalFooter/ModalFooter.js +7 -7
- package/dist/components/builders/Modal/ModalHeader/ModalHeader.js +15 -15
- package/dist/components/builders/Modal/ModalMain/styles.js +3 -3
- package/dist/components/builders/Modal/styles.js +2 -2
- package/dist/components/builders/Table/Table.js +66 -58
- package/dist/components/builders/Table/Table.utils.js +5 -5
- package/dist/components/builders/Table/TableBodyRow/TableBodyRow.js +5 -5
- package/dist/components/builders/Table/TableHeadRow/TableHeadRow.js +4 -4
- package/dist/components/builders/Table/TablePagination/TablePagination.js +44 -44
- package/dist/components/builders/Table/TableWrapper/TableWrapper.js +19 -19
- package/dist/components/charts/LineChart/constants.js +16 -16
- package/dist/components/charts/LineChart/utils.js +2 -2
- package/dist/components/charts/PieProgressChart/constants.js +16 -10
- package/dist/components/controls/Button/Button.js +35 -35
- package/dist/components/controls/Button/styles.js +4 -4
- package/dist/components/controls/Checkbox/styles.js +7 -7
- package/dist/components/controls/IconButton/styles.js +27 -27
- package/dist/components/controls/Input/styles.js +10 -10
- package/dist/components/controls/MarkdownTextEditor/MarkdownTextEditor.js +28 -28
- package/dist/components/controls/MarkdownTextEditor/components/EditorToolbar/ActionMenuButton/ActionMenuButton.js +13 -13
- package/dist/components/controls/MarkdownTextEditor/components/EditorToolbar/ActionMenuButton/ActionMenuButton.styles.js +2 -2
- package/dist/components/controls/MarkdownTextEditor/components/EditorToolbar/EditorToolbar.js +43 -43
- package/dist/components/controls/MarkdownTextEditor/nodes/CustomLinkNode/parts/CustomLinkNodeComponent/CustomLinkNodeComponent.styles.js +3 -3
- package/dist/components/controls/MarkdownTextEditor/nodes/ImageRowNode/parts/ImageRowNodeComponent/ImageRowNodeComponent.styles.js +2 -2
- package/dist/components/controls/MarkdownTextEditor/themes/editor.theme.js +1 -1
- package/dist/components/controls/OtpInput/styles.js +11 -11
- package/dist/components/controls/RadioGroup/Radio.js +48 -48
- package/dist/components/controls/SegmentControl/SegmentControl.js +12 -12
- package/dist/components/controls/SegmentControl/styles.js +8 -8
- package/dist/components/controls/Select/styles.js +19 -19
- package/dist/components/controls/Switch/Switch.d.ts +3 -3
- package/dist/components/controls/Switch/styles.d.ts +1 -0
- package/dist/components/controls/Switch/styles.js +44 -34
- package/dist/components/controls/Tabs/TabItem/TabItem.d.ts +5 -0
- package/dist/components/controls/Tabs/TabItem/TabItem.js +68 -49
- package/dist/components/controls/Tabs/Tabs.d.ts +6 -1
- package/dist/components/controls/Tabs/Tabs.js +28 -25
- package/dist/components/shared/Avatar/Avatar.js +8 -8
- package/dist/components/shared/Badge/Badge.js +40 -40
- package/dist/components/shared/Counter/Counter.const.d.ts +6 -0
- package/dist/components/shared/Counter/Counter.const.js +16 -0
- package/dist/components/shared/Counter/Counter.d.ts +11 -0
- package/dist/components/shared/Counter/Counter.js +58 -0
- package/dist/components/shared/Counter/Counter.types.d.ts +29 -0
- package/dist/components/shared/Counter/Counter.utils.d.ts +2 -0
- package/dist/components/shared/Counter/Counter.utils.js +6 -0
- package/dist/components/shared/Counter/index.d.ts +2 -0
- package/dist/components/shared/Counter/styles.d.ts +2 -0
- package/dist/components/shared/Counter/styles.js +11 -0
- package/dist/components/shared/Dot/Dot.const.d.ts +5 -0
- package/dist/components/shared/Dot/Dot.const.js +15 -0
- package/dist/components/shared/Dot/Dot.d.ts +10 -0
- package/dist/components/shared/Dot/Dot.js +32 -0
- package/dist/components/shared/Dot/Dot.types.d.ts +17 -0
- package/dist/components/shared/Dot/index.d.ts +2 -0
- package/dist/components/shared/Dot/styles.d.ts +1 -0
- package/dist/components/shared/Dot/styles.js +7 -0
- package/dist/components/shared/Hint/styles.js +6 -6
- package/dist/components/shared/MarkdownText/MarkdownText.styles.js +4 -4
- package/dist/components/shared/Popover/PopoverContent/PopoverContent.js +2 -2
- package/dist/components/shared/Skeleton/Skeleton.js +11 -11
- package/dist/components/shared/Tag/Tag.js +14 -14
- package/dist/components/shared/Toast/Toast.js +30 -30
- package/dist/components/shared/Tooltip/Tooltip.js +28 -28
- package/dist/components/shared/Tooltip/constants.js +3 -3
- package/dist/components/shared/index.d.ts +2 -0
- package/dist/index.js +55 -48
- package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.const.d.ts +8 -0
- package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.context.d.ts +12 -0
- package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.context.js +12 -0
- package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.d.ts +1 -1
- package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.js +37 -26
- package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.types.d.ts +30 -5
- package/dist/providers/ThemeProviderScoped/index.d.ts +1 -0
- package/dist/root.css +1 -1
- package/dist/styles/utils/breakpoints/base.scss +11 -11
- package/dist/styles/utils/breakpoints/index.scss +3 -3
- package/dist/styles/utils/breakpoints/screen.scss +61 -61
- package/dist/styles/utils/breakpoints/semantic.scss +31 -31
- package/dist/styles/utils/fonts/font-family.scss +3 -3
- package/dist/styles/utils/fonts/index.scss +1 -1
- package/dist/styles/utils/index.scss +5 -5
- package/dist/styles/utils/size/index.scss +1 -1
- package/dist/styles/utils/size/modifiers.scss +40 -40
- package/dist/styles/utils/style/index.scss +1 -1
- package/dist/styles/utils/style/variants.scss +34 -34
- package/dist/styles/utils/typography/_font-weight.scss +33 -33
- package/dist/styles/utils/typography/_variants.scss +85 -85
- package/dist/styles/utils/typography/index.scss +2 -2
- package/dist/ui-kit.cjs +8 -8
- package/dist/ui-kit.css +1 -1
- package/dist/utils/theme/index.d.ts +141 -141
- package/dist/utils/theme/index.js +14 -14
- package/dist/utils/theme/palette.d.ts +184 -0
- package/dist/utils/theme/palette.js +187 -0
- package/package.json +94 -94
- package/dist/providers/ThemeProviderScoped/styles.module.scss.js +0 -7
- package/dist/utils/theme/color.d.ts +0 -184
- package/dist/utils/theme/color.js +0 -187
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
export declare const palette: {
|
|
2
|
+
readonly border: {
|
|
3
|
+
readonly accent_primary: "var(--border-accent-primary)";
|
|
4
|
+
readonly accent_primary_hover: "var(--border-accent-primary-hover)";
|
|
5
|
+
readonly accent_secondary: "var(--border-accent-secondary)";
|
|
6
|
+
readonly accent_secondary_hover: "var(--border-accent-secondary-hover)";
|
|
7
|
+
readonly negative_primary: "var(--border-negative-primary)";
|
|
8
|
+
readonly negative_primary_hover: "var(--border-negative-primary-hover)";
|
|
9
|
+
readonly negative_secondary: "var(--border-negative-secondary)";
|
|
10
|
+
readonly negative_secondary_hover: "var(--border-negative-secondary-hover)";
|
|
11
|
+
readonly positive_primary: "var(--border-positive-primary)";
|
|
12
|
+
readonly positive_primary_hover: "var(--border-positive-primary-hover)";
|
|
13
|
+
readonly positive_secondary: "var(--border-positive-secondary)";
|
|
14
|
+
readonly positive_secondary_hover: "var(--border-positive-secondary-hover)";
|
|
15
|
+
readonly warning_primary: "var(--border-warning-primary)";
|
|
16
|
+
readonly warning_primary_hover: "var(--border-warning-primary-hover)";
|
|
17
|
+
readonly warning_secondary: "var(--border-warning-secondary)";
|
|
18
|
+
readonly warning_secondary_hover: "var(--border-warning-secondary-hover)";
|
|
19
|
+
readonly neutral_primary: "var(--border-neutral-primary)";
|
|
20
|
+
readonly neutral_primary_hover: "var(--border-neutral-primary-hover)";
|
|
21
|
+
readonly neutral_alpha_basic: "var(--border-neutral-alpha-basic)";
|
|
22
|
+
readonly neutral_alpha_low: "var(--border-neutral-alpha-low)";
|
|
23
|
+
readonly neutral_alpha_high: "var(--border-neutral-alpha-high)";
|
|
24
|
+
readonly transfer_primary: "var(--border-transfer-primary)";
|
|
25
|
+
readonly transfer_primary_hover: "var(--border-transfer-primary-hover)";
|
|
26
|
+
readonly transfer_secondary: "var(--border-transfer-secondary)";
|
|
27
|
+
readonly transfer_secondary_hover: "var(--border-transfer-secondary-hover)";
|
|
28
|
+
};
|
|
29
|
+
readonly text: {
|
|
30
|
+
readonly primary: "var(--text-primary)";
|
|
31
|
+
readonly primary_inverse: "var(--text-primary-inverse)";
|
|
32
|
+
readonly primary_hover: "var(--text-primary-hover)";
|
|
33
|
+
readonly secondary: "var(--text-secondary)";
|
|
34
|
+
readonly secondary_inverse: "var(--text-secondary-inverse)";
|
|
35
|
+
readonly secondary_hover: "var(--text-secondary-hover)";
|
|
36
|
+
readonly tertiary: "var(--text-tertiary)";
|
|
37
|
+
readonly tertiary_inverse: "var(--text-tertiary-inverse)";
|
|
38
|
+
readonly tertiary_hover: "var(--text-tertiary-hover)";
|
|
39
|
+
readonly positive: "var(--text-positive)";
|
|
40
|
+
readonly positive_hover: "var(--text-positive-hover)";
|
|
41
|
+
readonly negative: "var(--text-negative)";
|
|
42
|
+
readonly negative_hover: "var(--text-negative-hover)";
|
|
43
|
+
readonly warning: "var(--text-warning)";
|
|
44
|
+
readonly warning_hover: "var(--text-warning-hover)";
|
|
45
|
+
readonly accent: "var(--text-accent)";
|
|
46
|
+
readonly accent_hover: "var(--text-accent-hover)";
|
|
47
|
+
readonly inverse: "var(--text-inverse)";
|
|
48
|
+
readonly transfer: "var(--text-transfer)";
|
|
49
|
+
readonly transfer_hover: "var(--text-transfer-hover)";
|
|
50
|
+
};
|
|
51
|
+
readonly icon: {
|
|
52
|
+
readonly primary: "var(--icon-primary)";
|
|
53
|
+
readonly primary_hover: "var(--icon-primary-hover)";
|
|
54
|
+
readonly primary_inverse: "var(--icon-primary-inverse)";
|
|
55
|
+
readonly secondary: "var(--icon-secondary)";
|
|
56
|
+
readonly secondary_hover: "var(--icon-secondary-hover)";
|
|
57
|
+
readonly tertiary: "var(--icon-tertiary)";
|
|
58
|
+
readonly tertiary_inverse: "var(--icon-tertiary-inverse)";
|
|
59
|
+
readonly tertiary_hover: "var(--icon-tertiary-hover)";
|
|
60
|
+
readonly positive: "var(--icon-positive)";
|
|
61
|
+
readonly positive_hover: "var(--icon-positive-hover)";
|
|
62
|
+
readonly negative: "var(--icon-negative)";
|
|
63
|
+
readonly negative_hover: "var(--icon-negative-hover)";
|
|
64
|
+
readonly warning: "var(--icon-warning)";
|
|
65
|
+
readonly warning_hover: "var(--icon-warning-hover)";
|
|
66
|
+
readonly accent: "var(--icon-accent)";
|
|
67
|
+
readonly accent_hover: "var(--icon-accent-hover)";
|
|
68
|
+
readonly inverse: "var(--icon-inverse)";
|
|
69
|
+
readonly transfer: "var(--icon-transfer)";
|
|
70
|
+
readonly transfer_hover: "var(--icon-transfer-hover)";
|
|
71
|
+
};
|
|
72
|
+
readonly fill: {
|
|
73
|
+
readonly accent_primary: "var(--fill-accent-primary)";
|
|
74
|
+
readonly accent_primary_hover: "var(--fill-accent-primary-hover)";
|
|
75
|
+
readonly accent_secondary: "var(--fill-accent-secondary)";
|
|
76
|
+
readonly accent_secondary_hover: "var(--fill-accent-secondary-hover)";
|
|
77
|
+
readonly accent_tint_high: "var(--fill-accent-tint-high)";
|
|
78
|
+
readonly accent_tint: "var(--fill-accent-tint)";
|
|
79
|
+
readonly accent_tint_low: "var(--fill-accent-tint-low)";
|
|
80
|
+
readonly accent_transparent: "var(--fill-accent-transparent)";
|
|
81
|
+
readonly positive_primary: "var(--fill-positive-primary)";
|
|
82
|
+
readonly positive_primary_hover: "var(--fill-positive-primary-hover)";
|
|
83
|
+
readonly positive_secondary: "var(--fill-positive-secondary)";
|
|
84
|
+
readonly positive_secondary_hover: "var(--fill-positive-secondary-hover)";
|
|
85
|
+
readonly positive_tint_high: "var(--fill-positive-tint-high)";
|
|
86
|
+
readonly positive_tint: "var(--fill-positive-tint)";
|
|
87
|
+
readonly positive_tint_low: "var(--fill-positive-tint-low)";
|
|
88
|
+
readonly positive_transparent: "var(--fill-positive-transparent)";
|
|
89
|
+
readonly negative_primary: "var(--fill-negative-primary)";
|
|
90
|
+
readonly negative_primary_hover: "var(--fill-negative-primary-hover)";
|
|
91
|
+
readonly negative_secondary: "var(--fill-negative-secondary)";
|
|
92
|
+
readonly negative_secondary_hover: "var(--fill-negative-secondary-hover)";
|
|
93
|
+
readonly negative_tint_high: "var(--fill-negative-tint-high)";
|
|
94
|
+
readonly negative_tint: "var(--fill-negative-tint)";
|
|
95
|
+
readonly negative_tint_low: "var(--fill-negative-tint-low)";
|
|
96
|
+
readonly negative_transparent: "var(--fill-negative-transparent)";
|
|
97
|
+
readonly warning_primary: "var(--fill-warning-primary)";
|
|
98
|
+
readonly warning_primary_hover: "var(--fill-warning-primary-hover)";
|
|
99
|
+
readonly warning_secondary: "var(--fill-warning-secondary)";
|
|
100
|
+
readonly warning_secondary_hover: "var(--fill-warning-secondary-hover)";
|
|
101
|
+
readonly warning_tint_high: "var(--fill-warning-tint-high)";
|
|
102
|
+
readonly warning_tint: "var(--fill-warning-tint)";
|
|
103
|
+
readonly warning_tint_low: "var(--fill-warning-tint-low)";
|
|
104
|
+
readonly warning_transparent: "var(--fill-warning-transparent)";
|
|
105
|
+
readonly neutral_primary: "var(--fill-neutral-primary)";
|
|
106
|
+
readonly neutral_primary_hover: "var(--fill-neutral-primary-hover)";
|
|
107
|
+
readonly neutral_secondary: "var(--fill-neutral-secondary)";
|
|
108
|
+
readonly neutral_secondary_inverse: "var(--fill-neutral-secondary-inverse)";
|
|
109
|
+
readonly neutral_secondary_hover: "var(--fill-neutral-secondary-hover)";
|
|
110
|
+
readonly neutral_tint: "var(--fill-neutral-tint)";
|
|
111
|
+
readonly neutral_tint_low: "var(--fill-neutral-tint-low)";
|
|
112
|
+
readonly transfer_primary: "var(--fill-transfer-primary)";
|
|
113
|
+
readonly transfer_primary_hover: "var(--fill-transfer-primary-hover)";
|
|
114
|
+
readonly transfer_secondary: "var(--fill-transfer-secondary)";
|
|
115
|
+
readonly transfer_secondary_hover: "var(--fill-transfer-secondary-hover)";
|
|
116
|
+
readonly transfer_tint_high: "var(--fill-transfer-tint-high)";
|
|
117
|
+
readonly transfer_tint: "var(--fill-transfer-tint)";
|
|
118
|
+
readonly transfer_tint_low: "var(--fill-transfer-tint-low)";
|
|
119
|
+
readonly transfer_transparent: "var(--fill-transfer-transparent)";
|
|
120
|
+
readonly bg_primary: "var(--fill-bg-primary)";
|
|
121
|
+
readonly bg_primary_inverse: "var(--fill-bg-primary-inverse)";
|
|
122
|
+
readonly bg_secondary: "var(--fill-bg-secondary)";
|
|
123
|
+
readonly bg_secondary_inverse: "var(--fill-bg-secondary-inverse)";
|
|
124
|
+
readonly bg_tertiary: "var(--fill-bg-tertiary)";
|
|
125
|
+
readonly bg_overlay_primary: "var(--fill-bg-overlay-primary)";
|
|
126
|
+
};
|
|
127
|
+
readonly status: {
|
|
128
|
+
readonly accent: "var(--status-accent)";
|
|
129
|
+
readonly accent_tint: "var(--status-accent-tint)";
|
|
130
|
+
readonly accent_tint_low: "var(--status-accent-tint-low)";
|
|
131
|
+
readonly negative: "var(--status-negative)";
|
|
132
|
+
readonly negative_tint: "var(--status-negative-tint)";
|
|
133
|
+
readonly negative_tint_low: "var(--status-negative-tint-low)";
|
|
134
|
+
readonly positive: "var(--status-positive)";
|
|
135
|
+
readonly positive_tint: "var(--status-positive-tint)";
|
|
136
|
+
readonly positive_tint_low: "var(--status-positive-tint-low)";
|
|
137
|
+
readonly warning: "var(--status-warning)";
|
|
138
|
+
readonly warning_tint: "var(--status-warning-tint)";
|
|
139
|
+
readonly warning_tint_low: "var(--status-warning-tint-low)";
|
|
140
|
+
readonly neutral: "var(--status-neutral)";
|
|
141
|
+
readonly neutral_tint: "var(--status-neutral-tint)";
|
|
142
|
+
readonly neutral_tint_low: "var(--status-neutral-tint-low)";
|
|
143
|
+
readonly transfer: "var(--status-transfer)";
|
|
144
|
+
readonly transfer_tint: "var(--status-transfer-tint)";
|
|
145
|
+
readonly transfer_tint_low: "var(--status-transfer-tint-low)";
|
|
146
|
+
};
|
|
147
|
+
readonly effect: {
|
|
148
|
+
readonly shadow_s: "var(--effect-shadow-s)";
|
|
149
|
+
readonly shadow_m: "var(--effect-shadow-m)";
|
|
150
|
+
readonly shadow_l: "var(--effect-shadow-l)";
|
|
151
|
+
};
|
|
152
|
+
readonly scrollbar: {
|
|
153
|
+
readonly thumb_primary: "var(--scrollbar-thumb-primary)";
|
|
154
|
+
readonly track_primary: "var(--scrollbar-track-primary)";
|
|
155
|
+
};
|
|
156
|
+
readonly gradient: {
|
|
157
|
+
readonly progressbar: "var(--gradient-progressbar)";
|
|
158
|
+
readonly progressbar_positive: "var(--gradient-progressbar-positive)";
|
|
159
|
+
readonly progressbar_accent: "var(--gradient-progressbar-accent)";
|
|
160
|
+
readonly progressbar_negative: "var(--gradient-progressbar-negative)";
|
|
161
|
+
readonly progressbar_warning: "var(--gradient-progressbar-warning)";
|
|
162
|
+
readonly progressbar_neutral: "var(--gradient-progressbar-neutral)";
|
|
163
|
+
readonly progressbar_transfer: "var(--gradient-progressbar-transfer)";
|
|
164
|
+
readonly accent_1: "var(--gradient-accent-1)";
|
|
165
|
+
readonly accent_1_20: "var(--gradient-accent-1-20)";
|
|
166
|
+
readonly accent_1_10: "var(--gradient-accent-1-10)";
|
|
167
|
+
readonly negative_1: "var(--gradient-negative-1)";
|
|
168
|
+
readonly negative_1_20: "var(--gradient-negative-1-20)";
|
|
169
|
+
readonly negative_1_10: "var(--gradient-negative-1-10)";
|
|
170
|
+
readonly positive_1: "var(--gradient-positive-1)";
|
|
171
|
+
readonly positive_1_20: "var(--gradient-positive-1-20)";
|
|
172
|
+
readonly positive_1_10: "var(--gradient-positive-1-10)";
|
|
173
|
+
readonly warning_1: "var(--gradient-warning-1)";
|
|
174
|
+
readonly warning_1_20: "var(--gradient-warning-1-20)";
|
|
175
|
+
readonly warning_1_10: "var(--gradient-warning-1-10)";
|
|
176
|
+
readonly neutral_1: "var(--gradient-neutral-1)";
|
|
177
|
+
readonly neutral_1_20: "var(--gradient-neutral-1-20)";
|
|
178
|
+
readonly neutral_1_10: "var(--gradient-neutral-1-10)";
|
|
179
|
+
readonly accent_alternative_1: "var(--gradient-accent-alternative-1)";
|
|
180
|
+
readonly transfer_1: "var(--gradient-transfer-1)";
|
|
181
|
+
readonly transfer_1_20: "var(--gradient-transfer-1-20)";
|
|
182
|
+
readonly transfer_1_10: "var(--gradient-transfer-1-10)";
|
|
183
|
+
};
|
|
184
|
+
};
|
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
const r = {
|
|
2
|
+
border: {
|
|
3
|
+
accent_primary: "var(--border-accent-primary)",
|
|
4
|
+
accent_primary_hover: "var(--border-accent-primary-hover)",
|
|
5
|
+
accent_secondary: "var(--border-accent-secondary)",
|
|
6
|
+
accent_secondary_hover: "var(--border-accent-secondary-hover)",
|
|
7
|
+
negative_primary: "var(--border-negative-primary)",
|
|
8
|
+
negative_primary_hover: "var(--border-negative-primary-hover)",
|
|
9
|
+
negative_secondary: "var(--border-negative-secondary)",
|
|
10
|
+
negative_secondary_hover: "var(--border-negative-secondary-hover)",
|
|
11
|
+
positive_primary: "var(--border-positive-primary)",
|
|
12
|
+
positive_primary_hover: "var(--border-positive-primary-hover)",
|
|
13
|
+
positive_secondary: "var(--border-positive-secondary)",
|
|
14
|
+
positive_secondary_hover: "var(--border-positive-secondary-hover)",
|
|
15
|
+
warning_primary: "var(--border-warning-primary)",
|
|
16
|
+
warning_primary_hover: "var(--border-warning-primary-hover)",
|
|
17
|
+
warning_secondary: "var(--border-warning-secondary)",
|
|
18
|
+
warning_secondary_hover: "var(--border-warning-secondary-hover)",
|
|
19
|
+
neutral_primary: "var(--border-neutral-primary)",
|
|
20
|
+
neutral_primary_hover: "var(--border-neutral-primary-hover)",
|
|
21
|
+
neutral_alpha_basic: "var(--border-neutral-alpha-basic)",
|
|
22
|
+
neutral_alpha_low: "var(--border-neutral-alpha-low)",
|
|
23
|
+
neutral_alpha_high: "var(--border-neutral-alpha-high)",
|
|
24
|
+
transfer_primary: "var(--border-transfer-primary)",
|
|
25
|
+
transfer_primary_hover: "var(--border-transfer-primary-hover)",
|
|
26
|
+
transfer_secondary: "var(--border-transfer-secondary)",
|
|
27
|
+
transfer_secondary_hover: "var(--border-transfer-secondary-hover)"
|
|
28
|
+
},
|
|
29
|
+
text: {
|
|
30
|
+
primary: "var(--text-primary)",
|
|
31
|
+
primary_inverse: "var(--text-primary-inverse)",
|
|
32
|
+
primary_hover: "var(--text-primary-hover)",
|
|
33
|
+
secondary: "var(--text-secondary)",
|
|
34
|
+
secondary_inverse: "var(--text-secondary-inverse)",
|
|
35
|
+
secondary_hover: "var(--text-secondary-hover)",
|
|
36
|
+
tertiary: "var(--text-tertiary)",
|
|
37
|
+
tertiary_inverse: "var(--text-tertiary-inverse)",
|
|
38
|
+
tertiary_hover: "var(--text-tertiary-hover)",
|
|
39
|
+
positive: "var(--text-positive)",
|
|
40
|
+
positive_hover: "var(--text-positive-hover)",
|
|
41
|
+
negative: "var(--text-negative)",
|
|
42
|
+
negative_hover: "var(--text-negative-hover)",
|
|
43
|
+
warning: "var(--text-warning)",
|
|
44
|
+
warning_hover: "var(--text-warning-hover)",
|
|
45
|
+
accent: "var(--text-accent)",
|
|
46
|
+
accent_hover: "var(--text-accent-hover)",
|
|
47
|
+
inverse: "var(--text-inverse)",
|
|
48
|
+
transfer: "var(--text-transfer)",
|
|
49
|
+
transfer_hover: "var(--text-transfer-hover)"
|
|
50
|
+
},
|
|
51
|
+
icon: {
|
|
52
|
+
primary: "var(--icon-primary)",
|
|
53
|
+
primary_hover: "var(--icon-primary-hover)",
|
|
54
|
+
primary_inverse: "var(--icon-primary-inverse)",
|
|
55
|
+
secondary: "var(--icon-secondary)",
|
|
56
|
+
secondary_hover: "var(--icon-secondary-hover)",
|
|
57
|
+
tertiary: "var(--icon-tertiary)",
|
|
58
|
+
tertiary_inverse: "var(--icon-tertiary-inverse)",
|
|
59
|
+
tertiary_hover: "var(--icon-tertiary-hover)",
|
|
60
|
+
positive: "var(--icon-positive)",
|
|
61
|
+
positive_hover: "var(--icon-positive-hover)",
|
|
62
|
+
negative: "var(--icon-negative)",
|
|
63
|
+
negative_hover: "var(--icon-negative-hover)",
|
|
64
|
+
warning: "var(--icon-warning)",
|
|
65
|
+
warning_hover: "var(--icon-warning-hover)",
|
|
66
|
+
accent: "var(--icon-accent)",
|
|
67
|
+
accent_hover: "var(--icon-accent-hover)",
|
|
68
|
+
inverse: "var(--icon-inverse)",
|
|
69
|
+
transfer: "var(--icon-transfer)",
|
|
70
|
+
transfer_hover: "var(--icon-transfer-hover)"
|
|
71
|
+
},
|
|
72
|
+
fill: {
|
|
73
|
+
accent_primary: "var(--fill-accent-primary)",
|
|
74
|
+
accent_primary_hover: "var(--fill-accent-primary-hover)",
|
|
75
|
+
accent_secondary: "var(--fill-accent-secondary)",
|
|
76
|
+
accent_secondary_hover: "var(--fill-accent-secondary-hover)",
|
|
77
|
+
accent_tint_high: "var(--fill-accent-tint-high)",
|
|
78
|
+
accent_tint: "var(--fill-accent-tint)",
|
|
79
|
+
accent_tint_low: "var(--fill-accent-tint-low)",
|
|
80
|
+
accent_transparent: "var(--fill-accent-transparent)",
|
|
81
|
+
positive_primary: "var(--fill-positive-primary)",
|
|
82
|
+
positive_primary_hover: "var(--fill-positive-primary-hover)",
|
|
83
|
+
positive_secondary: "var(--fill-positive-secondary)",
|
|
84
|
+
positive_secondary_hover: "var(--fill-positive-secondary-hover)",
|
|
85
|
+
positive_tint_high: "var(--fill-positive-tint-high)",
|
|
86
|
+
positive_tint: "var(--fill-positive-tint)",
|
|
87
|
+
positive_tint_low: "var(--fill-positive-tint-low)",
|
|
88
|
+
positive_transparent: "var(--fill-positive-transparent)",
|
|
89
|
+
negative_primary: "var(--fill-negative-primary)",
|
|
90
|
+
negative_primary_hover: "var(--fill-negative-primary-hover)",
|
|
91
|
+
negative_secondary: "var(--fill-negative-secondary)",
|
|
92
|
+
negative_secondary_hover: "var(--fill-negative-secondary-hover)",
|
|
93
|
+
negative_tint_high: "var(--fill-negative-tint-high)",
|
|
94
|
+
negative_tint: "var(--fill-negative-tint)",
|
|
95
|
+
negative_tint_low: "var(--fill-negative-tint-low)",
|
|
96
|
+
negative_transparent: "var(--fill-negative-transparent)",
|
|
97
|
+
warning_primary: "var(--fill-warning-primary)",
|
|
98
|
+
warning_primary_hover: "var(--fill-warning-primary-hover)",
|
|
99
|
+
warning_secondary: "var(--fill-warning-secondary)",
|
|
100
|
+
warning_secondary_hover: "var(--fill-warning-secondary-hover)",
|
|
101
|
+
warning_tint_high: "var(--fill-warning-tint-high)",
|
|
102
|
+
warning_tint: "var(--fill-warning-tint)",
|
|
103
|
+
warning_tint_low: "var(--fill-warning-tint-low)",
|
|
104
|
+
warning_transparent: "var(--fill-warning-transparent)",
|
|
105
|
+
neutral_primary: "var(--fill-neutral-primary)",
|
|
106
|
+
neutral_primary_hover: "var(--fill-neutral-primary-hover)",
|
|
107
|
+
neutral_secondary: "var(--fill-neutral-secondary)",
|
|
108
|
+
neutral_secondary_inverse: "var(--fill-neutral-secondary-inverse)",
|
|
109
|
+
neutral_secondary_hover: "var(--fill-neutral-secondary-hover)",
|
|
110
|
+
neutral_tint: "var(--fill-neutral-tint)",
|
|
111
|
+
neutral_tint_low: "var(--fill-neutral-tint-low)",
|
|
112
|
+
transfer_primary: "var(--fill-transfer-primary)",
|
|
113
|
+
transfer_primary_hover: "var(--fill-transfer-primary-hover)",
|
|
114
|
+
transfer_secondary: "var(--fill-transfer-secondary)",
|
|
115
|
+
transfer_secondary_hover: "var(--fill-transfer-secondary-hover)",
|
|
116
|
+
transfer_tint_high: "var(--fill-transfer-tint-high)",
|
|
117
|
+
transfer_tint: "var(--fill-transfer-tint)",
|
|
118
|
+
transfer_tint_low: "var(--fill-transfer-tint-low)",
|
|
119
|
+
transfer_transparent: "var(--fill-transfer-transparent)",
|
|
120
|
+
bg_primary: "var(--fill-bg-primary)",
|
|
121
|
+
bg_primary_inverse: "var(--fill-bg-primary-inverse)",
|
|
122
|
+
bg_secondary: "var(--fill-bg-secondary)",
|
|
123
|
+
bg_secondary_inverse: "var(--fill-bg-secondary-inverse)",
|
|
124
|
+
bg_tertiary: "var(--fill-bg-tertiary)",
|
|
125
|
+
bg_overlay_primary: "var(--fill-bg-overlay-primary)"
|
|
126
|
+
},
|
|
127
|
+
status: {
|
|
128
|
+
accent: "var(--status-accent)",
|
|
129
|
+
accent_tint: "var(--status-accent-tint)",
|
|
130
|
+
accent_tint_low: "var(--status-accent-tint-low)",
|
|
131
|
+
negative: "var(--status-negative)",
|
|
132
|
+
negative_tint: "var(--status-negative-tint)",
|
|
133
|
+
negative_tint_low: "var(--status-negative-tint-low)",
|
|
134
|
+
positive: "var(--status-positive)",
|
|
135
|
+
positive_tint: "var(--status-positive-tint)",
|
|
136
|
+
positive_tint_low: "var(--status-positive-tint-low)",
|
|
137
|
+
warning: "var(--status-warning)",
|
|
138
|
+
warning_tint: "var(--status-warning-tint)",
|
|
139
|
+
warning_tint_low: "var(--status-warning-tint-low)",
|
|
140
|
+
neutral: "var(--status-neutral)",
|
|
141
|
+
neutral_tint: "var(--status-neutral-tint)",
|
|
142
|
+
neutral_tint_low: "var(--status-neutral-tint-low)",
|
|
143
|
+
transfer: "var(--status-transfer)",
|
|
144
|
+
transfer_tint: "var(--status-transfer-tint)",
|
|
145
|
+
transfer_tint_low: "var(--status-transfer-tint-low)"
|
|
146
|
+
},
|
|
147
|
+
effect: {
|
|
148
|
+
shadow_s: "var(--effect-shadow-s)",
|
|
149
|
+
shadow_m: "var(--effect-shadow-m)",
|
|
150
|
+
shadow_l: "var(--effect-shadow-l)"
|
|
151
|
+
},
|
|
152
|
+
scrollbar: {
|
|
153
|
+
thumb_primary: "var(--scrollbar-thumb-primary)",
|
|
154
|
+
track_primary: "var(--scrollbar-track-primary)"
|
|
155
|
+
},
|
|
156
|
+
gradient: {
|
|
157
|
+
progressbar: "var(--gradient-progressbar)",
|
|
158
|
+
progressbar_positive: "var(--gradient-progressbar-positive)",
|
|
159
|
+
progressbar_accent: "var(--gradient-progressbar-accent)",
|
|
160
|
+
progressbar_negative: "var(--gradient-progressbar-negative)",
|
|
161
|
+
progressbar_warning: "var(--gradient-progressbar-warning)",
|
|
162
|
+
progressbar_neutral: "var(--gradient-progressbar-neutral)",
|
|
163
|
+
progressbar_transfer: "var(--gradient-progressbar-transfer)",
|
|
164
|
+
accent_1: "var(--gradient-accent-1)",
|
|
165
|
+
accent_1_20: "var(--gradient-accent-1-20)",
|
|
166
|
+
accent_1_10: "var(--gradient-accent-1-10)",
|
|
167
|
+
negative_1: "var(--gradient-negative-1)",
|
|
168
|
+
negative_1_20: "var(--gradient-negative-1-20)",
|
|
169
|
+
negative_1_10: "var(--gradient-negative-1-10)",
|
|
170
|
+
positive_1: "var(--gradient-positive-1)",
|
|
171
|
+
positive_1_20: "var(--gradient-positive-1-20)",
|
|
172
|
+
positive_1_10: "var(--gradient-positive-1-10)",
|
|
173
|
+
warning_1: "var(--gradient-warning-1)",
|
|
174
|
+
warning_1_20: "var(--gradient-warning-1-20)",
|
|
175
|
+
warning_1_10: "var(--gradient-warning-1-10)",
|
|
176
|
+
neutral_1: "var(--gradient-neutral-1)",
|
|
177
|
+
neutral_1_20: "var(--gradient-neutral-1-20)",
|
|
178
|
+
neutral_1_10: "var(--gradient-neutral-1-10)",
|
|
179
|
+
accent_alternative_1: "var(--gradient-accent-alternative-1)",
|
|
180
|
+
transfer_1: "var(--gradient-transfer-1)",
|
|
181
|
+
transfer_1_20: "var(--gradient-transfer-1-20)",
|
|
182
|
+
transfer_1_10: "var(--gradient-transfer-1-10)"
|
|
183
|
+
}
|
|
184
|
+
};
|
|
185
|
+
export {
|
|
186
|
+
r as palette
|
|
187
|
+
};
|
package/package.json
CHANGED
|
@@ -1,94 +1,94 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@dss-kit/ui-kit",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"type": "module",
|
|
5
|
-
"main": "./dist/ui-kit.cjs",
|
|
6
|
-
"module": "./dist/index.js",
|
|
7
|
-
"types": "./dist/index.d.ts",
|
|
8
|
-
"exports": {
|
|
9
|
-
".": {
|
|
10
|
-
"types": "./dist/index.d.ts",
|
|
11
|
-
"import": "./dist/index.js",
|
|
12
|
-
"require": "./dist/ui-kit.cjs"
|
|
13
|
-
},
|
|
14
|
-
"./ui-kit.css": "./dist/ui-kit.css",
|
|
15
|
-
"./root.css": "./dist/root.css",
|
|
16
|
-
"./styles/utils": "./dist/styles/utils/index.scss"
|
|
17
|
-
},
|
|
18
|
-
"files": [
|
|
19
|
-
"dist"
|
|
20
|
-
],
|
|
21
|
-
"sideEffects": false,
|
|
22
|
-
"scripts": {
|
|
23
|
-
"build:base": "vite build",
|
|
24
|
-
"build:root": "vite build --config vite.config.root.ts",
|
|
25
|
-
"build": "npm run build:base && npm run build:root",
|
|
26
|
-
"dev": "vite",
|
|
27
|
-
"type-check": "tsc --noEmit",
|
|
28
|
-
"biome:check": "npx @biomejs/biome check --no-errors-on-unmatched --max-diagnostics 100",
|
|
29
|
-
"biome:fix": "npx @biomejs/biome check --write --no-errors-on-unmatched --max-diagnostics 100",
|
|
30
|
-
"biome:format": "npx @biomejs/biome format --write --max-diagnostics 100",
|
|
31
|
-
"biome:lint": "npx @biomejs/biome lint --write --max-diagnostics 100",
|
|
32
|
-
"lint-staged": "lint-staged",
|
|
33
|
-
"test": "jest --passWithNoTests",
|
|
34
|
-
"storybook": "storybook dev -p 6006",
|
|
35
|
-
"storybook:build": "storybook build",
|
|
36
|
-
"release:first": "standard-version --first-release",
|
|
37
|
-
"release:major": "standard-version --release-as major",
|
|
38
|
-
"release:minor": "standard-version --release-as minor",
|
|
39
|
-
"release:patch": "standard-version --release-as patch",
|
|
40
|
-
"prepare": "husky"
|
|
41
|
-
},
|
|
42
|
-
"peerDependencies": {
|
|
43
|
-
"@emotion/css": "^11.13.5",
|
|
44
|
-
"@highcharts/react": "4.1.0",
|
|
45
|
-
"framer-motion": "^12.23.22",
|
|
46
|
-
"react": ">=18.0.0 <20.0.0",
|
|
47
|
-
"react-dom": ">=18.0.0 <20.0.0"
|
|
48
|
-
},
|
|
49
|
-
"dependencies": {
|
|
50
|
-
"@floating-ui/react": "^0.27.16",
|
|
51
|
-
"@lexical/list": "^0.39.0",
|
|
52
|
-
"@lexical/markdown": "^0.39.0",
|
|
53
|
-
"@lexical/react": "^0.39.0",
|
|
54
|
-
"@lexical/table": "^0.39.0",
|
|
55
|
-
"@tanstack/react-table": "^8.21.3",
|
|
56
|
-
"@tanstack/react-virtual": "^3.13.12",
|
|
57
|
-
"classnames": "^2.5.1",
|
|
58
|
-
"lexical": "^0.39.0",
|
|
59
|
-
"lodash.debounce": "^4.0.8",
|
|
60
|
-
"lodash.merge": "^4.6.2"
|
|
61
|
-
},
|
|
62
|
-
"devDependencies": {
|
|
63
|
-
"@biomejs/biome": "2.2.7",
|
|
64
|
-
"@commitlint/cli": "^20.1.0",
|
|
65
|
-
"@commitlint/config-conventional": "^20.0.0",
|
|
66
|
-
"@storybook/addon-docs": "^9.0.14",
|
|
67
|
-
"@storybook/react-vite": "^9.0.14",
|
|
68
|
-
"@testing-library/react": "^16.0.0",
|
|
69
|
-
"@types/jest": "^29.5.12",
|
|
70
|
-
"@types/lodash.debounce": "^4.0.9",
|
|
71
|
-
"@types/lodash.merge": "^4.6.9",
|
|
72
|
-
"@types/node": "^22.3.0",
|
|
73
|
-
"@types/react": "^18.3.3",
|
|
74
|
-
"@types/react-dom": "^18.3.3",
|
|
75
|
-
"@vitejs/plugin-react": "^4.6.0",
|
|
76
|
-
"globals": "^15.9.0",
|
|
77
|
-
"husky": "^9.1.7",
|
|
78
|
-
"jest": "^29.7.0",
|
|
79
|
-
"jest-environment-jsdom": "^29.7.0",
|
|
80
|
-
"jest-transform-stub": "^2.0.0",
|
|
81
|
-
"lint-staged": "^16.2.7",
|
|
82
|
-
"react-hook-form": "^7.80.0",
|
|
83
|
-
"sass": "^1.77.8",
|
|
84
|
-
"standard-version": "^9.5.0",
|
|
85
|
-
"storybook": "^9.0.14",
|
|
86
|
-
"ts-jest": "^29.2.5",
|
|
87
|
-
"ts-node": "^10.9.2",
|
|
88
|
-
"typescript": "^5.5.3",
|
|
89
|
-
"vite": "^7.0.0",
|
|
90
|
-
"vite-plugin-dts": "^4.5.4",
|
|
91
|
-
"vite-plugin-static-copy": "^3.1.0",
|
|
92
|
-
"vite-plugin-svgr": "^4.2.0"
|
|
93
|
-
}
|
|
94
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@dss-kit/ui-kit",
|
|
3
|
+
"version": "1.0.1",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "./dist/ui-kit.cjs",
|
|
6
|
+
"module": "./dist/index.js",
|
|
7
|
+
"types": "./dist/index.d.ts",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": {
|
|
10
|
+
"types": "./dist/index.d.ts",
|
|
11
|
+
"import": "./dist/index.js",
|
|
12
|
+
"require": "./dist/ui-kit.cjs"
|
|
13
|
+
},
|
|
14
|
+
"./ui-kit.css": "./dist/ui-kit.css",
|
|
15
|
+
"./root.css": "./dist/root.css",
|
|
16
|
+
"./styles/utils": "./dist/styles/utils/index.scss"
|
|
17
|
+
},
|
|
18
|
+
"files": [
|
|
19
|
+
"dist"
|
|
20
|
+
],
|
|
21
|
+
"sideEffects": false,
|
|
22
|
+
"scripts": {
|
|
23
|
+
"build:base": "vite build",
|
|
24
|
+
"build:root": "vite build --config vite.config.root.ts",
|
|
25
|
+
"build": "npm run build:base && npm run build:root",
|
|
26
|
+
"dev": "vite",
|
|
27
|
+
"type-check": "tsc --noEmit",
|
|
28
|
+
"biome:check": "npx @biomejs/biome check --no-errors-on-unmatched --max-diagnostics 100",
|
|
29
|
+
"biome:fix": "npx @biomejs/biome check --write --no-errors-on-unmatched --max-diagnostics 100",
|
|
30
|
+
"biome:format": "npx @biomejs/biome format --write --max-diagnostics 100",
|
|
31
|
+
"biome:lint": "npx @biomejs/biome lint --write --max-diagnostics 100",
|
|
32
|
+
"lint-staged": "lint-staged",
|
|
33
|
+
"test": "jest --passWithNoTests",
|
|
34
|
+
"storybook": "storybook dev -p 6006",
|
|
35
|
+
"storybook:build": "storybook build",
|
|
36
|
+
"release:first": "standard-version --first-release",
|
|
37
|
+
"release:major": "standard-version --release-as major",
|
|
38
|
+
"release:minor": "standard-version --release-as minor",
|
|
39
|
+
"release:patch": "standard-version --release-as patch",
|
|
40
|
+
"prepare": "husky"
|
|
41
|
+
},
|
|
42
|
+
"peerDependencies": {
|
|
43
|
+
"@emotion/css": "^11.13.5",
|
|
44
|
+
"@highcharts/react": "4.1.0",
|
|
45
|
+
"framer-motion": "^12.23.22",
|
|
46
|
+
"react": ">=18.0.0 <20.0.0",
|
|
47
|
+
"react-dom": ">=18.0.0 <20.0.0"
|
|
48
|
+
},
|
|
49
|
+
"dependencies": {
|
|
50
|
+
"@floating-ui/react": "^0.27.16",
|
|
51
|
+
"@lexical/list": "^0.39.0",
|
|
52
|
+
"@lexical/markdown": "^0.39.0",
|
|
53
|
+
"@lexical/react": "^0.39.0",
|
|
54
|
+
"@lexical/table": "^0.39.0",
|
|
55
|
+
"@tanstack/react-table": "^8.21.3",
|
|
56
|
+
"@tanstack/react-virtual": "^3.13.12",
|
|
57
|
+
"classnames": "^2.5.1",
|
|
58
|
+
"lexical": "^0.39.0",
|
|
59
|
+
"lodash.debounce": "^4.0.8",
|
|
60
|
+
"lodash.merge": "^4.6.2"
|
|
61
|
+
},
|
|
62
|
+
"devDependencies": {
|
|
63
|
+
"@biomejs/biome": "2.2.7",
|
|
64
|
+
"@commitlint/cli": "^20.1.0",
|
|
65
|
+
"@commitlint/config-conventional": "^20.0.0",
|
|
66
|
+
"@storybook/addon-docs": "^9.0.14",
|
|
67
|
+
"@storybook/react-vite": "^9.0.14",
|
|
68
|
+
"@testing-library/react": "^16.0.0",
|
|
69
|
+
"@types/jest": "^29.5.12",
|
|
70
|
+
"@types/lodash.debounce": "^4.0.9",
|
|
71
|
+
"@types/lodash.merge": "^4.6.9",
|
|
72
|
+
"@types/node": "^22.3.0",
|
|
73
|
+
"@types/react": "^18.3.3",
|
|
74
|
+
"@types/react-dom": "^18.3.3",
|
|
75
|
+
"@vitejs/plugin-react": "^4.6.0",
|
|
76
|
+
"globals": "^15.9.0",
|
|
77
|
+
"husky": "^9.1.7",
|
|
78
|
+
"jest": "^29.7.0",
|
|
79
|
+
"jest-environment-jsdom": "^29.7.0",
|
|
80
|
+
"jest-transform-stub": "^2.0.0",
|
|
81
|
+
"lint-staged": "^16.2.7",
|
|
82
|
+
"react-hook-form": "^7.80.0",
|
|
83
|
+
"sass": "^1.77.8",
|
|
84
|
+
"standard-version": "^9.5.0",
|
|
85
|
+
"storybook": "^9.0.14",
|
|
86
|
+
"ts-jest": "^29.2.5",
|
|
87
|
+
"ts-node": "^10.9.2",
|
|
88
|
+
"typescript": "^5.5.3",
|
|
89
|
+
"vite": "^7.0.0",
|
|
90
|
+
"vite-plugin-dts": "^4.5.4",
|
|
91
|
+
"vite-plugin-static-copy": "^3.1.0",
|
|
92
|
+
"vite-plugin-svgr": "^4.2.0"
|
|
93
|
+
}
|
|
94
|
+
}
|