@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.
Files changed (53) hide show
  1. package/dist/components/AntAccordion.vue +1 -1
  2. package/dist/components/AntAlert.vue +2 -2
  3. package/dist/components/AntCard.vue +1 -1
  4. package/dist/components/AntDropdown.vue +1 -1
  5. package/dist/components/AntKeycap.vue +1 -1
  6. package/dist/components/AntListGroup.vue +1 -1
  7. package/dist/components/AntListGroupItem.vue +1 -1
  8. package/dist/components/AntModal.vue +2 -2
  9. package/dist/components/AntPopover.vue +6 -6
  10. package/dist/components/AntSpinner.vue +4 -4
  11. package/dist/components/AntTag.vue +2 -2
  12. package/dist/components/AntToast.vue +2 -2
  13. package/dist/components/AntTooltip.vue +2 -2
  14. package/dist/components/__stories/AntContent.stories.js +1 -1
  15. package/dist/components/__stories/AntContent.stories.mjs +1 -1
  16. package/dist/components/__stories/AntListGroup.stories.js +1 -1
  17. package/dist/components/__stories/AntListGroup.stories.mjs +1 -1
  18. package/dist/components/__stories/AntListGroupItem.stories.js +1 -1
  19. package/dist/components/__stories/AntListGroupItem.stories.mjs +1 -1
  20. package/dist/components/buttons/AntButton.vue +4 -4
  21. package/dist/components/crud/AntCrud.vue +2 -2
  22. package/dist/components/crud/AntCrudDetail.vue +1 -1
  23. package/dist/components/crud/__stories/AntCrudDetailActions.stories.js +1 -1
  24. package/dist/components/crud/__stories/AntCrudDetailActions.stories.mjs +1 -1
  25. package/dist/components/crud/__stories/AntCrudTableFilter.stories.js +1 -1
  26. package/dist/components/crud/__stories/AntCrudTableFilter.stories.mjs +1 -1
  27. package/dist/components/dialogs/AntDialog.vue +4 -4
  28. package/dist/components/dialogs/__stories/AntDialog.stories.js +1 -1
  29. package/dist/components/dialogs/__stories/AntDialog.stories.mjs +1 -1
  30. package/dist/components/inputs/AntCheckbox.vue +2 -2
  31. package/dist/components/inputs/AntPasswordInput.vue +1 -1
  32. package/dist/components/inputs/AntRadio.vue +1 -1
  33. package/dist/components/inputs/AntRangeSlider.vue +2 -2
  34. package/dist/components/inputs/AntSelect.vue +2 -2
  35. package/dist/components/inputs/AntSwitch.vue +2 -2
  36. package/dist/components/inputs/AntSwitcher.vue +1 -1
  37. package/dist/components/inputs/AntTagInput.vue +2 -2
  38. package/dist/components/inputs/AntTextarea.vue +1 -1
  39. package/dist/components/inputs/Elements/AntBaseInput.vue +1 -1
  40. package/dist/components/inputs/Elements/AntSelectMenu.vue +2 -2
  41. package/dist/components/layouts/AntNavLeftLayout.vue +2 -2
  42. package/dist/components/layouts/__stories/AntNavLeftLayout.stories.js +1 -1
  43. package/dist/components/layouts/__stories/AntNavLeftLayout.stories.mjs +1 -1
  44. package/dist/components/navbar/AntNavbarItem.vue +1 -1
  45. package/dist/components/table/AntTable.vue +5 -5
  46. package/dist/components/table/AntTh.vue +1 -1
  47. package/dist/components/table/__stories/AntTable.stories.js +1 -1
  48. package/dist/components/table/__stories/AntTable.stories.mjs +1 -1
  49. package/dist/components/tabs/AntTabItem.vue +3 -3
  50. package/dist/components/tabs/AntTabs.vue +1 -1
  51. package/dist/tailwind.config.js +92 -92
  52. package/dist/tailwind.config.mjs +92 -92
  53. package/package.json +1 -1
@@ -16,7 +16,7 @@ const meta = {
16
16
  }
17
17
  },
18
18
  decorators: [() => ({
19
- template: '<div class="border border-dashed border-neutral-300"><story/></div>'
19
+ template: '<div class="border border-dashed border-base-300"><story/></div>'
20
20
  })],
21
21
  argTypes: {}
22
22
  };
@@ -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-neutral-300"><story/></div>' })],
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-neutral-100': true,
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-neutral-200'
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-neutral-100 text-neutral-100-font': elem !== selected && rowIndex % 2 !== 0,
135
+ 'bg-base-100 text-base-100-font': elem !== selected && rowIndex % 2 !== 0,
136
136
  'cursor-pointer': selectableRows,
137
- 'hover:bg-neutral-200': selectableRows && elem !== selected,
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-neutral-300 flex items-center justify-center"
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-neutral-300 flex items-center justify-center"
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-neutral-200-font uppercase font-semi-bold': true,
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-neutral-300">
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-neutral-300">
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-neutral-100',
53
- [TabItemState.info]: 'hover:bg-neutral-100',
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-neutral-100-font',
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-neutral-300 border-l border-r border-neutral-300 overflow-x-auto" :class="scrollContainerClasses">
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"
@@ -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
- "neutral-50": _colors.default.slate["50"],
14
- "neutral-100": _colors.default.slate["100"],
15
- "neutral-200": _colors.default.slate["200"],
16
- "neutral-300": _colors.default.slate["300"],
17
- "neutral-400": _colors.default.slate["400"],
18
- "neutral-500": _colors.default.slate["500"],
19
- "neutral-600": _colors.default.slate["600"],
20
- "neutral-700": _colors.default.slate["700"],
21
- "neutral-800": _colors.default.slate["800"],
22
- "neutral-900": _colors.default.slate["900"],
23
- "neutral-950": _colors.default.slate["950"],
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["neutral-600"],
93
- "for-black-bg-font": colors["neutral-100"],
94
- "neutral-50-font": colors["neutral-600"],
95
- "neutral-100-font": colors["neutral-600"],
96
- "neutral-200-font": colors["neutral-600"],
97
- "neutral-300-font": colors["neutral-600"],
98
- "neutral-400-font": colors["neutral-600"],
99
- "neutral-500-font": colors["neutral-100"],
100
- "neutral-600-font": colors["neutral-100"],
101
- "neutral-700-font": colors["neutral-100"],
102
- "neutral-800-font": colors["neutral-100"],
103
- "neutral-900-font": colors["neutral-100"],
104
- "neutral-950-font": colors["neutral-100"],
105
- "primary-50-font": colors["neutral-600"],
106
- "primary-100-font": colors["neutral-600"],
107
- "primary-200-font": colors["neutral-600"],
108
- "primary-300-font": colors["neutral-600"],
109
- "primary-400-font": colors["neutral-600"],
110
- "primary-500-font": colors["neutral-100"],
111
- "primary-600-font": colors["neutral-100"],
112
- "primary-700-font": colors["neutral-100"],
113
- "primary-800-font": colors["neutral-100"],
114
- "primary-900-font": colors["neutral-100"],
115
- "primary-950-font": colors["neutral-100"],
116
- "secondary-50-font": colors["neutral-600"],
117
- "secondary-100-font": colors["neutral-600"],
118
- "secondary-200-font": colors["neutral-600"],
119
- "secondary-300-font": colors["neutral-600"],
120
- "secondary-400-font": colors["neutral-600"],
121
- "secondary-500-font": colors["neutral-100"],
122
- "secondary-600-font": colors["neutral-100"],
123
- "secondary-700-font": colors["neutral-100"],
124
- "secondary-800-font": colors["neutral-100"],
125
- "secondary-900-font": colors["neutral-100"],
126
- "secondary-950-font": colors["neutral-100"],
127
- "success-50-font": colors["neutral-600"],
128
- "success-100-font": colors["neutral-600"],
129
- "success-200-font": colors["neutral-600"],
130
- "success-300-font": colors["neutral-600"],
131
- "success-400-font": colors["neutral-600"],
132
- "success-500-font": colors["neutral-100"],
133
- "success-600-font": colors["neutral-100"],
134
- "success-700-font": colors["neutral-100"],
135
- "success-800-font": colors["neutral-100"],
136
- "success-900-font": colors["neutral-100"],
137
- "success-950-font": colors["neutral-100"],
138
- "info-50-font": colors["neutral-600"],
139
- "info-100-font": colors["neutral-600"],
140
- "info-200-font": colors["neutral-600"],
141
- "info-300-font": colors["neutral-600"],
142
- "info-400-font": colors["neutral-600"],
143
- "info-500-font": colors["neutral-100"],
144
- "info-600-font": colors["neutral-100"],
145
- "info-700-font": colors["neutral-100"],
146
- "info-800-font": colors["neutral-100"],
147
- "info-900-font": colors["neutral-100"],
148
- "info-950-font": colors["neutral-100"],
149
- "warning-50-font": colors["neutral-600"],
150
- "warning-100-font": colors["neutral-600"],
151
- "warning-200-font": colors["neutral-600"],
152
- "warning-300-font": colors["neutral-600"],
153
- "warning-400-font": colors["neutral-600"],
154
- "warning-500-font": colors["neutral-100"],
155
- "warning-600-font": colors["neutral-100"],
156
- "warning-700-font": colors["neutral-100"],
157
- "warning-800-font": colors["neutral-100"],
158
- "warning-900-font": colors["neutral-100"],
159
- "warning-950-font": colors["neutral-100"],
160
- "danger-50-font": colors["neutral-600"],
161
- "danger-100-font": colors["neutral-600"],
162
- "danger-200-font": colors["neutral-600"],
163
- "danger-300-font": colors["neutral-600"],
164
- "danger-400-font": colors["neutral-600"],
165
- "danger-500-font": colors["neutral-100"],
166
- "danger-600-font": colors["neutral-100"],
167
- "danger-700-font": colors["neutral-100"],
168
- "danger-800-font": colors["neutral-100"],
169
- "danger-900-font": colors["neutral-100"],
170
- "danger-950-font": colors["neutral-100"]
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["neutral-300"]
189
+ "background-color": colors["base-300"]
190
190
  },
191
191
  "50%": {
192
- "background-color": colors["neutral-100"]
192
+ "background-color": colors["base-100"]
193
193
  }
194
194
  }
195
195
  }
@@ -3,17 +3,17 @@ const colors = {
3
3
  "transparent": defaultColors.transparent,
4
4
  "white": defaultColors.white,
5
5
  "black": defaultColors.black,
6
- "neutral-50": defaultColors.slate["50"],
7
- "neutral-100": defaultColors.slate["100"],
8
- "neutral-200": defaultColors.slate["200"],
9
- "neutral-300": defaultColors.slate["300"],
10
- "neutral-400": defaultColors.slate["400"],
11
- "neutral-500": defaultColors.slate["500"],
12
- "neutral-600": defaultColors.slate["600"],
13
- "neutral-700": defaultColors.slate["700"],
14
- "neutral-800": defaultColors.slate["800"],
15
- "neutral-900": defaultColors.slate["900"],
16
- "neutral-950": defaultColors.slate["950"],
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["neutral-600"],
86
- "for-black-bg-font": colors["neutral-100"],
87
- "neutral-50-font": colors["neutral-600"],
88
- "neutral-100-font": colors["neutral-600"],
89
- "neutral-200-font": colors["neutral-600"],
90
- "neutral-300-font": colors["neutral-600"],
91
- "neutral-400-font": colors["neutral-600"],
92
- "neutral-500-font": colors["neutral-100"],
93
- "neutral-600-font": colors["neutral-100"],
94
- "neutral-700-font": colors["neutral-100"],
95
- "neutral-800-font": colors["neutral-100"],
96
- "neutral-900-font": colors["neutral-100"],
97
- "neutral-950-font": colors["neutral-100"],
98
- "primary-50-font": colors["neutral-600"],
99
- "primary-100-font": colors["neutral-600"],
100
- "primary-200-font": colors["neutral-600"],
101
- "primary-300-font": colors["neutral-600"],
102
- "primary-400-font": colors["neutral-600"],
103
- "primary-500-font": colors["neutral-100"],
104
- "primary-600-font": colors["neutral-100"],
105
- "primary-700-font": colors["neutral-100"],
106
- "primary-800-font": colors["neutral-100"],
107
- "primary-900-font": colors["neutral-100"],
108
- "primary-950-font": colors["neutral-100"],
109
- "secondary-50-font": colors["neutral-600"],
110
- "secondary-100-font": colors["neutral-600"],
111
- "secondary-200-font": colors["neutral-600"],
112
- "secondary-300-font": colors["neutral-600"],
113
- "secondary-400-font": colors["neutral-600"],
114
- "secondary-500-font": colors["neutral-100"],
115
- "secondary-600-font": colors["neutral-100"],
116
- "secondary-700-font": colors["neutral-100"],
117
- "secondary-800-font": colors["neutral-100"],
118
- "secondary-900-font": colors["neutral-100"],
119
- "secondary-950-font": colors["neutral-100"],
120
- "success-50-font": colors["neutral-600"],
121
- "success-100-font": colors["neutral-600"],
122
- "success-200-font": colors["neutral-600"],
123
- "success-300-font": colors["neutral-600"],
124
- "success-400-font": colors["neutral-600"],
125
- "success-500-font": colors["neutral-100"],
126
- "success-600-font": colors["neutral-100"],
127
- "success-700-font": colors["neutral-100"],
128
- "success-800-font": colors["neutral-100"],
129
- "success-900-font": colors["neutral-100"],
130
- "success-950-font": colors["neutral-100"],
131
- "info-50-font": colors["neutral-600"],
132
- "info-100-font": colors["neutral-600"],
133
- "info-200-font": colors["neutral-600"],
134
- "info-300-font": colors["neutral-600"],
135
- "info-400-font": colors["neutral-600"],
136
- "info-500-font": colors["neutral-100"],
137
- "info-600-font": colors["neutral-100"],
138
- "info-700-font": colors["neutral-100"],
139
- "info-800-font": colors["neutral-100"],
140
- "info-900-font": colors["neutral-100"],
141
- "info-950-font": colors["neutral-100"],
142
- "warning-50-font": colors["neutral-600"],
143
- "warning-100-font": colors["neutral-600"],
144
- "warning-200-font": colors["neutral-600"],
145
- "warning-300-font": colors["neutral-600"],
146
- "warning-400-font": colors["neutral-600"],
147
- "warning-500-font": colors["neutral-100"],
148
- "warning-600-font": colors["neutral-100"],
149
- "warning-700-font": colors["neutral-100"],
150
- "warning-800-font": colors["neutral-100"],
151
- "warning-900-font": colors["neutral-100"],
152
- "warning-950-font": colors["neutral-100"],
153
- "danger-50-font": colors["neutral-600"],
154
- "danger-100-font": colors["neutral-600"],
155
- "danger-200-font": colors["neutral-600"],
156
- "danger-300-font": colors["neutral-600"],
157
- "danger-400-font": colors["neutral-600"],
158
- "danger-500-font": colors["neutral-100"],
159
- "danger-600-font": colors["neutral-100"],
160
- "danger-700-font": colors["neutral-100"],
161
- "danger-800-font": colors["neutral-100"],
162
- "danger-900-font": colors["neutral-100"],
163
- "danger-950-font": colors["neutral-100"]
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["neutral-300"] },
184
- "50%": { "background-color": colors["neutral-100"] }
183
+ "0%, 100%": { "background-color": colors["base-300"] },
184
+ "50%": { "background-color": colors["base-100"] }
185
185
  }
186
186
  }
187
187
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antify/ui",
3
- "version": "1.3.0",
3
+ "version": "2.0.0",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "exports": {