@ttoss/theme 1.4.28 → 1.4.29
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-RLVY3LCM.js → chunk-NBEPUG6F.js} +22 -2
- package/dist/esm/index.js +1 -1
- package/dist/esm/themes/Bruttal/Bruttal.js +1 -1
- package/dist/index.js +22 -2
- package/dist/themes/Bruttal/Bruttal.js +22 -2
- package/package.json +2 -2
- package/src/themes/Bruttal/BruttalIcons.ts +2 -0
- package/src/themes/Bruttal/BruttalTheme.ts +19 -1
|
@@ -77,6 +77,7 @@ import chevronUpIcon from "@iconify/icons-carbon/chevron-up";
|
|
|
77
77
|
import closeFilledIcon from "@iconify/icons-carbon/close-filled";
|
|
78
78
|
import closeIcon from "@iconify/icons-carbon/close";
|
|
79
79
|
import copyIcon from "@iconify/icons-carbon/copy";
|
|
80
|
+
import downloadIcon from "@iconify/icons-carbon/download";
|
|
80
81
|
import editIcon from "@iconify/icons-carbon/edit";
|
|
81
82
|
import errorFilledIcon from "@iconify/icons-carbon/error-filled";
|
|
82
83
|
import informationFilledIcon from "@iconify/icons-carbon/information-filled";
|
|
@@ -121,6 +122,7 @@ addIcon("check", checkMarkIcon);
|
|
|
121
122
|
addIcon("check-mark", checkMarkOutlineIcon);
|
|
122
123
|
addIcon("close", closeIcon);
|
|
123
124
|
addIcon("copy", copyIcon);
|
|
125
|
+
addIcon("download", downloadIcon);
|
|
124
126
|
addIcon("edit", editIcon);
|
|
125
127
|
addIcon("delete", trashCanIcon);
|
|
126
128
|
addIcon("error", errorFilledIcon);
|
|
@@ -286,7 +288,7 @@ var BruttalTheme = {
|
|
|
286
288
|
space,
|
|
287
289
|
lineHeights,
|
|
288
290
|
colors: {
|
|
289
|
-
background: coreColors.
|
|
291
|
+
background: coreColors.complimentary,
|
|
290
292
|
text: coreColors.black,
|
|
291
293
|
muted: coreColors.gray200,
|
|
292
294
|
onMuted: coreColors.gray600,
|
|
@@ -346,7 +348,25 @@ var BruttalTheme = {
|
|
|
346
348
|
fontWeight: "normal",
|
|
347
349
|
fontSize: "base",
|
|
348
350
|
margin: 0,
|
|
349
|
-
padding: 0
|
|
351
|
+
padding: 0,
|
|
352
|
+
backgroundColor: "background",
|
|
353
|
+
/**
|
|
354
|
+
* HTML elements
|
|
355
|
+
*/
|
|
356
|
+
table: {
|
|
357
|
+
borderCollapse: "collapse"
|
|
358
|
+
},
|
|
359
|
+
th: {
|
|
360
|
+
paddingX: "md",
|
|
361
|
+
paddingY: "md"
|
|
362
|
+
},
|
|
363
|
+
tr: {
|
|
364
|
+
borderBottom: "default"
|
|
365
|
+
},
|
|
366
|
+
td: {
|
|
367
|
+
paddingX: "xl",
|
|
368
|
+
paddingY: "md"
|
|
369
|
+
}
|
|
350
370
|
},
|
|
351
371
|
a: {
|
|
352
372
|
color: "text",
|
package/dist/esm/index.js
CHANGED
package/dist/index.js
CHANGED
|
@@ -93,6 +93,7 @@ var import_chevron_up = __toESM(require("@iconify/icons-carbon/chevron-up"));
|
|
|
93
93
|
var import_close_filled = __toESM(require("@iconify/icons-carbon/close-filled"));
|
|
94
94
|
var import_close = __toESM(require("@iconify/icons-carbon/close"));
|
|
95
95
|
var import_copy = __toESM(require("@iconify/icons-carbon/copy"));
|
|
96
|
+
var import_download = __toESM(require("@iconify/icons-carbon/download"));
|
|
96
97
|
var import_edit = __toESM(require("@iconify/icons-carbon/edit"));
|
|
97
98
|
var import_error_filled = __toESM(require("@iconify/icons-carbon/error-filled"));
|
|
98
99
|
var import_information_filled = __toESM(require("@iconify/icons-carbon/information-filled"));
|
|
@@ -139,6 +140,7 @@ var subtractIcon = {
|
|
|
139
140
|
(0, import_react.addIcon)("check-mark", import_checkmark_outline.default);
|
|
140
141
|
(0, import_react.addIcon)("close", import_close.default);
|
|
141
142
|
(0, import_react.addIcon)("copy", import_copy.default);
|
|
143
|
+
(0, import_react.addIcon)("download", import_download.default);
|
|
142
144
|
(0, import_react.addIcon)("edit", import_edit.default);
|
|
143
145
|
(0, import_react.addIcon)("delete", import_trash_can.default);
|
|
144
146
|
(0, import_react.addIcon)("error", import_error_filled.default);
|
|
@@ -301,7 +303,7 @@ var BruttalTheme = {
|
|
|
301
303
|
space,
|
|
302
304
|
lineHeights,
|
|
303
305
|
colors: {
|
|
304
|
-
background: coreColors.
|
|
306
|
+
background: coreColors.complimentary,
|
|
305
307
|
text: coreColors.black,
|
|
306
308
|
muted: coreColors.gray200,
|
|
307
309
|
onMuted: coreColors.gray600,
|
|
@@ -361,7 +363,25 @@ var BruttalTheme = {
|
|
|
361
363
|
fontWeight: "normal",
|
|
362
364
|
fontSize: "base",
|
|
363
365
|
margin: 0,
|
|
364
|
-
padding: 0
|
|
366
|
+
padding: 0,
|
|
367
|
+
backgroundColor: "background",
|
|
368
|
+
/**
|
|
369
|
+
* HTML elements
|
|
370
|
+
*/
|
|
371
|
+
table: {
|
|
372
|
+
borderCollapse: "collapse"
|
|
373
|
+
},
|
|
374
|
+
th: {
|
|
375
|
+
paddingX: "md",
|
|
376
|
+
paddingY: "md"
|
|
377
|
+
},
|
|
378
|
+
tr: {
|
|
379
|
+
borderBottom: "default"
|
|
380
|
+
},
|
|
381
|
+
td: {
|
|
382
|
+
paddingX: "xl",
|
|
383
|
+
paddingY: "md"
|
|
384
|
+
}
|
|
365
385
|
},
|
|
366
386
|
a: {
|
|
367
387
|
color: "text",
|
|
@@ -94,6 +94,7 @@ var import_chevron_up = __toESM(require("@iconify/icons-carbon/chevron-up"));
|
|
|
94
94
|
var import_close_filled = __toESM(require("@iconify/icons-carbon/close-filled"));
|
|
95
95
|
var import_close = __toESM(require("@iconify/icons-carbon/close"));
|
|
96
96
|
var import_copy = __toESM(require("@iconify/icons-carbon/copy"));
|
|
97
|
+
var import_download = __toESM(require("@iconify/icons-carbon/download"));
|
|
97
98
|
var import_edit = __toESM(require("@iconify/icons-carbon/edit"));
|
|
98
99
|
var import_error_filled = __toESM(require("@iconify/icons-carbon/error-filled"));
|
|
99
100
|
var import_information_filled = __toESM(require("@iconify/icons-carbon/information-filled"));
|
|
@@ -140,6 +141,7 @@ var subtractIcon = {
|
|
|
140
141
|
(0, import_react.addIcon)("check-mark", import_checkmark_outline.default);
|
|
141
142
|
(0, import_react.addIcon)("close", import_close.default);
|
|
142
143
|
(0, import_react.addIcon)("copy", import_copy.default);
|
|
144
|
+
(0, import_react.addIcon)("download", import_download.default);
|
|
143
145
|
(0, import_react.addIcon)("edit", import_edit.default);
|
|
144
146
|
(0, import_react.addIcon)("delete", import_trash_can.default);
|
|
145
147
|
(0, import_react.addIcon)("error", import_error_filled.default);
|
|
@@ -305,7 +307,7 @@ var BruttalTheme = {
|
|
|
305
307
|
space,
|
|
306
308
|
lineHeights,
|
|
307
309
|
colors: {
|
|
308
|
-
background: coreColors.
|
|
310
|
+
background: coreColors.complimentary,
|
|
309
311
|
text: coreColors.black,
|
|
310
312
|
muted: coreColors.gray200,
|
|
311
313
|
onMuted: coreColors.gray600,
|
|
@@ -365,7 +367,25 @@ var BruttalTheme = {
|
|
|
365
367
|
fontWeight: "normal",
|
|
366
368
|
fontSize: "base",
|
|
367
369
|
margin: 0,
|
|
368
|
-
padding: 0
|
|
370
|
+
padding: 0,
|
|
371
|
+
backgroundColor: "background",
|
|
372
|
+
/**
|
|
373
|
+
* HTML elements
|
|
374
|
+
*/
|
|
375
|
+
table: {
|
|
376
|
+
borderCollapse: "collapse"
|
|
377
|
+
},
|
|
378
|
+
th: {
|
|
379
|
+
paddingX: "md",
|
|
380
|
+
paddingY: "md"
|
|
381
|
+
},
|
|
382
|
+
tr: {
|
|
383
|
+
borderBottom: "default"
|
|
384
|
+
},
|
|
385
|
+
td: {
|
|
386
|
+
paddingX: "xl",
|
|
387
|
+
paddingY: "md"
|
|
388
|
+
}
|
|
369
389
|
},
|
|
370
390
|
a: {
|
|
371
391
|
color: "text",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ttoss/theme",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.29",
|
|
4
4
|
"description": "Theme for packages.",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"author": "ttoss",
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
]
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "b14482e626119da6b065b28523b6668dbbcef585"
|
|
63
63
|
}
|
|
@@ -17,6 +17,7 @@ import chevronUpIcon from '@iconify/icons-carbon/chevron-up';
|
|
|
17
17
|
import closeFilledIcon from '@iconify/icons-carbon/close-filled';
|
|
18
18
|
import closeIcon from '@iconify/icons-carbon/close';
|
|
19
19
|
import copyIcon from '@iconify/icons-carbon/copy';
|
|
20
|
+
import downloadIcon from '@iconify/icons-carbon/download';
|
|
20
21
|
import editIcon from '@iconify/icons-carbon/edit';
|
|
21
22
|
import errorFilledIcon from '@iconify/icons-carbon/error-filled';
|
|
22
23
|
import informationFilledIcon from '@iconify/icons-carbon/information-filled';
|
|
@@ -67,6 +68,7 @@ addIcon('check', checkMarkIcon);
|
|
|
67
68
|
addIcon('check-mark', checkMarkOutlineIcon);
|
|
68
69
|
addIcon('close', closeIcon);
|
|
69
70
|
addIcon('copy', copyIcon);
|
|
71
|
+
addIcon('download', downloadIcon);
|
|
70
72
|
addIcon('edit', editIcon);
|
|
71
73
|
addIcon('delete', trashCanIcon);
|
|
72
74
|
addIcon('error', errorFilledIcon);
|
|
@@ -72,7 +72,7 @@ export const BruttalTheme: Theme = {
|
|
|
72
72
|
space,
|
|
73
73
|
lineHeights,
|
|
74
74
|
colors: {
|
|
75
|
-
background: coreColors.
|
|
75
|
+
background: coreColors.complimentary,
|
|
76
76
|
text: coreColors.black,
|
|
77
77
|
muted: coreColors.gray200,
|
|
78
78
|
onMuted: coreColors.gray600,
|
|
@@ -133,6 +133,24 @@ export const BruttalTheme: Theme = {
|
|
|
133
133
|
fontSize: 'base',
|
|
134
134
|
margin: 0,
|
|
135
135
|
padding: 0,
|
|
136
|
+
backgroundColor: 'background',
|
|
137
|
+
/**
|
|
138
|
+
* HTML elements
|
|
139
|
+
*/
|
|
140
|
+
table: {
|
|
141
|
+
borderCollapse: 'collapse',
|
|
142
|
+
},
|
|
143
|
+
th: {
|
|
144
|
+
paddingX: 'md',
|
|
145
|
+
paddingY: 'md',
|
|
146
|
+
},
|
|
147
|
+
tr: {
|
|
148
|
+
borderBottom: 'default',
|
|
149
|
+
},
|
|
150
|
+
td: {
|
|
151
|
+
paddingX: 'xl',
|
|
152
|
+
paddingY: 'md',
|
|
153
|
+
},
|
|
136
154
|
},
|
|
137
155
|
a: {
|
|
138
156
|
color: 'text',
|