@ttoss/theme 1.6.2 → 1.6.4
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-VJD5ERJC.js → chunk-CWZZPM3U.js} +7 -5
- package/dist/esm/index.js +1 -1
- package/dist/esm/themes/Bruttal/Bruttal.js +1 -1
- package/dist/index.js +7 -5
- package/dist/themes/Bruttal/Bruttal.js +7 -5
- package/package.json +1 -1
- package/src/themes/Bruttal/BruttalIcons.ts +2 -0
- package/src/themes/Bruttal/BruttalTheme.ts +5 -5
|
@@ -103,6 +103,7 @@ import editIcon from "@iconify/icons-carbon/edit";
|
|
|
103
103
|
import emailIcon from "@iconify/icons-carbon/email";
|
|
104
104
|
import errorFilledIcon from "@iconify/icons-carbon/error-filled";
|
|
105
105
|
import informationFilledIcon from "@iconify/icons-carbon/information-filled";
|
|
106
|
+
import languageIcon from "@iconify/icons-carbon/language";
|
|
106
107
|
import menuIcon from "@iconify/icons-carbon/menu";
|
|
107
108
|
import pasteIcon from "@iconify/icons-carbon/paste";
|
|
108
109
|
import radioButtonCheckedIcon from "@iconify/icons-carbon/radio-button-checked";
|
|
@@ -153,6 +154,7 @@ addIcon("email", emailIcon);
|
|
|
153
154
|
addIcon("delete", trashCanIcon);
|
|
154
155
|
addIcon("error", errorFilledIcon);
|
|
155
156
|
addIcon("info", informationFilledIcon);
|
|
157
|
+
addIcon("language", languageIcon);
|
|
156
158
|
addIcon("loading", import_loading.default);
|
|
157
159
|
addIcon("menu-open", menuIcon);
|
|
158
160
|
addIcon("open-link", arrowUpRightIcon);
|
|
@@ -803,7 +805,7 @@ var BruttalTheme = {
|
|
|
803
805
|
backgroundColor: "muted",
|
|
804
806
|
color: "onMuted"
|
|
805
807
|
},
|
|
806
|
-
":disabled ~ span:has(iconify-icon)": {
|
|
808
|
+
":disabled ~ * > span:has(iconify-icon)": {
|
|
807
809
|
color: "onMuted"
|
|
808
810
|
},
|
|
809
811
|
'&[aria-invalid="true"]': {
|
|
@@ -811,7 +813,7 @@ var BruttalTheme = {
|
|
|
811
813
|
borderColor: "danger",
|
|
812
814
|
outlineColor: "danger"
|
|
813
815
|
},
|
|
814
|
-
'&[aria-invalid="true"] ~ span.error-icon': {
|
|
816
|
+
'&[aria-invalid="true"] ~ * > span.error-icon': {
|
|
815
817
|
color: "danger"
|
|
816
818
|
}
|
|
817
819
|
},
|
|
@@ -881,7 +883,7 @@ var BruttalTheme = {
|
|
|
881
883
|
},
|
|
882
884
|
h1: {
|
|
883
885
|
fontFamily: "contrast",
|
|
884
|
-
fontWeight: "
|
|
886
|
+
fontWeight: "extrabold",
|
|
885
887
|
lineHeight: "base",
|
|
886
888
|
fontSize: "3xl",
|
|
887
889
|
letterSpacing: "regular"
|
|
@@ -902,14 +904,14 @@ var BruttalTheme = {
|
|
|
902
904
|
},
|
|
903
905
|
h4: {
|
|
904
906
|
fontFamily: "contrast",
|
|
905
|
-
fontWeight: "
|
|
907
|
+
fontWeight: "semibold",
|
|
906
908
|
lineHeight: "base",
|
|
907
909
|
fontSize: "lg",
|
|
908
910
|
letterSpacing: "regular"
|
|
909
911
|
},
|
|
910
912
|
h5: {
|
|
911
913
|
fontFamily: "contrast",
|
|
912
|
-
fontWeight: "
|
|
914
|
+
fontWeight: "semibold",
|
|
913
915
|
lineHeight: "base",
|
|
914
916
|
fontSize: "base",
|
|
915
917
|
letterSpacing: "regular"
|
package/dist/esm/index.js
CHANGED
package/dist/index.js
CHANGED
|
@@ -118,6 +118,7 @@ var import_edit = __toESM(require("@iconify/icons-carbon/edit"));
|
|
|
118
118
|
var import_email = __toESM(require("@iconify/icons-carbon/email"));
|
|
119
119
|
var import_error_filled = __toESM(require("@iconify/icons-carbon/error-filled"));
|
|
120
120
|
var import_information_filled = __toESM(require("@iconify/icons-carbon/information-filled"));
|
|
121
|
+
var import_language = __toESM(require("@iconify/icons-carbon/language"));
|
|
121
122
|
var import_loading = __toESM(require_loading());
|
|
122
123
|
var import_menu = __toESM(require("@iconify/icons-carbon/menu"));
|
|
123
124
|
var import_paste = __toESM(require("@iconify/icons-carbon/paste"));
|
|
@@ -171,6 +172,7 @@ var subtractIcon = {
|
|
|
171
172
|
(0, import_react_icons.addIcon)("delete", import_trash_can.default);
|
|
172
173
|
(0, import_react_icons.addIcon)("error", import_error_filled.default);
|
|
173
174
|
(0, import_react_icons.addIcon)("info", import_information_filled.default);
|
|
175
|
+
(0, import_react_icons.addIcon)("language", import_language.default);
|
|
174
176
|
(0, import_react_icons.addIcon)("loading", import_loading.default);
|
|
175
177
|
(0, import_react_icons.addIcon)("menu-open", import_menu.default);
|
|
176
178
|
(0, import_react_icons.addIcon)("open-link", import_arrow_up_right.default);
|
|
@@ -818,7 +820,7 @@ var BruttalTheme = {
|
|
|
818
820
|
backgroundColor: "muted",
|
|
819
821
|
color: "onMuted"
|
|
820
822
|
},
|
|
821
|
-
":disabled ~ span:has(iconify-icon)": {
|
|
823
|
+
":disabled ~ * > span:has(iconify-icon)": {
|
|
822
824
|
color: "onMuted"
|
|
823
825
|
},
|
|
824
826
|
'&[aria-invalid="true"]': {
|
|
@@ -826,7 +828,7 @@ var BruttalTheme = {
|
|
|
826
828
|
borderColor: "danger",
|
|
827
829
|
outlineColor: "danger"
|
|
828
830
|
},
|
|
829
|
-
'&[aria-invalid="true"] ~ span.error-icon': {
|
|
831
|
+
'&[aria-invalid="true"] ~ * > span.error-icon': {
|
|
830
832
|
color: "danger"
|
|
831
833
|
}
|
|
832
834
|
},
|
|
@@ -896,7 +898,7 @@ var BruttalTheme = {
|
|
|
896
898
|
},
|
|
897
899
|
h1: {
|
|
898
900
|
fontFamily: "contrast",
|
|
899
|
-
fontWeight: "
|
|
901
|
+
fontWeight: "extrabold",
|
|
900
902
|
lineHeight: "base",
|
|
901
903
|
fontSize: "3xl",
|
|
902
904
|
letterSpacing: "regular"
|
|
@@ -917,14 +919,14 @@ var BruttalTheme = {
|
|
|
917
919
|
},
|
|
918
920
|
h4: {
|
|
919
921
|
fontFamily: "contrast",
|
|
920
|
-
fontWeight: "
|
|
922
|
+
fontWeight: "semibold",
|
|
921
923
|
lineHeight: "base",
|
|
922
924
|
fontSize: "lg",
|
|
923
925
|
letterSpacing: "regular"
|
|
924
926
|
},
|
|
925
927
|
h5: {
|
|
926
928
|
fontFamily: "contrast",
|
|
927
|
-
fontWeight: "
|
|
929
|
+
fontWeight: "semibold",
|
|
928
930
|
lineHeight: "base",
|
|
929
931
|
fontSize: "base",
|
|
930
932
|
letterSpacing: "regular"
|
|
@@ -119,6 +119,7 @@ var import_edit = __toESM(require("@iconify/icons-carbon/edit"));
|
|
|
119
119
|
var import_email = __toESM(require("@iconify/icons-carbon/email"));
|
|
120
120
|
var import_error_filled = __toESM(require("@iconify/icons-carbon/error-filled"));
|
|
121
121
|
var import_information_filled = __toESM(require("@iconify/icons-carbon/information-filled"));
|
|
122
|
+
var import_language = __toESM(require("@iconify/icons-carbon/language"));
|
|
122
123
|
var import_loading = __toESM(require_loading());
|
|
123
124
|
var import_menu = __toESM(require("@iconify/icons-carbon/menu"));
|
|
124
125
|
var import_paste = __toESM(require("@iconify/icons-carbon/paste"));
|
|
@@ -172,6 +173,7 @@ var subtractIcon = {
|
|
|
172
173
|
(0, import_react_icons.addIcon)("delete", import_trash_can.default);
|
|
173
174
|
(0, import_react_icons.addIcon)("error", import_error_filled.default);
|
|
174
175
|
(0, import_react_icons.addIcon)("info", import_information_filled.default);
|
|
176
|
+
(0, import_react_icons.addIcon)("language", import_language.default);
|
|
175
177
|
(0, import_react_icons.addIcon)("loading", import_loading.default);
|
|
176
178
|
(0, import_react_icons.addIcon)("menu-open", import_menu.default);
|
|
177
179
|
(0, import_react_icons.addIcon)("open-link", import_arrow_up_right.default);
|
|
@@ -822,7 +824,7 @@ var BruttalTheme = {
|
|
|
822
824
|
backgroundColor: "muted",
|
|
823
825
|
color: "onMuted"
|
|
824
826
|
},
|
|
825
|
-
":disabled ~ span:has(iconify-icon)": {
|
|
827
|
+
":disabled ~ * > span:has(iconify-icon)": {
|
|
826
828
|
color: "onMuted"
|
|
827
829
|
},
|
|
828
830
|
'&[aria-invalid="true"]': {
|
|
@@ -830,7 +832,7 @@ var BruttalTheme = {
|
|
|
830
832
|
borderColor: "danger",
|
|
831
833
|
outlineColor: "danger"
|
|
832
834
|
},
|
|
833
|
-
'&[aria-invalid="true"] ~ span.error-icon': {
|
|
835
|
+
'&[aria-invalid="true"] ~ * > span.error-icon': {
|
|
834
836
|
color: "danger"
|
|
835
837
|
}
|
|
836
838
|
},
|
|
@@ -900,7 +902,7 @@ var BruttalTheme = {
|
|
|
900
902
|
},
|
|
901
903
|
h1: {
|
|
902
904
|
fontFamily: "contrast",
|
|
903
|
-
fontWeight: "
|
|
905
|
+
fontWeight: "extrabold",
|
|
904
906
|
lineHeight: "base",
|
|
905
907
|
fontSize: "3xl",
|
|
906
908
|
letterSpacing: "regular"
|
|
@@ -921,14 +923,14 @@ var BruttalTheme = {
|
|
|
921
923
|
},
|
|
922
924
|
h4: {
|
|
923
925
|
fontFamily: "contrast",
|
|
924
|
-
fontWeight: "
|
|
926
|
+
fontWeight: "semibold",
|
|
925
927
|
lineHeight: "base",
|
|
926
928
|
fontSize: "lg",
|
|
927
929
|
letterSpacing: "regular"
|
|
928
930
|
},
|
|
929
931
|
h5: {
|
|
930
932
|
fontFamily: "contrast",
|
|
931
|
-
fontWeight: "
|
|
933
|
+
fontWeight: "semibold",
|
|
932
934
|
lineHeight: "base",
|
|
933
935
|
fontSize: "base",
|
|
934
936
|
letterSpacing: "regular"
|
package/package.json
CHANGED
|
@@ -23,6 +23,7 @@ import editIcon from '@iconify/icons-carbon/edit';
|
|
|
23
23
|
import emailIcon from '@iconify/icons-carbon/email';
|
|
24
24
|
import errorFilledIcon from '@iconify/icons-carbon/error-filled';
|
|
25
25
|
import informationFilledIcon from '@iconify/icons-carbon/information-filled';
|
|
26
|
+
import languageIcon from '@iconify/icons-carbon/language';
|
|
26
27
|
import loadingIcon from '@iconify/icons-eos-icons/loading';
|
|
27
28
|
import menuIcon from '@iconify/icons-carbon/menu';
|
|
28
29
|
import pasteIcon from '@iconify/icons-carbon/paste';
|
|
@@ -79,6 +80,7 @@ addIcon('email', emailIcon);
|
|
|
79
80
|
addIcon('delete', trashCanIcon);
|
|
80
81
|
addIcon('error', errorFilledIcon);
|
|
81
82
|
addIcon('info', informationFilledIcon);
|
|
83
|
+
addIcon('language', languageIcon);
|
|
82
84
|
addIcon('loading', loadingIcon);
|
|
83
85
|
addIcon('menu-open', menuIcon);
|
|
84
86
|
addIcon('open-link', arrowUpRightIcon);
|
|
@@ -454,7 +454,7 @@ export const BruttalTheme: Theme = {
|
|
|
454
454
|
backgroundColor: 'muted',
|
|
455
455
|
color: 'onMuted',
|
|
456
456
|
},
|
|
457
|
-
':disabled ~ span:has(iconify-icon)': {
|
|
457
|
+
':disabled ~ * > span:has(iconify-icon)': {
|
|
458
458
|
color: 'onMuted',
|
|
459
459
|
},
|
|
460
460
|
'&[aria-invalid="true"]': {
|
|
@@ -462,7 +462,7 @@ export const BruttalTheme: Theme = {
|
|
|
462
462
|
borderColor: 'danger',
|
|
463
463
|
outlineColor: 'danger',
|
|
464
464
|
},
|
|
465
|
-
'&[aria-invalid="true"] ~ span.error-icon': {
|
|
465
|
+
'&[aria-invalid="true"] ~ * > span.error-icon': {
|
|
466
466
|
color: 'danger',
|
|
467
467
|
},
|
|
468
468
|
},
|
|
@@ -532,7 +532,7 @@ export const BruttalTheme: Theme = {
|
|
|
532
532
|
},
|
|
533
533
|
h1: {
|
|
534
534
|
fontFamily: 'contrast',
|
|
535
|
-
fontWeight: '
|
|
535
|
+
fontWeight: 'extrabold',
|
|
536
536
|
lineHeight: 'base',
|
|
537
537
|
fontSize: '3xl',
|
|
538
538
|
letterSpacing: 'regular',
|
|
@@ -553,14 +553,14 @@ export const BruttalTheme: Theme = {
|
|
|
553
553
|
},
|
|
554
554
|
h4: {
|
|
555
555
|
fontFamily: 'contrast',
|
|
556
|
-
fontWeight: '
|
|
556
|
+
fontWeight: 'semibold',
|
|
557
557
|
lineHeight: 'base',
|
|
558
558
|
fontSize: 'lg',
|
|
559
559
|
letterSpacing: 'regular',
|
|
560
560
|
},
|
|
561
561
|
h5: {
|
|
562
562
|
fontFamily: 'contrast',
|
|
563
|
-
fontWeight: '
|
|
563
|
+
fontWeight: 'semibold',
|
|
564
564
|
lineHeight: 'base',
|
|
565
565
|
fontSize: 'base',
|
|
566
566
|
letterSpacing: 'regular',
|