@sankhyalabs/ez-design 4.1.0 → 4.2.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/dist/default/ez-themed.css +59 -0
- package/dist/default/ez-themed.min.css +1 -1
- package/dist/default/icons/fonts/ez-icons.css +6 -6
- package/dist/default/icons/fonts/ez-icons.eot +0 -0
- package/dist/default/icons/fonts/ez-icons.less +6 -6
- package/dist/default/icons/fonts/ez-icons.module.less +6 -6
- package/dist/default/icons/fonts/ez-icons.scss +6 -6
- package/dist/default/icons/fonts/ez-icons.styl +6 -6
- package/dist/default/icons/fonts/ez-icons.ttf +0 -0
- package/dist/default/icons/fonts/ez-icons.woff +0 -0
- package/dist/default/icons/fonts/ez-icons.woff2 +0 -0
- package/dist/default/icons/fonts/unicode.html +4 -4
- package/package.json +1 -1
|
@@ -56,6 +56,7 @@
|
|
|
56
56
|
--color--error-900: #99000F;
|
|
57
57
|
--color--warning: #f2d410;
|
|
58
58
|
--color--warning-200: #FDF8D8;
|
|
59
|
+
--color--warning-900: #efb103;
|
|
59
60
|
--color--alert-warning-200: #FFF7D5;
|
|
60
61
|
--color--alert-warning-900: #8C6B00;
|
|
61
62
|
--color-alert--cold-50: #E1E9FF;
|
|
@@ -120,6 +121,16 @@
|
|
|
120
121
|
--space--medium: 12px;
|
|
121
122
|
--space--large: 24px;
|
|
122
123
|
--space--extra-large: 48px;
|
|
124
|
+
--space--nano: 2px;
|
|
125
|
+
--space--3xs: 4px;
|
|
126
|
+
--space--2xs: 8px;
|
|
127
|
+
--space--xs: 12px;
|
|
128
|
+
--space--sm: 16px;
|
|
129
|
+
--space--md: 20px;
|
|
130
|
+
--space--lg: 24px;
|
|
131
|
+
--space--xl: 32px;
|
|
132
|
+
--space--2xl: 40px;
|
|
133
|
+
--space--3xl: 48px;
|
|
123
134
|
--visible: 1;
|
|
124
135
|
--more-visible: 2;
|
|
125
136
|
--most-visible: 3;
|
|
@@ -1058,6 +1069,54 @@ body {
|
|
|
1058
1069
|
font-size: 14px;
|
|
1059
1070
|
font-weight: 600; }
|
|
1060
1071
|
|
|
1072
|
+
.ez-badge--primary-solid {
|
|
1073
|
+
--ez-badge--background-color: var(--color--primary);
|
|
1074
|
+
--ez-badge--color: var(--text--inverted); }
|
|
1075
|
+
|
|
1076
|
+
.ez-badge--primary-subtle {
|
|
1077
|
+
--ez-badge--background-color: var(--color--primary-300);
|
|
1078
|
+
--ez-badge--color: var(--color--primary); }
|
|
1079
|
+
|
|
1080
|
+
.ez-badge--secondary-solid {
|
|
1081
|
+
--ez-badge--background-color: var(--color--secondary);
|
|
1082
|
+
--ez-badge--color: var(--text--inverted); }
|
|
1083
|
+
|
|
1084
|
+
.ez-badge--secondary-subtle {
|
|
1085
|
+
--ez-badge--background-color: var(--color--disable-secondary);
|
|
1086
|
+
--ez-badge--color: var(--color--secondary); }
|
|
1087
|
+
|
|
1088
|
+
.ez-badge--success-solid {
|
|
1089
|
+
--ez-badge--background-color: var(--color-alert--success-800);
|
|
1090
|
+
--ez-badge--color: var(--text--inverted); }
|
|
1091
|
+
|
|
1092
|
+
.ez-badge--success-subtle {
|
|
1093
|
+
--ez-badge--background-color: var(--color-alert--success-50);
|
|
1094
|
+
--ez-badge--color: var(--color-alert--success-800); }
|
|
1095
|
+
|
|
1096
|
+
.ez-badge--warning-solid {
|
|
1097
|
+
--ez-badge--background-color: var(--color--warning-900);
|
|
1098
|
+
--ez-badge--color: var(--title--primary); }
|
|
1099
|
+
|
|
1100
|
+
.ez-badge--warning-subtle {
|
|
1101
|
+
--ez-badge--background-color: var(--color--alert-warning-200);
|
|
1102
|
+
--ez-badge--color: var(--color--alert-warning-900); }
|
|
1103
|
+
|
|
1104
|
+
.ez-badge--error-solid {
|
|
1105
|
+
--ez-badge--background-color: var(--color-alert--error-800);
|
|
1106
|
+
--ez-badge--color: var(--text--inverted); }
|
|
1107
|
+
|
|
1108
|
+
.ez-badge--error-subtle {
|
|
1109
|
+
--ez-badge--background-color: var(--color--error-200);
|
|
1110
|
+
--ez-badge--color: var(--color-alert--error-800); }
|
|
1111
|
+
|
|
1112
|
+
.ez-badge--disabled-solid, .ez-badge--disabled-subtle {
|
|
1113
|
+
--ez-badge--background-color: var(--color--disable-primary);
|
|
1114
|
+
--ez-badge--color: var(--text--disable); }
|
|
1115
|
+
|
|
1116
|
+
.ez-badge--transparent-solid {
|
|
1117
|
+
--ez-badge--background-color: none;
|
|
1118
|
+
--ez-badge--color: var(--title--primary); }
|
|
1119
|
+
|
|
1061
1120
|
.ez-box {
|
|
1062
1121
|
display: flex;
|
|
1063
1122
|
flex-wrap: wrap;
|