@voicenter-team/voicenter-ui-plus 3.1.0 → 3.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.
Files changed (33) hide show
  1. package/library/assets/assets/sass/main.css +1 -1
  2. package/library/assets/components/VcMdEditor/VcMdEditorContent.css +1 -1
  3. package/library/components/VcCheckbox/VcCheckbox.vue.mjs +1 -1
  4. package/library/components/VcCheckboxGroup/VcCheckboxGroup.vue.mjs +8 -5
  5. package/library/components/VcDatePicker/VcDatePicker.vue.mjs +1 -1
  6. package/library/components/VcDropdown/VcDropdownItem.vue.mjs +1 -1
  7. package/library/components/VcForm/VcForm.vue.mjs +1 -1
  8. package/library/components/VcForm/VcFormItem.vue.mjs +1 -1
  9. package/library/components/VcHtmlEditor/VcHtmlEditorToolbar.vue.mjs +1 -1
  10. package/library/components/VcInput/VcInput.vue.mjs +1 -1
  11. package/library/components/VcMdEditor/VcMdEditor.vue.mjs +1 -1
  12. package/library/components/VcMdEditor/VcMdEditorToolbar.vue.mjs +1 -1
  13. package/library/components/VcRadio/VcRadio.vue.mjs +1 -1
  14. package/library/components/VcRadioButtons/VcRadioButtonsGroup.vue.mjs +2 -1
  15. package/library/components/VcRadioTabs/UiComponents/VcRadioTabsNav.vue.mjs +16 -11
  16. package/library/components/VcSelect/VcSelect.vue.mjs +1 -1
  17. package/library/components/VcSelect/VcSelectGrouped.vue.mjs +2 -1
  18. package/library/components/VcSlider/VcSlider.vue.mjs +1 -1
  19. package/library/font/index.mjs +4 -3
  20. package/library/index.mjs.gz +0 -0
  21. package/library/localization/index.mjs.gz +0 -0
  22. package/library/plugin.mjs.gz +0 -0
  23. package/library/style.css +2 -2
  24. package/library/style.css.br +0 -0
  25. package/library/style.css.gz +0 -0
  26. package/library/theme/index.mjs.gz +0 -0
  27. package/library/types/components/VcCheckboxGroup/VcCheckboxGroup.vue.d.ts +4 -2
  28. package/library/types/components/VcRadioButtons/VcRadioButtonsGroup.vue.d.ts +3 -0
  29. package/library/types/components/VcRadioTabs/UiComponents/VcRadioTabsNav.vue.d.ts +19 -4
  30. package/library/utils/jsonSchema/index.mjs.gz +0 -0
  31. package/package.json +6 -6
  32. package/tailwind.config.js +192 -190
  33. /package/library/assets/node_modules/element-plus/theme-chalk/src/{tooltip.css → dropdown-item.css} +0 -0
@@ -1,4 +1,4 @@
1
- import { ConfigOptionType, ExtractValueType, NavigationPositionType, OptionValueType } from '../../../types';
1
+ import { ConfigOptionType, ExtractValueType, NavigationPositionType, OptionMappedType, OptionValueType } from '../../../types';
2
2
  declare const _default: <Option extends OptionValueType, Config extends ConfigOptionType<Option>, Model extends ExtractValueType<Option, Config>>(__VLS_props: {
3
3
  options?: Option[] | undefined;
4
4
  activeTab: Model;
@@ -11,7 +11,12 @@ declare const _default: <Option extends OptionValueType, Config extends ConfigOp
11
11
  borderPosition?: "top" | "bottom" | undefined;
12
12
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
13
13
  attrs: any;
14
- slots: {};
14
+ slots: {
15
+ "tab-item"?(_: {
16
+ option: OptionMappedType<Option, Config>;
17
+ index: number;
18
+ }): any;
19
+ };
15
20
  emit: (e: 'tab-click', option: Option, index: number) => void;
16
21
  } | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
17
22
  props: {
@@ -27,7 +32,12 @@ declare const _default: <Option extends OptionValueType, Config extends ConfigOp
27
32
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
28
33
  expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
29
34
  attrs: any;
30
- slots: {};
35
+ slots: {
36
+ "tab-item"?(_: {
37
+ option: OptionMappedType<Option, Config>;
38
+ index: number;
39
+ }): any;
40
+ };
31
41
  emit: (e: 'tab-click', option: Option, index: number) => void;
32
42
  }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
33
43
  [key: string]: any;
@@ -46,7 +56,12 @@ declare const _default: <Option extends OptionValueType, Config extends ConfigOp
46
56
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
47
57
  expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
48
58
  attrs: any;
49
- slots: {};
59
+ slots: {
60
+ "tab-item"?(_: {
61
+ option: OptionMappedType<Option, Config>;
62
+ index: number;
63
+ }): any;
64
+ };
50
65
  emit: (e: 'tab-click', option: Option, index: number) => void;
51
66
  } | undefined;
52
67
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@voicenter-team/voicenter-ui-plus",
3
- "version": "3.1.0",
3
+ "version": "3.2.0",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "vite build",
@@ -110,9 +110,9 @@
110
110
  "@types/node": "^18.7.6",
111
111
  "@types/wavesurfer.js": "^6.0.3",
112
112
  "@types/webfontloader": "^1.6.38",
113
- "@vitejs/plugin-vue": "5.0.3",
114
- "@vitest/coverage-v8": "3.2.4",
115
- "@vitest/ui": "3.2.4",
113
+ "@vitejs/plugin-vue": "5.2.4",
114
+ "@vitest/coverage-v8": "3.2.7",
115
+ "@vitest/ui": "3.2.7",
116
116
  "@voicenter-team/aws-uploader": "^1.0.10",
117
117
  "@voicenter-team/eslint-config-vue": "^1.0.21",
118
118
  "@vue/server-renderer": "^3.5.13",
@@ -130,7 +130,7 @@
130
130
  "highlight.js": "^11.6.0",
131
131
  "jsdom": "^26.1.0",
132
132
  "pdfjs-dist": "2.9.359",
133
- "postcss": "8.4.34",
133
+ "postcss": "8.5.24",
134
134
  "readline-sync": "^1.4.10",
135
135
  "sass": "1.93.3",
136
136
  "tailwindcss": "^3.1.8",
@@ -141,7 +141,7 @@
141
141
  "vite-bundle-analyzer": "^0.15.2",
142
142
  "vite-plugin-compression": "^0.5.1",
143
143
  "vite-plugin-dts": "3.7.2",
144
- "vite-plugin-inspect": "0.8.1",
144
+ "vite-plugin-inspect": "0.8.9",
145
145
  "vite-plugin-lib-inject-css": "^2.2.2",
146
146
  "vite-plugin-static-copy": "0.17.1",
147
147
  "vitest": "^3.2.4",
@@ -1,190 +1,192 @@
1
- const schemeColors = require('./src/theme/tailwindScheme.js')
2
-
3
- /** @type {import('tailwindcss').Config} */
4
- module.exports = {
5
- content: [ './src/**/*.{vue,js,ts,scss}', './documentation/**/*.{vue,scss}' ],
6
- plugins: [
7
- require('tailwindcss/plugin')(({ addUtilities }) => {
8
- addUtilities({
9
- '.justify-normal': {
10
- justifyContent: 'normal'
11
- }
12
- })
13
- })
14
- ],
15
- theme: {
16
- fontFamily: {
17
- main: [ 'Inter', 'system-ui', 'sans-serif' ],
18
- heebo: [ 'Heebo', 'sans-serif' ],
19
- inter: [
20
- 'Inter',
21
- 'sans-serif'
22
- ]
23
- },
24
- screens: {
25
- sm: '680px',
26
- md: '960px',
27
- lg: '1264px',
28
- xl: '1680px',
29
- xxl: '1900px'
30
- },
31
- colors: schemeColors,
32
- borderColor: schemeColors,
33
- backgroundColor: schemeColors,
34
- boxShadow: {
35
- none: 'none',
36
- card: '0px 0px 5px var(--card-shadow-color)',
37
- 'card-no-active': '0px 0px 5px var(--inactive-elements)',
38
- 'table-header': '0 1px 0 0 var(--table-shadow-color)',
39
- 'focus-outer': '0 0 3px var(--active-elements--pressed)',
40
- 'focus-outer-off': '0 0 3px var(--inactive-elements--pressed)',
41
- 'focus-outer-primary': '0 0 3px var(--primary-actions--pressed)',
42
- 'focus-outer-secondary': '0 0 3px var(--secondary-actions--pressed)',
43
- 'focus-outer-destructive': '0 0 3px var(--destructive-actions--pressed)',
44
- 'focus-outer-success': '0 0 3px var(--success-actions--pressed)',
45
- 'focus-outer-warning': '0 0 3px var(--warning-actions--pressed)',
46
- 'focus-inner': 'inset 0 0 3px var(--active-elements--pressed)',
47
- focus: '0 0 3px var(--active-elements--pressed), inset 0 0px 3px var(--active-elements--pressed)',
48
- hover: '0 0 3px var(--active-elements--focus), inset 0 0px 3px var(--active-elements--focus)',
49
- 'focus-primary': '0 0 3px var(--primary-actions--pressed), inset 0 0px 3px var(--primary-actions--pressed)',
50
- 'hover-primary': '0 0 3px var(--primary-actions--focus), inset 0 0px 3px var(--primary-actions--focus)',
51
- 'focus-secondary': '0 0 3px var(--secondary-actions--pressed), inset 0 0px 3px var(--secondary-actions--pressed)',
52
- 'hover-secondary': '0 0 3px var(--secondary-actions--focus), inset 0 0px 3px var(--secondary-actions--focus)',
53
- 'focus-destructive': '0 0 3px var(--destructive-actions--pressed), inset 0 0px 3px var(--destructive-actions--pressed)',
54
- 'hover-destructive': '0 0 3px var(--destructive-actions--focus), inset 0 0px 3px var(--destructive-actions--focus)',
55
- 'focus-success': '0 0 3px var(--success-actions--pressed), inset 0 0px 3px var(--success-actions--pressed)',
56
- 'hover-success': '0 0 3px var(--success-actions--focus), inset 0 0px 3px var(--success-actions--focus)',
57
- 'focus-warning': '0 0 3px var(--warning-actions--pressed), inset 0 0px 3px var(--warning-actions--pressed)',
58
- 'hover-warning': '0 0 3px var(--warning-actions--focus), inset 0 0px 3px var(--warning-actions--focus)',
59
- 'hover-inner': 'inset 0 0 3px var(--active-elements--focus)',
60
- 'hover-outer': '0 0 3px var(--active-elements--focus)',
61
- 'hover-outer-off': '0 0 3px var(--inactive-elements--focus)',
62
- 'hover-outer-active': '0 0 3px var(--active-elements--focus)',
63
- 'hover-outer-primary': '0 0 3px var(--primary-actions--focus)',
64
- 'hover-outer-primary-alternative': '0 0 3px var(--primary-alternative-actions--focus)',
65
- 'hover-outer-secondary': '0 0 3px var(--secondary-actions--focus)',
66
- 'hover-outer-destructive': '0 0 3px var(--destructive-actions--focus)',
67
- 'hover-outer-success': '0 0 3px var(--success-actions--focus)',
68
- 'hover-outer-warning': '0 0 3px var(--warning-actions--focus)',
69
- 'view-switcher': '0px 0px 4px var(--overlay-bg)',
70
- 'vertical-tab-scroll': 'inset 0 0 8px (--light-bg)',
71
- 'vertical-tab-item': '0 1px 6px var(--card-shadow-color)',
72
- 'vertical-tab-item-hover': '0 1px 6px var(--active-elements--focus)',
73
- table: '0px 0px 5px var(--card-shadow-color)',
74
- 'table-row': '0 10px 10px -12px var(--table-shadow-color)'
75
- },
76
- fontSize: {
77
- xxs: '0.65rem',
78
- xs: '0.75rem',
79
- sm: '0.875rem',
80
- base: '1rem',
81
- lg: '1.125rem',
82
- xl: '1.25rem',
83
- '2xl': '1.5rem',
84
- '3xl': '2rem',
85
- '4xl': '2.25rem',
86
- '5xl': '2.5rem',
87
- '6xl': '3rem'
88
- },
89
- fill: schemeColors,
90
- stroke: {
91
- 'active-elements': 'var(--active-elements)',
92
- current: 'currentColor'
93
- },
94
- borderRadius: {
95
- none: '0',
96
- xs: '0.125rem',
97
- sm: '0.25rem',
98
- md: '0.375rem',
99
- lg: '0.5rem',
100
- xl: '0.75rem',
101
- xxl: '0.875rem',
102
- full: '9999px',
103
- tag: '2rem',
104
- DEFAULT: '0.25rem',
105
- 'horizontal-tab-wrapper': '0px 6px 6px 6px',
106
- 'horizontal-tab-item': '6px 6px 0px 0px'
107
- },
108
- extend: {
109
- inset: {
110
- unset: 'unset'
111
- },
112
- minWidth: {
113
- auto: 'auto',
114
- xs: '20rem',
115
- sm: '24rem',
116
- md: '28rem',
117
- lg: '32rem',
118
- xl: '36rem',
119
- '1/4': '25%',
120
- '1/2': '50%',
121
- '3/4': '75%',
122
- screen: '100vw'
123
- },
124
- minHeight: {
125
- 2: '2rem',
126
- 5.5: '1.375rem',
127
- 6.5: '1.625rem',
128
- 8: '2rem',
129
- screen: '100vh',
130
- inherit: 'inherit'
131
- },
132
- maxWidth: {
133
- '1/2': '50%',
134
- screen: '100vw'
135
- },
136
- maxHeight: {
137
- inherit: 'inherit'
138
- },
139
- height: {
140
- 0.5: '2px',
141
- 'fit-content': 'fit-content',
142
- 'modal-wizard': '680px'
143
- },
144
- spacing: {
145
- 15: '3.75rem',
146
- unset: 'unset'
147
- },
148
- width: {},
149
- lineHeight: {
150
- '40px': '40px'
151
- },
152
- zIndex: {
153
- 1: 1,
154
- 5: 5
155
- },
156
- rotate: {
157
- 135: '135deg',
158
- 225: '225deg'
159
- }
160
- }
161
- },
162
- safelist: [
163
- // Essential text sizes
164
- {
165
- pattern: /text-(xxs|xs|sm|base|lg|2xl|3xl|4xl|5xl|6xl)/,
166
- variants: [ 'hover', 'focus' ]
167
- },
168
- // Essential fonts
169
- {
170
- pattern: /font-(main|heebo|inter)/,
171
- },
172
- // Essential color classes for dynamic theming
173
- {
174
- pattern: /text-(primary|primary-alternative|secondary|destructive|success|warning)-actions/,
175
- variants: [ 'hover', 'focus' ]
176
- },
177
- {
178
- pattern: /bg-(primary|primary-alternative|secondary|destructive|success|warning)-actions/,
179
- variants: [ 'hover', 'focus' ]
180
- },
181
- {
182
- pattern: /border-(primary|primary-alternative|secondary|destructive|success|warning)-actions/,
183
- variants: [ 'hover', 'focus' ]
184
- }
185
- ],
186
- variants: {
187
- backgroundColor: [ 'responsive', 'hover', 'focus', 'active' ]
188
- }
189
- }
190
-
1
+ const schemeColors = require('./src/theme/tailwindScheme.js')
2
+
3
+ /** @type {import('tailwindcss').Config} */
4
+ module.exports = {
5
+ content: [ './src/**/*.{vue,js,ts,scss}', './documentation/**/*.{vue,scss}' ],
6
+ plugins: [
7
+ require('tailwindcss/plugin')(({ addUtilities }) => {
8
+ addUtilities({
9
+ '.justify-normal': {
10
+ justifyContent: 'normal'
11
+ }
12
+ })
13
+ })
14
+ ],
15
+ theme: {
16
+ fontFamily: {
17
+ main: [ 'Rubik', 'system-ui', 'sans-serif' ],
18
+ rubik: [ 'Rubik', 'system-ui', 'sans-serif' ],
19
+ // Deprecated aliases — Rubik replaced both Inter (latin) and Heebo
20
+ // (hebrew), but `font-inter`/`font-heebo` are still used in consumer
21
+ // projects. Kept pointing at Rubik so those classes keep working;
22
+ // remove in the next major once consumers migrate to `font-rubik`.
23
+ heebo: [ 'Rubik', 'system-ui', 'sans-serif' ],
24
+ inter: [ 'Rubik', 'system-ui', 'sans-serif' ]
25
+ },
26
+ screens: {
27
+ sm: '680px',
28
+ md: '960px',
29
+ lg: '1264px',
30
+ xl: '1680px',
31
+ xxl: '1900px'
32
+ },
33
+ colors: schemeColors,
34
+ borderColor: schemeColors,
35
+ backgroundColor: schemeColors,
36
+ boxShadow: {
37
+ none: 'none',
38
+ card: '0px 0px 5px var(--card-shadow-color)',
39
+ 'card-no-active': '0px 0px 5px var(--inactive-elements)',
40
+ 'table-header': '0 1px 0 0 var(--table-shadow-color)',
41
+ 'focus-outer': '0 0 3px var(--active-elements--pressed)',
42
+ 'focus-outer-off': '0 0 3px var(--inactive-elements--pressed)',
43
+ 'focus-outer-primary': '0 0 3px var(--primary-actions--pressed)',
44
+ 'focus-outer-secondary': '0 0 3px var(--secondary-actions--pressed)',
45
+ 'focus-outer-destructive': '0 0 3px var(--destructive-actions--pressed)',
46
+ 'focus-outer-success': '0 0 3px var(--success-actions--pressed)',
47
+ 'focus-outer-warning': '0 0 3px var(--warning-actions--pressed)',
48
+ 'focus-inner': 'inset 0 0 3px var(--active-elements--pressed)',
49
+ focus: '0 0 3px var(--active-elements--pressed), inset 0 0px 3px var(--active-elements--pressed)',
50
+ hover: '0 0 3px var(--active-elements--focus), inset 0 0px 3px var(--active-elements--focus)',
51
+ 'focus-primary': '0 0 3px var(--primary-actions--pressed), inset 0 0px 3px var(--primary-actions--pressed)',
52
+ 'hover-primary': '0 0 3px var(--primary-actions--focus), inset 0 0px 3px var(--primary-actions--focus)',
53
+ 'focus-secondary': '0 0 3px var(--secondary-actions--pressed), inset 0 0px 3px var(--secondary-actions--pressed)',
54
+ 'hover-secondary': '0 0 3px var(--secondary-actions--focus), inset 0 0px 3px var(--secondary-actions--focus)',
55
+ 'focus-destructive': '0 0 3px var(--destructive-actions--pressed), inset 0 0px 3px var(--destructive-actions--pressed)',
56
+ 'hover-destructive': '0 0 3px var(--destructive-actions--focus), inset 0 0px 3px var(--destructive-actions--focus)',
57
+ 'focus-success': '0 0 3px var(--success-actions--pressed), inset 0 0px 3px var(--success-actions--pressed)',
58
+ 'hover-success': '0 0 3px var(--success-actions--focus), inset 0 0px 3px var(--success-actions--focus)',
59
+ 'focus-warning': '0 0 3px var(--warning-actions--pressed), inset 0 0px 3px var(--warning-actions--pressed)',
60
+ 'hover-warning': '0 0 3px var(--warning-actions--focus), inset 0 0px 3px var(--warning-actions--focus)',
61
+ 'hover-inner': 'inset 0 0 3px var(--active-elements--focus)',
62
+ 'hover-outer': '0 0 3px var(--active-elements--focus)',
63
+ 'hover-outer-off': '0 0 3px var(--inactive-elements--focus)',
64
+ 'hover-outer-active': '0 0 3px var(--active-elements--focus)',
65
+ 'hover-outer-primary': '0 0 3px var(--primary-actions--focus)',
66
+ 'hover-outer-primary-alternative': '0 0 3px var(--primary-alternative-actions--focus)',
67
+ 'hover-outer-secondary': '0 0 3px var(--secondary-actions--focus)',
68
+ 'hover-outer-destructive': '0 0 3px var(--destructive-actions--focus)',
69
+ 'hover-outer-success': '0 0 3px var(--success-actions--focus)',
70
+ 'hover-outer-warning': '0 0 3px var(--warning-actions--focus)',
71
+ 'view-switcher': '0px 0px 4px var(--overlay-bg)',
72
+ 'vertical-tab-scroll': 'inset 0 0 8px (--light-bg)',
73
+ 'vertical-tab-item': '0 1px 6px var(--card-shadow-color)',
74
+ 'vertical-tab-item-hover': '0 1px 6px var(--active-elements--focus)',
75
+ table: '0px 0px 5px var(--card-shadow-color)',
76
+ 'table-row': '0 10px 10px -12px var(--table-shadow-color)'
77
+ },
78
+ fontSize: {
79
+ xxs: '0.65rem',
80
+ xs: '0.75rem',
81
+ sm: '0.875rem',
82
+ base: '1rem',
83
+ lg: '1.125rem',
84
+ xl: '1.25rem',
85
+ '2xl': '1.5rem',
86
+ '3xl': '2rem',
87
+ '4xl': '2.25rem',
88
+ '5xl': '2.5rem',
89
+ '6xl': '3rem'
90
+ },
91
+ fill: schemeColors,
92
+ stroke: {
93
+ 'active-elements': 'var(--active-elements)',
94
+ current: 'currentColor'
95
+ },
96
+ borderRadius: {
97
+ none: '0',
98
+ xs: '0.125rem',
99
+ sm: '0.25rem',
100
+ md: '0.375rem',
101
+ lg: '0.5rem',
102
+ xl: '0.75rem',
103
+ xxl: '0.875rem',
104
+ full: '9999px',
105
+ tag: '2rem',
106
+ DEFAULT: '0.25rem',
107
+ 'horizontal-tab-wrapper': '0px 6px 6px 6px',
108
+ 'horizontal-tab-item': '6px 6px 0px 0px'
109
+ },
110
+ extend: {
111
+ inset: {
112
+ unset: 'unset'
113
+ },
114
+ minWidth: {
115
+ auto: 'auto',
116
+ xs: '20rem',
117
+ sm: '24rem',
118
+ md: '28rem',
119
+ lg: '32rem',
120
+ xl: '36rem',
121
+ '1/4': '25%',
122
+ '1/2': '50%',
123
+ '3/4': '75%',
124
+ screen: '100vw'
125
+ },
126
+ minHeight: {
127
+ 2: '2rem',
128
+ 5.5: '1.375rem',
129
+ 6.5: '1.625rem',
130
+ 8: '2rem',
131
+ screen: '100vh',
132
+ inherit: 'inherit'
133
+ },
134
+ maxWidth: {
135
+ '1/2': '50%',
136
+ screen: '100vw'
137
+ },
138
+ maxHeight: {
139
+ inherit: 'inherit'
140
+ },
141
+ height: {
142
+ 0.5: '2px',
143
+ 'fit-content': 'fit-content',
144
+ 'modal-wizard': '680px'
145
+ },
146
+ spacing: {
147
+ 15: '3.75rem',
148
+ unset: 'unset'
149
+ },
150
+ width: {},
151
+ lineHeight: {
152
+ '40px': '40px'
153
+ },
154
+ zIndex: {
155
+ 1: 1,
156
+ 5: 5
157
+ },
158
+ rotate: {
159
+ 135: '135deg',
160
+ 225: '225deg'
161
+ }
162
+ }
163
+ },
164
+ safelist: [
165
+ // Essential text sizes
166
+ {
167
+ pattern: /text-(xxs|xs|sm|base|lg|2xl|3xl|4xl|5xl|6xl)/,
168
+ variants: [ 'hover', 'focus' ]
169
+ },
170
+ // Essential fonts
171
+ {
172
+ pattern: /font-(main|heebo|inter)/,
173
+ },
174
+ // Essential color classes for dynamic theming
175
+ {
176
+ pattern: /text-(primary|primary-alternative|secondary|destructive|success|warning)-actions/,
177
+ variants: [ 'hover', 'focus' ]
178
+ },
179
+ {
180
+ pattern: /bg-(primary|primary-alternative|secondary|destructive|success|warning)-actions/,
181
+ variants: [ 'hover', 'focus' ]
182
+ },
183
+ {
184
+ pattern: /border-(primary|primary-alternative|secondary|destructive|success|warning)-actions/,
185
+ variants: [ 'hover', 'focus' ]
186
+ }
187
+ ],
188
+ variants: {
189
+ backgroundColor: [ 'responsive', 'hover', 'focus', 'active' ]
190
+ }
191
+ }
192
+