maru_design2 3.0.2 → 3.1.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/CHANGELOG.md +20 -0
- package/dist/components/atoms/button/Button.d.ts +2 -0
- package/dist/components/atoms/checkbox/Checkbox.d.ts +4 -1
- package/dist/components/atoms/input/Input.d.ts +2 -0
- package/dist/components/molecules/buttonGroup/ButtonGroup.d.ts +3 -3
- package/dist/components/molecules/calendar/Calendar.d.ts +40 -2
- package/dist/components/molecules/calendar/DatePickerHeader.d.ts +8 -1
- package/dist/components/molecules/calendar/DatePickerWrapper.d.ts +4 -6
- package/dist/components/molecules/calendar/calendar-utils.d.ts +11 -0
- package/dist/components/molecules/dropdown/Dropdown.d.ts +23 -3
- package/dist/components/molecules/dropdown/OverflowText.d.ts +5 -0
- package/dist/components/molecules/dropdown/index.d.ts +1 -0
- package/dist/components/molecules/dropdown/menu/MenuItem.d.ts +5 -7
- package/dist/components/molecules/dropdown/menu/index.d.ts +13 -8
- package/dist/components/molecules/dropdown/toggleButton/Arrow.d.ts +4 -7
- package/dist/components/molecules/dropdown/toggleButton/Clear.d.ts +3 -5
- package/dist/components/molecules/dropdown/toggleButton/index.d.ts +15 -2
- package/dist/components/molecules/dropdown/types.d.ts +28 -0
- package/dist/components/molecules/multiSelectDropdown/MultiSelectDropdown.d.ts +18 -2
- package/dist/components/molecules/multiSelectDropdown/menu/index.d.ts +9 -3
- package/dist/components/molecules/multiSelectDropdown/toggleButton/Clear.d.ts +2 -1
- package/dist/components/molecules/multiSelectDropdown/toggleButton/index.d.ts +9 -2
- package/dist/components/molecules/pagination/Pagination.d.ts +25 -15
- package/dist/components/molecules/table/Table.d.ts +1 -1
- package/dist/components/molecules/table/body/CheckboxTd.d.ts +2 -1
- package/dist/components/molecules/table/body/Tr.d.ts +1 -1
- package/dist/components/molecules/table/body/index.d.ts +1 -1
- package/dist/components/molecules/table/header/index.d.ts +3 -1
- package/dist/components/molecules/table/types.d.ts +8 -0
- package/dist/components/molecules/tabs/Tabs.d.ts +6 -0
- package/dist/constants/color.d.ts +541 -217
- package/dist/constants/figmaColor.d.ts +327 -0
- package/dist/enums/color.d.ts +121 -69
- package/dist/enums/size.d.ts +2 -2
- package/dist/index.js +2826 -1278
- package/package.json +6 -3
|
@@ -1,6 +1,18 @@
|
|
|
1
1
|
export declare const PRIMITIVE_COLOR_TOKEN_VALUES: {
|
|
2
|
-
readonly
|
|
3
|
-
readonly
|
|
2
|
+
readonly amber100: "var(--maru-amber-100)";
|
|
3
|
+
readonly amber200: "var(--maru-amber-200)";
|
|
4
|
+
readonly amber300: "var(--maru-amber-300)";
|
|
5
|
+
readonly amber400: "var(--maru-amber-400)";
|
|
6
|
+
readonly amber50: "var(--maru-amber-50)";
|
|
7
|
+
readonly amber500: "var(--maru-amber-500)";
|
|
8
|
+
readonly amber600: "var(--maru-amber-600)";
|
|
9
|
+
readonly amber700: "var(--maru-amber-700)";
|
|
10
|
+
readonly amber800: "var(--maru-amber-800)";
|
|
11
|
+
readonly amber900: "var(--maru-amber-900)";
|
|
12
|
+
readonly amberA100: "var(--maru-amber-a100)";
|
|
13
|
+
readonly amberA200: "var(--maru-amber-a200)";
|
|
14
|
+
readonly amberA400: "var(--maru-amber-a400)";
|
|
15
|
+
readonly amberA700: "var(--maru-amber-a700)";
|
|
4
16
|
readonly black100: "var(--maru-black-100)";
|
|
5
17
|
readonly black150: "var(--maru-black-150)";
|
|
6
18
|
readonly black200: "var(--maru-black-200)";
|
|
@@ -8,12 +20,42 @@ export declare const PRIMITIVE_COLOR_TOKEN_VALUES: {
|
|
|
8
20
|
readonly black300: "var(--maru-black-300)";
|
|
9
21
|
readonly black350: "var(--maru-black-350)";
|
|
10
22
|
readonly black400: "var(--maru-black-400)";
|
|
23
|
+
readonly black50: "var(--maru-black-50)";
|
|
11
24
|
readonly black500: "var(--maru-black-500)";
|
|
12
25
|
readonly black550: "var(--maru-black-550)";
|
|
13
26
|
readonly black600: "var(--maru-black-600)";
|
|
14
27
|
readonly black700: "var(--maru-black-700)";
|
|
15
28
|
readonly black800: "var(--maru-black-800)";
|
|
16
29
|
readonly black900: "var(--maru-black-900)";
|
|
30
|
+
readonly blue100: "var(--maru-blue-100)";
|
|
31
|
+
readonly blue1000: "var(--maru-blue-1000)";
|
|
32
|
+
readonly blue200: "var(--maru-blue-200)";
|
|
33
|
+
readonly blue300: "var(--maru-blue-300)";
|
|
34
|
+
readonly blue400: "var(--maru-blue-400)";
|
|
35
|
+
readonly blue50: "var(--maru-blue-50)";
|
|
36
|
+
readonly blue500: "var(--maru-blue-500)";
|
|
37
|
+
readonly blue600: "var(--maru-blue-600)";
|
|
38
|
+
readonly blue700: "var(--maru-blue-700)";
|
|
39
|
+
readonly blue800: "var(--maru-blue-800)";
|
|
40
|
+
readonly blue900: "var(--maru-blue-900)";
|
|
41
|
+
readonly blueA100: "var(--maru-blue-a100)";
|
|
42
|
+
readonly brand100: "var(--maru-brand-100)";
|
|
43
|
+
readonly brand1000: "var(--maru-brand-1000)";
|
|
44
|
+
readonly brand200: "var(--maru-brand-200)";
|
|
45
|
+
readonly brand300: "var(--maru-brand-300)";
|
|
46
|
+
readonly brand400: "var(--maru-brand-400)";
|
|
47
|
+
readonly brand50: "var(--maru-brand-50)";
|
|
48
|
+
readonly brand500: "var(--maru-brand-500)";
|
|
49
|
+
readonly brand600: "var(--maru-brand-600)";
|
|
50
|
+
readonly brand700: "var(--maru-brand-700)";
|
|
51
|
+
readonly brand800: "var(--maru-brand-800)";
|
|
52
|
+
readonly brand900: "var(--maru-brand-900)";
|
|
53
|
+
readonly brandA100: "var(--maru-brand-a100)";
|
|
54
|
+
readonly brandA200: "var(--maru-brand-a200)";
|
|
55
|
+
readonly brandA300: "var(--maru-brand-a300)";
|
|
56
|
+
readonly coolGray100: "var(--maru-cool-gray-100)";
|
|
57
|
+
readonly coolGray200: "var(--maru-cool-gray-200)";
|
|
58
|
+
readonly coolGray50: "var(--maru-cool-gray-50)";
|
|
17
59
|
readonly gray100: "var(--maru-gray-100)";
|
|
18
60
|
readonly gray150: "var(--maru-gray-150)";
|
|
19
61
|
readonly gray200: "var(--maru-gray-200)";
|
|
@@ -24,145 +66,279 @@ export declare const PRIMITIVE_COLOR_TOKEN_VALUES: {
|
|
|
24
66
|
readonly gray700: "var(--maru-gray-700)";
|
|
25
67
|
readonly gray800: "var(--maru-gray-800)";
|
|
26
68
|
readonly gray900: "var(--maru-gray-900)";
|
|
27
|
-
readonly coolGray50: "var(--maru-cool-gray-50)";
|
|
28
|
-
readonly coolGray100: "var(--maru-cool-gray-100)";
|
|
29
|
-
readonly coolGray200: "var(--maru-cool-gray-200)";
|
|
30
|
-
readonly neutralGray100: "var(--maru-neutral-gray-100)";
|
|
31
|
-
readonly neutralGray200: "var(--maru-neutral-gray-200)";
|
|
32
|
-
readonly brand50: "var(--maru-brand-50)";
|
|
33
|
-
readonly brand100: "var(--maru-brand-100)";
|
|
34
|
-
readonly brand200: "var(--maru-brand-200)";
|
|
35
|
-
readonly brand300: "var(--maru-brand-300)";
|
|
36
|
-
readonly brand400: "var(--maru-brand-400)";
|
|
37
|
-
readonly brand500: "var(--maru-brand-500)";
|
|
38
|
-
readonly brand600: "var(--maru-brand-600)";
|
|
39
|
-
readonly brand700: "var(--maru-brand-700)";
|
|
40
|
-
readonly brand800: "var(--maru-brand-800)";
|
|
41
|
-
readonly brand900: "var(--maru-brand-900)";
|
|
42
|
-
readonly brand1000: "var(--maru-brand-1000)";
|
|
43
|
-
readonly blue50: "var(--maru-blue-50)";
|
|
44
|
-
readonly blue100: "var(--maru-blue-100)";
|
|
45
|
-
readonly blue200: "var(--maru-blue-200)";
|
|
46
|
-
readonly blue300: "var(--maru-blue-300)";
|
|
47
|
-
readonly blue400: "var(--maru-blue-400)";
|
|
48
|
-
readonly blue500: "var(--maru-blue-500)";
|
|
49
|
-
readonly blue600: "var(--maru-blue-600)";
|
|
50
|
-
readonly blue700: "var(--maru-blue-700)";
|
|
51
|
-
readonly blue800: "var(--maru-blue-800)";
|
|
52
|
-
readonly blue900: "var(--maru-blue-900)";
|
|
53
|
-
readonly blue1000: "var(--maru-blue-1000)";
|
|
54
|
-
readonly green50: "var(--maru-green-50)";
|
|
55
69
|
readonly green100: "var(--maru-green-100)";
|
|
70
|
+
readonly green1000: "var(--maru-green-1000)";
|
|
56
71
|
readonly green200: "var(--maru-green-200)";
|
|
57
72
|
readonly green300: "var(--maru-green-300)";
|
|
58
73
|
readonly green400: "var(--maru-green-400)";
|
|
74
|
+
readonly green50: "var(--maru-green-50)";
|
|
59
75
|
readonly green500: "var(--maru-green-500)";
|
|
60
76
|
readonly green600: "var(--maru-green-600)";
|
|
61
77
|
readonly green700: "var(--maru-green-700)";
|
|
62
78
|
readonly green800: "var(--maru-green-800)";
|
|
63
79
|
readonly green900: "var(--maru-green-900)";
|
|
64
|
-
readonly
|
|
65
|
-
readonly
|
|
66
|
-
readonly
|
|
67
|
-
readonly
|
|
68
|
-
readonly
|
|
69
|
-
readonly
|
|
70
|
-
readonly
|
|
71
|
-
readonly
|
|
72
|
-
readonly
|
|
73
|
-
readonly
|
|
74
|
-
readonly
|
|
75
|
-
readonly
|
|
76
|
-
readonly
|
|
80
|
+
readonly greenA100: "var(--maru-green-a100)";
|
|
81
|
+
readonly greenA200: "var(--maru-green-a200)";
|
|
82
|
+
readonly greenA400: "var(--maru-green-a400)";
|
|
83
|
+
readonly greenA700: "var(--maru-green-a700)";
|
|
84
|
+
readonly lime100: "var(--maru-lime-100)";
|
|
85
|
+
readonly lime200: "var(--maru-lime-200)";
|
|
86
|
+
readonly lime300: "var(--maru-lime-300)";
|
|
87
|
+
readonly lime400: "var(--maru-lime-400)";
|
|
88
|
+
readonly lime50: "var(--maru-lime-50)";
|
|
89
|
+
readonly lime500: "var(--maru-lime-500)";
|
|
90
|
+
readonly lime600: "var(--maru-lime-600)";
|
|
91
|
+
readonly lime700: "var(--maru-lime-700)";
|
|
92
|
+
readonly lime800: "var(--maru-lime-800)";
|
|
93
|
+
readonly lime900: "var(--maru-lime-900)";
|
|
94
|
+
readonly limeA100: "var(--maru-lime-a100)";
|
|
95
|
+
readonly limeA200: "var(--maru-lime-a200)";
|
|
96
|
+
readonly limeA400: "var(--maru-lime-a400)";
|
|
97
|
+
readonly limeA700: "var(--maru-lime-a700)";
|
|
98
|
+
readonly neutralGray100: "var(--maru-neutral-gray-100)";
|
|
99
|
+
readonly neutralGray200: "var(--maru-neutral-gray-200)";
|
|
100
|
+
readonly pink100: "var(--maru-pink-100)";
|
|
101
|
+
readonly pink200: "var(--maru-pink-200)";
|
|
102
|
+
readonly pink300: "var(--maru-pink-300)";
|
|
103
|
+
readonly pink400: "var(--maru-pink-400)";
|
|
104
|
+
readonly pink50: "var(--maru-pink-50)";
|
|
105
|
+
readonly pink500: "var(--maru-pink-500)";
|
|
106
|
+
readonly pink600: "var(--maru-pink-600)";
|
|
107
|
+
readonly pink700: "var(--maru-pink-700)";
|
|
108
|
+
readonly pink800: "var(--maru-pink-800)";
|
|
109
|
+
readonly pink900: "var(--maru-pink-900)";
|
|
110
|
+
readonly pinkA100: "var(--maru-pink-a100)";
|
|
111
|
+
readonly pinkA200: "var(--maru-pink-a200)";
|
|
112
|
+
readonly pinkA400: "var(--maru-pink-a400)";
|
|
113
|
+
readonly pinkA700: "var(--maru-pink-a700)";
|
|
114
|
+
readonly purple100: "var(--maru-purple-100)";
|
|
115
|
+
readonly purple200: "var(--maru-purple-200)";
|
|
116
|
+
readonly purple300: "var(--maru-purple-300)";
|
|
117
|
+
readonly purple400: "var(--maru-purple-400)";
|
|
118
|
+
readonly purple50: "var(--maru-purple-50)";
|
|
119
|
+
readonly purple500: "var(--maru-purple-500)";
|
|
120
|
+
readonly purple600: "var(--maru-purple-600)";
|
|
121
|
+
readonly purple700: "var(--maru-purple-700)";
|
|
122
|
+
readonly purple800: "var(--maru-purple-800)";
|
|
123
|
+
readonly purple900: "var(--maru-purple-900)";
|
|
77
124
|
readonly red100: "var(--maru-red-100)";
|
|
125
|
+
readonly red1000: "var(--maru-red-1000)";
|
|
78
126
|
readonly red200: "var(--maru-red-200)";
|
|
79
127
|
readonly red300: "var(--maru-red-300)";
|
|
80
128
|
readonly red400: "var(--maru-red-400)";
|
|
129
|
+
readonly red50: "var(--maru-red-50)";
|
|
81
130
|
readonly red500: "var(--maru-red-500)";
|
|
82
131
|
readonly red600: "var(--maru-red-600)";
|
|
83
132
|
readonly red700: "var(--maru-red-700)";
|
|
84
133
|
readonly red800: "var(--maru-red-800)";
|
|
85
134
|
readonly red900: "var(--maru-red-900)";
|
|
86
|
-
readonly
|
|
135
|
+
readonly redA100: "var(--maru-red-a100)";
|
|
136
|
+
readonly redA200: "var(--maru-red-a200)";
|
|
137
|
+
readonly redA400: "var(--maru-red-a400)";
|
|
138
|
+
readonly redA700: "var(--maru-red-a700)";
|
|
139
|
+
readonly slate100: "var(--maru-slate-100)";
|
|
140
|
+
readonly slate1000: "var(--maru-slate-1000)";
|
|
141
|
+
readonly slate150: "var(--maru-slate-150)";
|
|
142
|
+
readonly slate200: "var(--maru-slate-200)";
|
|
143
|
+
readonly slate300: "var(--maru-slate-300)";
|
|
144
|
+
readonly slate400: "var(--maru-slate-400)";
|
|
145
|
+
readonly slate50: "var(--maru-slate-50)";
|
|
146
|
+
readonly slate500: "var(--maru-slate-500)";
|
|
147
|
+
readonly slate600: "var(--maru-slate-600)";
|
|
148
|
+
readonly slate700: "var(--maru-slate-700)";
|
|
149
|
+
readonly slate800: "var(--maru-slate-800)";
|
|
150
|
+
readonly slate850: "var(--maru-slate-850)";
|
|
151
|
+
readonly slate900: "var(--maru-slate-900)";
|
|
152
|
+
readonly slate950: "var(--maru-slate-950)";
|
|
153
|
+
readonly slateA100A: "var(--maru-slate-a100a)";
|
|
154
|
+
readonly slateA200: "var(--maru-slate-a200)";
|
|
155
|
+
readonly slateA300: "var(--maru-slate-a300)";
|
|
156
|
+
readonly slateA400: "var(--maru-slate-a400)";
|
|
157
|
+
readonly teal100: "var(--maru-teal-100)";
|
|
158
|
+
readonly teal200: "var(--maru-teal-200)";
|
|
159
|
+
readonly teal300: "var(--maru-teal-300)";
|
|
160
|
+
readonly teal400: "var(--maru-teal-400)";
|
|
161
|
+
readonly teal50: "var(--maru-teal-50)";
|
|
162
|
+
readonly teal500: "var(--maru-teal-500)";
|
|
163
|
+
readonly teal600: "var(--maru-teal-600)";
|
|
164
|
+
readonly teal700: "var(--maru-teal-700)";
|
|
165
|
+
readonly teal800: "var(--maru-teal-800)";
|
|
166
|
+
readonly teal900: "var(--maru-teal-900)";
|
|
167
|
+
readonly tealA100: "var(--maru-teal-a100)";
|
|
168
|
+
readonly tealA200: "var(--maru-teal-a200)";
|
|
169
|
+
readonly tealA400: "var(--maru-teal-a400)";
|
|
170
|
+
readonly tealA700: "var(--maru-teal-a700)";
|
|
171
|
+
readonly white: "var(--maru-white)";
|
|
172
|
+
readonly yellow100: "var(--maru-yellow-100)";
|
|
173
|
+
readonly yellow1000: "var(--maru-yellow-1000)";
|
|
174
|
+
readonly yellow200: "var(--maru-yellow-200)";
|
|
175
|
+
readonly yellow300: "var(--maru-yellow-300)";
|
|
176
|
+
readonly yellow400: "var(--maru-yellow-400)";
|
|
177
|
+
readonly yellow50: "var(--maru-yellow-50)";
|
|
178
|
+
readonly yellow500: "var(--maru-yellow-500)";
|
|
179
|
+
readonly yellow600: "var(--maru-yellow-600)";
|
|
180
|
+
readonly yellow700: "var(--maru-yellow-700)";
|
|
181
|
+
readonly yellow800: "var(--maru-yellow-800)";
|
|
182
|
+
readonly yellow900: "var(--maru-yellow-900)";
|
|
183
|
+
readonly yellowAc100: "var(--maru-yellow-ac-100)";
|
|
184
|
+
readonly yellowAc200: "var(--maru-yellow-ac-200)";
|
|
185
|
+
readonly yellowAc300: "var(--maru-yellow-ac-300)";
|
|
186
|
+
readonly yellowAc400: "var(--maru-yellow-ac-400)";
|
|
187
|
+
readonly yellowAc50: "var(--maru-yellow-ac-50)";
|
|
188
|
+
readonly yellowAc500: "var(--maru-yellow-ac-500)";
|
|
189
|
+
readonly yellowAc600: "var(--maru-yellow-ac-600)";
|
|
190
|
+
readonly yellowAc700: "var(--maru-yellow-ac-700)";
|
|
191
|
+
readonly yellowAc800: "var(--maru-yellow-ac-800)";
|
|
192
|
+
readonly yellowAc900: "var(--maru-yellow-ac-900)";
|
|
193
|
+
readonly yellowAcA100: "var(--maru-yellow-ac-a100)";
|
|
194
|
+
readonly yellowAcA200: "var(--maru-yellow-ac-a200)";
|
|
195
|
+
readonly yellowAcA400: "var(--maru-yellow-ac-a400)";
|
|
196
|
+
readonly yellowAcA700: "var(--maru-yellow-ac-a700)";
|
|
87
197
|
};
|
|
88
198
|
export declare const SEMANTIC_COLOR_TOKEN_VALUES: {
|
|
89
|
-
readonly
|
|
90
|
-
readonly
|
|
91
|
-
readonly
|
|
92
|
-
readonly
|
|
93
|
-
readonly
|
|
94
|
-
readonly
|
|
95
|
-
readonly
|
|
96
|
-
readonly
|
|
97
|
-
readonly
|
|
98
|
-
readonly
|
|
99
|
-
readonly
|
|
100
|
-
readonly
|
|
101
|
-
readonly textErrorPrimary: "var(--maru-text-error-primary)";
|
|
102
|
-
readonly iconPrimary: "var(--maru-icon-primary)";
|
|
103
|
-
readonly iconSecondary: "var(--maru-icon-secondary)";
|
|
104
|
-
readonly iconTertiary: "var(--maru-icon-tertiary)";
|
|
105
|
-
readonly iconQuaternary: "var(--maru-icon-quaternary)";
|
|
106
|
-
readonly iconBrandPrimary: "var(--maru-icon-brand-primary)";
|
|
107
|
-
readonly iconBrandSecondary: "var(--maru-icon-brand-secondary)";
|
|
108
|
-
readonly iconErrorPrimary: "var(--maru-icon-error-primary)";
|
|
109
|
-
readonly iconErrorSecondary: "var(--maru-icon-error-secondary)";
|
|
110
|
-
readonly iconPositivePrimary: "var(--maru-icon-positive-primary)";
|
|
111
|
-
readonly iconWarningPrimary: "var(--maru-icon-warning-primary)";
|
|
112
|
-
readonly iconWhite: "var(--maru-icon-white)";
|
|
113
|
-
readonly borderPrimary: "var(--maru-border-primary)";
|
|
114
|
-
readonly borderSecondary: "var(--maru-border-secondary)";
|
|
115
|
-
readonly borderSuccessPrimary: "var(--maru-border-success-primary)";
|
|
116
|
-
readonly borderBrandPrimary: "var(--maru-border-brand-primary)";
|
|
117
|
-
readonly borderBrandSecondary: "var(--maru-border-brand-secondary)";
|
|
118
|
-
readonly borderBrandTertiary: "var(--maru-border-brand-tertiary)";
|
|
119
|
-
readonly borderErrorPrimary: "var(--maru-border-error-primary)";
|
|
120
|
-
readonly borderErrorSecondary: "var(--maru-border-error-secondary)";
|
|
121
|
-
readonly backgroundPrimary: "var(--maru-background-primary)";
|
|
122
|
-
readonly backgroundPrimaryHover: "var(--maru-background-primary-hover)";
|
|
123
|
-
readonly backgroundSecondary: "var(--maru-background-secondary)";
|
|
124
|
-
readonly backgroundSecondaryHover: "var(--maru-background-secondary-hover)";
|
|
125
|
-
readonly backgroundTertiary: "var(--maru-background-tertiary)";
|
|
126
|
-
readonly backgroundQuaternary: "var(--maru-background-quaternary)";
|
|
127
|
-
readonly backgroundDisabled: "var(--maru-background-disabled)";
|
|
199
|
+
readonly badgeInfoPrimary: "var(--maru-badge-info-primary)";
|
|
200
|
+
readonly shadowDefault: "var(--maru-shadow-default)";
|
|
201
|
+
readonly overlayScrim: "var(--maru-overlay-scrim)";
|
|
202
|
+
readonly skeletonBase: "var(--maru-skeleton-base)";
|
|
203
|
+
readonly skeletonHighlight: "var(--maru-skeleton-highlight)";
|
|
204
|
+
readonly statusLearning: "var(--maru-status-learning)";
|
|
205
|
+
readonly statusLearningBackground: "var(--maru-status-learning-background)";
|
|
206
|
+
readonly statusDistribution: "var(--maru-status-distribution)";
|
|
207
|
+
readonly statusDistributionBackground: "var(--maru-status-distribution-background)";
|
|
208
|
+
readonly statusService: "var(--maru-status-service)";
|
|
209
|
+
readonly statusServiceBackground: "var(--maru-status-service-background)";
|
|
210
|
+
readonly statusTitle: "var(--maru-status-title)";
|
|
128
211
|
readonly backgroundBlack: "var(--maru-background-black)";
|
|
129
|
-
readonly
|
|
212
|
+
readonly backgroundBrandPrimary: "var(--maru-background-brand-primary)";
|
|
213
|
+
readonly backgroundBrandQuaternary: "var(--maru-background-brand-quaternary)";
|
|
214
|
+
readonly backgroundBrandSecondary: "var(--maru-background-brand-secondary)";
|
|
215
|
+
readonly backgroundBrandSecondaryHover: "var(--maru-background-brand-secondary-hover)";
|
|
130
216
|
readonly backgroundBrandSolidPrimary: "var(--maru-background-brand-solid-primary)";
|
|
131
217
|
readonly backgroundBrandSolidPrimaryHover: "var(--maru-background-brand-solid-primary-hover)";
|
|
132
218
|
readonly backgroundBrandSolidSecondary: "var(--maru-background-brand-solid-secondary)";
|
|
133
|
-
readonly backgroundBrandPrimary: "var(--maru-background-brand-primary)";
|
|
134
219
|
readonly backgroundBrandTertiaryHover: "var(--maru-background-brand-tertiary-hover)";
|
|
135
|
-
readonly
|
|
136
|
-
readonly
|
|
137
|
-
readonly
|
|
138
|
-
readonly
|
|
139
|
-
readonly
|
|
140
|
-
readonly backgroundInfoSolidPrimaryHover: "var(--maru-background-info-solid-primary-hover)";
|
|
220
|
+
readonly backgroundDisabled: "var(--maru-background-disabled)";
|
|
221
|
+
readonly backgroundErrorPrimary: "var(--maru-background-error-primary)";
|
|
222
|
+
readonly backgroundErrorPrimaryHover: "var(--maru-background-error-primary-hover)";
|
|
223
|
+
readonly backgroundErrorSolidPrimary: "var(--maru-background-error-solid-primary)";
|
|
224
|
+
readonly backgroundErrorSolidPrimaryHover: "var(--maru-background-error-solid-primary-hover)";
|
|
141
225
|
readonly backgroundInfoSecondary: "var(--maru-background-info-secondary)";
|
|
142
226
|
readonly backgroundInfoSecondaryHover: "var(--maru-background-info-secondary-hover)";
|
|
143
|
-
readonly
|
|
144
|
-
readonly
|
|
227
|
+
readonly backgroundInfoSolidPrimary: "var(--maru-background-info-solid-primary)";
|
|
228
|
+
readonly backgroundInfoSolidPrimaryHover: "var(--maru-background-info-solid-primary-hover)";
|
|
229
|
+
readonly backgroundPopupPrimary: "var(--maru-background-popup-primary)";
|
|
230
|
+
readonly backgroundPositivePrimary: "var(--maru-background-positive-primary)";
|
|
231
|
+
readonly backgroundPositivePrimaryHover: "var(--maru-background-positive-primary-hover)";
|
|
232
|
+
readonly backgroundPositiveSolidPrimary: "var(--maru-background-positive-solid-primary)";
|
|
233
|
+
readonly backgroundPositiveSolidPrimaryHover: "var(--maru-background-positive-solid-primary-hover)";
|
|
234
|
+
readonly backgroundPrimary: "var(--maru-background-primary)";
|
|
235
|
+
readonly backgroundPrimaryHover: "var(--maru-background-primary-hover)";
|
|
236
|
+
readonly backgroundQuaternary: "var(--maru-background-quaternary)";
|
|
237
|
+
readonly backgroundSecondary: "var(--maru-background-secondary)";
|
|
238
|
+
readonly backgroundSecondaryHover: "var(--maru-background-secondary-hover)";
|
|
239
|
+
readonly backgroundServiceAiPrimary: "var(--maru-background-service-ai-primary)";
|
|
240
|
+
readonly backgroundServiceAiSecondary: "var(--maru-background-service-ai-secondary)";
|
|
241
|
+
readonly backgroundServiceAiSecondaryHover: "var(--maru-background-service-ai-secondary-hover)";
|
|
242
|
+
readonly backgroundServiceAiTertiary: "var(--maru-background-service-ai-tertiary)";
|
|
243
|
+
readonly backgroundTertiary: "var(--maru-background-tertiary)";
|
|
145
244
|
readonly backgroundWarningPrimary: "var(--maru-background-warning-primary)";
|
|
146
245
|
readonly backgroundWarningPrimaryHover: "var(--maru-background-warning-primary-hover)";
|
|
147
|
-
readonly
|
|
148
|
-
readonly
|
|
149
|
-
readonly
|
|
150
|
-
readonly
|
|
246
|
+
readonly backgroundWarningSolidPrimary: "var(--maru-background-warning-solid-primary)";
|
|
247
|
+
readonly backgroundWarningSolidPrimaryHover: "var(--maru-background-warning-solid-primary-hover)";
|
|
248
|
+
readonly badgeBrandPrimary: "var(--maru-badge-brand-primary)";
|
|
249
|
+
readonly badgeBrandPrimaryHover: "var(--maru-badge-brand-primary-hover)";
|
|
250
|
+
readonly badgeErrorPrimary: "var(--maru-badge-error-primary)";
|
|
251
|
+
readonly badgePositivePrimary: "var(--maru-badge-positive-primary)";
|
|
151
252
|
readonly badgePrimary: "var(--maru-badge-primary)";
|
|
152
253
|
readonly badgePrimaryHover: "var(--maru-badge-primary-hover)";
|
|
153
254
|
readonly badgeSecondary: "var(--maru-badge-secondary)";
|
|
154
255
|
readonly badgeSecondaryHover: "var(--maru-badge-secondary-hover)";
|
|
155
|
-
readonly
|
|
156
|
-
readonly
|
|
157
|
-
readonly
|
|
158
|
-
readonly
|
|
256
|
+
readonly borderBlackPrimary: "var(--maru-border-black-primary)";
|
|
257
|
+
readonly borderBrandPrimary: "var(--maru-border-brand-primary)";
|
|
258
|
+
readonly borderBrandQuaternary: "var(--maru-border-brand-quaternary)";
|
|
259
|
+
readonly borderBrandSecondary: "var(--maru-border-brand-secondary)";
|
|
260
|
+
readonly borderBrandTertiary: "var(--maru-border-brand-tertiary)";
|
|
261
|
+
readonly borderErrorAcPrimary: "var(--maru-border-error-ac-primary)";
|
|
262
|
+
readonly borderErrorAcSecondary: "var(--maru-border-error-ac-secondary)";
|
|
263
|
+
readonly borderErrorPrimary: "var(--maru-border-error-primary)";
|
|
264
|
+
readonly borderErrorSecondary: "var(--maru-border-error-secondary)";
|
|
265
|
+
readonly borderPrimary: "var(--maru-border-primary)";
|
|
266
|
+
readonly borderSecondary: "var(--maru-border-secondary)";
|
|
267
|
+
readonly borderServiceAiPrimary: "var(--maru-border-service-ai-primary)";
|
|
268
|
+
readonly borderServiceAiSecondary: "var(--maru-border-service-ai-secondary)";
|
|
269
|
+
readonly borderSuccessAcPrimary: "var(--maru-border-success-ac-primary)";
|
|
270
|
+
readonly borderSuccessPrimary: "var(--maru-border-success-primary)";
|
|
271
|
+
readonly borderTertiary: "var(--maru-border-tertiary)";
|
|
272
|
+
readonly borderWarningAcPrimary: "var(--maru-border-warning-ac-primary)";
|
|
273
|
+
readonly borderWarningAcSecondary: "var(--maru-border-warning-ac-secondary)";
|
|
274
|
+
readonly borderWarningPrimary: "var(--maru-border-warning-primary)";
|
|
275
|
+
readonly borderWarningSecondary: "var(--maru-border-warning-secondary)";
|
|
276
|
+
readonly componentAmberPrimary: "var(--maru-component-amber-primary)";
|
|
277
|
+
readonly componentAmberSecondary: "var(--maru-component-amber-secondary)";
|
|
278
|
+
readonly componentBluePrimary: "var(--maru-component-blue-primary)";
|
|
279
|
+
readonly componentBlueSecondary: "var(--maru-component-blue-secondary)";
|
|
280
|
+
readonly componentBlueTertiary: "var(--maru-component-blue-tertiary)";
|
|
159
281
|
readonly componentBrandPrimary: "var(--maru-component-brand-primary)";
|
|
160
|
-
readonly componentWhite: "var(--maru-component-white)";
|
|
161
282
|
readonly componentError: "var(--maru-component-error)";
|
|
283
|
+
readonly componentGreenA: "var(--maru-component-green-a)";
|
|
284
|
+
readonly componentGreenPrimary: "var(--maru-component-green-primary)";
|
|
285
|
+
readonly componentGreenSecondary: "var(--maru-component-green-secondary)";
|
|
286
|
+
readonly componentPinkPrimary: "var(--maru-component-pink-primary)";
|
|
287
|
+
readonly componentPinkSecondary: "var(--maru-component-pink-secondary)";
|
|
288
|
+
readonly componentPurplePrimary: "var(--maru-component-purple-primary)";
|
|
289
|
+
readonly componentPurpleSecondary: "var(--maru-component-purple-secondary)";
|
|
290
|
+
readonly componentWhite: "var(--maru-component-white)";
|
|
291
|
+
readonly componentYellow100: "var(--maru-component-yellow-100)";
|
|
292
|
+
readonly componentYellow200: "var(--maru-component-yellow-200)";
|
|
293
|
+
readonly componentYellow300: "var(--maru-component-yellow-300)";
|
|
294
|
+
readonly componentYellow400: "var(--maru-component-yellow-400)";
|
|
295
|
+
readonly componentYellow50: "var(--maru-component-yellow-50)";
|
|
296
|
+
readonly componentYellow500: "var(--maru-component-yellow-500)";
|
|
297
|
+
readonly componentYellow600: "var(--maru-component-yellow-600)";
|
|
298
|
+
readonly componentYellow700: "var(--maru-component-yellow-700)";
|
|
299
|
+
readonly componentYellow800: "var(--maru-component-yellow-800)";
|
|
300
|
+
readonly componentYellow900: "var(--maru-component-yellow-900)";
|
|
301
|
+
readonly componentYellowA100: "var(--maru-component-yellow-a100)";
|
|
302
|
+
readonly componentYellowA200: "var(--maru-component-yellow-a200)";
|
|
303
|
+
readonly componentYellowA400: "var(--maru-component-yellow-a400)";
|
|
304
|
+
readonly componentYellowA700: "var(--maru-component-yellow-a700)";
|
|
162
305
|
readonly featureHighlight: "var(--maru-feature-highlight)";
|
|
163
306
|
readonly featureTooltip: "var(--maru-feature-tooltip)";
|
|
307
|
+
readonly iconBrandPrimary: "var(--maru-icon-brand-primary)";
|
|
308
|
+
readonly iconBrandQuaternary: "var(--maru-icon-brand-quaternary)";
|
|
309
|
+
readonly iconBrandSecondary: "var(--maru-icon-brand-secondary)";
|
|
310
|
+
readonly iconBrandTertiary: "var(--maru-icon-brand-tertiary)";
|
|
311
|
+
readonly iconErrorPrimary: "var(--maru-icon-error-primary)";
|
|
312
|
+
readonly iconErrorSecondary: "var(--maru-icon-error-secondary)";
|
|
313
|
+
readonly iconPositivePrimary: "var(--maru-icon-positive-primary)";
|
|
314
|
+
readonly iconPrimary: "var(--maru-icon-primary)";
|
|
315
|
+
readonly iconQuaternary: "var(--maru-icon-quaternary)";
|
|
316
|
+
readonly iconSecondary: "var(--maru-icon-secondary)";
|
|
317
|
+
readonly iconTertiary: "var(--maru-icon-tertiary)";
|
|
318
|
+
readonly iconWarningPrimary: "var(--maru-icon-warning-primary)";
|
|
319
|
+
readonly iconWhite: "var(--maru-icon-white)";
|
|
320
|
+
readonly patternPrimary: "var(--maru-pattern-primary)";
|
|
321
|
+
readonly patternSecondary: "var(--maru-pattern-secondary)";
|
|
164
322
|
readonly shadowBrand: "var(--maru-shadow-brand)";
|
|
165
323
|
readonly shadowSearchBar: "var(--maru-shadow-search-bar)";
|
|
324
|
+
readonly textBrand: "var(--maru-text-brand)";
|
|
325
|
+
readonly textBrandHover: "var(--maru-text-brand-hover)";
|
|
326
|
+
readonly textBrandWhite: "var(--maru-text-brand-white)";
|
|
327
|
+
readonly textDisabled: "var(--maru-text-disabled)";
|
|
328
|
+
readonly textErrorPrimary: "var(--maru-text-error-primary)";
|
|
329
|
+
readonly textInfoPrimary: "var(--maru-text-info-primary)";
|
|
330
|
+
readonly textInverseTooltip: "var(--maru-text-inverse-tooltip)";
|
|
331
|
+
readonly textPositivePrimary: "var(--maru-text-positive-primary)";
|
|
332
|
+
readonly textPrimary: "var(--maru-text-primary)";
|
|
333
|
+
readonly textSecondary: "var(--maru-text-secondary)";
|
|
334
|
+
readonly textSuccessPrimary: "var(--maru-text-success-primary)";
|
|
335
|
+
readonly textSupport: "var(--maru-text-support)";
|
|
336
|
+
readonly textTertiary: "var(--maru-text-tertiary)";
|
|
337
|
+
readonly textWarningPrimary: "var(--maru-text-warning-primary)";
|
|
338
|
+
readonly textWhite: "var(--maru-text-white)";
|
|
339
|
+
};
|
|
340
|
+
export declare const COLOR_TOKEN_VALUES: {
|
|
341
|
+
readonly badgeInfoPrimary: "var(--maru-badge-info-primary)";
|
|
166
342
|
readonly shadowDefault: "var(--maru-shadow-default)";
|
|
167
343
|
readonly overlayScrim: "var(--maru-overlay-scrim)";
|
|
168
344
|
readonly skeletonBase: "var(--maru-skeleton-base)";
|
|
@@ -174,98 +350,148 @@ export declare const SEMANTIC_COLOR_TOKEN_VALUES: {
|
|
|
174
350
|
readonly statusService: "var(--maru-status-service)";
|
|
175
351
|
readonly statusServiceBackground: "var(--maru-status-service-background)";
|
|
176
352
|
readonly statusTitle: "var(--maru-status-title)";
|
|
177
|
-
};
|
|
178
|
-
export declare const COLOR_TOKEN_VALUES: {
|
|
179
|
-
readonly textPrimary: "var(--maru-text-primary)";
|
|
180
|
-
readonly textSecondary: "var(--maru-text-secondary)";
|
|
181
|
-
readonly textSupport: "var(--maru-text-support)";
|
|
182
|
-
readonly textTertiary: "var(--maru-text-tertiary)";
|
|
183
|
-
readonly textDisabled: "var(--maru-text-disabled)";
|
|
184
|
-
readonly textWhite: "var(--maru-text-white)";
|
|
185
|
-
readonly textBrand: "var(--maru-text-brand)";
|
|
186
|
-
readonly textBrandHover: "var(--maru-text-brand-hover)";
|
|
187
|
-
readonly textSuccessPrimary: "var(--maru-text-success-primary)";
|
|
188
|
-
readonly textWarningPrimary: "var(--maru-text-warning-primary)";
|
|
189
|
-
readonly textInfoPrimary: "var(--maru-text-info-primary)";
|
|
190
|
-
readonly textPositivePrimary: "var(--maru-text-positive-primary)";
|
|
191
|
-
readonly textErrorPrimary: "var(--maru-text-error-primary)";
|
|
192
|
-
readonly iconPrimary: "var(--maru-icon-primary)";
|
|
193
|
-
readonly iconSecondary: "var(--maru-icon-secondary)";
|
|
194
|
-
readonly iconTertiary: "var(--maru-icon-tertiary)";
|
|
195
|
-
readonly iconQuaternary: "var(--maru-icon-quaternary)";
|
|
196
|
-
readonly iconBrandPrimary: "var(--maru-icon-brand-primary)";
|
|
197
|
-
readonly iconBrandSecondary: "var(--maru-icon-brand-secondary)";
|
|
198
|
-
readonly iconErrorPrimary: "var(--maru-icon-error-primary)";
|
|
199
|
-
readonly iconErrorSecondary: "var(--maru-icon-error-secondary)";
|
|
200
|
-
readonly iconPositivePrimary: "var(--maru-icon-positive-primary)";
|
|
201
|
-
readonly iconWarningPrimary: "var(--maru-icon-warning-primary)";
|
|
202
|
-
readonly iconWhite: "var(--maru-icon-white)";
|
|
203
|
-
readonly borderPrimary: "var(--maru-border-primary)";
|
|
204
|
-
readonly borderSecondary: "var(--maru-border-secondary)";
|
|
205
|
-
readonly borderSuccessPrimary: "var(--maru-border-success-primary)";
|
|
206
|
-
readonly borderBrandPrimary: "var(--maru-border-brand-primary)";
|
|
207
|
-
readonly borderBrandSecondary: "var(--maru-border-brand-secondary)";
|
|
208
|
-
readonly borderBrandTertiary: "var(--maru-border-brand-tertiary)";
|
|
209
|
-
readonly borderErrorPrimary: "var(--maru-border-error-primary)";
|
|
210
|
-
readonly borderErrorSecondary: "var(--maru-border-error-secondary)";
|
|
211
|
-
readonly backgroundPrimary: "var(--maru-background-primary)";
|
|
212
|
-
readonly backgroundPrimaryHover: "var(--maru-background-primary-hover)";
|
|
213
|
-
readonly backgroundSecondary: "var(--maru-background-secondary)";
|
|
214
|
-
readonly backgroundSecondaryHover: "var(--maru-background-secondary-hover)";
|
|
215
|
-
readonly backgroundTertiary: "var(--maru-background-tertiary)";
|
|
216
|
-
readonly backgroundQuaternary: "var(--maru-background-quaternary)";
|
|
217
|
-
readonly backgroundDisabled: "var(--maru-background-disabled)";
|
|
218
353
|
readonly backgroundBlack: "var(--maru-background-black)";
|
|
219
|
-
readonly
|
|
354
|
+
readonly backgroundBrandPrimary: "var(--maru-background-brand-primary)";
|
|
355
|
+
readonly backgroundBrandQuaternary: "var(--maru-background-brand-quaternary)";
|
|
356
|
+
readonly backgroundBrandSecondary: "var(--maru-background-brand-secondary)";
|
|
357
|
+
readonly backgroundBrandSecondaryHover: "var(--maru-background-brand-secondary-hover)";
|
|
220
358
|
readonly backgroundBrandSolidPrimary: "var(--maru-background-brand-solid-primary)";
|
|
221
359
|
readonly backgroundBrandSolidPrimaryHover: "var(--maru-background-brand-solid-primary-hover)";
|
|
222
360
|
readonly backgroundBrandSolidSecondary: "var(--maru-background-brand-solid-secondary)";
|
|
223
|
-
readonly backgroundBrandPrimary: "var(--maru-background-brand-primary)";
|
|
224
361
|
readonly backgroundBrandTertiaryHover: "var(--maru-background-brand-tertiary-hover)";
|
|
225
|
-
readonly
|
|
226
|
-
readonly
|
|
227
|
-
readonly
|
|
228
|
-
readonly
|
|
229
|
-
readonly
|
|
230
|
-
readonly backgroundInfoSolidPrimaryHover: "var(--maru-background-info-solid-primary-hover)";
|
|
362
|
+
readonly backgroundDisabled: "var(--maru-background-disabled)";
|
|
363
|
+
readonly backgroundErrorPrimary: "var(--maru-background-error-primary)";
|
|
364
|
+
readonly backgroundErrorPrimaryHover: "var(--maru-background-error-primary-hover)";
|
|
365
|
+
readonly backgroundErrorSolidPrimary: "var(--maru-background-error-solid-primary)";
|
|
366
|
+
readonly backgroundErrorSolidPrimaryHover: "var(--maru-background-error-solid-primary-hover)";
|
|
231
367
|
readonly backgroundInfoSecondary: "var(--maru-background-info-secondary)";
|
|
232
368
|
readonly backgroundInfoSecondaryHover: "var(--maru-background-info-secondary-hover)";
|
|
233
|
-
readonly
|
|
234
|
-
readonly
|
|
369
|
+
readonly backgroundInfoSolidPrimary: "var(--maru-background-info-solid-primary)";
|
|
370
|
+
readonly backgroundInfoSolidPrimaryHover: "var(--maru-background-info-solid-primary-hover)";
|
|
371
|
+
readonly backgroundPopupPrimary: "var(--maru-background-popup-primary)";
|
|
372
|
+
readonly backgroundPositivePrimary: "var(--maru-background-positive-primary)";
|
|
373
|
+
readonly backgroundPositivePrimaryHover: "var(--maru-background-positive-primary-hover)";
|
|
374
|
+
readonly backgroundPositiveSolidPrimary: "var(--maru-background-positive-solid-primary)";
|
|
375
|
+
readonly backgroundPositiveSolidPrimaryHover: "var(--maru-background-positive-solid-primary-hover)";
|
|
376
|
+
readonly backgroundPrimary: "var(--maru-background-primary)";
|
|
377
|
+
readonly backgroundPrimaryHover: "var(--maru-background-primary-hover)";
|
|
378
|
+
readonly backgroundQuaternary: "var(--maru-background-quaternary)";
|
|
379
|
+
readonly backgroundSecondary: "var(--maru-background-secondary)";
|
|
380
|
+
readonly backgroundSecondaryHover: "var(--maru-background-secondary-hover)";
|
|
381
|
+
readonly backgroundServiceAiPrimary: "var(--maru-background-service-ai-primary)";
|
|
382
|
+
readonly backgroundServiceAiSecondary: "var(--maru-background-service-ai-secondary)";
|
|
383
|
+
readonly backgroundServiceAiSecondaryHover: "var(--maru-background-service-ai-secondary-hover)";
|
|
384
|
+
readonly backgroundServiceAiTertiary: "var(--maru-background-service-ai-tertiary)";
|
|
385
|
+
readonly backgroundTertiary: "var(--maru-background-tertiary)";
|
|
235
386
|
readonly backgroundWarningPrimary: "var(--maru-background-warning-primary)";
|
|
236
387
|
readonly backgroundWarningPrimaryHover: "var(--maru-background-warning-primary-hover)";
|
|
237
|
-
readonly
|
|
238
|
-
readonly
|
|
239
|
-
readonly
|
|
240
|
-
readonly
|
|
388
|
+
readonly backgroundWarningSolidPrimary: "var(--maru-background-warning-solid-primary)";
|
|
389
|
+
readonly backgroundWarningSolidPrimaryHover: "var(--maru-background-warning-solid-primary-hover)";
|
|
390
|
+
readonly badgeBrandPrimary: "var(--maru-badge-brand-primary)";
|
|
391
|
+
readonly badgeBrandPrimaryHover: "var(--maru-badge-brand-primary-hover)";
|
|
392
|
+
readonly badgeErrorPrimary: "var(--maru-badge-error-primary)";
|
|
393
|
+
readonly badgePositivePrimary: "var(--maru-badge-positive-primary)";
|
|
241
394
|
readonly badgePrimary: "var(--maru-badge-primary)";
|
|
242
395
|
readonly badgePrimaryHover: "var(--maru-badge-primary-hover)";
|
|
243
396
|
readonly badgeSecondary: "var(--maru-badge-secondary)";
|
|
244
397
|
readonly badgeSecondaryHover: "var(--maru-badge-secondary-hover)";
|
|
245
|
-
readonly
|
|
246
|
-
readonly
|
|
247
|
-
readonly
|
|
248
|
-
readonly
|
|
398
|
+
readonly borderBlackPrimary: "var(--maru-border-black-primary)";
|
|
399
|
+
readonly borderBrandPrimary: "var(--maru-border-brand-primary)";
|
|
400
|
+
readonly borderBrandQuaternary: "var(--maru-border-brand-quaternary)";
|
|
401
|
+
readonly borderBrandSecondary: "var(--maru-border-brand-secondary)";
|
|
402
|
+
readonly borderBrandTertiary: "var(--maru-border-brand-tertiary)";
|
|
403
|
+
readonly borderErrorAcPrimary: "var(--maru-border-error-ac-primary)";
|
|
404
|
+
readonly borderErrorAcSecondary: "var(--maru-border-error-ac-secondary)";
|
|
405
|
+
readonly borderErrorPrimary: "var(--maru-border-error-primary)";
|
|
406
|
+
readonly borderErrorSecondary: "var(--maru-border-error-secondary)";
|
|
407
|
+
readonly borderPrimary: "var(--maru-border-primary)";
|
|
408
|
+
readonly borderSecondary: "var(--maru-border-secondary)";
|
|
409
|
+
readonly borderServiceAiPrimary: "var(--maru-border-service-ai-primary)";
|
|
410
|
+
readonly borderServiceAiSecondary: "var(--maru-border-service-ai-secondary)";
|
|
411
|
+
readonly borderSuccessAcPrimary: "var(--maru-border-success-ac-primary)";
|
|
412
|
+
readonly borderSuccessPrimary: "var(--maru-border-success-primary)";
|
|
413
|
+
readonly borderTertiary: "var(--maru-border-tertiary)";
|
|
414
|
+
readonly borderWarningAcPrimary: "var(--maru-border-warning-ac-primary)";
|
|
415
|
+
readonly borderWarningAcSecondary: "var(--maru-border-warning-ac-secondary)";
|
|
416
|
+
readonly borderWarningPrimary: "var(--maru-border-warning-primary)";
|
|
417
|
+
readonly borderWarningSecondary: "var(--maru-border-warning-secondary)";
|
|
418
|
+
readonly componentAmberPrimary: "var(--maru-component-amber-primary)";
|
|
419
|
+
readonly componentAmberSecondary: "var(--maru-component-amber-secondary)";
|
|
420
|
+
readonly componentBluePrimary: "var(--maru-component-blue-primary)";
|
|
421
|
+
readonly componentBlueSecondary: "var(--maru-component-blue-secondary)";
|
|
422
|
+
readonly componentBlueTertiary: "var(--maru-component-blue-tertiary)";
|
|
249
423
|
readonly componentBrandPrimary: "var(--maru-component-brand-primary)";
|
|
250
|
-
readonly componentWhite: "var(--maru-component-white)";
|
|
251
424
|
readonly componentError: "var(--maru-component-error)";
|
|
425
|
+
readonly componentGreenA: "var(--maru-component-green-a)";
|
|
426
|
+
readonly componentGreenPrimary: "var(--maru-component-green-primary)";
|
|
427
|
+
readonly componentGreenSecondary: "var(--maru-component-green-secondary)";
|
|
428
|
+
readonly componentPinkPrimary: "var(--maru-component-pink-primary)";
|
|
429
|
+
readonly componentPinkSecondary: "var(--maru-component-pink-secondary)";
|
|
430
|
+
readonly componentPurplePrimary: "var(--maru-component-purple-primary)";
|
|
431
|
+
readonly componentPurpleSecondary: "var(--maru-component-purple-secondary)";
|
|
432
|
+
readonly componentWhite: "var(--maru-component-white)";
|
|
433
|
+
readonly componentYellow100: "var(--maru-component-yellow-100)";
|
|
434
|
+
readonly componentYellow200: "var(--maru-component-yellow-200)";
|
|
435
|
+
readonly componentYellow300: "var(--maru-component-yellow-300)";
|
|
436
|
+
readonly componentYellow400: "var(--maru-component-yellow-400)";
|
|
437
|
+
readonly componentYellow50: "var(--maru-component-yellow-50)";
|
|
438
|
+
readonly componentYellow500: "var(--maru-component-yellow-500)";
|
|
439
|
+
readonly componentYellow600: "var(--maru-component-yellow-600)";
|
|
440
|
+
readonly componentYellow700: "var(--maru-component-yellow-700)";
|
|
441
|
+
readonly componentYellow800: "var(--maru-component-yellow-800)";
|
|
442
|
+
readonly componentYellow900: "var(--maru-component-yellow-900)";
|
|
443
|
+
readonly componentYellowA100: "var(--maru-component-yellow-a100)";
|
|
444
|
+
readonly componentYellowA200: "var(--maru-component-yellow-a200)";
|
|
445
|
+
readonly componentYellowA400: "var(--maru-component-yellow-a400)";
|
|
446
|
+
readonly componentYellowA700: "var(--maru-component-yellow-a700)";
|
|
252
447
|
readonly featureHighlight: "var(--maru-feature-highlight)";
|
|
253
448
|
readonly featureTooltip: "var(--maru-feature-tooltip)";
|
|
449
|
+
readonly iconBrandPrimary: "var(--maru-icon-brand-primary)";
|
|
450
|
+
readonly iconBrandQuaternary: "var(--maru-icon-brand-quaternary)";
|
|
451
|
+
readonly iconBrandSecondary: "var(--maru-icon-brand-secondary)";
|
|
452
|
+
readonly iconBrandTertiary: "var(--maru-icon-brand-tertiary)";
|
|
453
|
+
readonly iconErrorPrimary: "var(--maru-icon-error-primary)";
|
|
454
|
+
readonly iconErrorSecondary: "var(--maru-icon-error-secondary)";
|
|
455
|
+
readonly iconPositivePrimary: "var(--maru-icon-positive-primary)";
|
|
456
|
+
readonly iconPrimary: "var(--maru-icon-primary)";
|
|
457
|
+
readonly iconQuaternary: "var(--maru-icon-quaternary)";
|
|
458
|
+
readonly iconSecondary: "var(--maru-icon-secondary)";
|
|
459
|
+
readonly iconTertiary: "var(--maru-icon-tertiary)";
|
|
460
|
+
readonly iconWarningPrimary: "var(--maru-icon-warning-primary)";
|
|
461
|
+
readonly iconWhite: "var(--maru-icon-white)";
|
|
462
|
+
readonly patternPrimary: "var(--maru-pattern-primary)";
|
|
463
|
+
readonly patternSecondary: "var(--maru-pattern-secondary)";
|
|
254
464
|
readonly shadowBrand: "var(--maru-shadow-brand)";
|
|
255
465
|
readonly shadowSearchBar: "var(--maru-shadow-search-bar)";
|
|
256
|
-
readonly
|
|
257
|
-
readonly
|
|
258
|
-
readonly
|
|
259
|
-
readonly
|
|
260
|
-
readonly
|
|
261
|
-
readonly
|
|
262
|
-
readonly
|
|
263
|
-
readonly
|
|
264
|
-
readonly
|
|
265
|
-
readonly
|
|
266
|
-
readonly
|
|
267
|
-
readonly
|
|
268
|
-
readonly
|
|
466
|
+
readonly textBrand: "var(--maru-text-brand)";
|
|
467
|
+
readonly textBrandHover: "var(--maru-text-brand-hover)";
|
|
468
|
+
readonly textBrandWhite: "var(--maru-text-brand-white)";
|
|
469
|
+
readonly textDisabled: "var(--maru-text-disabled)";
|
|
470
|
+
readonly textErrorPrimary: "var(--maru-text-error-primary)";
|
|
471
|
+
readonly textInfoPrimary: "var(--maru-text-info-primary)";
|
|
472
|
+
readonly textInverseTooltip: "var(--maru-text-inverse-tooltip)";
|
|
473
|
+
readonly textPositivePrimary: "var(--maru-text-positive-primary)";
|
|
474
|
+
readonly textPrimary: "var(--maru-text-primary)";
|
|
475
|
+
readonly textSecondary: "var(--maru-text-secondary)";
|
|
476
|
+
readonly textSuccessPrimary: "var(--maru-text-success-primary)";
|
|
477
|
+
readonly textSupport: "var(--maru-text-support)";
|
|
478
|
+
readonly textTertiary: "var(--maru-text-tertiary)";
|
|
479
|
+
readonly textWarningPrimary: "var(--maru-text-warning-primary)";
|
|
480
|
+
readonly textWhite: "var(--maru-text-white)";
|
|
481
|
+
readonly amber100: "var(--maru-amber-100)";
|
|
482
|
+
readonly amber200: "var(--maru-amber-200)";
|
|
483
|
+
readonly amber300: "var(--maru-amber-300)";
|
|
484
|
+
readonly amber400: "var(--maru-amber-400)";
|
|
485
|
+
readonly amber50: "var(--maru-amber-50)";
|
|
486
|
+
readonly amber500: "var(--maru-amber-500)";
|
|
487
|
+
readonly amber600: "var(--maru-amber-600)";
|
|
488
|
+
readonly amber700: "var(--maru-amber-700)";
|
|
489
|
+
readonly amber800: "var(--maru-amber-800)";
|
|
490
|
+
readonly amber900: "var(--maru-amber-900)";
|
|
491
|
+
readonly amberA100: "var(--maru-amber-a100)";
|
|
492
|
+
readonly amberA200: "var(--maru-amber-a200)";
|
|
493
|
+
readonly amberA400: "var(--maru-amber-a400)";
|
|
494
|
+
readonly amberA700: "var(--maru-amber-a700)";
|
|
269
495
|
readonly black100: "var(--maru-black-100)";
|
|
270
496
|
readonly black150: "var(--maru-black-150)";
|
|
271
497
|
readonly black200: "var(--maru-black-200)";
|
|
@@ -273,12 +499,42 @@ export declare const COLOR_TOKEN_VALUES: {
|
|
|
273
499
|
readonly black300: "var(--maru-black-300)";
|
|
274
500
|
readonly black350: "var(--maru-black-350)";
|
|
275
501
|
readonly black400: "var(--maru-black-400)";
|
|
502
|
+
readonly black50: "var(--maru-black-50)";
|
|
276
503
|
readonly black500: "var(--maru-black-500)";
|
|
277
504
|
readonly black550: "var(--maru-black-550)";
|
|
278
505
|
readonly black600: "var(--maru-black-600)";
|
|
279
506
|
readonly black700: "var(--maru-black-700)";
|
|
280
507
|
readonly black800: "var(--maru-black-800)";
|
|
281
508
|
readonly black900: "var(--maru-black-900)";
|
|
509
|
+
readonly blue100: "var(--maru-blue-100)";
|
|
510
|
+
readonly blue1000: "var(--maru-blue-1000)";
|
|
511
|
+
readonly blue200: "var(--maru-blue-200)";
|
|
512
|
+
readonly blue300: "var(--maru-blue-300)";
|
|
513
|
+
readonly blue400: "var(--maru-blue-400)";
|
|
514
|
+
readonly blue50: "var(--maru-blue-50)";
|
|
515
|
+
readonly blue500: "var(--maru-blue-500)";
|
|
516
|
+
readonly blue600: "var(--maru-blue-600)";
|
|
517
|
+
readonly blue700: "var(--maru-blue-700)";
|
|
518
|
+
readonly blue800: "var(--maru-blue-800)";
|
|
519
|
+
readonly blue900: "var(--maru-blue-900)";
|
|
520
|
+
readonly blueA100: "var(--maru-blue-a100)";
|
|
521
|
+
readonly brand100: "var(--maru-brand-100)";
|
|
522
|
+
readonly brand1000: "var(--maru-brand-1000)";
|
|
523
|
+
readonly brand200: "var(--maru-brand-200)";
|
|
524
|
+
readonly brand300: "var(--maru-brand-300)";
|
|
525
|
+
readonly brand400: "var(--maru-brand-400)";
|
|
526
|
+
readonly brand50: "var(--maru-brand-50)";
|
|
527
|
+
readonly brand500: "var(--maru-brand-500)";
|
|
528
|
+
readonly brand600: "var(--maru-brand-600)";
|
|
529
|
+
readonly brand700: "var(--maru-brand-700)";
|
|
530
|
+
readonly brand800: "var(--maru-brand-800)";
|
|
531
|
+
readonly brand900: "var(--maru-brand-900)";
|
|
532
|
+
readonly brandA100: "var(--maru-brand-a100)";
|
|
533
|
+
readonly brandA200: "var(--maru-brand-a200)";
|
|
534
|
+
readonly brandA300: "var(--maru-brand-a300)";
|
|
535
|
+
readonly coolGray100: "var(--maru-cool-gray-100)";
|
|
536
|
+
readonly coolGray200: "var(--maru-cool-gray-200)";
|
|
537
|
+
readonly coolGray50: "var(--maru-cool-gray-50)";
|
|
282
538
|
readonly gray100: "var(--maru-gray-100)";
|
|
283
539
|
readonly gray150: "var(--maru-gray-150)";
|
|
284
540
|
readonly gray200: "var(--maru-gray-200)";
|
|
@@ -289,64 +545,132 @@ export declare const COLOR_TOKEN_VALUES: {
|
|
|
289
545
|
readonly gray700: "var(--maru-gray-700)";
|
|
290
546
|
readonly gray800: "var(--maru-gray-800)";
|
|
291
547
|
readonly gray900: "var(--maru-gray-900)";
|
|
292
|
-
readonly coolGray50: "var(--maru-cool-gray-50)";
|
|
293
|
-
readonly coolGray100: "var(--maru-cool-gray-100)";
|
|
294
|
-
readonly coolGray200: "var(--maru-cool-gray-200)";
|
|
295
|
-
readonly neutralGray100: "var(--maru-neutral-gray-100)";
|
|
296
|
-
readonly neutralGray200: "var(--maru-neutral-gray-200)";
|
|
297
|
-
readonly brand50: "var(--maru-brand-50)";
|
|
298
|
-
readonly brand100: "var(--maru-brand-100)";
|
|
299
|
-
readonly brand200: "var(--maru-brand-200)";
|
|
300
|
-
readonly brand300: "var(--maru-brand-300)";
|
|
301
|
-
readonly brand400: "var(--maru-brand-400)";
|
|
302
|
-
readonly brand500: "var(--maru-brand-500)";
|
|
303
|
-
readonly brand600: "var(--maru-brand-600)";
|
|
304
|
-
readonly brand700: "var(--maru-brand-700)";
|
|
305
|
-
readonly brand800: "var(--maru-brand-800)";
|
|
306
|
-
readonly brand900: "var(--maru-brand-900)";
|
|
307
|
-
readonly brand1000: "var(--maru-brand-1000)";
|
|
308
|
-
readonly blue50: "var(--maru-blue-50)";
|
|
309
|
-
readonly blue100: "var(--maru-blue-100)";
|
|
310
|
-
readonly blue200: "var(--maru-blue-200)";
|
|
311
|
-
readonly blue300: "var(--maru-blue-300)";
|
|
312
|
-
readonly blue400: "var(--maru-blue-400)";
|
|
313
|
-
readonly blue500: "var(--maru-blue-500)";
|
|
314
|
-
readonly blue600: "var(--maru-blue-600)";
|
|
315
|
-
readonly blue700: "var(--maru-blue-700)";
|
|
316
|
-
readonly blue800: "var(--maru-blue-800)";
|
|
317
|
-
readonly blue900: "var(--maru-blue-900)";
|
|
318
|
-
readonly blue1000: "var(--maru-blue-1000)";
|
|
319
|
-
readonly green50: "var(--maru-green-50)";
|
|
320
548
|
readonly green100: "var(--maru-green-100)";
|
|
549
|
+
readonly green1000: "var(--maru-green-1000)";
|
|
321
550
|
readonly green200: "var(--maru-green-200)";
|
|
322
551
|
readonly green300: "var(--maru-green-300)";
|
|
323
552
|
readonly green400: "var(--maru-green-400)";
|
|
553
|
+
readonly green50: "var(--maru-green-50)";
|
|
324
554
|
readonly green500: "var(--maru-green-500)";
|
|
325
555
|
readonly green600: "var(--maru-green-600)";
|
|
326
556
|
readonly green700: "var(--maru-green-700)";
|
|
327
557
|
readonly green800: "var(--maru-green-800)";
|
|
328
558
|
readonly green900: "var(--maru-green-900)";
|
|
329
|
-
readonly
|
|
330
|
-
readonly
|
|
331
|
-
readonly
|
|
332
|
-
readonly
|
|
333
|
-
readonly
|
|
334
|
-
readonly
|
|
335
|
-
readonly
|
|
336
|
-
readonly
|
|
337
|
-
readonly
|
|
338
|
-
readonly
|
|
339
|
-
readonly
|
|
340
|
-
readonly
|
|
341
|
-
readonly
|
|
559
|
+
readonly greenA100: "var(--maru-green-a100)";
|
|
560
|
+
readonly greenA200: "var(--maru-green-a200)";
|
|
561
|
+
readonly greenA400: "var(--maru-green-a400)";
|
|
562
|
+
readonly greenA700: "var(--maru-green-a700)";
|
|
563
|
+
readonly lime100: "var(--maru-lime-100)";
|
|
564
|
+
readonly lime200: "var(--maru-lime-200)";
|
|
565
|
+
readonly lime300: "var(--maru-lime-300)";
|
|
566
|
+
readonly lime400: "var(--maru-lime-400)";
|
|
567
|
+
readonly lime50: "var(--maru-lime-50)";
|
|
568
|
+
readonly lime500: "var(--maru-lime-500)";
|
|
569
|
+
readonly lime600: "var(--maru-lime-600)";
|
|
570
|
+
readonly lime700: "var(--maru-lime-700)";
|
|
571
|
+
readonly lime800: "var(--maru-lime-800)";
|
|
572
|
+
readonly lime900: "var(--maru-lime-900)";
|
|
573
|
+
readonly limeA100: "var(--maru-lime-a100)";
|
|
574
|
+
readonly limeA200: "var(--maru-lime-a200)";
|
|
575
|
+
readonly limeA400: "var(--maru-lime-a400)";
|
|
576
|
+
readonly limeA700: "var(--maru-lime-a700)";
|
|
577
|
+
readonly neutralGray100: "var(--maru-neutral-gray-100)";
|
|
578
|
+
readonly neutralGray200: "var(--maru-neutral-gray-200)";
|
|
579
|
+
readonly pink100: "var(--maru-pink-100)";
|
|
580
|
+
readonly pink200: "var(--maru-pink-200)";
|
|
581
|
+
readonly pink300: "var(--maru-pink-300)";
|
|
582
|
+
readonly pink400: "var(--maru-pink-400)";
|
|
583
|
+
readonly pink50: "var(--maru-pink-50)";
|
|
584
|
+
readonly pink500: "var(--maru-pink-500)";
|
|
585
|
+
readonly pink600: "var(--maru-pink-600)";
|
|
586
|
+
readonly pink700: "var(--maru-pink-700)";
|
|
587
|
+
readonly pink800: "var(--maru-pink-800)";
|
|
588
|
+
readonly pink900: "var(--maru-pink-900)";
|
|
589
|
+
readonly pinkA100: "var(--maru-pink-a100)";
|
|
590
|
+
readonly pinkA200: "var(--maru-pink-a200)";
|
|
591
|
+
readonly pinkA400: "var(--maru-pink-a400)";
|
|
592
|
+
readonly pinkA700: "var(--maru-pink-a700)";
|
|
593
|
+
readonly purple100: "var(--maru-purple-100)";
|
|
594
|
+
readonly purple200: "var(--maru-purple-200)";
|
|
595
|
+
readonly purple300: "var(--maru-purple-300)";
|
|
596
|
+
readonly purple400: "var(--maru-purple-400)";
|
|
597
|
+
readonly purple50: "var(--maru-purple-50)";
|
|
598
|
+
readonly purple500: "var(--maru-purple-500)";
|
|
599
|
+
readonly purple600: "var(--maru-purple-600)";
|
|
600
|
+
readonly purple700: "var(--maru-purple-700)";
|
|
601
|
+
readonly purple800: "var(--maru-purple-800)";
|
|
602
|
+
readonly purple900: "var(--maru-purple-900)";
|
|
342
603
|
readonly red100: "var(--maru-red-100)";
|
|
604
|
+
readonly red1000: "var(--maru-red-1000)";
|
|
343
605
|
readonly red200: "var(--maru-red-200)";
|
|
344
606
|
readonly red300: "var(--maru-red-300)";
|
|
345
607
|
readonly red400: "var(--maru-red-400)";
|
|
608
|
+
readonly red50: "var(--maru-red-50)";
|
|
346
609
|
readonly red500: "var(--maru-red-500)";
|
|
347
610
|
readonly red600: "var(--maru-red-600)";
|
|
348
611
|
readonly red700: "var(--maru-red-700)";
|
|
349
612
|
readonly red800: "var(--maru-red-800)";
|
|
350
613
|
readonly red900: "var(--maru-red-900)";
|
|
351
|
-
readonly
|
|
614
|
+
readonly redA100: "var(--maru-red-a100)";
|
|
615
|
+
readonly redA200: "var(--maru-red-a200)";
|
|
616
|
+
readonly redA400: "var(--maru-red-a400)";
|
|
617
|
+
readonly redA700: "var(--maru-red-a700)";
|
|
618
|
+
readonly slate100: "var(--maru-slate-100)";
|
|
619
|
+
readonly slate1000: "var(--maru-slate-1000)";
|
|
620
|
+
readonly slate150: "var(--maru-slate-150)";
|
|
621
|
+
readonly slate200: "var(--maru-slate-200)";
|
|
622
|
+
readonly slate300: "var(--maru-slate-300)";
|
|
623
|
+
readonly slate400: "var(--maru-slate-400)";
|
|
624
|
+
readonly slate50: "var(--maru-slate-50)";
|
|
625
|
+
readonly slate500: "var(--maru-slate-500)";
|
|
626
|
+
readonly slate600: "var(--maru-slate-600)";
|
|
627
|
+
readonly slate700: "var(--maru-slate-700)";
|
|
628
|
+
readonly slate800: "var(--maru-slate-800)";
|
|
629
|
+
readonly slate850: "var(--maru-slate-850)";
|
|
630
|
+
readonly slate900: "var(--maru-slate-900)";
|
|
631
|
+
readonly slate950: "var(--maru-slate-950)";
|
|
632
|
+
readonly slateA100A: "var(--maru-slate-a100a)";
|
|
633
|
+
readonly slateA200: "var(--maru-slate-a200)";
|
|
634
|
+
readonly slateA300: "var(--maru-slate-a300)";
|
|
635
|
+
readonly slateA400: "var(--maru-slate-a400)";
|
|
636
|
+
readonly teal100: "var(--maru-teal-100)";
|
|
637
|
+
readonly teal200: "var(--maru-teal-200)";
|
|
638
|
+
readonly teal300: "var(--maru-teal-300)";
|
|
639
|
+
readonly teal400: "var(--maru-teal-400)";
|
|
640
|
+
readonly teal50: "var(--maru-teal-50)";
|
|
641
|
+
readonly teal500: "var(--maru-teal-500)";
|
|
642
|
+
readonly teal600: "var(--maru-teal-600)";
|
|
643
|
+
readonly teal700: "var(--maru-teal-700)";
|
|
644
|
+
readonly teal800: "var(--maru-teal-800)";
|
|
645
|
+
readonly teal900: "var(--maru-teal-900)";
|
|
646
|
+
readonly tealA100: "var(--maru-teal-a100)";
|
|
647
|
+
readonly tealA200: "var(--maru-teal-a200)";
|
|
648
|
+
readonly tealA400: "var(--maru-teal-a400)";
|
|
649
|
+
readonly tealA700: "var(--maru-teal-a700)";
|
|
650
|
+
readonly white: "var(--maru-white)";
|
|
651
|
+
readonly yellow100: "var(--maru-yellow-100)";
|
|
652
|
+
readonly yellow1000: "var(--maru-yellow-1000)";
|
|
653
|
+
readonly yellow200: "var(--maru-yellow-200)";
|
|
654
|
+
readonly yellow300: "var(--maru-yellow-300)";
|
|
655
|
+
readonly yellow400: "var(--maru-yellow-400)";
|
|
656
|
+
readonly yellow50: "var(--maru-yellow-50)";
|
|
657
|
+
readonly yellow500: "var(--maru-yellow-500)";
|
|
658
|
+
readonly yellow600: "var(--maru-yellow-600)";
|
|
659
|
+
readonly yellow700: "var(--maru-yellow-700)";
|
|
660
|
+
readonly yellow800: "var(--maru-yellow-800)";
|
|
661
|
+
readonly yellow900: "var(--maru-yellow-900)";
|
|
662
|
+
readonly yellowAc100: "var(--maru-yellow-ac-100)";
|
|
663
|
+
readonly yellowAc200: "var(--maru-yellow-ac-200)";
|
|
664
|
+
readonly yellowAc300: "var(--maru-yellow-ac-300)";
|
|
665
|
+
readonly yellowAc400: "var(--maru-yellow-ac-400)";
|
|
666
|
+
readonly yellowAc50: "var(--maru-yellow-ac-50)";
|
|
667
|
+
readonly yellowAc500: "var(--maru-yellow-ac-500)";
|
|
668
|
+
readonly yellowAc600: "var(--maru-yellow-ac-600)";
|
|
669
|
+
readonly yellowAc700: "var(--maru-yellow-ac-700)";
|
|
670
|
+
readonly yellowAc800: "var(--maru-yellow-ac-800)";
|
|
671
|
+
readonly yellowAc900: "var(--maru-yellow-ac-900)";
|
|
672
|
+
readonly yellowAcA100: "var(--maru-yellow-ac-a100)";
|
|
673
|
+
readonly yellowAcA200: "var(--maru-yellow-ac-a200)";
|
|
674
|
+
readonly yellowAcA400: "var(--maru-yellow-ac-a400)";
|
|
675
|
+
readonly yellowAcA700: "var(--maru-yellow-ac-a700)";
|
|
352
676
|
};
|