@aziontech/theme 1.9.0 → 1.11.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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/tokens/primitives/colors.js +85 -84
  3. package/src/tokens/semantic/backgrounds.js +11 -9
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@aziontech/theme",
3
3
  "type": "module",
4
- "version": "1.9.0",
4
+ "version": "1.11.0",
5
5
  "author": "aziontech",
6
6
  "license": "MIT",
7
7
  "repository": {
package/src/tokens/primitives/colors.js CHANGED
@@ -10,121 +10,122 @@ export const primitives = {
10
10
  black: '#000000',
11
11
  },
12
12
  gray: {
13
- '50': '#f9fafb',
14
- '100': '#f3f4f6',
15
- '200': '#e5e7eb',
16
- '300': '#d1d5db',
17
- '400': '#9ca3af',
18
- '500': '#6b7280',
19
- '600': '#4b5563',
13
+ '50': '#F9FAFB',
14
+ '100': '#F3F4F6',
15
+ '200': '#E5E7EB',
16
+ '300': '#D1D5DB',
17
+ '400': '#9CA3AF',
18
+ '500': '#6B7280',
19
+ '600': '#4B5563',
20
20
  '700': '#374151',
21
- '800': '#1f2937',
21
+ '800': '#1F2937',
22
22
  '900': '#111827',
23
23
  '950': '#030712',
24
24
  },
25
+ // done violet
25
26
  violet: {
26
- '50': '#f6f6ff',
27
- '100': '#ececff',
28
- '200': '#d9d7fa',
29
- '300': '#b5b1f4',
30
- '400': '#9f9af1',
31
- '500': '#8a84ec',
32
- '600': '#756fe5',
33
- '700': '#625bd5',
34
- '800': '#524bbb',
35
- '900': '#423f99',
27
+ '50': '#F6F6FF',
28
+ '100': '#ECECFF',
29
+ '200': '#D9D7FA',
30
+ '300': '#B5B1F4',
31
+ '400': '#9F9AF1',
32
+ '500': '#8A84EC',
33
+ '600': '#756FE5',
34
+ '700': '#625BD5',
35
+ '800': '#524BBB',
36
+ '900': '#423F99',
36
37
  '950': '#343279',
37
38
  },
38
39
  orange: {
39
- '50': '#fff5ef',
40
- '100': '#ffe7d8',
41
- '200': '#ffcfb3',
42
- '300': '#ffb180',
43
- '400': '#ff8e4d',
44
- '500': '#fe601f',
45
- '600': '#d94a03',
46
- '700': '#b03c02',
47
- '800': '#8a2f02',
40
+ '50': '#FFF5EF',
41
+ '100': '#FFE7D8',
42
+ '200': '#FFCFB3',
43
+ '300': '#FFB180',
44
+ '400': '#FF8E4D',
45
+ '500': '#FE601F',
46
+ '600': '#D94A03',
47
+ '700': '#B03C02',
48
+ '800': '#8A2F02',
48
49
  '900': '#692402',
49
50
  '950': '#401602',
50
51
  },
51
52
  slate: {
52
- '50': '#f8f7fc',
53
- '100': '#f0eff8',
54
- '200': '#e3e1f0',
55
- '300': '#d3d2e6',
56
- '400': '#bebbd6',
57
- '500': '#a39fbe',
58
- '600': '#8884a4',
59
- '700': '#6d698b',
60
- '800': '#534f70',
53
+ '50': '#F8F7FC',
54
+ '100': '#F0EFF8',
55
+ '200': '#E3E1F0',
56
+ '300': '#D3D2E6',
57
+ '400': '#BEBBD6',
58
+ '500': '#A39FBE',
59
+ '600': '#8884A4',
60
+ '700': '#6D698B',
61
+ '800': '#534F70',
61
62
  '900': '#353040',
62
- '950': '#13131a',
63
+ '950': '#13131A',
63
64
  },
64
65
  yellow: {
65
- '50': '#fefce8',
66
- '100': '#fef9c3',
67
- '200': '#fef08a',
68
- '300': '#fde047',
69
- '400': '#facc15',
70
- '500': '#eab308',
71
- '600': '#ca8a04',
72
- '700': '#a16207',
73
- '800': '#854d0e',
74
- '900': '#713f12',
66
+ '50': '#FEFCE8',
67
+ '100': '#FEF9C3',
68
+ '200': '#FEF08A',
69
+ '300': '#FDE047',
70
+ '400': '#FACC15',
71
+ '500': '#EAB308',
72
+ '600': '#CA8A04',
73
+ '700': '#A16207',
74
+ '800': '#854D0E',
75
+ '900': '#713F12',
75
76
  '950': '#422006',
76
77
  },
77
78
  green: {
78
- '50': '#f0fdf4',
79
- '100': '#dcfce7',
80
- '200': '#bbf7d0',
81
- '300': '#86efac',
82
- '400': '#4ade80',
83
- '500': '#22c55e',
84
- '600': '#16a34a',
85
- '700': '#15803d',
79
+ '50': '#F0FDF4',
80
+ '100': '#DCFCE7',
81
+ '200': '#BBF7D0',
82
+ '300': '#86EFAC',
83
+ '400': '#4ADE80',
84
+ '500': '#22C55E',
85
+ '600': '#16A34A',
86
+ '700': '#15803D',
86
87
  '800': '#166534',
87
- '900': '#14532d',
88
- '950': '#052e16',
88
+ '900': '#14532D',
89
+ '950': '#052E16',
89
90
  },
90
91
  blue: {
91
- '50': '#eff6ff',
92
- '100': '#dbeafe',
93
- '200': '#bfdbfe',
94
- '300': '#93c5fd',
95
- '400': '#60a5fa',
96
- '500': '#3b82f6',
97
- '600': '#2563eb',
98
- '700': '#1d4ed8',
99
- '800': '#1e40af',
100
- '900': '#1e3a8a',
92
+ '50': '#EFF6FF',
93
+ '100': '#DBEAFE',
94
+ '200': '#BFDBFE',
95
+ '300': '#93C5FD',
96
+ '400': '#60A5FA',
97
+ '500': '#3B82F6',
98
+ '600': '#2563EB',
99
+ '700': '#1D4ED8',
100
+ '800': '#1E40AF',
101
+ '900': '#1E3A8A',
101
102
  '950': '#172554',
102
103
  },
103
104
  neutral: {
104
- '50': '#fafafa',
105
- '100': '#f5f5f5',
106
- '200': '#e5e5e5',
107
- '300': '#d4d4d4',
108
- '400': '#a3a3a3',
105
+ '50': '#FAFAFA',
106
+ '100': '#F5F5F5',
107
+ '200': '#E5E5E5',
108
+ '300': '#D4D4D4',
109
+ '400': '#A3A3A3',
109
110
  '500': '#737373',
110
111
  '600': '#525252',
111
112
  '700': '#404040',
112
113
  '800': '#262626',
113
114
  '900': '#171717',
114
- '950': '#0a0a0a',
115
+ '950': '#0A0A0A',
115
116
  },
116
117
  red: {
117
- '50': '#ffe5e5',
118
- '100': '#ffcccc',
119
- '200': '#fecaca',
120
- '300': '#fca5a5',
121
- '400': '#f87171',
122
- '500': '#ef4444',
123
- '600': '#dc2626',
124
- '700': '#b91c1c',
125
- '800': '#991b1b',
126
- '900': '#7f1d1d',
127
- '950': '#450a0a',
118
+ '50': '#FFE5E5',
119
+ '100': '#FFCCCC',
120
+ '200': '#FECACA',
121
+ '300': '#FCA5A5',
122
+ '400': '#F87171',
123
+ '500': '#EF4444',
124
+ '600': '#DC2626',
125
+ '700': '#B91C1C',
126
+ '800': '#991B1B',
127
+ '900': '#7F1D1D',
128
+ '950': '#450A0A',
128
129
  },
129
130
  };
130
131
 
package/src/tokens/semantic/backgrounds.js CHANGED
@@ -4,7 +4,7 @@
4
4
  * Generated from figma-reference-tokens-studio.
5
5
  */
6
6
 
7
- import { tokenRef } from '../build/refs.js';
7
+ import { tokenRef } from '../build/refs.js'
8
8
 
9
9
  export const backgroundSemantic = {
10
10
  light: {
@@ -18,9 +18,10 @@ export const backgroundSemantic = {
18
18
  success: tokenRef('primitives.green.200'),
19
19
  danger: tokenRef('primitives.red.200'),
20
20
  warning: tokenRef('primitives.yellow.200'),
21
- backdrop: tokenRef('#00000040'),
21
+ backdrop: tokenRef('primitives.alpha.neutral.25'),
22
22
  primaryHover: tokenRef('brand.primary.primary-600'),
23
- primary: tokenRef('brand.primary.primary-500')
23
+ primary: tokenRef('brand.primary.primary-500'),
24
+ primaryMask: tokenRef('primitives.alpha.brand.primary.65')
24
25
  },
25
26
  dark: {
26
27
  surfaceRaised: tokenRef('brand.surfaces.surface-800'),
@@ -33,12 +34,13 @@ export const backgroundSemantic = {
33
34
  success: tokenRef('primitives.green.800'),
34
35
  danger: tokenRef('primitives.red.800'),
35
36
  warning: tokenRef('primitives.yellow.800'),
36
- backdrop: tokenRef('#00000040'),
37
+ backdrop: tokenRef('primitives.alpha.neutral.25'),
37
38
  primaryHover: tokenRef('brand.primary.primary-400'),
38
- primary: tokenRef('brand.primary.primary-500')
39
- },
40
- };
39
+ primary: tokenRef('brand.primary.primary-500'),
40
+ primaryMask: tokenRef('primitives.alpha.brand.primary.65')
41
+ }
42
+ }
41
43
 
42
44
  export default {
43
- backgroundSemantic,
44
- };
45
+ backgroundSemantic
46
+ }