@ttoss/theme 1.4.13 → 1.4.14
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/dist/esm/{chunk-STTOSDFS.js → chunk-B45SPZIW.js} +18 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/themes/Bruttal/Bruttal.js +1 -1
- package/dist/index.js +18 -1
- package/dist/themes/Bruttal/Bruttal.js +18 -1
- package/package.json +2 -2
- package/src/themes/Bruttal/BruttalIcons.ts +2 -1
- package/src/themes/Bruttal/BruttalTheme.ts +16 -0
|
@@ -12,6 +12,7 @@ import chevronLeftIcon from "@iconify/icons-carbon/chevron-left";
|
|
|
12
12
|
import chevronRightIcon from "@iconify/icons-carbon/chevron-right";
|
|
13
13
|
import chevronUpIcon from "@iconify/icons-carbon/chevron-up";
|
|
14
14
|
import closeFilledIcon from "@iconify/icons-carbon/close-filled";
|
|
15
|
+
import closeIcon from "@iconify/icons-carbon/close";
|
|
15
16
|
import copyIcon from "@iconify/icons-carbon/copy";
|
|
16
17
|
import errorFilledIcon from "@iconify/icons-carbon/error-filled";
|
|
17
18
|
import informationFilledIcon from "@iconify/icons-carbon/information-filled";
|
|
@@ -39,7 +40,7 @@ addIcon("calendar", calendarIcon);
|
|
|
39
40
|
addIcon("checkbox-checked", checkboxCheckedFilled);
|
|
40
41
|
addIcon("checkbox-indeterminate", checkboxIndeterminateFilledIcon);
|
|
41
42
|
addIcon("checkbox-unchecked", checkboxIcon);
|
|
42
|
-
addIcon("close",
|
|
43
|
+
addIcon("close", closeIcon);
|
|
43
44
|
addIcon("copy", copyIcon);
|
|
44
45
|
addIcon("delete", trashCanIcon);
|
|
45
46
|
addIcon("error", errorFilledIcon);
|
|
@@ -362,6 +363,22 @@ var BruttalTheme = {
|
|
|
362
363
|
danger: {
|
|
363
364
|
color: "onDanger",
|
|
364
365
|
backgroundColor: "danger"
|
|
366
|
+
},
|
|
367
|
+
closeButton: {
|
|
368
|
+
backgroundColor: "transparent",
|
|
369
|
+
color: "text",
|
|
370
|
+
fontSize: "xs",
|
|
371
|
+
display: "inline-flex",
|
|
372
|
+
alignItems: "center",
|
|
373
|
+
cursor: "pointer",
|
|
374
|
+
":disabled": {
|
|
375
|
+
color: "muted",
|
|
376
|
+
cursor: "not-allowed"
|
|
377
|
+
},
|
|
378
|
+
":is(:focus-within, :hover):not(:disabled)": {
|
|
379
|
+
color: "accent",
|
|
380
|
+
outlineColor: "transparent"
|
|
381
|
+
}
|
|
365
382
|
}
|
|
366
383
|
},
|
|
367
384
|
cards: {
|
package/dist/esm/index.js
CHANGED
package/dist/index.js
CHANGED
|
@@ -54,6 +54,7 @@ var import_chevron_left = __toESM(require("@iconify/icons-carbon/chevron-left"))
|
|
|
54
54
|
var import_chevron_right = __toESM(require("@iconify/icons-carbon/chevron-right"));
|
|
55
55
|
var import_chevron_up = __toESM(require("@iconify/icons-carbon/chevron-up"));
|
|
56
56
|
var import_close_filled = __toESM(require("@iconify/icons-carbon/close-filled"));
|
|
57
|
+
var import_close = __toESM(require("@iconify/icons-carbon/close"));
|
|
57
58
|
var import_copy = __toESM(require("@iconify/icons-carbon/copy"));
|
|
58
59
|
var import_error_filled = __toESM(require("@iconify/icons-carbon/error-filled"));
|
|
59
60
|
var import_information_filled = __toESM(require("@iconify/icons-carbon/information-filled"));
|
|
@@ -81,7 +82,7 @@ var replicateIcon = {
|
|
|
81
82
|
(0, import_react.addIcon)("checkbox-checked", import_checkbox_checked_filled.default);
|
|
82
83
|
(0, import_react.addIcon)("checkbox-indeterminate", import_checkbox_indeterminate_filled.default);
|
|
83
84
|
(0, import_react.addIcon)("checkbox-unchecked", import_checkbox.default);
|
|
84
|
-
(0, import_react.addIcon)("close",
|
|
85
|
+
(0, import_react.addIcon)("close", import_close.default);
|
|
85
86
|
(0, import_react.addIcon)("copy", import_copy.default);
|
|
86
87
|
(0, import_react.addIcon)("delete", import_trash_can.default);
|
|
87
88
|
(0, import_react.addIcon)("error", import_error_filled.default);
|
|
@@ -401,6 +402,22 @@ var BruttalTheme = {
|
|
|
401
402
|
danger: {
|
|
402
403
|
color: "onDanger",
|
|
403
404
|
backgroundColor: "danger"
|
|
405
|
+
},
|
|
406
|
+
closeButton: {
|
|
407
|
+
backgroundColor: "transparent",
|
|
408
|
+
color: "text",
|
|
409
|
+
fontSize: "xs",
|
|
410
|
+
display: "inline-flex",
|
|
411
|
+
alignItems: "center",
|
|
412
|
+
cursor: "pointer",
|
|
413
|
+
":disabled": {
|
|
414
|
+
color: "muted",
|
|
415
|
+
cursor: "not-allowed"
|
|
416
|
+
},
|
|
417
|
+
":is(:focus-within, :hover):not(:disabled)": {
|
|
418
|
+
color: "accent",
|
|
419
|
+
outlineColor: "transparent"
|
|
420
|
+
}
|
|
404
421
|
}
|
|
405
422
|
},
|
|
406
423
|
cards: {
|
|
@@ -55,6 +55,7 @@ var import_chevron_left = __toESM(require("@iconify/icons-carbon/chevron-left"))
|
|
|
55
55
|
var import_chevron_right = __toESM(require("@iconify/icons-carbon/chevron-right"));
|
|
56
56
|
var import_chevron_up = __toESM(require("@iconify/icons-carbon/chevron-up"));
|
|
57
57
|
var import_close_filled = __toESM(require("@iconify/icons-carbon/close-filled"));
|
|
58
|
+
var import_close = __toESM(require("@iconify/icons-carbon/close"));
|
|
58
59
|
var import_copy = __toESM(require("@iconify/icons-carbon/copy"));
|
|
59
60
|
var import_error_filled = __toESM(require("@iconify/icons-carbon/error-filled"));
|
|
60
61
|
var import_information_filled = __toESM(require("@iconify/icons-carbon/information-filled"));
|
|
@@ -82,7 +83,7 @@ var replicateIcon = {
|
|
|
82
83
|
(0, import_react.addIcon)("checkbox-checked", import_checkbox_checked_filled.default);
|
|
83
84
|
(0, import_react.addIcon)("checkbox-indeterminate", import_checkbox_indeterminate_filled.default);
|
|
84
85
|
(0, import_react.addIcon)("checkbox-unchecked", import_checkbox.default);
|
|
85
|
-
(0, import_react.addIcon)("close",
|
|
86
|
+
(0, import_react.addIcon)("close", import_close.default);
|
|
86
87
|
(0, import_react.addIcon)("copy", import_copy.default);
|
|
87
88
|
(0, import_react.addIcon)("delete", import_trash_can.default);
|
|
88
89
|
(0, import_react.addIcon)("error", import_error_filled.default);
|
|
@@ -405,6 +406,22 @@ var BruttalTheme = {
|
|
|
405
406
|
danger: {
|
|
406
407
|
color: "onDanger",
|
|
407
408
|
backgroundColor: "danger"
|
|
409
|
+
},
|
|
410
|
+
closeButton: {
|
|
411
|
+
backgroundColor: "transparent",
|
|
412
|
+
color: "text",
|
|
413
|
+
fontSize: "xs",
|
|
414
|
+
display: "inline-flex",
|
|
415
|
+
alignItems: "center",
|
|
416
|
+
cursor: "pointer",
|
|
417
|
+
":disabled": {
|
|
418
|
+
color: "muted",
|
|
419
|
+
cursor: "not-allowed"
|
|
420
|
+
},
|
|
421
|
+
":is(:focus-within, :hover):not(:disabled)": {
|
|
422
|
+
color: "accent",
|
|
423
|
+
outlineColor: "transparent"
|
|
424
|
+
}
|
|
408
425
|
}
|
|
409
426
|
},
|
|
410
427
|
cards: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ttoss/theme",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.14",
|
|
4
4
|
"description": "Theme for packages.",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"author": "ttoss",
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
]
|
|
54
54
|
}
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "f7ce64308917a032fdd64066b00d26f12702ef83"
|
|
57
57
|
}
|
|
@@ -9,6 +9,7 @@ import chevronLeftIcon from '@iconify/icons-carbon/chevron-left';
|
|
|
9
9
|
import chevronRightIcon from '@iconify/icons-carbon/chevron-right';
|
|
10
10
|
import chevronUpIcon from '@iconify/icons-carbon/chevron-up';
|
|
11
11
|
import closeFilledIcon from '@iconify/icons-carbon/close-filled';
|
|
12
|
+
import closeIcon from '@iconify/icons-carbon/close';
|
|
12
13
|
import copyIcon from '@iconify/icons-carbon/copy';
|
|
13
14
|
import errorFilledIcon from '@iconify/icons-carbon/error-filled';
|
|
14
15
|
import informationFilledIcon from '@iconify/icons-carbon/information-filled';
|
|
@@ -39,7 +40,7 @@ addIcon('calendar', calendarIcon);
|
|
|
39
40
|
addIcon('checkbox-checked', checkboxCheckedFilled);
|
|
40
41
|
addIcon('checkbox-indeterminate', checkboxIndeterminateFilledIcon);
|
|
41
42
|
addIcon('checkbox-unchecked', checkboxIcon);
|
|
42
|
-
addIcon('close',
|
|
43
|
+
addIcon('close', closeIcon);
|
|
43
44
|
addIcon('copy', copyIcon);
|
|
44
45
|
addIcon('delete', trashCanIcon);
|
|
45
46
|
addIcon('error', errorFilledIcon);
|
|
@@ -252,6 +252,22 @@ export const BruttalTheme: Theme = {
|
|
|
252
252
|
color: 'onDanger',
|
|
253
253
|
backgroundColor: 'danger',
|
|
254
254
|
},
|
|
255
|
+
closeButton: {
|
|
256
|
+
backgroundColor: 'transparent',
|
|
257
|
+
color: 'text',
|
|
258
|
+
fontSize: 'xs',
|
|
259
|
+
display: 'inline-flex',
|
|
260
|
+
alignItems: 'center',
|
|
261
|
+
cursor: 'pointer',
|
|
262
|
+
':disabled': {
|
|
263
|
+
color: 'muted',
|
|
264
|
+
cursor: 'not-allowed',
|
|
265
|
+
},
|
|
266
|
+
':is(:focus-within, :hover):not(:disabled)': {
|
|
267
|
+
color: 'accent',
|
|
268
|
+
outlineColor: 'transparent',
|
|
269
|
+
},
|
|
270
|
+
},
|
|
255
271
|
},
|
|
256
272
|
cards: {
|
|
257
273
|
primary: {
|