@antify/ui 1.3.0 → 2.0.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/components/AntAccordion.vue +1 -1
- package/dist/components/AntAlert.vue +2 -2
- package/dist/components/AntCard.vue +1 -1
- package/dist/components/AntDropdown.vue +1 -1
- package/dist/components/AntKeycap.vue +1 -1
- package/dist/components/AntListGroup.vue +1 -1
- package/dist/components/AntListGroupItem.vue +1 -1
- package/dist/components/AntModal.vue +2 -2
- package/dist/components/AntPopover.vue +6 -6
- package/dist/components/AntSpinner.vue +4 -4
- package/dist/components/AntTag.vue +2 -2
- package/dist/components/AntToast.vue +2 -2
- package/dist/components/AntTooltip.vue +2 -2
- package/dist/components/__stories/AntContent.stories.js +1 -1
- package/dist/components/__stories/AntContent.stories.mjs +1 -1
- package/dist/components/__stories/AntListGroup.stories.js +1 -1
- package/dist/components/__stories/AntListGroup.stories.mjs +1 -1
- package/dist/components/__stories/AntListGroupItem.stories.js +1 -1
- package/dist/components/__stories/AntListGroupItem.stories.mjs +1 -1
- package/dist/components/buttons/AntButton.vue +4 -4
- package/dist/components/crud/AntCrud.vue +2 -2
- package/dist/components/crud/AntCrudDetail.vue +1 -1
- package/dist/components/crud/__stories/AntCrudDetailActions.stories.js +1 -1
- package/dist/components/crud/__stories/AntCrudDetailActions.stories.mjs +1 -1
- package/dist/components/crud/__stories/AntCrudTableFilter.stories.js +1 -1
- package/dist/components/crud/__stories/AntCrudTableFilter.stories.mjs +1 -1
- package/dist/components/dialogs/AntDialog.vue +4 -4
- package/dist/components/dialogs/__stories/AntDialog.stories.js +1 -1
- package/dist/components/dialogs/__stories/AntDialog.stories.mjs +1 -1
- package/dist/components/inputs/AntCheckbox.vue +2 -2
- package/dist/components/inputs/AntPasswordInput.vue +1 -1
- package/dist/components/inputs/AntRadio.vue +1 -1
- package/dist/components/inputs/AntRangeSlider.vue +2 -2
- package/dist/components/inputs/AntSelect.vue +2 -2
- package/dist/components/inputs/AntSwitch.vue +2 -2
- package/dist/components/inputs/AntSwitcher.vue +1 -1
- package/dist/components/inputs/AntTagInput.vue +2 -2
- package/dist/components/inputs/AntTextarea.vue +1 -1
- package/dist/components/inputs/Elements/AntBaseInput.vue +1 -1
- package/dist/components/inputs/Elements/AntSelectMenu.vue +2 -2
- package/dist/components/layouts/AntNavLeftLayout.vue +2 -2
- package/dist/components/layouts/__stories/AntNavLeftLayout.stories.js +1 -1
- package/dist/components/layouts/__stories/AntNavLeftLayout.stories.mjs +1 -1
- package/dist/components/navbar/AntNavbarItem.vue +1 -1
- package/dist/components/table/AntTable.vue +5 -5
- package/dist/components/table/AntTh.vue +1 -1
- package/dist/components/table/__stories/AntTable.stories.js +1 -1
- package/dist/components/table/__stories/AntTable.stories.mjs +1 -1
- package/dist/components/tabs/AntTabItem.vue +3 -3
- package/dist/components/tabs/AntTabs.vue +1 -1
- package/dist/tailwind.config.js +92 -92
- package/dist/tailwind.config.mjs +92 -92
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ const meta = {
|
|
|
4
4
|
title: "Layouts/NavLeftLayout",
|
|
5
5
|
component: AntNavLeftLayout,
|
|
6
6
|
parameters: { controls: { sort: "requiredFirst" } },
|
|
7
|
-
decorators: [() => ({ template: '<div class="border border-dashed border-
|
|
7
|
+
decorators: [() => ({ template: '<div class="border border-dashed border-base-300"><story/></div>' })],
|
|
8
8
|
argTypes: {}
|
|
9
9
|
};
|
|
10
10
|
export default meta;
|
|
@@ -11,7 +11,7 @@ const props = defineProps<{
|
|
|
11
11
|
|
|
12
12
|
const itemClasses = computed(() => ({
|
|
13
13
|
'w-full text-sm p-1.5 rounded-md cursor-pointer flex items-center flex-nowrap gap-1': true,
|
|
14
|
-
'transition-colors hover:bg-
|
|
14
|
+
'transition-colors hover:bg-base-100': true,
|
|
15
15
|
'text-primary-500': props.navbarItem.active
|
|
16
16
|
}));
|
|
17
17
|
|
|
@@ -35,7 +35,7 @@ const props = withDefaults(
|
|
|
35
35
|
selectableRows: false,
|
|
36
36
|
showLightVersion: false,
|
|
37
37
|
size: AntTableSize.md,
|
|
38
|
-
headerColor: 'bg-
|
|
38
|
+
headerColor: 'bg-base-200'
|
|
39
39
|
});
|
|
40
40
|
|
|
41
41
|
const selected: Ref<Record<string, unknown> | undefined> = useVModel(props, 'selectedRow', emits);
|
|
@@ -132,9 +132,9 @@ function rowClick(elem: Record<string, unknown>): void {
|
|
|
132
132
|
:class="{
|
|
133
133
|
'bg-primary-200 text-primary-200-font transition-colors': elem === selected,
|
|
134
134
|
'bg-white text-for-white-bg-font': elem !== selected && rowIndex % 2 === 0,
|
|
135
|
-
'bg-
|
|
135
|
+
'bg-base-100 text-base-100-font': elem !== selected && rowIndex % 2 !== 0,
|
|
136
136
|
'cursor-pointer': selectableRows,
|
|
137
|
-
'hover:bg-
|
|
137
|
+
'hover:bg-base-200': selectableRows && elem !== selected,
|
|
138
138
|
}"
|
|
139
139
|
>
|
|
140
140
|
<slot
|
|
@@ -199,7 +199,7 @@ function rowClick(elem: Record<string, unknown>): void {
|
|
|
199
199
|
|
|
200
200
|
<div
|
|
201
201
|
v-if="data.length > 0 && _loading"
|
|
202
|
-
class="absolute bg-opacity-50 w-full top-0 bottom-0 bg-
|
|
202
|
+
class="absolute bg-opacity-50 w-full top-0 bottom-0 bg-base-300 flex items-center justify-center"
|
|
203
203
|
>
|
|
204
204
|
<AntSpinner
|
|
205
205
|
class="!w-24 !h-24"
|
|
@@ -209,7 +209,7 @@ function rowClick(elem: Record<string, unknown>): void {
|
|
|
209
209
|
|
|
210
210
|
<div
|
|
211
211
|
v-if="!data || data.length <= 0 && _loading"
|
|
212
|
-
class="absolute bg-opacity-50 w-full top-[40px] bottom-0 bg-
|
|
212
|
+
class="absolute bg-opacity-50 w-full top-[40px] bottom-0 bg-base-300 flex items-center justify-center"
|
|
213
213
|
>
|
|
214
214
|
<AntSkeleton
|
|
215
215
|
v-model="_loading"
|
|
@@ -16,7 +16,7 @@ const props = withDefaults(
|
|
|
16
16
|
|
|
17
17
|
const headerClasses = computed(() => ({
|
|
18
18
|
[props.header.headerClassList || '']: true,
|
|
19
|
-
'text-sm text-
|
|
19
|
+
'text-sm text-base-200-font uppercase font-semi-bold': true,
|
|
20
20
|
'text-left': !props.header.align || props.header.align === AntTableAlign.left,
|
|
21
21
|
'text-center': props.header.align === AntTableAlign.center,
|
|
22
22
|
'text-right': props.header.align === AntTableAlign.right,
|
|
@@ -166,7 +166,7 @@ const Docs = exports.Docs = {
|
|
|
166
166
|
};
|
|
167
167
|
},
|
|
168
168
|
template: `
|
|
169
|
-
<div class="h-96 border border-dashed border-
|
|
169
|
+
<div class="h-96 border border-dashed border-base-300">
|
|
170
170
|
<AntTable v-bind="args" v-model="selected" :selected-row="selected" @row-click="(val) => selected = val">
|
|
171
171
|
<template #cellContent="{element: entry, header}">
|
|
172
172
|
<div v-if="header.identifier === 'employeed'">
|
|
@@ -110,7 +110,7 @@ export const Docs = {
|
|
|
110
110
|
return { args, selected };
|
|
111
111
|
},
|
|
112
112
|
template: `
|
|
113
|
-
<div class="h-96 border border-dashed border-
|
|
113
|
+
<div class="h-96 border border-dashed border-base-300">
|
|
114
114
|
<AntTable v-bind="args" v-model="selected" :selected-row="selected" @row-click="(val) => selected = val">
|
|
115
115
|
<template #cellContent="{element: entry, header}">
|
|
116
116
|
<div v-if="header.identifier === 'employeed'">
|
|
@@ -49,8 +49,8 @@ const _active = computed<boolean>(() => {
|
|
|
49
49
|
});
|
|
50
50
|
const containerClasses = computed(() => {
|
|
51
51
|
const variants: Record<TabItemState, string> = {
|
|
52
|
-
[TabItemState.base]: 'hover:bg-
|
|
53
|
-
[TabItemState.info]: 'hover:bg-
|
|
52
|
+
[TabItemState.base]: 'hover:bg-base-100',
|
|
53
|
+
[TabItemState.info]: 'hover:bg-base-100',
|
|
54
54
|
[TabItemState.warning]: 'hover:bg-warning-100',
|
|
55
55
|
[TabItemState.danger]: 'hover:bg-danger-100',
|
|
56
56
|
};
|
|
@@ -92,7 +92,7 @@ const borderBoxClasses = computed(() => {
|
|
|
92
92
|
});
|
|
93
93
|
const iconColor = computed(() => {
|
|
94
94
|
const variants = {
|
|
95
|
-
[TabItemState.base]: 'text-
|
|
95
|
+
[TabItemState.base]: 'text-base-100-font',
|
|
96
96
|
[TabItemState.info]: 'text-info-500',
|
|
97
97
|
[TabItemState.warning]: 'text-warning-500',
|
|
98
98
|
[TabItemState.danger]: 'text-danger-500',
|
|
@@ -39,7 +39,7 @@ function clickTab(tabItem: TabItem) {
|
|
|
39
39
|
|
|
40
40
|
<template>
|
|
41
41
|
<div :class="containerClasses">
|
|
42
|
-
<div class="flex gap-px bg-
|
|
42
|
+
<div class="flex gap-px bg-base-300 border-l border-r border-base-300 overflow-x-auto" :class="scrollContainerClasses">
|
|
43
43
|
<slot>
|
|
44
44
|
<AntTabItem
|
|
45
45
|
v-for="(tabItem, index) in tabItems"
|
package/dist/tailwind.config.js
CHANGED
|
@@ -10,17 +10,17 @@ const colors = {
|
|
|
10
10
|
"transparent": _colors.default.transparent,
|
|
11
11
|
"white": _colors.default.white,
|
|
12
12
|
"black": _colors.default.black,
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
13
|
+
"base-50": _colors.default.slate["50"],
|
|
14
|
+
"base-100": _colors.default.slate["100"],
|
|
15
|
+
"base-200": _colors.default.slate["200"],
|
|
16
|
+
"base-300": _colors.default.slate["300"],
|
|
17
|
+
"base-400": _colors.default.slate["400"],
|
|
18
|
+
"base-500": _colors.default.slate["500"],
|
|
19
|
+
"base-600": _colors.default.slate["600"],
|
|
20
|
+
"base-700": _colors.default.slate["700"],
|
|
21
|
+
"base-800": _colors.default.slate["800"],
|
|
22
|
+
"base-900": _colors.default.slate["900"],
|
|
23
|
+
"base-950": _colors.default.slate["950"],
|
|
24
24
|
"primary-50": _colors.default.sky["50"],
|
|
25
25
|
"primary-100": _colors.default.sky["100"],
|
|
26
26
|
"primary-200": _colors.default.sky["200"],
|
|
@@ -89,85 +89,85 @@ const colors = {
|
|
|
89
89
|
"danger-950": _colors.default.red["950"]
|
|
90
90
|
};
|
|
91
91
|
const fontColors = {
|
|
92
|
-
"for-white-bg-font": colors["
|
|
93
|
-
"for-black-bg-font": colors["
|
|
94
|
-
"
|
|
95
|
-
"
|
|
96
|
-
"
|
|
97
|
-
"
|
|
98
|
-
"
|
|
99
|
-
"
|
|
100
|
-
"
|
|
101
|
-
"
|
|
102
|
-
"
|
|
103
|
-
"
|
|
104
|
-
"
|
|
105
|
-
"primary-50-font": colors["
|
|
106
|
-
"primary-100-font": colors["
|
|
107
|
-
"primary-200-font": colors["
|
|
108
|
-
"primary-300-font": colors["
|
|
109
|
-
"primary-400-font": colors["
|
|
110
|
-
"primary-500-font": colors["
|
|
111
|
-
"primary-600-font": colors["
|
|
112
|
-
"primary-700-font": colors["
|
|
113
|
-
"primary-800-font": colors["
|
|
114
|
-
"primary-900-font": colors["
|
|
115
|
-
"primary-950-font": colors["
|
|
116
|
-
"secondary-50-font": colors["
|
|
117
|
-
"secondary-100-font": colors["
|
|
118
|
-
"secondary-200-font": colors["
|
|
119
|
-
"secondary-300-font": colors["
|
|
120
|
-
"secondary-400-font": colors["
|
|
121
|
-
"secondary-500-font": colors["
|
|
122
|
-
"secondary-600-font": colors["
|
|
123
|
-
"secondary-700-font": colors["
|
|
124
|
-
"secondary-800-font": colors["
|
|
125
|
-
"secondary-900-font": colors["
|
|
126
|
-
"secondary-950-font": colors["
|
|
127
|
-
"success-50-font": colors["
|
|
128
|
-
"success-100-font": colors["
|
|
129
|
-
"success-200-font": colors["
|
|
130
|
-
"success-300-font": colors["
|
|
131
|
-
"success-400-font": colors["
|
|
132
|
-
"success-500-font": colors["
|
|
133
|
-
"success-600-font": colors["
|
|
134
|
-
"success-700-font": colors["
|
|
135
|
-
"success-800-font": colors["
|
|
136
|
-
"success-900-font": colors["
|
|
137
|
-
"success-950-font": colors["
|
|
138
|
-
"info-50-font": colors["
|
|
139
|
-
"info-100-font": colors["
|
|
140
|
-
"info-200-font": colors["
|
|
141
|
-
"info-300-font": colors["
|
|
142
|
-
"info-400-font": colors["
|
|
143
|
-
"info-500-font": colors["
|
|
144
|
-
"info-600-font": colors["
|
|
145
|
-
"info-700-font": colors["
|
|
146
|
-
"info-800-font": colors["
|
|
147
|
-
"info-900-font": colors["
|
|
148
|
-
"info-950-font": colors["
|
|
149
|
-
"warning-50-font": colors["
|
|
150
|
-
"warning-100-font": colors["
|
|
151
|
-
"warning-200-font": colors["
|
|
152
|
-
"warning-300-font": colors["
|
|
153
|
-
"warning-400-font": colors["
|
|
154
|
-
"warning-500-font": colors["
|
|
155
|
-
"warning-600-font": colors["
|
|
156
|
-
"warning-700-font": colors["
|
|
157
|
-
"warning-800-font": colors["
|
|
158
|
-
"warning-900-font": colors["
|
|
159
|
-
"warning-950-font": colors["
|
|
160
|
-
"danger-50-font": colors["
|
|
161
|
-
"danger-100-font": colors["
|
|
162
|
-
"danger-200-font": colors["
|
|
163
|
-
"danger-300-font": colors["
|
|
164
|
-
"danger-400-font": colors["
|
|
165
|
-
"danger-500-font": colors["
|
|
166
|
-
"danger-600-font": colors["
|
|
167
|
-
"danger-700-font": colors["
|
|
168
|
-
"danger-800-font": colors["
|
|
169
|
-
"danger-900-font": colors["
|
|
170
|
-
"danger-950-font": colors["
|
|
92
|
+
"for-white-bg-font": colors["base-600"],
|
|
93
|
+
"for-black-bg-font": colors["base-100"],
|
|
94
|
+
"base-50-font": colors["base-600"],
|
|
95
|
+
"base-100-font": colors["base-600"],
|
|
96
|
+
"base-200-font": colors["base-600"],
|
|
97
|
+
"base-300-font": colors["base-600"],
|
|
98
|
+
"base-400-font": colors["base-600"],
|
|
99
|
+
"base-500-font": colors["base-100"],
|
|
100
|
+
"base-600-font": colors["base-100"],
|
|
101
|
+
"base-700-font": colors["base-100"],
|
|
102
|
+
"base-800-font": colors["base-100"],
|
|
103
|
+
"base-900-font": colors["base-100"],
|
|
104
|
+
"base-950-font": colors["base-100"],
|
|
105
|
+
"primary-50-font": colors["base-600"],
|
|
106
|
+
"primary-100-font": colors["base-600"],
|
|
107
|
+
"primary-200-font": colors["base-600"],
|
|
108
|
+
"primary-300-font": colors["base-600"],
|
|
109
|
+
"primary-400-font": colors["base-600"],
|
|
110
|
+
"primary-500-font": colors["base-100"],
|
|
111
|
+
"primary-600-font": colors["base-100"],
|
|
112
|
+
"primary-700-font": colors["base-100"],
|
|
113
|
+
"primary-800-font": colors["base-100"],
|
|
114
|
+
"primary-900-font": colors["base-100"],
|
|
115
|
+
"primary-950-font": colors["base-100"],
|
|
116
|
+
"secondary-50-font": colors["base-600"],
|
|
117
|
+
"secondary-100-font": colors["base-600"],
|
|
118
|
+
"secondary-200-font": colors["base-600"],
|
|
119
|
+
"secondary-300-font": colors["base-600"],
|
|
120
|
+
"secondary-400-font": colors["base-600"],
|
|
121
|
+
"secondary-500-font": colors["base-100"],
|
|
122
|
+
"secondary-600-font": colors["base-100"],
|
|
123
|
+
"secondary-700-font": colors["base-100"],
|
|
124
|
+
"secondary-800-font": colors["base-100"],
|
|
125
|
+
"secondary-900-font": colors["base-100"],
|
|
126
|
+
"secondary-950-font": colors["base-100"],
|
|
127
|
+
"success-50-font": colors["base-600"],
|
|
128
|
+
"success-100-font": colors["base-600"],
|
|
129
|
+
"success-200-font": colors["base-600"],
|
|
130
|
+
"success-300-font": colors["base-600"],
|
|
131
|
+
"success-400-font": colors["base-600"],
|
|
132
|
+
"success-500-font": colors["base-100"],
|
|
133
|
+
"success-600-font": colors["base-100"],
|
|
134
|
+
"success-700-font": colors["base-100"],
|
|
135
|
+
"success-800-font": colors["base-100"],
|
|
136
|
+
"success-900-font": colors["base-100"],
|
|
137
|
+
"success-950-font": colors["base-100"],
|
|
138
|
+
"info-50-font": colors["base-600"],
|
|
139
|
+
"info-100-font": colors["base-600"],
|
|
140
|
+
"info-200-font": colors["base-600"],
|
|
141
|
+
"info-300-font": colors["base-600"],
|
|
142
|
+
"info-400-font": colors["base-600"],
|
|
143
|
+
"info-500-font": colors["base-100"],
|
|
144
|
+
"info-600-font": colors["base-100"],
|
|
145
|
+
"info-700-font": colors["base-100"],
|
|
146
|
+
"info-800-font": colors["base-100"],
|
|
147
|
+
"info-900-font": colors["base-100"],
|
|
148
|
+
"info-950-font": colors["base-100"],
|
|
149
|
+
"warning-50-font": colors["base-600"],
|
|
150
|
+
"warning-100-font": colors["base-600"],
|
|
151
|
+
"warning-200-font": colors["base-600"],
|
|
152
|
+
"warning-300-font": colors["base-600"],
|
|
153
|
+
"warning-400-font": colors["base-600"],
|
|
154
|
+
"warning-500-font": colors["base-100"],
|
|
155
|
+
"warning-600-font": colors["base-100"],
|
|
156
|
+
"warning-700-font": colors["base-100"],
|
|
157
|
+
"warning-800-font": colors["base-100"],
|
|
158
|
+
"warning-900-font": colors["base-100"],
|
|
159
|
+
"warning-950-font": colors["base-100"],
|
|
160
|
+
"danger-50-font": colors["base-600"],
|
|
161
|
+
"danger-100-font": colors["base-600"],
|
|
162
|
+
"danger-200-font": colors["base-600"],
|
|
163
|
+
"danger-300-font": colors["base-600"],
|
|
164
|
+
"danger-400-font": colors["base-600"],
|
|
165
|
+
"danger-500-font": colors["base-100"],
|
|
166
|
+
"danger-600-font": colors["base-100"],
|
|
167
|
+
"danger-700-font": colors["base-100"],
|
|
168
|
+
"danger-800-font": colors["base-100"],
|
|
169
|
+
"danger-900-font": colors["base-100"],
|
|
170
|
+
"danger-950-font": colors["base-100"]
|
|
171
171
|
};
|
|
172
172
|
module.exports = {
|
|
173
173
|
content: ["./src/**/*.{vue,js,ts,jsx,tsx}"],
|
|
@@ -186,10 +186,10 @@ module.exports = {
|
|
|
186
186
|
keyframes: {
|
|
187
187
|
"skeleton": {
|
|
188
188
|
"0%, 100%": {
|
|
189
|
-
"background-color": colors["
|
|
189
|
+
"background-color": colors["base-300"]
|
|
190
190
|
},
|
|
191
191
|
"50%": {
|
|
192
|
-
"background-color": colors["
|
|
192
|
+
"background-color": colors["base-100"]
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
195
|
}
|
package/dist/tailwind.config.mjs
CHANGED
|
@@ -3,17 +3,17 @@ const colors = {
|
|
|
3
3
|
"transparent": defaultColors.transparent,
|
|
4
4
|
"white": defaultColors.white,
|
|
5
5
|
"black": defaultColors.black,
|
|
6
|
-
"
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"
|
|
6
|
+
"base-50": defaultColors.slate["50"],
|
|
7
|
+
"base-100": defaultColors.slate["100"],
|
|
8
|
+
"base-200": defaultColors.slate["200"],
|
|
9
|
+
"base-300": defaultColors.slate["300"],
|
|
10
|
+
"base-400": defaultColors.slate["400"],
|
|
11
|
+
"base-500": defaultColors.slate["500"],
|
|
12
|
+
"base-600": defaultColors.slate["600"],
|
|
13
|
+
"base-700": defaultColors.slate["700"],
|
|
14
|
+
"base-800": defaultColors.slate["800"],
|
|
15
|
+
"base-900": defaultColors.slate["900"],
|
|
16
|
+
"base-950": defaultColors.slate["950"],
|
|
17
17
|
"primary-50": defaultColors.sky["50"],
|
|
18
18
|
"primary-100": defaultColors.sky["100"],
|
|
19
19
|
"primary-200": defaultColors.sky["200"],
|
|
@@ -82,85 +82,85 @@ const colors = {
|
|
|
82
82
|
"danger-950": defaultColors.red["950"]
|
|
83
83
|
};
|
|
84
84
|
const fontColors = {
|
|
85
|
-
"for-white-bg-font": colors["
|
|
86
|
-
"for-black-bg-font": colors["
|
|
87
|
-
"
|
|
88
|
-
"
|
|
89
|
-
"
|
|
90
|
-
"
|
|
91
|
-
"
|
|
92
|
-
"
|
|
93
|
-
"
|
|
94
|
-
"
|
|
95
|
-
"
|
|
96
|
-
"
|
|
97
|
-
"
|
|
98
|
-
"primary-50-font": colors["
|
|
99
|
-
"primary-100-font": colors["
|
|
100
|
-
"primary-200-font": colors["
|
|
101
|
-
"primary-300-font": colors["
|
|
102
|
-
"primary-400-font": colors["
|
|
103
|
-
"primary-500-font": colors["
|
|
104
|
-
"primary-600-font": colors["
|
|
105
|
-
"primary-700-font": colors["
|
|
106
|
-
"primary-800-font": colors["
|
|
107
|
-
"primary-900-font": colors["
|
|
108
|
-
"primary-950-font": colors["
|
|
109
|
-
"secondary-50-font": colors["
|
|
110
|
-
"secondary-100-font": colors["
|
|
111
|
-
"secondary-200-font": colors["
|
|
112
|
-
"secondary-300-font": colors["
|
|
113
|
-
"secondary-400-font": colors["
|
|
114
|
-
"secondary-500-font": colors["
|
|
115
|
-
"secondary-600-font": colors["
|
|
116
|
-
"secondary-700-font": colors["
|
|
117
|
-
"secondary-800-font": colors["
|
|
118
|
-
"secondary-900-font": colors["
|
|
119
|
-
"secondary-950-font": colors["
|
|
120
|
-
"success-50-font": colors["
|
|
121
|
-
"success-100-font": colors["
|
|
122
|
-
"success-200-font": colors["
|
|
123
|
-
"success-300-font": colors["
|
|
124
|
-
"success-400-font": colors["
|
|
125
|
-
"success-500-font": colors["
|
|
126
|
-
"success-600-font": colors["
|
|
127
|
-
"success-700-font": colors["
|
|
128
|
-
"success-800-font": colors["
|
|
129
|
-
"success-900-font": colors["
|
|
130
|
-
"success-950-font": colors["
|
|
131
|
-
"info-50-font": colors["
|
|
132
|
-
"info-100-font": colors["
|
|
133
|
-
"info-200-font": colors["
|
|
134
|
-
"info-300-font": colors["
|
|
135
|
-
"info-400-font": colors["
|
|
136
|
-
"info-500-font": colors["
|
|
137
|
-
"info-600-font": colors["
|
|
138
|
-
"info-700-font": colors["
|
|
139
|
-
"info-800-font": colors["
|
|
140
|
-
"info-900-font": colors["
|
|
141
|
-
"info-950-font": colors["
|
|
142
|
-
"warning-50-font": colors["
|
|
143
|
-
"warning-100-font": colors["
|
|
144
|
-
"warning-200-font": colors["
|
|
145
|
-
"warning-300-font": colors["
|
|
146
|
-
"warning-400-font": colors["
|
|
147
|
-
"warning-500-font": colors["
|
|
148
|
-
"warning-600-font": colors["
|
|
149
|
-
"warning-700-font": colors["
|
|
150
|
-
"warning-800-font": colors["
|
|
151
|
-
"warning-900-font": colors["
|
|
152
|
-
"warning-950-font": colors["
|
|
153
|
-
"danger-50-font": colors["
|
|
154
|
-
"danger-100-font": colors["
|
|
155
|
-
"danger-200-font": colors["
|
|
156
|
-
"danger-300-font": colors["
|
|
157
|
-
"danger-400-font": colors["
|
|
158
|
-
"danger-500-font": colors["
|
|
159
|
-
"danger-600-font": colors["
|
|
160
|
-
"danger-700-font": colors["
|
|
161
|
-
"danger-800-font": colors["
|
|
162
|
-
"danger-900-font": colors["
|
|
163
|
-
"danger-950-font": colors["
|
|
85
|
+
"for-white-bg-font": colors["base-600"],
|
|
86
|
+
"for-black-bg-font": colors["base-100"],
|
|
87
|
+
"base-50-font": colors["base-600"],
|
|
88
|
+
"base-100-font": colors["base-600"],
|
|
89
|
+
"base-200-font": colors["base-600"],
|
|
90
|
+
"base-300-font": colors["base-600"],
|
|
91
|
+
"base-400-font": colors["base-600"],
|
|
92
|
+
"base-500-font": colors["base-100"],
|
|
93
|
+
"base-600-font": colors["base-100"],
|
|
94
|
+
"base-700-font": colors["base-100"],
|
|
95
|
+
"base-800-font": colors["base-100"],
|
|
96
|
+
"base-900-font": colors["base-100"],
|
|
97
|
+
"base-950-font": colors["base-100"],
|
|
98
|
+
"primary-50-font": colors["base-600"],
|
|
99
|
+
"primary-100-font": colors["base-600"],
|
|
100
|
+
"primary-200-font": colors["base-600"],
|
|
101
|
+
"primary-300-font": colors["base-600"],
|
|
102
|
+
"primary-400-font": colors["base-600"],
|
|
103
|
+
"primary-500-font": colors["base-100"],
|
|
104
|
+
"primary-600-font": colors["base-100"],
|
|
105
|
+
"primary-700-font": colors["base-100"],
|
|
106
|
+
"primary-800-font": colors["base-100"],
|
|
107
|
+
"primary-900-font": colors["base-100"],
|
|
108
|
+
"primary-950-font": colors["base-100"],
|
|
109
|
+
"secondary-50-font": colors["base-600"],
|
|
110
|
+
"secondary-100-font": colors["base-600"],
|
|
111
|
+
"secondary-200-font": colors["base-600"],
|
|
112
|
+
"secondary-300-font": colors["base-600"],
|
|
113
|
+
"secondary-400-font": colors["base-600"],
|
|
114
|
+
"secondary-500-font": colors["base-100"],
|
|
115
|
+
"secondary-600-font": colors["base-100"],
|
|
116
|
+
"secondary-700-font": colors["base-100"],
|
|
117
|
+
"secondary-800-font": colors["base-100"],
|
|
118
|
+
"secondary-900-font": colors["base-100"],
|
|
119
|
+
"secondary-950-font": colors["base-100"],
|
|
120
|
+
"success-50-font": colors["base-600"],
|
|
121
|
+
"success-100-font": colors["base-600"],
|
|
122
|
+
"success-200-font": colors["base-600"],
|
|
123
|
+
"success-300-font": colors["base-600"],
|
|
124
|
+
"success-400-font": colors["base-600"],
|
|
125
|
+
"success-500-font": colors["base-100"],
|
|
126
|
+
"success-600-font": colors["base-100"],
|
|
127
|
+
"success-700-font": colors["base-100"],
|
|
128
|
+
"success-800-font": colors["base-100"],
|
|
129
|
+
"success-900-font": colors["base-100"],
|
|
130
|
+
"success-950-font": colors["base-100"],
|
|
131
|
+
"info-50-font": colors["base-600"],
|
|
132
|
+
"info-100-font": colors["base-600"],
|
|
133
|
+
"info-200-font": colors["base-600"],
|
|
134
|
+
"info-300-font": colors["base-600"],
|
|
135
|
+
"info-400-font": colors["base-600"],
|
|
136
|
+
"info-500-font": colors["base-100"],
|
|
137
|
+
"info-600-font": colors["base-100"],
|
|
138
|
+
"info-700-font": colors["base-100"],
|
|
139
|
+
"info-800-font": colors["base-100"],
|
|
140
|
+
"info-900-font": colors["base-100"],
|
|
141
|
+
"info-950-font": colors["base-100"],
|
|
142
|
+
"warning-50-font": colors["base-600"],
|
|
143
|
+
"warning-100-font": colors["base-600"],
|
|
144
|
+
"warning-200-font": colors["base-600"],
|
|
145
|
+
"warning-300-font": colors["base-600"],
|
|
146
|
+
"warning-400-font": colors["base-600"],
|
|
147
|
+
"warning-500-font": colors["base-100"],
|
|
148
|
+
"warning-600-font": colors["base-100"],
|
|
149
|
+
"warning-700-font": colors["base-100"],
|
|
150
|
+
"warning-800-font": colors["base-100"],
|
|
151
|
+
"warning-900-font": colors["base-100"],
|
|
152
|
+
"warning-950-font": colors["base-100"],
|
|
153
|
+
"danger-50-font": colors["base-600"],
|
|
154
|
+
"danger-100-font": colors["base-600"],
|
|
155
|
+
"danger-200-font": colors["base-600"],
|
|
156
|
+
"danger-300-font": colors["base-600"],
|
|
157
|
+
"danger-400-font": colors["base-600"],
|
|
158
|
+
"danger-500-font": colors["base-100"],
|
|
159
|
+
"danger-600-font": colors["base-100"],
|
|
160
|
+
"danger-700-font": colors["base-100"],
|
|
161
|
+
"danger-800-font": colors["base-100"],
|
|
162
|
+
"danger-900-font": colors["base-100"],
|
|
163
|
+
"danger-950-font": colors["base-100"]
|
|
164
164
|
};
|
|
165
165
|
export default {
|
|
166
166
|
content: [
|
|
@@ -180,8 +180,8 @@ export default {
|
|
|
180
180
|
},
|
|
181
181
|
keyframes: {
|
|
182
182
|
"skeleton": {
|
|
183
|
-
"0%, 100%": { "background-color": colors["
|
|
184
|
-
"50%": { "background-color": colors["
|
|
183
|
+
"0%, 100%": { "background-color": colors["base-300"] },
|
|
184
|
+
"50%": { "background-color": colors["base-100"] }
|
|
185
185
|
}
|
|
186
186
|
}
|
|
187
187
|
}
|