@terraware/web-components 1.0.52 → 1.0.54
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.
|
@@ -15,6 +15,16 @@
|
|
|
15
15
|
cursor: pointer;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
+
&:focus {
|
|
19
|
+
outline: $tw-sz-btn-stroke solid $tw-clr-brdr-focus;
|
|
20
|
+
outline-offset: 2px;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
&:disabled {
|
|
25
|
+
opacity: $tw-opcty-semantic-off;
|
|
26
|
+
}
|
|
27
|
+
|
|
18
28
|
&--small {
|
|
19
29
|
height: $tw-sz-btn-small-height;
|
|
20
30
|
font-size: $tw-fnt-btn-label-small-font-size;
|
|
@@ -26,20 +36,6 @@
|
|
|
26
36
|
calc(#{$tw-sz-btn-small-height}/ 2);
|
|
27
37
|
border-radius: calc(#{$tw-sz-btn-small-height} / 2);
|
|
28
38
|
|
|
29
|
-
&:focus {
|
|
30
|
-
&:after {
|
|
31
|
-
content: '';
|
|
32
|
-
display: block;
|
|
33
|
-
position: absolute;
|
|
34
|
-
top: calc(#{-$tw-sz-btn-stroke} * 2);
|
|
35
|
-
bottom: calc(#{-$tw-sz-btn-stroke} * 2);
|
|
36
|
-
left: calc(#{-$tw-sz-btn-stroke} * 2);
|
|
37
|
-
right: calc(#{-$tw-sz-btn-stroke} * 2);
|
|
38
|
-
border-radius: calc(#{$tw-sz-btn-small-height + $tw-sz-btn-stroke * 4} / 2);
|
|
39
|
-
border: $tw-sz-btn-stroke solid $tw-clr-brdr-focus;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
|
|
43
39
|
&.button-with-icon {
|
|
44
40
|
padding-left: calc(
|
|
45
41
|
(#{$tw-sz-btn-small-height} / 2) - (((#{$tw-sz-btn-small-height} - #{$tw-fnt-btn-label-small-line-height}) / 2))
|
|
@@ -69,19 +65,6 @@
|
|
|
69
65
|
calc(#{$tw-sz-btn-medium-height}/ 2);
|
|
70
66
|
border-radius: calc(#{$tw-sz-btn-medium-height} / 2);
|
|
71
67
|
|
|
72
|
-
&:focus {
|
|
73
|
-
&:after {
|
|
74
|
-
content: '';
|
|
75
|
-
display: block;
|
|
76
|
-
position: absolute;
|
|
77
|
-
top: calc(#{-$tw-sz-btn-stroke} * 2);
|
|
78
|
-
bottom: calc(#{-$tw-sz-btn-stroke} * 2);
|
|
79
|
-
left: calc(#{-$tw-sz-btn-stroke} * 2);
|
|
80
|
-
right: calc(#{-$tw-sz-btn-stroke} * 2);
|
|
81
|
-
border-radius: calc(#{$tw-sz-btn-medium-height + $tw-sz-btn-stroke * 4} / 2);
|
|
82
|
-
border: $tw-sz-btn-stroke solid $tw-clr-brdr-focus;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
68
|
&.button-with-icon {
|
|
86
69
|
padding-left: calc(
|
|
87
70
|
(#{$tw-sz-btn-medium-height} / 2) -
|
|
@@ -111,19 +94,6 @@
|
|
|
111
94
|
calc(#{$tw-sz-btn-large-height}/ 2);
|
|
112
95
|
border-radius: calc(#{$tw-sz-btn-large-height} / 2);
|
|
113
96
|
|
|
114
|
-
&:focus {
|
|
115
|
-
&:after {
|
|
116
|
-
content: '';
|
|
117
|
-
display: block;
|
|
118
|
-
position: absolute;
|
|
119
|
-
top: calc(#{-$tw-sz-btn-stroke} * 2);
|
|
120
|
-
bottom: calc(#{-$tw-sz-btn-stroke} * 2);
|
|
121
|
-
left: calc(#{-$tw-sz-btn-stroke} * 2);
|
|
122
|
-
right: calc(#{-$tw-sz-btn-stroke} * 2);
|
|
123
|
-
border-radius: calc(#{$tw-sz-btn-large-height + $tw-sz-btn-stroke * 4} / 2);
|
|
124
|
-
border: $tw-sz-btn-stroke solid $tw-clr-brdr-focus;
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
97
|
&.button-with-icon {
|
|
128
98
|
padding-left: calc(
|
|
129
99
|
(#{$tw-sz-btn-large-height} / 2) - (((#{$tw-sz-btn-large-height} - #{$tw-fnt-btn-label-large-line-height}) / 2))
|
|
@@ -152,19 +122,6 @@
|
|
|
152
122
|
calc(#{$tw-sz-btn-x-large-height}/ 2);
|
|
153
123
|
border-radius: calc(#{$tw-sz-btn-x-large-height} / 2);
|
|
154
124
|
|
|
155
|
-
&:focus {
|
|
156
|
-
&:after {
|
|
157
|
-
content: '';
|
|
158
|
-
display: block;
|
|
159
|
-
position: absolute;
|
|
160
|
-
top: calc(#{-$tw-sz-btn-stroke} * 2);
|
|
161
|
-
bottom: calc(#{-$tw-sz-btn-stroke} * 2);
|
|
162
|
-
left: calc(#{-$tw-sz-btn-stroke} * 2);
|
|
163
|
-
right: calc(#{-$tw-sz-btn-stroke} * 2);
|
|
164
|
-
border-radius: calc(#{$tw-sz-btn-x-large-height + $tw-sz-btn-stroke * 4} / 2);
|
|
165
|
-
border: $tw-sz-btn-stroke solid $tw-clr-brdr-focus;
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
125
|
&.button-with-icon {
|
|
169
126
|
padding-left: calc(
|
|
170
127
|
(#{$tw-sz-btn-x-large-height} / 2) -
|
|
@@ -194,51 +151,35 @@
|
|
|
194
151
|
color: $tw-clr-txt-on-brand;
|
|
195
152
|
|
|
196
153
|
svg {
|
|
197
|
-
fill: $tw-clr-
|
|
154
|
+
fill: $tw-clr-icn-on-brand;
|
|
198
155
|
}
|
|
199
156
|
|
|
200
157
|
&:hover {
|
|
201
|
-
background: $tw-clr-bg-brand-hover;
|
|
158
|
+
background-color: $tw-clr-bg-brand-hover;
|
|
202
159
|
}
|
|
203
160
|
|
|
204
161
|
&:active {
|
|
205
162
|
background-color: $tw-clr-bg-brand-active;
|
|
206
163
|
}
|
|
207
164
|
|
|
208
|
-
&:disabled {
|
|
209
|
-
background-color: rgba($tw-clr-bg-brand, 0.4);
|
|
210
|
-
color: rgba($tw-clr-txt-on-brand, 0.4);
|
|
211
|
-
svg {
|
|
212
|
-
fill: rgba($tw-clr-txt-on-brand, 0.4);
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
165
|
}
|
|
216
166
|
|
|
217
167
|
.productive-secondary {
|
|
218
168
|
background-color: $tw-clr-bg-brand-ghost;
|
|
219
169
|
color: $tw-clr-txt-brand;
|
|
220
170
|
svg {
|
|
221
|
-
fill: $tw-clr-
|
|
171
|
+
fill: $tw-clr-icn-brand;
|
|
222
172
|
}
|
|
223
173
|
|
|
224
174
|
border: $tw-sz-btn-stroke solid $tw-clr-brdr-brand;
|
|
225
175
|
&:hover {
|
|
226
|
-
background: $tw-clr-bg-brand-ghost-hover;
|
|
176
|
+
background-color: $tw-clr-bg-brand-ghost-hover;
|
|
227
177
|
}
|
|
228
178
|
|
|
229
179
|
&:active {
|
|
230
180
|
background-color: $tw-clr-bg-brand-ghost-active;
|
|
231
181
|
}
|
|
232
182
|
|
|
233
|
-
&:focus {
|
|
234
|
-
&:after {
|
|
235
|
-
top: calc((#{-$tw-sz-btn-stroke} * 2) + #{-$tw-sz-btn-stroke});
|
|
236
|
-
bottom: calc((#{-$tw-sz-btn-stroke} * 2) + #{-$tw-sz-btn-stroke});
|
|
237
|
-
left: calc((#{-$tw-sz-btn-stroke} * 2) + #{-$tw-sz-btn-stroke});
|
|
238
|
-
right: calc((#{-$tw-sz-btn-stroke} * 2) + #{-$tw-sz-btn-stroke});
|
|
239
|
-
}
|
|
240
|
-
}
|
|
241
|
-
|
|
242
183
|
&--small {
|
|
243
184
|
padding: calc(
|
|
244
185
|
(#{$tw-sz-btn-small-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-small-line-height}) / 2
|
|
@@ -298,73 +239,39 @@
|
|
|
298
239
|
}
|
|
299
240
|
}
|
|
300
241
|
}
|
|
301
|
-
|
|
302
|
-
&:disabled {
|
|
303
|
-
background-color: rgba($tw-clr-bg-brand-ghost, 0.4);
|
|
304
|
-
border: $tw-sz-btn-stroke solid rgba($tw-clr-brdr-brand, 0.4);
|
|
305
|
-
color: rgba($tw-clr-txt-brand, 0.4);
|
|
306
|
-
svg {
|
|
307
|
-
fill: rgba($tw-clr-txt-brand, 0.4);
|
|
308
|
-
}
|
|
309
|
-
}
|
|
310
242
|
}
|
|
311
243
|
|
|
312
244
|
.passive-primary {
|
|
313
245
|
background-color: $tw-clr-bg-tertiary;
|
|
314
246
|
color: $tw-clr-txt;
|
|
315
247
|
svg {
|
|
316
|
-
fill: $tw-clr-
|
|
248
|
+
fill: $tw-clr-icn;
|
|
317
249
|
}
|
|
318
250
|
&:hover {
|
|
319
|
-
background: $tw-clr-bg-tertiary-hover;
|
|
251
|
+
background-color: $tw-clr-bg-tertiary-hover;
|
|
320
252
|
}
|
|
321
253
|
|
|
322
254
|
&:active {
|
|
323
255
|
background-color: $tw-clr-bg-tertiary-active;
|
|
324
256
|
}
|
|
325
257
|
|
|
326
|
-
&:disabled {
|
|
327
|
-
background-color: rgba($tw-clr-bg-tertiary, 0.4);
|
|
328
|
-
color: rgba($tw-clr-txt, 0.4);
|
|
329
|
-
svg {
|
|
330
|
-
fill: rgba($tw-clr-txt, 0.4);
|
|
331
|
-
}
|
|
332
|
-
}
|
|
333
258
|
}
|
|
334
259
|
|
|
335
260
|
.passive-secondary {
|
|
336
261
|
background-color: $tw-clr-bg-ghost;
|
|
337
262
|
color: $tw-clr-txt;
|
|
338
263
|
svg {
|
|
339
|
-
fill: $tw-clr-
|
|
264
|
+
fill: $tw-clr-icn;
|
|
340
265
|
}
|
|
341
266
|
border: $tw-sz-btn-stroke solid $tw-clr-brdr;
|
|
342
267
|
&:hover {
|
|
343
|
-
background: $tw-clr-bg-ghost-hover;
|
|
268
|
+
background-color: $tw-clr-bg-ghost-hover;
|
|
344
269
|
}
|
|
345
270
|
|
|
346
271
|
&:active {
|
|
347
272
|
background-color: $tw-clr-bg-ghost-active;
|
|
348
273
|
}
|
|
349
274
|
|
|
350
|
-
&:focus {
|
|
351
|
-
&:after {
|
|
352
|
-
top: calc((#{-$tw-sz-btn-stroke} * 2) + #{-$tw-sz-btn-stroke});
|
|
353
|
-
bottom: calc((#{-$tw-sz-btn-stroke} * 2) + #{-$tw-sz-btn-stroke});
|
|
354
|
-
left: calc((#{-$tw-sz-btn-stroke} * 2) + #{-$tw-sz-btn-stroke});
|
|
355
|
-
right: calc((#{-$tw-sz-btn-stroke} * 2) + #{-$tw-sz-btn-stroke});
|
|
356
|
-
}
|
|
357
|
-
}
|
|
358
|
-
|
|
359
|
-
&:disabled {
|
|
360
|
-
background-color: rgba($tw-clr-bg-ghost, 0.4);
|
|
361
|
-
border: $tw-sz-btn-stroke solid rgba($tw-clr-brdr, 0.4);
|
|
362
|
-
color: rgba($tw-clr-txt, 0.4);
|
|
363
|
-
svg {
|
|
364
|
-
fill: rgba($tw-clr-txt, 0.4);
|
|
365
|
-
}
|
|
366
|
-
}
|
|
367
|
-
|
|
368
275
|
&--small {
|
|
369
276
|
padding: calc(
|
|
370
277
|
(#{$tw-sz-btn-small-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-small-line-height}) / 2
|
|
@@ -398,58 +305,33 @@
|
|
|
398
305
|
background-color: $tw-clr-bg-danger;
|
|
399
306
|
color: $tw-clr-txt-on-danger;
|
|
400
307
|
svg {
|
|
401
|
-
fill: $tw-clr-
|
|
308
|
+
fill: $tw-clr-icn-on-danger;
|
|
402
309
|
}
|
|
403
310
|
&:hover {
|
|
404
|
-
background: $tw-clr-bg-danger-hover;
|
|
311
|
+
background-color: $tw-clr-bg-danger-hover;
|
|
405
312
|
}
|
|
406
313
|
|
|
407
314
|
&:active {
|
|
408
315
|
background-color: $tw-clr-bg-danger-active;
|
|
409
316
|
}
|
|
410
317
|
|
|
411
|
-
&:disabled {
|
|
412
|
-
background-color: rgba($tw-clr-bg-danger, 0.4);
|
|
413
|
-
color: rgba($tw-clr-txt-on-danger, 0.4);
|
|
414
|
-
svg {
|
|
415
|
-
fill: rgba($tw-clr-txt-on-danger, 0.4);
|
|
416
|
-
}
|
|
417
|
-
}
|
|
418
318
|
}
|
|
419
319
|
|
|
420
320
|
.destructive-secondary {
|
|
421
321
|
background-color: $tw-clr-bg-danger-ghost;
|
|
422
322
|
color: $tw-clr-txt-danger;
|
|
423
323
|
svg {
|
|
424
|
-
fill: $tw-clr-
|
|
324
|
+
fill: $tw-clr-icn-danger;
|
|
425
325
|
}
|
|
426
326
|
border: $tw-sz-btn-stroke solid $tw-clr-brdr-danger;
|
|
427
327
|
&:hover {
|
|
428
|
-
background: $tw-clr-bg-danger-ghost-hover;
|
|
328
|
+
background-color: $tw-clr-bg-danger-ghost-hover;
|
|
429
329
|
}
|
|
430
330
|
|
|
431
331
|
&:active {
|
|
432
332
|
background-color: $tw-clr-bg-danger-ghost-active;
|
|
433
333
|
}
|
|
434
334
|
|
|
435
|
-
&:disabled {
|
|
436
|
-
background-color: rgba($tw-clr-bg-danger-ghost, 0.4);
|
|
437
|
-
border: $tw-sz-btn-stroke solid rgba($tw-clr-brdr-danger, 0.4);
|
|
438
|
-
color: rgba($tw-clr-txt-danger, 0.4);
|
|
439
|
-
svg {
|
|
440
|
-
fill: rgba($tw-clr-txt-danger, 0.4);
|
|
441
|
-
}
|
|
442
|
-
}
|
|
443
|
-
|
|
444
|
-
&:focus {
|
|
445
|
-
&:after {
|
|
446
|
-
top: calc((#{-$tw-sz-btn-stroke} * 2) + #{-$tw-sz-btn-stroke});
|
|
447
|
-
bottom: calc((#{-$tw-sz-btn-stroke} * 2) + #{-$tw-sz-btn-stroke});
|
|
448
|
-
left: calc((#{-$tw-sz-btn-stroke} * 2) + #{-$tw-sz-btn-stroke});
|
|
449
|
-
right: calc((#{-$tw-sz-btn-stroke} * 2) + #{-$tw-sz-btn-stroke});
|
|
450
|
-
}
|
|
451
|
-
}
|
|
452
|
-
|
|
453
335
|
&--small {
|
|
454
336
|
padding: calc(
|
|
455
337
|
(#{$tw-sz-btn-small-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-small-line-height}) / 2
|
|
@@ -49,7 +49,7 @@ function Message(props) {
|
|
|
49
49
|
className: "tw-message--main-body"
|
|
50
50
|
}, title && /*#__PURE__*/_react.default.createElement("div", {
|
|
51
51
|
className: "tw-message--title-container"
|
|
52
|
-
}, /*#__PURE__*/_react.default.createElement("
|
|
52
|
+
}, /*#__PURE__*/_react.default.createElement("h4", null, title)), /*#__PURE__*/_react.default.createElement("p", null, body), type === 'page' && pageButtons && pageButtons.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
|
53
53
|
className: "tw-message--actions-container"
|
|
54
54
|
}, pageButtons === null || pageButtons === void 0 ? void 0 : pageButtons.map(function (pageButton, index) {
|
|
55
55
|
var pageButtonWithKey = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, pageButton), {}, {
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
.tw-message {
|
|
11
11
|
&.tw-message--page {
|
|
12
|
-
width:
|
|
12
|
+
width: 100%;
|
|
13
13
|
&.tw-message--container {
|
|
14
14
|
margin: $tw-spc-base-small 0;
|
|
15
15
|
}
|
|
@@ -20,13 +20,17 @@
|
|
|
20
20
|
|
|
21
21
|
border-radius: $tw-sz-base-x-small;
|
|
22
22
|
display: flex;
|
|
23
|
-
|
|
24
23
|
width: 480px;
|
|
25
24
|
|
|
26
25
|
&.tw-message--mobile {
|
|
27
26
|
width: 100%;
|
|
28
27
|
}
|
|
29
28
|
|
|
29
|
+
&.tw-message--toast {
|
|
30
|
+
background-color: $tw-clr-bg;
|
|
31
|
+
box-shadow: 0 $tw-sz-base-x-small $tw-sz-base-small 0 rgba($tw-clr-base-gray-800, $tw-opcty-base-020);
|
|
32
|
+
}
|
|
33
|
+
|
|
30
34
|
&--container {
|
|
31
35
|
margin: $tw-spc-base-small;
|
|
32
36
|
display: flex;
|
|
@@ -34,22 +38,22 @@
|
|
|
34
38
|
width: 100%;
|
|
35
39
|
}
|
|
36
40
|
&--title-container {
|
|
37
|
-
|
|
41
|
+
h4 {
|
|
38
42
|
font-family: $tw-fnt-mssg-title-font-family;
|
|
39
43
|
font-size: $tw-fnt-mssg-title-font-size;
|
|
40
44
|
font-weight: $tw-fnt-mssg-title-font-weight;
|
|
41
45
|
line-height: $tw-fnt-mssg-title-line-height;
|
|
42
46
|
color: $tw-clr-txt;
|
|
43
47
|
padding: 0;
|
|
44
|
-
margin: 0 0 $tw-spc-base-x-small
|
|
48
|
+
margin: 0 0 $tw-spc-base-x-small;
|
|
45
49
|
}
|
|
46
50
|
}
|
|
47
51
|
|
|
48
52
|
&--main-content {
|
|
49
53
|
display: flex;
|
|
50
54
|
width: 100%;
|
|
51
|
-
|
|
52
|
-
|
|
55
|
+
|
|
56
|
+
p {
|
|
53
57
|
font-family: $tw-fnt-mssg-body-font-family;
|
|
54
58
|
font-size: $tw-fnt-mssg-body-font-size;
|
|
55
59
|
font-weight: $tw-fnt-mssg-body-font-weight;
|
|
@@ -94,6 +98,7 @@
|
|
|
94
98
|
}
|
|
95
99
|
|
|
96
100
|
&--left-side {
|
|
101
|
+
border-radius: ($tw-sz-base-x-small - 1) 0 0 ($tw-sz-base-x-small - 1);
|
|
97
102
|
padding: $tw-spc-base-small $tw-spc-base-small 0 $tw-spc-base-small;
|
|
98
103
|
.left-side--icon {
|
|
99
104
|
fill: $tw-clr-icn-inverse;
|
|
@@ -124,77 +129,77 @@
|
|
|
124
129
|
}
|
|
125
130
|
|
|
126
131
|
&--info {
|
|
132
|
+
border: 1px solid $tw-clr-brdr-info;
|
|
133
|
+
|
|
127
134
|
&.tw-message--page {
|
|
128
|
-
border: 1px solid $tw-clr-
|
|
135
|
+
border: 1px solid $tw-clr-brdr-info;
|
|
129
136
|
background-color: $tw-clr-bg-info-tertiary;
|
|
130
137
|
.main-content--icon {
|
|
131
|
-
fill:$tw-clr-
|
|
138
|
+
fill:$tw-clr-icn-info;
|
|
132
139
|
}
|
|
133
140
|
}
|
|
134
|
-
border: 1px solid $tw-clr-icn-secondary;
|
|
135
|
-
&.tw-message--toast {
|
|
136
|
-
box-shadow: 0 2px $tw-clr-icn-secondary;
|
|
137
|
-
}
|
|
138
141
|
.tw-message--left-side {
|
|
139
|
-
background-color: $tw-clr-
|
|
142
|
+
background-color: $tw-clr-bg-info;
|
|
140
143
|
}
|
|
144
|
+
.left-side--icon {
|
|
145
|
+
fill: $tw-clr-icn-on-info;
|
|
146
|
+
}
|
|
141
147
|
}
|
|
142
148
|
|
|
143
149
|
&--critical {
|
|
150
|
+
border: 1px solid $tw-clr-brdr-danger;
|
|
151
|
+
|
|
144
152
|
&.tw-message--page {
|
|
145
|
-
border: 1px solid $tw-clr-
|
|
153
|
+
border: 1px solid $tw-clr-brdr-danger;
|
|
146
154
|
background-color: $tw-clr-bg-danger-tertiary;
|
|
147
155
|
|
|
148
156
|
.main-content--icon {
|
|
149
|
-
fill: $tw-clr-
|
|
157
|
+
fill: $tw-clr-icn-danger;
|
|
150
158
|
}
|
|
151
159
|
}
|
|
152
|
-
border: 1px solid $tw-clr-icn-danger;
|
|
153
|
-
&.tw-message--toast {
|
|
154
|
-
box-shadow: 0 2px $tw-clr-icn-danger;
|
|
155
|
-
}
|
|
156
160
|
.tw-message--left-side {
|
|
157
|
-
background-color: $tw-clr-
|
|
161
|
+
background-color: $tw-clr-bg-danger;
|
|
158
162
|
}
|
|
159
|
-
|
|
163
|
+
.left-side--icon {
|
|
164
|
+
fill: $tw-clr-icn-on-danger;
|
|
165
|
+
}
|
|
166
|
+
}
|
|
160
167
|
|
|
161
168
|
&--warning {
|
|
169
|
+
border: 1px solid $tw-clr-brdr-warning;
|
|
170
|
+
|
|
162
171
|
&.tw-message--page {
|
|
163
|
-
border: 1px solid $tw-clr-
|
|
172
|
+
border: 1px solid $tw-clr-brdr-warning;
|
|
164
173
|
background-color: $tw-clr-bg-warning-tertiary;
|
|
165
174
|
|
|
166
175
|
.main-content--icon {
|
|
167
|
-
fill: $tw-clr-
|
|
176
|
+
fill: $tw-clr-icn-warning;
|
|
168
177
|
}
|
|
169
178
|
}
|
|
170
|
-
border: 1px solid $tw-clr-icn-warning;
|
|
171
|
-
&.tw-message--toast {
|
|
172
|
-
box-shadow: 0 2px $tw-clr-icn-warning;
|
|
173
|
-
}
|
|
174
179
|
.tw-message--left-side {
|
|
175
|
-
background-color: $tw-clr-
|
|
180
|
+
background-color: $tw-clr-bg-warning;
|
|
181
|
+
}
|
|
182
|
+
.left-side--icon {
|
|
183
|
+
fill: $tw-clr-icn-on-warning;
|
|
176
184
|
}
|
|
177
185
|
}
|
|
178
186
|
|
|
179
187
|
&--success {
|
|
188
|
+
border: 1px solid $tw-clr-brdr-success;
|
|
189
|
+
|
|
180
190
|
&.tw-message--page {
|
|
181
|
-
border: 1px solid $tw-clr-
|
|
191
|
+
border: 1px solid $tw-clr-brdr-success;
|
|
182
192
|
background-color: $tw-clr-bg-success-tertiary;
|
|
183
193
|
|
|
184
194
|
.main-content--icon {
|
|
185
|
-
fill: $tw-clr-
|
|
195
|
+
fill: $tw-clr-icn-success;
|
|
186
196
|
}
|
|
187
197
|
}
|
|
188
|
-
border: 1px solid $tw-clr-icn-success;
|
|
189
|
-
&.tw-message--toast {
|
|
190
|
-
box-shadow: 0 2px $tw-clr-icn-success;
|
|
191
|
-
}
|
|
192
198
|
.tw-message--left-side {
|
|
193
|
-
background-color: $tw-clr-
|
|
199
|
+
background-color: $tw-clr-bg-success;
|
|
200
|
+
}
|
|
201
|
+
.left-side--icon {
|
|
202
|
+
fill: $tw-clr-icn-on-success;
|
|
194
203
|
}
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
&.tw-message--toast {
|
|
198
|
-
background-color: $tw-clr-base-white;
|
|
199
204
|
}
|
|
200
205
|
}
|
|
@@ -13,10 +13,14 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
|
|
|
13
13
|
|
|
14
14
|
var _material = require("@mui/material");
|
|
15
15
|
|
|
16
|
-
var _react = require("react");
|
|
16
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
17
17
|
|
|
18
18
|
var _styles = require("@mui/styles");
|
|
19
19
|
|
|
20
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
+
|
|
22
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
+
|
|
20
24
|
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
21
25
|
return {
|
|
22
26
|
arrow: {
|
|
@@ -131,19 +135,19 @@ function TextTruncated(props) {
|
|
|
131
135
|
}
|
|
132
136
|
|
|
133
137
|
var textToDisplay = computeFromStringList(stringList, maxExcludingSuffix);
|
|
134
|
-
return /*#__PURE__*/
|
|
138
|
+
return /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
135
139
|
sx: textStyle
|
|
136
|
-
}, textToDisplay.text, textToDisplay.numberMore !== 0 ? moreSeparator : '', textToDisplay.numberMore !== 0 ? /*#__PURE__*/
|
|
140
|
+
}, textToDisplay.text, textToDisplay.numberMore !== 0 ? moreSeparator : '', textToDisplay.numberMore !== 0 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
|
|
137
141
|
arrow: true,
|
|
138
142
|
classes: {
|
|
139
143
|
arrow: classes.arrow,
|
|
140
144
|
tooltip: classes.tooltip
|
|
141
145
|
},
|
|
142
146
|
open: showAllOpen,
|
|
143
|
-
title: /*#__PURE__*/
|
|
147
|
+
title: /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
144
148
|
sx: showAllStyle
|
|
145
149
|
}, stringList.join(', '))
|
|
146
|
-
}, /*#__PURE__*/
|
|
150
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Link, {
|
|
147
151
|
component: "button",
|
|
148
152
|
onClick: function onClick() {
|
|
149
153
|
return setShowAllOpen(!showAllOpen);
|
|
@@ -151,7 +155,7 @@ function TextTruncated(props) {
|
|
|
151
155
|
onBlur: function onBlur() {
|
|
152
156
|
return setShowAllOpen(false);
|
|
153
157
|
}
|
|
154
|
-
}, /*#__PURE__*/
|
|
158
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
155
159
|
sx: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, textStyle), {}, {
|
|
156
160
|
marginTop: '-3px'
|
|
157
161
|
})
|
package/license-report.html
CHANGED
|
@@ -45,6 +45,6 @@ th, td {
|
|
|
45
45
|
padding: 15px;
|
|
46
46
|
}
|
|
47
47
|
</style>
|
|
48
|
-
<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.16.0</td><td class="string">2.15.0</td><td class="string">^2.14.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.16.
|
|
48
|
+
<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.16.0</td><td class="string">2.15.0</td><td class="string">^2.14.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.16.1</td><td class="string">2.10.11</td><td class="string">^2.10.11</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.0.5</td><td class="string">6.0.5</td><td class="string">^6.0.5</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.1</td><td class="string">7.0.1</td><td class="string">^7.0.1</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.10.5</td><td class="string">11.10.0</td><td class="string">^11.9.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.9</td><td class="string">5.8.4</td><td class="string">^5.8.4</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.12</td><td class="string">5.10.1</td><td class="string">^5.8.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/styles</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.10</td><td class="string">5.9.3</td><td class="string">^5.8.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/mui-x.git</td><td class="string">5.0.6</td><td class="string">5.0.0-beta.6</td><td class="string">^5.0.0-alpha.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.3.2</td><td class="string">2.3.1</td><td class="string">^2.3.1</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/date-fns/date-fns.git</td><td class="string">2.29.3</td><td class="string">2.29.2</td><td class="string">^2.28.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment.git</td><td class="string">2.29.4</td><td class="string">2.29.1</td><td class="string">^2.29.1</td><td class="string">Iskren Ivov Chernev <iskren.chernev@gmail.com> (https://github.com/ichernev)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">moment-timezone</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment-timezone.git</td><td class="string">0.5.38</td><td class="string">0.5.37</td><td class="string">^0.5.37</td><td class="string">Tim Wood <washwithcare@gmail.com> (http://timwoodcreates.com/)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-dom</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.0</td><td class="string">9.0.0-beta.10</td><td class="string">^9.0.0-beta.6</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-sortable-hoc</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/react-sortable-hoc.git</td><td class="string">2.0.0</td><td class="string">2.0.0</td><td class="string">^2.0.0</td><td class="string">Clauderic Demers me@ced.io</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.55.0</td><td class="string">1.35.1</td><td class="string">^1.35.1</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.4.2</td><td class="string">1.4.2</td><td class="string">^1.4.2</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">1.1.2</td><td class="string">1.1.2</td><td class="string">^1.0.1</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
|
|
49
49
|
</body>
|
|
50
50
|
</html>
|