@acronis-platform/shadcn-uikit 0.18.0 → 0.19.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 (2) hide show
  1. package/package.json +1 -1
  2. package/tailwind.preset.js +157 -146
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acronis-platform/shadcn-uikit",
3
- "version": "0.18.0",
3
+ "version": "0.19.0",
4
4
  "description": "Acronis shadcn UI component library built with TypeScript, following shadcn design principles",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
package/tailwind.preset.js CHANGED
@@ -4,152 +4,163 @@ import tailwindcssAnimate from 'tailwindcss-animate';
4
4
  export default {
5
5
  darkMode: ['class'],
6
6
  theme: {
7
- container: {
8
- center: true,
9
- padding: {
10
- DEFAULT: '1rem',
11
- sm: '1.5rem',
12
- lg: '2rem',
13
- xl: '2.5rem',
14
- '2xl': '3rem',
15
- '3xl': '3rem'
16
- },
17
- screens: {
18
- sm: '640px',
19
- md: '768px',
20
- lg: '1024px',
21
- xl: '1280px',
22
- '2xl': '1400px',
23
- '3xl': '1920px'
24
- }
25
- },
26
- extend: {
27
- fontFamily: {
28
- sans: ['var(--av-font-sans)', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
29
- },
30
- fontSize: {
31
- base: ['var(--av-font-size-base, 16px)', { lineHeight: 'var(--av-line-height-base, 1.5)' }],
32
- },
33
- lineHeight: {
34
- base: 'var(--av-line-height-base, 1.5)',
35
- },
36
- letterSpacing: {
37
- base: 'var(--av-letter-spacing-base, 0)',
38
- },
39
- colors: {
40
- background: 'hsl(var(--av-background))',
41
- foreground: 'hsl(var(--av-foreground))',
42
- primary: {
43
- DEFAULT: 'hsl(var(--av-primary))',
44
- foreground: 'hsl(var(--av-primary-foreground))'
45
- },
46
- secondary: {
47
- DEFAULT: 'hsl(var(--av-secondary))',
48
- foreground: 'hsl(var(--av-secondary-foreground))'
49
- },
50
- muted: {
51
- DEFAULT: 'hsl(var(--av-muted))',
52
- foreground: 'hsl(var(--av-muted-foreground))'
53
- },
54
- accent: {
55
- DEFAULT: 'hsl(var(--av-accent))',
56
- foreground: 'hsl(var(--av-accent-foreground))'
57
- },
58
- destructive: {
59
- DEFAULT: 'hsl(var(--av-destructive))',
60
- foreground: 'hsl(var(--av-destructive-foreground))',
61
- light: 'hsl(var(--av-status-danger-bg))',
62
- accent: 'hsl(var(--av-status-danger))'
63
- },
64
- danger: {
65
- DEFAULT: 'hsl(var(--av-status-danger-bg))',
66
- foreground: 'hsl(var(--av-status-danger-text))',
67
- accent: 'hsl(var(--av-status-danger))'
68
- },
69
- success: {
70
- DEFAULT: 'hsl(var(--av-status-success-bg))',
71
- foreground: 'hsl(var(--av-status-success-text))',
72
- accent: 'hsl(var(--av-status-success))'
73
- },
74
- warning: {
75
- DEFAULT: 'hsl(var(--av-status-warning-bg))',
76
- foreground: 'hsl(var(--av-status-warning-text))',
77
- accent: 'hsl(var(--av-status-warning))'
78
- },
79
- info: {
80
- DEFAULT: 'hsl(var(--av-status-info-bg))',
81
- foreground: 'hsl(var(--av-status-info-text))',
82
- accent: 'hsl(var(--av-status-info))'
83
- },
84
- critical: {
85
- DEFAULT: 'hsl(var(--av-status-critical-bg))',
86
- foreground: 'hsl(var(--av-status-critical-text))',
87
- accent: 'hsl(var(--av-status-critical))'
88
- },
89
- neutral: {
90
- DEFAULT: 'hsl(var(--av-status-neutral-bg))',
91
- foreground: 'hsl(var(--av-status-neutral-text))',
92
- accent: 'hsl(var(--av-status-neutral))'
93
- },
94
- ai: {
95
- DEFAULT: 'hsl(var(--av-status-ai-bg))',
96
- foreground: 'hsl(var(--av-status-ai-text))',
97
- accent: 'hsl(var(--av-status-ai))'
98
- },
99
- popover: {
100
- DEFAULT: 'hsl(var(--av-popover))',
101
- foreground: 'hsl(var(--av-popover-foreground))'
102
- },
103
- tooltip: {
104
- DEFAULT: 'hsl(var(--av-tooltip))',
105
- foreground: 'hsl(var(--av-text-inverse))'
106
- },
107
- card: {
108
- DEFAULT: 'hsl(var(--av-elevated))',
109
- foreground: 'hsl(var(--av-foreground))'
110
- },
111
- border: 'hsl(var(--av-border))',
112
- input: 'hsl(var(--av-input))',
113
- ring: 'hsl(var(--av-ring))',
114
- sidebar: {
115
- DEFAULT: 'hsl(var(--av-nav-bg))',
116
- foreground: 'hsl(var(--av-nav-text))',
117
- primary: 'hsl(var(--av-nav-bg))',
118
- 'primary-foreground': 'hsl(var(--av-text-inverse))',
119
- accent: 'hsl(var(--av-nav-active))',
120
- 'accent-foreground': 'hsl(var(--av-text-inverse))',
121
- border: 'hsl(var(--av-nav-bg))',
122
- ring: 'hsl(var(--av-ring))'
123
- }
124
- },
125
- borderRadius: {
126
- lg: 'var(--av-radius)',
127
- md: 'calc(var(--av-radius) - 2px)',
128
- sm: 'calc(var(--av-radius) - 4px)'
129
- },
130
- keyframes: {
131
- 'accordion-down': {
132
- from: {
133
- height: '0'
134
- },
135
- to: {
136
- height: 'var(--radix-accordion-content-height)'
137
- }
138
- },
139
- 'accordion-up': {
140
- from: {
141
- height: 'var(--radix-accordion-content-height)'
142
- },
143
- to: {
144
- height: '0'
145
- }
146
- }
147
- },
148
- animation: {
149
- 'accordion-down': 'accordion-down 0.2s ease-out',
150
- 'accordion-up': 'accordion-up 0.2s ease-out'
151
- }
152
- }
7
+ extend: {
8
+ container: {
9
+ center: true,
10
+ padding: {
11
+ DEFAULT: '1rem',
12
+ sm: '1.5rem',
13
+ lg: '2rem',
14
+ xl: '2.5rem',
15
+ '2xl': '3rem',
16
+ '3xl': '3rem',
17
+ },
18
+ screens: {
19
+ sm: '640px',
20
+ md: '768px',
21
+ lg: '1024px',
22
+ xl: '1280px',
23
+ '2xl': '1400px',
24
+ '3xl': '1920px',
25
+ },
26
+ },
27
+ fontFamily: {
28
+ sans: [
29
+ 'var(--av-font-sans)',
30
+ 'system-ui',
31
+ '-apple-system',
32
+ 'BlinkMacSystemFont',
33
+ 'Segoe UI',
34
+ 'Roboto',
35
+ 'sans-serif',
36
+ ],
37
+ },
38
+ fontSize: {
39
+ base: [
40
+ 'var(--av-font-size-base, 16px)',
41
+ { lineHeight: 'var(--av-line-height-base, 1.5)' },
42
+ ],
43
+ },
44
+ lineHeight: {
45
+ base: 'var(--av-line-height-base, 1.5)',
46
+ },
47
+ letterSpacing: {
48
+ base: 'var(--av-letter-spacing-base, 0)',
49
+ },
50
+ colors: {
51
+ background: 'hsl(var(--av-background))',
52
+ foreground: 'hsl(var(--av-foreground))',
53
+ primary: {
54
+ DEFAULT: 'hsl(var(--av-primary))',
55
+ foreground: 'hsl(var(--av-primary-foreground))',
56
+ },
57
+ secondary: {
58
+ DEFAULT: 'hsl(var(--av-secondary))',
59
+ foreground: 'hsl(var(--av-secondary-foreground))',
60
+ },
61
+ muted: {
62
+ DEFAULT: 'hsl(var(--av-muted))',
63
+ foreground: 'hsl(var(--av-muted-foreground))',
64
+ },
65
+ accent: {
66
+ DEFAULT: 'hsl(var(--av-accent))',
67
+ foreground: 'hsl(var(--av-accent-foreground))',
68
+ },
69
+ destructive: {
70
+ DEFAULT: 'hsl(var(--av-destructive))',
71
+ foreground: 'hsl(var(--av-destructive-foreground))',
72
+ light: 'hsl(var(--av-status-danger-bg))',
73
+ accent: 'hsl(var(--av-status-danger))',
74
+ },
75
+ danger: {
76
+ DEFAULT: 'hsl(var(--av-status-danger-bg))',
77
+ foreground: 'hsl(var(--av-status-danger-text))',
78
+ accent: 'hsl(var(--av-status-danger))',
79
+ },
80
+ success: {
81
+ DEFAULT: 'hsl(var(--av-status-success-bg))',
82
+ foreground: 'hsl(var(--av-status-success-text))',
83
+ accent: 'hsl(var(--av-status-success))',
84
+ },
85
+ warning: {
86
+ DEFAULT: 'hsl(var(--av-status-warning-bg))',
87
+ foreground: 'hsl(var(--av-status-warning-text))',
88
+ accent: 'hsl(var(--av-status-warning))',
89
+ },
90
+ info: {
91
+ DEFAULT: 'hsl(var(--av-status-info-bg))',
92
+ foreground: 'hsl(var(--av-status-info-text))',
93
+ accent: 'hsl(var(--av-status-info))',
94
+ },
95
+ critical: {
96
+ DEFAULT: 'hsl(var(--av-status-critical-bg))',
97
+ foreground: 'hsl(var(--av-status-critical-text))',
98
+ accent: 'hsl(var(--av-status-critical))',
99
+ },
100
+ neutral: {
101
+ DEFAULT: 'hsl(var(--av-status-neutral-bg))',
102
+ foreground: 'hsl(var(--av-status-neutral-text))',
103
+ accent: 'hsl(var(--av-status-neutral))',
104
+ },
105
+ ai: {
106
+ DEFAULT: 'hsl(var(--av-status-ai-bg))',
107
+ foreground: 'hsl(var(--av-status-ai-text))',
108
+ accent: 'hsl(var(--av-status-ai))',
109
+ },
110
+ popover: {
111
+ DEFAULT: 'hsl(var(--av-popover))',
112
+ foreground: 'hsl(var(--av-popover-foreground))',
113
+ },
114
+ tooltip: {
115
+ DEFAULT: 'hsl(var(--av-tooltip))',
116
+ foreground: 'hsl(var(--av-text-inverse))',
117
+ },
118
+ card: {
119
+ DEFAULT: 'hsl(var(--av-elevated))',
120
+ foreground: 'hsl(var(--av-foreground))',
121
+ },
122
+ border: 'hsl(var(--av-border))',
123
+ input: 'hsl(var(--av-input))',
124
+ ring: 'hsl(var(--av-ring))',
125
+ sidebar: {
126
+ DEFAULT: 'hsl(var(--av-nav-bg))',
127
+ foreground: 'hsl(var(--av-nav-text))',
128
+ primary: 'hsl(var(--av-nav-bg))',
129
+ 'primary-foreground': 'hsl(var(--av-text-inverse))',
130
+ accent: 'hsl(var(--av-nav-active))',
131
+ 'accent-foreground': 'hsl(var(--av-text-inverse))',
132
+ border: 'hsl(var(--av-nav-bg))',
133
+ ring: 'hsl(var(--av-ring))',
134
+ },
135
+ },
136
+ borderRadius: {
137
+ lg: 'var(--av-radius)',
138
+ md: 'calc(var(--av-radius) - 2px)',
139
+ sm: 'calc(var(--av-radius) - 4px)',
140
+ },
141
+ keyframes: {
142
+ 'accordion-down': {
143
+ from: {
144
+ height: '0',
145
+ },
146
+ to: {
147
+ height: 'var(--radix-accordion-content-height)',
148
+ },
149
+ },
150
+ 'accordion-up': {
151
+ from: {
152
+ height: 'var(--radix-accordion-content-height)',
153
+ },
154
+ to: {
155
+ height: '0',
156
+ },
157
+ },
158
+ },
159
+ animation: {
160
+ 'accordion-down': 'accordion-down 0.2s ease-out',
161
+ 'accordion-up': 'accordion-up 0.2s ease-out',
162
+ },
163
+ },
153
164
  },
154
165
  plugins: [tailwindcssAnimate],
155
166
  };