@infonomic/uikit 2.15.0 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +48 -6
- package/dist/components/badge/badge_module.css +49 -80
- package/dist/components/button/button_module.css +133 -227
- package/dist/components/button/control-buttons_module.css +2 -11
- package/dist/components/button/copy-button.d.ts.map +1 -1
- package/dist/components/button/copy-button.js +14 -7
- package/dist/components/button/copy-button.module.js +5 -5
- package/dist/components/button/copy-button_module.css +31 -12
- package/dist/components/input/checkbox_module.css +42 -91
- package/dist/components/input/input_module.css +42 -109
- package/dist/components/input/radio-group_module.css +14 -49
- package/dist/components/notifications/alert_module.css +0 -4
- package/dist/icons/close-icon.js +1 -1
- package/dist/icons/copy-icon.d.ts.map +1 -1
- package/dist/icons/copy-icon.js +1 -1
- package/dist/react.d.ts +1 -1
- package/dist/react.d.ts.map +1 -1
- package/dist/react.js +1 -1
- package/dist/styles/styles.css +1 -1
- package/dist/widgets/timeline/timeline.d.ts.map +1 -0
- package/dist/widgets/timeline/timeline.module.js +17 -0
- package/dist/{components → widgets}/timeline/timeline_module.css +10 -10
- package/package.json +8 -8
- package/src/components/badge/badge.module.css +38 -68
- package/src/components/button/button-intents.stories.tsx +1 -1
- package/src/components/button/button-overrides.stories.tsx +43 -0
- package/src/components/button/button-variants.stories.tsx +1 -1
- package/src/components/button/button.module.css +135 -230
- package/src/components/button/control-buttons.module.css +5 -17
- package/src/components/button/control-buttons.stories.tsx +1 -1
- package/src/components/button/copy-button.module.css +32 -14
- package/src/components/button/copy-button.stories.tsx +6 -6
- package/src/components/button/copy-button.tsx +16 -12
- package/src/components/calendar/calendar.stories.tsx +1 -1
- package/src/components/input/checkbox.module.css +43 -99
- package/src/components/input/input.module.css +44 -119
- package/src/components/input/input.stories.tsx +1 -1
- package/src/components/input/radio-group.module.css +16 -72
- package/src/components/input/radio-group.stories.tsx +1 -1
- package/src/components/input/select.stories.tsx +1 -1
- package/src/components/notifications/alert.module.css +0 -4
- package/src/icons/close-icon.tsx +1 -1
- package/src/icons/copy-icon.tsx +1 -2
- package/src/icons/icons.module.css +1 -0
- package/src/react.ts +1 -1
- package/src/styles/theme/theme.css +6 -4
- package/src/styles/theme/tokens.css +600 -0
- package/src/widgets/drawer/drawer.stories.tsx +1 -34
- package/src/{components → widgets}/timeline/timeline.stories.tsx +2 -2
- package/dist/components/timeline/timeline.d.ts.map +0 -1
- package/dist/components/timeline/timeline.module.js +0 -17
- /package/dist/{components → widgets}/timeline/timeline.d.ts +0 -0
- /package/dist/{components → widgets}/timeline/timeline.js +0 -0
- /package/src/components/button/{button-icon.stories.tsx → icon-button.stories.tsx} +0 -0
- /package/src/{components → widgets}/timeline/timeline.module.css +0 -0
- /package/src/{components → widgets}/timeline/timeline.tsx +0 -0
|
@@ -5,26 +5,45 @@
|
|
|
5
5
|
display: inline-block;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
.copy-button-oa4bdj {
|
|
9
|
-
width:
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
.copy-button-oa4bdj svg {
|
|
9
|
+
width: 90%;
|
|
10
|
+
height: 90%;
|
|
11
|
+
display: block;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.xs-lZmf78 {
|
|
15
|
+
width: 26px;
|
|
16
|
+
height: 26px;
|
|
17
|
+
min-height: 26px;
|
|
18
|
+
padding: .25rem;
|
|
12
19
|
}
|
|
13
20
|
|
|
14
|
-
.
|
|
15
|
-
|
|
21
|
+
.sm-KNN1e5 {
|
|
22
|
+
width: 32px;
|
|
23
|
+
height: 32px;
|
|
24
|
+
min-height: 32px;
|
|
25
|
+
padding: .35rem;
|
|
16
26
|
}
|
|
17
27
|
|
|
18
|
-
.
|
|
19
|
-
|
|
28
|
+
.md-OoH0l4 {
|
|
29
|
+
width: 38px;
|
|
30
|
+
height: 38px;
|
|
31
|
+
min-height: 38px;
|
|
32
|
+
padding: .45rem;
|
|
20
33
|
}
|
|
21
34
|
|
|
22
|
-
.
|
|
23
|
-
|
|
35
|
+
.lg-uu5ujz {
|
|
36
|
+
width: 46px;
|
|
37
|
+
height: 46px;
|
|
38
|
+
min-height: 46px;
|
|
39
|
+
padding: .55rem;
|
|
24
40
|
}
|
|
25
41
|
|
|
26
|
-
.
|
|
27
|
-
|
|
42
|
+
.xl-pFYyrS {
|
|
43
|
+
width: 54px;
|
|
44
|
+
height: 54px;
|
|
45
|
+
min-height: 54px;
|
|
46
|
+
padding: .65rem;
|
|
28
47
|
}
|
|
29
48
|
}
|
|
30
49
|
|
|
@@ -102,115 +102,66 @@
|
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
.primary-mNSmqc {
|
|
105
|
-
--checkbox-variant-outlined-border: var(--primary-
|
|
106
|
-
--checkbox-variant-outlined: var(--primary-
|
|
107
|
-
--checkbox-variant-outlined-hover-border: var(--primary-
|
|
108
|
-
--checkbox-variant-outline-ring-color: var(--primary
|
|
109
|
-
--checkbox-variant-filled: var(--primary-
|
|
105
|
+
--checkbox-variant-outlined-border: var(--fill-primary-strong);
|
|
106
|
+
--checkbox-variant-outlined: var(--fill-primary-strong);
|
|
107
|
+
--checkbox-variant-outlined-hover-border: var(--fill-primary-strong-hover);
|
|
108
|
+
--checkbox-variant-outline-ring-color: var(--ring-primary);
|
|
109
|
+
--checkbox-variant-filled: var(--fill-primary-strong);
|
|
110
|
+
--checkbox-icon-color: var(--text-on-primary);
|
|
110
111
|
}
|
|
111
112
|
|
|
112
113
|
.secondary-B96Jra {
|
|
113
|
-
--checkbox-variant-outlined-border: var(--secondary-
|
|
114
|
-
--checkbox-variant-outlined: var(--secondary-
|
|
115
|
-
--checkbox-variant-outlined-hover-border: var(--secondary-
|
|
116
|
-
--checkbox-variant-outline-ring-color: var(--secondary
|
|
117
|
-
--checkbox-variant-filled: var(--secondary-
|
|
114
|
+
--checkbox-variant-outlined-border: var(--fill-secondary-strong);
|
|
115
|
+
--checkbox-variant-outlined: var(--fill-secondary-strong);
|
|
116
|
+
--checkbox-variant-outlined-hover-border: var(--fill-secondary-strong-hover);
|
|
117
|
+
--checkbox-variant-outline-ring-color: var(--ring-secondary);
|
|
118
|
+
--checkbox-variant-filled: var(--fill-secondary-strong);
|
|
119
|
+
--checkbox-icon-color: var(--text-on-secondary);
|
|
118
120
|
}
|
|
119
121
|
|
|
120
122
|
.noeffect-J5I4Dv {
|
|
121
|
-
--checkbox-variant-outlined-border: var(--
|
|
122
|
-
--checkbox-variant-outlined: var(--
|
|
123
|
-
--checkbox-variant-outlined-hover-border: var(--
|
|
124
|
-
--checkbox-variant-outline-ring-color: var(--
|
|
125
|
-
--checkbox-variant-filled: var(--
|
|
123
|
+
--checkbox-variant-outlined-border: var(--fill-noeffect-strong);
|
|
124
|
+
--checkbox-variant-outlined: var(--fill-noeffect-strong);
|
|
125
|
+
--checkbox-variant-outlined-hover-border: var(--fill-noeffect-strong-hover);
|
|
126
|
+
--checkbox-variant-outline-ring-color: var(--ring-noeffect);
|
|
127
|
+
--checkbox-variant-filled: var(--fill-noeffect-strong);
|
|
128
|
+
--checkbox-icon-color: var(--text-on-noeffect);
|
|
126
129
|
}
|
|
127
130
|
|
|
128
131
|
.success-LoZ4k7 {
|
|
129
|
-
--checkbox-variant-outlined-border: var(--
|
|
130
|
-
--checkbox-variant-outlined: var(--
|
|
131
|
-
--checkbox-variant-outlined-hover-border: var(--
|
|
132
|
-
--checkbox-variant-outline-ring-color: var(--
|
|
133
|
-
--checkbox-variant-filled: var(--
|
|
132
|
+
--checkbox-variant-outlined-border: var(--fill-success-strong);
|
|
133
|
+
--checkbox-variant-outlined: var(--fill-success-strong);
|
|
134
|
+
--checkbox-variant-outlined-hover-border: var(--fill-success-strong-hover);
|
|
135
|
+
--checkbox-variant-outline-ring-color: var(--ring-success);
|
|
136
|
+
--checkbox-variant-filled: var(--fill-success-strong);
|
|
137
|
+
--checkbox-icon-color: var(--text-on-success);
|
|
134
138
|
}
|
|
135
139
|
|
|
136
140
|
.info-NNf4yN {
|
|
137
|
-
--checkbox-variant-outlined-border: var(--
|
|
138
|
-
--checkbox-variant-outlined: var(--
|
|
139
|
-
--checkbox-variant-outlined-hover-border: var(--
|
|
140
|
-
--checkbox-variant-outline-ring-color: var(--
|
|
141
|
-
--checkbox-variant-filled: var(--
|
|
141
|
+
--checkbox-variant-outlined-border: var(--fill-info-strong);
|
|
142
|
+
--checkbox-variant-outlined: var(--fill-info-strong);
|
|
143
|
+
--checkbox-variant-outlined-hover-border: var(--fill-info-strong-hover);
|
|
144
|
+
--checkbox-variant-outline-ring-color: var(--ring-info);
|
|
145
|
+
--checkbox-variant-filled: var(--fill-info-strong);
|
|
146
|
+
--checkbox-icon-color: var(--text-on-info);
|
|
142
147
|
}
|
|
143
148
|
|
|
144
149
|
.warning-eEgBnF {
|
|
145
|
-
--checkbox-variant-outlined-border: var(--
|
|
146
|
-
--checkbox-variant-outlined: var(--
|
|
147
|
-
--checkbox-variant-outlined-hover-border: var(--
|
|
148
|
-
--checkbox-variant-outline-ring-color: var(--
|
|
149
|
-
--checkbox-variant-filled: var(--
|
|
150
|
+
--checkbox-variant-outlined-border: var(--fill-warning-strong);
|
|
151
|
+
--checkbox-variant-outlined: var(--fill-warning-strong);
|
|
152
|
+
--checkbox-variant-outlined-hover-border: var(--fill-warning-strong-hover);
|
|
153
|
+
--checkbox-variant-outline-ring-color: var(--ring-warning);
|
|
154
|
+
--checkbox-variant-filled: var(--fill-warning-strong);
|
|
155
|
+
--checkbox-icon-color: var(--text-on-warning);
|
|
150
156
|
}
|
|
151
157
|
|
|
152
158
|
.danger-FZ5wZH {
|
|
153
|
-
--checkbox-variant-outlined-border: var(--
|
|
154
|
-
--checkbox-variant-outlined: var(--
|
|
155
|
-
--checkbox-variant-outlined-hover-border: var(--
|
|
156
|
-
--checkbox-variant-outline-ring-color: var(--
|
|
157
|
-
--checkbox-variant-filled: var(--
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
.dark .primary-mNSmqc:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
161
|
-
--checkbox-variant-outlined-border: var(--primary-300);
|
|
162
|
-
--checkbox-variant-outlined: var(--primary-300);
|
|
163
|
-
--checkbox-variant-outlined-hover-border: var(--primary-500);
|
|
164
|
-
--checkbox-variant-outline-ring-color: var(--primary-300);
|
|
165
|
-
--checkbox-variant-filled: var(--primary-500);
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
.dark .secondary-B96Jra:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
169
|
-
--checkbox-variant-outlined-border: var(--secondary-500);
|
|
170
|
-
--checkbox-variant-outlined: var(--secondary-500);
|
|
171
|
-
--checkbox-variant-outlined-hover-border: var(--secondary-500);
|
|
172
|
-
--checkbox-variant-outline-ring-color: var(--secondary-500);
|
|
173
|
-
--checkbox-variant-filled: var(--secondary-500);
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
.dark .noeffect-J5I4Dv:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
177
|
-
--checkbox-variant-outlined-border: var(--gray-400);
|
|
178
|
-
--checkbox-variant-outlined: var(--gray-400);
|
|
179
|
-
--checkbox-variant-outlined-hover-border: var(--gray-400);
|
|
180
|
-
--checkbox-variant-outline-ring-color: var(--gray-400);
|
|
181
|
-
--checkbox-variant-filled: var(--gray-400);
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
.dark .success-LoZ4k7:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
185
|
-
--checkbox-variant-outlined-border: var(--green-400);
|
|
186
|
-
--checkbox-variant-outlined: var(--green-400);
|
|
187
|
-
--checkbox-variant-outlined-hover-border: var(--green-400);
|
|
188
|
-
--checkbox-variant-outline-ring-color: var(--green-400);
|
|
189
|
-
--checkbox-variant-filled: var(--green-400);
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
.dark .info-NNf4yN:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
193
|
-
--checkbox-variant-outlined-border: var(--blue-400);
|
|
194
|
-
--checkbox-variant-outlined: var(--blue-400);
|
|
195
|
-
--checkbox-variant-outlined-hover-border: var(--blue-400);
|
|
196
|
-
--checkbox-variant-outline-ring-color: var(--blue-400);
|
|
197
|
-
--checkbox-variant-filled: var(--blue-400);
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
.dark .warning-eEgBnF:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
201
|
-
--checkbox-variant-outlined-border: var(--yellow-400);
|
|
202
|
-
--checkbox-variant-outlined: var(--yellow-400);
|
|
203
|
-
--checkbox-variant-outlined-hover-border: var(--yellow-400);
|
|
204
|
-
--checkbox-variant-outline-ring-color: var(--yellow-400);
|
|
205
|
-
--checkbox-variant-filled: var(--yellow-400);
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
.dark .danger-FZ5wZH:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
209
|
-
--checkbox-variant-outlined-border: var(--red-400);
|
|
210
|
-
--checkbox-variant-outlined: var(--red-400);
|
|
211
|
-
--checkbox-variant-outlined-hover-border: var(--red-400);
|
|
212
|
-
--checkbox-variant-outline-ring-color: var(--red-400);
|
|
213
|
-
--checkbox-variant-filled: var(--red-400);
|
|
159
|
+
--checkbox-variant-outlined-border: var(--fill-danger-strong);
|
|
160
|
+
--checkbox-variant-outlined: var(--fill-danger-strong);
|
|
161
|
+
--checkbox-variant-outlined-hover-border: var(--fill-danger-strong-hover);
|
|
162
|
+
--checkbox-variant-outline-ring-color: var(--ring-danger);
|
|
163
|
+
--checkbox-variant-filled: var(--fill-danger-strong);
|
|
164
|
+
--checkbox-icon-color: var(--text-on-danger);
|
|
214
165
|
}
|
|
215
166
|
|
|
216
167
|
@keyframes checkBoxIn-yYID5l {
|
|
@@ -151,133 +151,66 @@
|
|
|
151
151
|
}
|
|
152
152
|
|
|
153
153
|
.primary-FIrC7m {
|
|
154
|
-
--input-variant-outlined-border: var(--primary
|
|
155
|
-
--input-variant-outlined-hover-border: var(--primary-
|
|
156
|
-
--input-variant-outline-ring-color: var(--primary
|
|
157
|
-
--input-variant-underlined-border: var(--primary
|
|
158
|
-
--input-variant-underlined-hover-border: var(--primary-
|
|
159
|
-
--input-variant-filled: var(--
|
|
154
|
+
--input-variant-outlined-border: var(--stroke-primary);
|
|
155
|
+
--input-variant-outlined-hover-border: var(--stroke-primary-hover);
|
|
156
|
+
--input-variant-outline-ring-color: var(--ring-primary);
|
|
157
|
+
--input-variant-underlined-border: var(--stroke-primary);
|
|
158
|
+
--input-variant-underlined-hover-border: var(--stroke-primary-hover);
|
|
159
|
+
--input-variant-filled: var(--fill-primary-weak);
|
|
160
160
|
}
|
|
161
161
|
|
|
162
162
|
.secondary-LmtH1h {
|
|
163
|
-
--input-variant-outlined-border: var(--secondary
|
|
164
|
-
--input-variant-outlined-hover-border: var(--secondary-
|
|
165
|
-
--input-variant-outline-ring-color: var(--secondary
|
|
166
|
-
--input-variant-underlined-border: var(--secondary
|
|
167
|
-
--input-variant-underlined-hover-border: var(--secondary-
|
|
168
|
-
--input-variant-filled: var(--
|
|
163
|
+
--input-variant-outlined-border: var(--stroke-secondary);
|
|
164
|
+
--input-variant-outlined-hover-border: var(--stroke-secondary-hover);
|
|
165
|
+
--input-variant-outline-ring-color: var(--ring-secondary);
|
|
166
|
+
--input-variant-underlined-border: var(--stroke-secondary);
|
|
167
|
+
--input-variant-underlined-hover-border: var(--stroke-secondary-hover);
|
|
168
|
+
--input-variant-filled: var(--fill-secondary-weak);
|
|
169
169
|
}
|
|
170
170
|
|
|
171
171
|
.noeffect-Kb93bb {
|
|
172
|
-
--input-variant-outlined-border: var(--
|
|
173
|
-
--input-variant-outlined-hover-border: var(--
|
|
174
|
-
--input-variant-outline-ring-color: var(--
|
|
175
|
-
--input-variant-underlined-border: var(--
|
|
176
|
-
--input-variant-underlined-hover-border: var(--
|
|
177
|
-
--input-variant-filled: var(--
|
|
172
|
+
--input-variant-outlined-border: var(--stroke-noeffect);
|
|
173
|
+
--input-variant-outlined-hover-border: var(--stroke-noeffect-hover);
|
|
174
|
+
--input-variant-outline-ring-color: var(--ring-noeffect);
|
|
175
|
+
--input-variant-underlined-border: var(--stroke-noeffect);
|
|
176
|
+
--input-variant-underlined-hover-border: var(--stroke-noeffect-hover);
|
|
177
|
+
--input-variant-filled: var(--fill-noeffect-weak);
|
|
178
178
|
}
|
|
179
179
|
|
|
180
180
|
.success-fNk168 {
|
|
181
|
-
--input-variant-outlined-border: var(--
|
|
182
|
-
--input-variant-outlined-hover-border: var(--
|
|
183
|
-
--input-variant-outline-ring-color: var(--
|
|
184
|
-
--input-variant-underlined-border: var(--
|
|
185
|
-
--input-variant-underlined-hover-border: var(--
|
|
186
|
-
--input-variant-filled: var(--
|
|
181
|
+
--input-variant-outlined-border: var(--stroke-success);
|
|
182
|
+
--input-variant-outlined-hover-border: var(--stroke-success-hover);
|
|
183
|
+
--input-variant-outline-ring-color: var(--ring-success);
|
|
184
|
+
--input-variant-underlined-border: var(--stroke-success);
|
|
185
|
+
--input-variant-underlined-hover-border: var(--stroke-success-hover);
|
|
186
|
+
--input-variant-filled: var(--fill-success-weak);
|
|
187
187
|
}
|
|
188
188
|
|
|
189
189
|
.info-_CXlQd {
|
|
190
|
-
--input-variant-outlined-border: var(--
|
|
191
|
-
--input-variant-outlined-hover-border: var(--
|
|
192
|
-
--input-variant-outline-ring-color: var(--
|
|
193
|
-
--input-variant-underlined-border: var(--
|
|
194
|
-
--input-variant-underlined-hover-border: var(--
|
|
195
|
-
--input-variant-filled: var(--
|
|
190
|
+
--input-variant-outlined-border: var(--stroke-info);
|
|
191
|
+
--input-variant-outlined-hover-border: var(--stroke-info-hover);
|
|
192
|
+
--input-variant-outline-ring-color: var(--ring-info);
|
|
193
|
+
--input-variant-underlined-border: var(--stroke-info);
|
|
194
|
+
--input-variant-underlined-hover-border: var(--stroke-info-hover);
|
|
195
|
+
--input-variant-filled: var(--fill-info-weak);
|
|
196
196
|
}
|
|
197
197
|
|
|
198
198
|
.warning-abMXZC {
|
|
199
|
-
--input-variant-outlined-border: var(--
|
|
200
|
-
--input-variant-outlined-hover-border: var(--
|
|
201
|
-
--input-variant-outline-ring-color: var(--
|
|
202
|
-
--input-variant-underlined-border: var(--
|
|
203
|
-
--input-variant-underlined-hover-border: var(--
|
|
204
|
-
--input-variant-filled: var(--
|
|
199
|
+
--input-variant-outlined-border: var(--stroke-warning);
|
|
200
|
+
--input-variant-outlined-hover-border: var(--stroke-warning-hover);
|
|
201
|
+
--input-variant-outline-ring-color: var(--ring-warning);
|
|
202
|
+
--input-variant-underlined-border: var(--stroke-warning);
|
|
203
|
+
--input-variant-underlined-hover-border: var(--stroke-warning-hover);
|
|
204
|
+
--input-variant-filled: var(--fill-warning-weak);
|
|
205
205
|
}
|
|
206
206
|
|
|
207
207
|
.danger-Q_LJPS {
|
|
208
|
-
--input-variant-outlined-border: var(--
|
|
209
|
-
--input-variant-outlined-hover-border: var(--
|
|
210
|
-
--input-variant-outline-ring-color: var(--
|
|
211
|
-
--input-variant-underlined-border: var(--
|
|
212
|
-
--input-variant-underlined-hover-border: var(--
|
|
213
|
-
--input-variant-filled: var(--
|
|
214
|
-
}
|
|
215
|
-
|
|
216
|
-
.dark .input-ZoQqR8:focus:not(:where([class~="not-dark"], [class~="not-dark"] *)), .dark .input-ZoQqR8:active:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
217
|
-
--ring-offset-color: var(--background);
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
.dark .primary-FIrC7m:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
221
|
-
--input-variant-outlined-border: var(--primary-200);
|
|
222
|
-
--input-variant-outlined-hover-border: var(--primary-100);
|
|
223
|
-
--input-variant-outline-ring-color: var(--primary-200);
|
|
224
|
-
--input-variant-underlined-border: var(--primary-200);
|
|
225
|
-
--input-variant-underlined-hover-border: var(--primary-100);
|
|
226
|
-
--input-variant-filled: var(--canvas-800);
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
.dark .secondary-LmtH1h:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
230
|
-
--input-variant-outlined-border: var(--secondary-600);
|
|
231
|
-
--input-variant-outlined-hover-border: var(--secondary-400);
|
|
232
|
-
--input-variant-outline-ring-color: var(--secondary-600);
|
|
233
|
-
--input-variant-underlined-border: var(--secondary-600);
|
|
234
|
-
--input-variant-underlined-hover-border: var(--secondary-400);
|
|
235
|
-
--input-variant-filled: var(--canvas-800);
|
|
236
|
-
}
|
|
237
|
-
|
|
238
|
-
.dark .noeffect-Kb93bb:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
239
|
-
--input-variant-outlined-border: var(--gray-500);
|
|
240
|
-
--input-variant-outlined-hover-border: var(--gray-300);
|
|
241
|
-
--input-variant-outline-ring-color: var(--gray-400);
|
|
242
|
-
--input-variant-underlined-border: var(--gray-500);
|
|
243
|
-
--input-variant-underlined-hover-border: var(--gray-300);
|
|
244
|
-
--input-variant-filled: var(--canvas-800);
|
|
245
|
-
}
|
|
246
|
-
|
|
247
|
-
.dark .success-fNk168:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
248
|
-
--input-variant-outlined-border: var(--green-500);
|
|
249
|
-
--input-variant-outlined-hover-border: var(--green-300);
|
|
250
|
-
--input-variant-outline-ring-color: var(--green-400);
|
|
251
|
-
--input-variant-underlined-border: var(--green-500);
|
|
252
|
-
--input-variant-underlined-hover-border: var(--green-300);
|
|
253
|
-
--input-variant-filled: var(--canvas-800);
|
|
254
|
-
}
|
|
255
|
-
|
|
256
|
-
.dark .info-_CXlQd:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
257
|
-
--input-variant-outlined-border: var(--blue-500);
|
|
258
|
-
--input-variant-outlined-hover-border: var(--blue-300);
|
|
259
|
-
--input-variant-outline-ring-color: var(--blue-400);
|
|
260
|
-
--input-variant-underlined-border: var(--blue-500);
|
|
261
|
-
--input-variant-underlined-hover-border: var(--blue-300);
|
|
262
|
-
--input-variant-filled: var(--canvas-800);
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
.dark .warning-abMXZC:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
266
|
-
--input-variant-outlined-border: var(--yellow-500);
|
|
267
|
-
--input-variant-outlined-hover-border: var(--yellow-300);
|
|
268
|
-
--input-variant-outline-ring-color: var(--yellow-400);
|
|
269
|
-
--input-variant-underlined-border: var(--yellow-500);
|
|
270
|
-
--input-variant-underlined-hover-border: var(--yellow-300);
|
|
271
|
-
--input-variant-filled: var(--canvas-800);
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
.dark .danger-Q_LJPS:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
275
|
-
--input-variant-outlined-border: var(--red-500);
|
|
276
|
-
--input-variant-outlined-hover-border: var(--red-300);
|
|
277
|
-
--input-variant-outline-ring-color: var(--red-400);
|
|
278
|
-
--input-variant-underlined-border: var(--red-500);
|
|
279
|
-
--input-variant-underlined-hover-border: var(--red-500);
|
|
280
|
-
--input-variant-filled: var(--canvas-800);
|
|
208
|
+
--input-variant-outlined-border: var(--stroke-danger);
|
|
209
|
+
--input-variant-outlined-hover-border: var(--stroke-danger-hover);
|
|
210
|
+
--input-variant-outline-ring-color: var(--ring-danger);
|
|
211
|
+
--input-variant-underlined-border: var(--stroke-danger);
|
|
212
|
+
--input-variant-underlined-hover-border: var(--stroke-danger-hover);
|
|
213
|
+
--input-variant-filled: var(--fill-danger-weak);
|
|
281
214
|
}
|
|
282
215
|
}
|
|
283
216
|
|
|
@@ -82,73 +82,38 @@
|
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
.primary-W2P_QT {
|
|
85
|
-
--radio-border: var(--primary-
|
|
86
|
-
--radio-indicator-color: var(--primary-
|
|
85
|
+
--radio-border: var(--fill-primary-strong);
|
|
86
|
+
--radio-indicator-color: var(--fill-primary-strong);
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
.secondary-PWYoVU {
|
|
90
|
-
--radio-border: var(--secondary-
|
|
91
|
-
--radio-indicator-color: var(--secondary-
|
|
90
|
+
--radio-border: var(--fill-secondary-strong);
|
|
91
|
+
--radio-indicator-color: var(--fill-secondary-strong);
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
.noeffect-In5gxi {
|
|
95
|
-
--radio-border: var(--
|
|
96
|
-
--radio-indicator-color: var(--
|
|
95
|
+
--radio-border: var(--fill-noeffect-strong);
|
|
96
|
+
--radio-indicator-color: var(--fill-noeffect-strong);
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
.success-R2Jb22 {
|
|
100
|
-
--radio-border: var(--
|
|
101
|
-
--radio-indicator-color: var(--
|
|
100
|
+
--radio-border: var(--fill-success-strong);
|
|
101
|
+
--radio-indicator-color: var(--fill-success-strong);
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
.info-A_p4DP {
|
|
105
|
-
--radio-border: var(--
|
|
106
|
-
--radio-indicator-color: var(--
|
|
105
|
+
--radio-border: var(--fill-info-strong);
|
|
106
|
+
--radio-indicator-color: var(--fill-info-strong);
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
.warning-MWFrsJ {
|
|
110
|
-
--radio-border: var(--
|
|
111
|
-
--radio-indicator-color: var(--
|
|
110
|
+
--radio-border: var(--fill-warning-strong);
|
|
111
|
+
--radio-indicator-color: var(--fill-warning-strong);
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
.danger-Lk8pek {
|
|
115
|
-
--radio-border: var(--
|
|
116
|
-
--radio-indicator-color: var(--
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.dark .primary-W2P_QT:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
120
|
-
--radio-border: var(--primary-300);
|
|
121
|
-
--radio-indicator-color: var(--primary-300);
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.dark .secondary-PWYoVU:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
125
|
-
--radio-border: var(--secondary-500);
|
|
126
|
-
--radio-indicator-color: var(--secondary-500);
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
.dark .noeffect-In5gxi:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
130
|
-
---radio-border: var(--gray-400);
|
|
131
|
-
--radio-indicator-color: var(--gray-400);
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
.dark .success-R2Jb22:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
135
|
-
--radio-border: var(--green-400);
|
|
136
|
-
--radio-indicator-color: var(--green-400);
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.dark .info-A_p4DP:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
140
|
-
--radio-border: var(--blue-400);
|
|
141
|
-
--radio-indicator-color: var(--blue-400);
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.dark .warning-MWFrsJ:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
145
|
-
--radio-border: var(--yellow-400);
|
|
146
|
-
--radio-indicator-color: var(--yellow-400);
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
.dark .danger-Lk8pek:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
|
|
150
|
-
--radio-border: var(--red-400);
|
|
151
|
-
--radio-indicator-color: var(--red-400);
|
|
115
|
+
--radio-border: var(--fill-danger-strong);
|
|
116
|
+
--radio-indicator-color: var(--fill-danger-strong);
|
|
152
117
|
}
|
|
153
118
|
|
|
154
119
|
@keyframes radioIn-L_nBcr {
|
package/dist/icons/close-icon.js
CHANGED
|
@@ -3,7 +3,7 @@ import classnames from "classnames";
|
|
|
3
3
|
import { IconElement } from "./icon-element.js";
|
|
4
4
|
import icons_module from "./icons.module.js";
|
|
5
5
|
const CloseIcon = ({ className, svgClassName, ...rest })=>{
|
|
6
|
-
const applied = classnames(icons_module["fill-
|
|
6
|
+
const applied = classnames(icons_module["fill-current"], svgClassName);
|
|
7
7
|
return /*#__PURE__*/ jsx(IconElement, {
|
|
8
8
|
className: classnames('close-icon', className),
|
|
9
9
|
...rest,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"copy-icon.d.ts","sourceRoot":"","sources":["../../src/icons/copy-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAIhD,eAAO,MAAM,QAAQ;2CAA0C,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;
|
|
1
|
+
{"version":3,"file":"copy-icon.d.ts","sourceRoot":"","sources":["../../src/icons/copy-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAIhD,eAAO,MAAM,QAAQ;2CAA0C,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAqB3F,CAAA"}
|
package/dist/icons/copy-icon.js
CHANGED
|
@@ -3,7 +3,7 @@ import classnames from "classnames";
|
|
|
3
3
|
import { IconElement } from "./icon-element.js";
|
|
4
4
|
import icons_module from "./icons.module.js";
|
|
5
5
|
const CopyIcon = ({ className, svgClassName, ...rest })=>{
|
|
6
|
-
const applied = classnames(icons_module["fill-
|
|
6
|
+
const applied = classnames(icons_module["fill-current"], svgClassName);
|
|
7
7
|
return /*#__PURE__*/ jsx(IconElement, {
|
|
8
8
|
className: classnames('copy-icon', className),
|
|
9
9
|
...rest,
|
package/dist/react.d.ts
CHANGED
|
@@ -38,7 +38,6 @@ export * from './components/section/section.js';
|
|
|
38
38
|
export * from './components/shimmer/shimmer.js';
|
|
39
39
|
export * from './components/table/table.js';
|
|
40
40
|
export * from './components/tabs/tabs.js';
|
|
41
|
-
export * from './components/timeline/timeline.js';
|
|
42
41
|
export * from './components/tooltip/tooltip.js';
|
|
43
42
|
export * from './icons/activity-icon.js';
|
|
44
43
|
export * from './icons/calendar-icon.js';
|
|
@@ -96,5 +95,6 @@ export * from './widgets/drawer/drawer.js';
|
|
|
96
95
|
export * from './widgets/drawer/drawer-context.js';
|
|
97
96
|
export * from './widgets/modal/modal.js';
|
|
98
97
|
export * from './widgets/search/search.js';
|
|
98
|
+
export * from './widgets/timeline/timeline.js';
|
|
99
99
|
export * from './widgets/datepicker/datepicker.js';
|
|
100
100
|
//# sourceMappingURL=react.d.ts.map
|
package/dist/react.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,cAAc,+BAA+B,CAAA;AAE7C,cAAc,qCAAqC,CAAA;AACnD,cAAc,wCAAwC,CAAA;AACtD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,qCAAqC,CAAA;AACnD,cAAc,wCAAwC,CAAA;AACtD,cAAc,oCAAoC,CAAA;AAClD,cAAc,oCAAoC,CAAA;AAClD,cAAc,mCAAmC,CAAA;AACjD,cAAc,2BAA2B,CAAA;AACzC,cAAc,qCAAqC,CAAA;AACnD,cAAc,mCAAmC,CAAA;AACjD,cAAc,qCAAqC,CAAA;AACnD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,sCAAsC,CAAA;AACpD,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uCAAuC,CAAA;AACrD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mCAAmC,CAAA;AACjD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qCAAqC,CAAA;AACnD,cAAc,qCAAqC,CAAA;AACnD,cAAc,kCAAkC,CAAA;AAChD,cAAc,yCAAyC,CAAA;AACvD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,iCAAiC,CAAA;AAC/C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,
|
|
1
|
+
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"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"}
|
package/dist/react.js
CHANGED
|
@@ -34,7 +34,6 @@ export * from "./components/section/section.js";
|
|
|
34
34
|
export * from "./components/shimmer/shimmer.js";
|
|
35
35
|
export * from "./components/table/table.js";
|
|
36
36
|
export * from "./components/tabs/tabs.js";
|
|
37
|
-
export * from "./components/timeline/timeline.js";
|
|
38
37
|
export * from "./components/tooltip/tooltip.js";
|
|
39
38
|
export * from "./icons/activity-icon.js";
|
|
40
39
|
export * from "./icons/calendar-icon.js";
|
|
@@ -92,4 +91,5 @@ export * from "./widgets/drawer/drawer.js";
|
|
|
92
91
|
export * from "./widgets/drawer/drawer-context.js";
|
|
93
92
|
export * from "./widgets/modal/modal.js";
|
|
94
93
|
export * from "./widgets/search/search.js";
|
|
94
|
+
export * from "./widgets/timeline/timeline.js";
|
|
95
95
|
export * from "./widgets/datepicker/datepicker.js";
|