@webitel/styleguide 24.12.40 → 24.12.42

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 (23) hide show
  1. package/package.json +1 -1
  2. package/src/lib/primevue/components/button/colors/dark/index.ts +2 -2
  3. package/src/lib/primevue/components/button/colors/light/index.ts +2 -2
  4. package/src/lib/primevue/components/popover/colors/dark/index.ts +0 -1
  5. package/src/lib/primevue/components/popover/colors/light/index.ts +0 -1
  6. package/src/lib/primevue/components/popover/sizes/index.ts +1 -0
  7. package/src/lib/primevue/components/tooltip/colors/dark/index.ts +2 -3
  8. package/src/lib/primevue/components/tooltip/colors/light/index.ts +2 -3
  9. package/src/lib/primevue/components/tooltip/sizes/index.ts +1 -0
  10. package/src/lib/primevue/semantic/color-scheme/base/index.ts +5 -0
  11. package/src/lib/primevue/semantic/color-scheme/base/shadow/dark-color.ts +5 -0
  12. package/src/lib/primevue/semantic/color-scheme/base/shadow/index.ts +7 -0
  13. package/src/lib/primevue/semantic/color-scheme/base/shadow/light-color.ts +5 -0
  14. package/src/lib/primevue/semantic/color-scheme/dark-color.ts +29 -36
  15. package/src/lib/primevue/semantic/color-scheme/index.ts +0 -1
  16. package/src/lib/primevue/semantic/color-scheme/light-color.ts +27 -34
  17. package/src/lib/primevue/semantic/color-scheme/overlay/dark/index.ts +11 -7
  18. package/src/lib/primevue/semantic/color-scheme/overlay/index.ts +0 -1
  19. package/src/lib/primevue/semantic/color-scheme/overlay/light/index.ts +11 -6
  20. package/src/lib/primevue/semantic/color-scheme/palette.ts +309 -120
  21. package/src/lib/primevue/components/popover/sizes/index.js +0 -7
  22. package/src/lib/primevue/components/tooltip/colors/dark/index.js +0 -7
  23. package/src/lib/primevue/components/tooltip/colors/light/index.js +0 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/styleguide",
3
- "version": "24.12.40",
3
+ "version": "24.12.42",
4
4
  "main": "",
5
5
  "exports": {
6
6
  ".": "./src/lib/main.scss",
@@ -125,8 +125,8 @@ const darkColors = {
125
125
  },
126
126
  },
127
127
  disabled: {
128
- color: '{gray.600}',
129
- background: '{gray.950}',
128
+ color: '{gray.550}',
129
+ background: '{gray.850}',
130
130
  },
131
131
  },
132
132
  outlined: {
@@ -125,8 +125,8 @@ const lightColors = {
125
125
  },
126
126
  },
127
127
  disabled: {
128
- color: '{gray.600}',
129
- background: '{gray.200}',
128
+ color: '{gray.400}',
129
+ background: '{gray.100}',
130
130
  },
131
131
  },
132
132
  outlined: {
@@ -2,7 +2,6 @@ const darkColors = {
2
2
  background: '{overlay.popover.background}',
3
3
  borderColor: '{overlay.popover.borderColor}',
4
4
  color: '{overlay.popover.color}',
5
- shadow: '{overlay.popover.shadow}',
6
5
  }
7
6
 
8
7
  export default darkColors
@@ -2,7 +2,6 @@ const lightColors = {
2
2
  background: '{overlay.popover.background}',
3
3
  borderColor: '{overlay.popover.borderColor}',
4
4
  color: '{overlay.popover.color}',
5
- shadow: '{overlay.popover.shadow}',
6
5
  }
7
6
 
8
7
  export default lightColors
@@ -3,6 +3,7 @@ const sizes = {
3
3
  gutter: '0.5rem',
4
4
  arrowOffset: '1.25rem',
5
5
  borderRadius: '{overlay.popover.borderRadius}',
6
+ shadow: '{shadow.xs}',
6
7
  };
7
8
 
8
9
  export default sizes
@@ -1,8 +1,7 @@
1
1
  const darkColors = {
2
2
  root: {
3
- background: '{wrapper-back}',
4
- color: '{surface.0}',
5
- shadow: '{overlay.popover.shadow}',
3
+ background: '{overlay.tooltip.background}',
4
+ color: '{overlay.tooltip.color}',
6
5
  }
7
6
  };
8
7
 
@@ -1,8 +1,7 @@
1
1
  const lightColors = {
2
2
  root: {
3
- background: '{blue-lighten-2}',
4
- color: '{surface.0}',
5
- shadow: '{overlay.popover.shadow}',
3
+ background: '{overlay.tooltip.background}',
4
+ color: '{overlay.tooltip.color}',
6
5
  }
7
6
  };
8
7
 
@@ -3,6 +3,7 @@ const sizes = {
3
3
  gutter: '0.5rem',
4
4
  padding: '0.5rem 0.75rem',
5
5
  borderRadius: '0.5rem',
6
+ shadow: '{shadow.xs}',
6
7
  };
7
8
 
8
9
  export default sizes
@@ -1,11 +1,16 @@
1
1
  import typography from './typography';
2
+ import shadow from './shadow';
3
+
4
+
2
5
 
3
6
  const colorScheme = {
4
7
  light: {
5
8
  ...typography.light,
9
+ ...shadow.light,
6
10
  },
7
11
  dark: {
8
12
  ...typography.dark,
13
+ ...shadow.dark,
9
14
  },
10
15
  }
11
16
 
@@ -0,0 +1,5 @@
1
+ export default {
2
+ shadow: {
3
+ xs: '0 4px 4px rgba(0, 0, 0, 15%)',
4
+ }
5
+ }
@@ -0,0 +1,7 @@
1
+ import light from './light-color'
2
+ import dark from './dark-color'
3
+
4
+ export default {
5
+ light,
6
+ dark
7
+ }
@@ -0,0 +1,5 @@
1
+ export default {
2
+ shadow: {
3
+ xs: '0 4px 4px rgba(0, 0, 0, 10%)',
4
+ }
5
+ }
@@ -2,81 +2,74 @@ const darkColor = {
2
2
 
3
3
  primary: {
4
4
  color: '{amber.500}',
5
- hover: '{amber.400}',
6
- active: '{amber.300}',
5
+ hover: '{amber.450}',
6
+ active: '{amber.400}',
7
7
  foreground: '{amber.950}'
8
8
  },
9
9
 
10
10
  secondary: {
11
- color: '{gray.600}',
12
- hover: '{gray.500}',
13
- active: '{gray.400}',
14
- foreground: '{gray.100}'
11
+ color: '{gray.900}',
12
+ hover: '{gray.850}',
13
+ active: '{gray.750}',
14
+ foreground: '{gray.450}'
15
15
  },
16
16
 
17
17
  success: {
18
18
  color: '{green.600}',
19
- hover: '{green.500}',
20
- active: '{green.400}',
19
+ hover: '{green.550}',
20
+ active: '{green.500}',
21
21
  foreground: '{green.950}'
22
22
  },
23
23
 
24
24
  warn: {
25
- color: '{orange.400}',
26
- hover: '{orange.300}',
27
- active: '{orange.200}',
25
+ color: '{orange.450}',
26
+ hover: '{orange.400}',
27
+ active: '{orange.350}',
28
28
  foreground: '{orange.950}'
29
29
  },
30
30
 
31
31
  error: {
32
- color: '{red.500}',
33
- hover: '{red.400}',
32
+ color: '{red.400}',
33
+ hover: '{red.350}',
34
34
  active: '{red.300}',
35
- foreground: '{red.100}'
35
+ foreground: '{red.950}'
36
36
  },
37
37
 
38
38
  info: {
39
- color: '{lightblue.300}',
40
- hover: '{lightblue.200}',
41
- active: '{lightblue.100}',
42
- foreground: '{lightblue.950}'
39
+ color: '{light_blue.500}',
40
+ hover: '{light_blue.450}',
41
+ active: '{light_blue.400}',
42
+ foreground: '{light_blue.950}'
43
43
  },
44
44
 
45
45
  task: {
46
- color: '{blue.400}',
47
- hover: '{blue.300}',
48
- active: '{blue.200}',
46
+ color: '{blue.500}',
47
+ hover: '{blue.450}',
48
+ active: '{blue.400}',
49
49
  foreground: '{blue.950}'
50
50
  },
51
51
 
52
52
  transfer: {
53
- color: '{indigo.300}',
54
- hover: '{indigo.200}',
55
- active: '{indigo.100}',
53
+ color: '{indigo.350}',
54
+ hover: '{indigo.300}',
55
+ active: '{indigo.250}',
56
56
  foreground: '{indigo.950}'
57
57
  },
58
58
 
59
59
  chat: {
60
- color: '{cyan.500}',
61
- hover: '{cyan.400}',
62
- active: '{cyan.300}',
60
+ color: '{cyan.600}',
61
+ hover: '{cyan.550}',
62
+ active: '{cyan.500}',
63
63
  foreground: '{cyan.950}'
64
64
  },
65
65
 
66
66
  email: {
67
67
  color: '{blue.600}',
68
- hover: '{blue.500}',
69
- active: '{blue.400}',
68
+ hover: '{blue.550}',
69
+ active: '{blue.500}',
70
70
  foreground: '{blue.950}'
71
71
  },
72
72
 
73
- accent: {
74
- color: '{gray.700}',
75
- hover: '{gray.600}',
76
- active: '{gray.500}',
77
- foreground: '{gray.100}'
78
- },
79
-
80
73
  // Focus colors
81
74
  'focus-color': '{black}',
82
75
 
@@ -5,7 +5,6 @@ import base from './base'
5
5
  import overlay from './overlay'
6
6
  import focusRing from './focus-ring'
7
7
 
8
- console.log(overlay, ' overlay')
9
8
  const colorScheme = {
10
9
  light: {
11
10
  ...palette,
@@ -2,81 +2,74 @@ const lightColor = {
2
2
 
3
3
  primary: {
4
4
  color: '{amber.500}',
5
- hover: '{amber.400}',
6
- active: '{amber.300}',
5
+ hover: '{amber.450}',
6
+ active: '{amber.400}',
7
7
  foreground: '{amber.50}'
8
8
  },
9
9
 
10
10
  secondary: {
11
- color: '{gray.300}',
12
- hover: '{gray.200}',
13
- active: '{gray.100}',
14
- foreground: '{gray.50}'
11
+ color: '{gray.150}',
12
+ hover: '{gray.100}',
13
+ active: '{gray.50}',
14
+ foreground: '{gray.750}'
15
15
  },
16
16
 
17
17
  success: {
18
18
  color: '{green.600}',
19
- hover: '{green.500}',
20
- active: '{green.400}',
19
+ hover: '{green.550}',
20
+ active: '{green.500}',
21
21
  foreground: '{green.50}'
22
22
  },
23
23
 
24
24
  warn: {
25
- color: '{orange.400}',
26
- hover: '{orange.300}',
27
- active: '{orange.200}',
25
+ color: '{orange.450}',
26
+ hover: '{orange.400}',
27
+ active: '{orange.350}',
28
28
  foreground: '{orange.50}'
29
29
  },
30
30
 
31
31
  error: {
32
- color: '{red.500}',
33
- hover: '{red.400}',
34
- active: '{red.100}',
32
+ color: '{red.400}',
33
+ hover: '{red.350}',
34
+ active: '{red.300}',
35
35
  foreground: '{red.50}'
36
36
  },
37
37
 
38
38
  info: {
39
- color: '{lightblue.500}',
40
- hover: '{lightblue.400}',
41
- active: '{lightblue.300}',
42
- foreground: '{lightblue.50}'
39
+ color: '{light_blue.500}',
40
+ hover: '{light_blue.450}',
41
+ active: '{light_blue.400}',
42
+ foreground: '{light_blue.50}'
43
43
  },
44
44
 
45
45
  task: {
46
46
  color: '{blue.500}',
47
- hover: '{blue.400}',
48
- active: '{blue.300}',
47
+ hover: '{blue.450}',
48
+ active: '{blue.400}',
49
49
  foreground: '{blue.50}'
50
50
  },
51
51
 
52
52
  transfer: {
53
- color: '{indigo.400}',
53
+ color: '{indigo.350}',
54
54
  hover: '{indigo.300}',
55
- active: '{indigo.200}',
55
+ active: '{indigo.250}',
56
56
  foreground: '{indigo.50}'
57
57
  },
58
58
 
59
59
  chat: {
60
- color: '{cyan.500}',
61
- hover: '{cyan.400}',
62
- active: '{cyan.300}',
60
+ color: '{cyan.600}',
61
+ hover: '{cyan.550}',
62
+ active: '{cyan.500}',
63
63
  foreground: '{cyan.50}'
64
64
  },
65
65
 
66
66
  email: {
67
67
  color: '{blue.600}',
68
- hover: '{blue.500}',
69
- active: '{blue.400}',
68
+ hover: '{blue.550}',
69
+ active: '{blue.500}',
70
70
  foreground: '{blue.50}'
71
71
  },
72
72
 
73
- accent: {
74
- color: '{gray.50}',
75
- hover: '{gray.50}',
76
- active: '{gray.50}',
77
- foreground: '{gray.950}'
78
- },
79
-
80
73
  // Focus colors
81
74
  'focus-color': '{black}',
82
75
 
@@ -6,15 +6,19 @@ export default {
6
6
  color: '{text.color}'
7
7
  },
8
8
  popover: {
9
- background: '{gray.800}',
10
- borderColor: '{gray.800}',
11
- color: '{gray.50}' ,
12
- shadow: '{0 0 10px rgba(255, 0, 0, 0.5)}',
9
+ background: '{gray.750}',
10
+ borderColor: '{gray.750}',
11
+ color: '{gray.200}',
12
+ },
13
+ tooltip: {
14
+ background: '{gray.750}',
15
+ borderColor: '{gray.750}',
16
+ color: '{gray.200}',
13
17
  },
14
18
  modal: {
15
- background: '{surface.900}',
16
- borderColor: '{surface.700}',
17
- color: '{text.color}'
19
+ background: '{gray.750}',
20
+ borderColor: '{gray.750}',
21
+ color: '{gray.200}'
18
22
  }
19
23
  }
20
24
  }
@@ -10,7 +10,6 @@ export default {
10
10
  popover: {
11
11
  borderRadius: '1rem',
12
12
  padding: '0.75rem',
13
- shadow: '{0 0 10px rgba(255, 0, 0, 0.5)}',
14
13
  },
15
14
  modal: {
16
15
  borderRadius: '{border.radius.xl}',
@@ -6,14 +6,19 @@ export default {
6
6
  color: '{text.color}'
7
7
  },
8
8
  popover: {
9
- background: '{gray.100}',
10
- borderColor: '{gray.100}',
11
- color: '{gray.950}' ,
9
+ background: '{gray.0}',
10
+ borderColor: '{gray.0}',
11
+ color: '{gray.850}',
12
+ },
13
+ tooltip: {
14
+ background: '{gray.0}',
15
+ borderColor: '{gray.0}',
16
+ color: '{gray.850}',
12
17
  },
13
18
  modal: {
14
- background: '{surface.0}',
15
- borderColor: '{surface.200}',
16
- color: '{text.color}'
19
+ background: '{gray.0}',
20
+ borderColor: '{gray.0}',
21
+ color: '{gray.850}'
17
22
  }
18
23
  }
19
24
  }
@@ -1,172 +1,361 @@
1
1
  const palette = {
2
2
  gray: {
3
+ '0': 'hsla(225, 20%, 100%, 1)',
3
4
  '50': 'hsla(225, 20%, 95%, 1)',
4
5
  '100': 'hsla(225, 20%, 90%, 1)',
6
+ '150': 'hsla(225, 20%, 85%, 1)',
5
7
  '200': 'hsla(225, 20%, 80%, 1)',
8
+ '250': 'hsla(225, 20%, 75%, 1)',
6
9
  '300': 'hsla(225, 20%, 70%, 1)',
10
+ '350': 'hsla(225, 20%, 65%, 1)',
7
11
  '400': 'hsla(225, 20%, 60%, 1)',
12
+ '450': 'hsla(225, 20%, 55%, 1)',
8
13
  '500': 'hsla(225, 20%, 50%, 1)',
14
+ '550': 'hsla(225, 20%, 45%, 1)',
9
15
  '600': 'hsla(225, 20%, 40%, 1)',
16
+ '650': 'hsla(225, 20%, 35%, 1)',
10
17
  '700': 'hsla(225, 20%, 30%, 1)',
18
+ '750': 'hsla(225, 20%, 25%, 1)',
11
19
  '800': 'hsla(225, 20%, 20%, 1)',
20
+ '850': 'hsla(225, 20%, 15%, 1)',
12
21
  '900': 'hsla(225, 20%, 10%, 1)',
13
22
  '950': 'hsla(225, 20%, 5%, 1)'
14
23
  },
15
24
  red: {
16
25
  '50': 'hsla(0, 75%, 95%, 1)',
17
26
  '100': 'hsla(0, 75%, 90%, 1)',
27
+ '150': 'hsla(0, 75%, 85%, 1)',
18
28
  '200': 'hsla(0, 75%, 80%, 1)',
29
+ '250': 'hsla(0, 75%, 75%, 1)',
19
30
  '300': 'hsla(0, 75%, 70%, 1)',
31
+ '350': 'hsla(0, 75%, 65%, 1)',
20
32
  '400': 'hsla(0, 75%, 60%, 1)',
33
+ '450': 'hsla(0, 75%, 55%, 1)',
21
34
  '500': 'hsla(0, 75%, 50%, 1)',
35
+ '550': 'hsla(0, 75%, 45%, 1)',
22
36
  '600': 'hsla(0, 75%, 40%, 1)',
37
+ '650': 'hsla(0, 75%, 35%, 1)',
23
38
  '700': 'hsla(0, 75%, 30%, 1)',
39
+ '750': 'hsla(0, 75%, 25%, 1)',
24
40
  '800': 'hsla(0, 75%, 20%, 1)',
41
+ '850': 'hsla(0, 75%, 15%, 1)',
25
42
  '900': 'hsla(0, 75%, 10%, 1)',
26
- '950': 'hsla(0, 75%, 5%, 1)'
43
+ '950': 'hsla(0, 75%, 6%, 1)'
27
44
  },
28
- orange: {
29
- '50': 'hsla(35, 90%, 95%, 1)',
30
- '100': 'hsla(35, 90%, 90%, 1)',
31
- '200': 'hsla(35, 90%, 80%, 1)',
32
- '300': 'hsla(35, 90%, 70%, 1)',
33
- '400': 'hsla(35, 90%, 60%, 1)',
34
- '500': 'hsla(35, 90%, 50%, 1)',
35
- '600': 'hsla(35, 90%, 40%, 1)',
36
- '700': 'hsla(35, 90%, 30%, 1)',
37
- '800': 'hsla(35, 90%, 20%, 1)',
38
- '900': 'hsla(35, 90%, 10%, 1)',
39
- '950': 'hsla(35, 90%, 5%, 1)'
45
+ deep_orange: {
46
+ '50': 'hsla(11, 75%, 95%, 1)',
47
+ '100': 'hsla(11, 75%, 90%, 1)',
48
+ '150': 'hsla(11, 75%, 85%, 1)',
49
+ '200': 'hsla(11, 75%, 80%, 1)',
50
+ '250': 'hsla(11, 75%, 75%, 1)',
51
+ '300': 'hsla(11, 75%, 70%, 1)',
52
+ '350': 'hsla(11, 75%, 65%, 1)',
53
+ '400': 'hsla(11, 75%, 60%, 1)',
54
+ '450': 'hsla(11, 75%, 55%, 1)',
55
+ '500': 'hsla(11, 75%, 50%, 1)',
56
+ '550': 'hsla(11, 75%, 45%, 1)',
57
+ '600': 'hsla(11, 75%, 40%, 1)',
58
+ '650': 'hsla(11, 75%, 35%, 1)',
59
+ '700': 'hsla(11, 75%, 30%, 1)',
60
+ '750': 'hsla(11, 75%, 25%, 1)',
61
+ '800': 'hsla(11, 75%, 20%, 1)',
62
+ '850': 'hsla(11, 75%, 15%, 1)',
63
+ '900': 'hsla(11, 75%, 10%, 1)',
64
+ '950': 'hsla(11, 75%, 6%, 1)'
40
65
  },
41
- yellow: {
42
- '50': 'hsla(54, 90%, 95%, 1)',
43
- '100': 'hsla(54, 90%, 90%, 1)',
44
- '200': 'hsla(54, 90%, 80%, 1)',
45
- '300': 'hsla(54, 90%, 70%, 1)',
46
- '400': 'hsla(54, 90%, 60%, 1)',
47
- '500': 'hsla(54, 90%, 50%, 1)',
48
- '600': 'hsla(54, 90%, 40%, 1)',
49
- '700': 'hsla(54, 90%, 30%, 1)',
50
- '800': 'hsla(54, 90%, 20%, 1)',
51
- '900': 'hsla(54, 90%, 10%, 1)',
52
- '950': 'hsla(54, 90%, 5%, 1)'
66
+ orange: {
67
+ '50': 'hsla(26, 75%, 95%, 1)',
68
+ '100': 'hsla(26, 75%, 90%, 1)',
69
+ '150': 'hsla(26, 75%, 85%, 1)',
70
+ '200': 'hsla(26, 75%, 80%, 1)',
71
+ '250': 'hsla(26, 75%, 75%, 1)',
72
+ '300': 'hsla(26, 75%, 70%, 1)',
73
+ '350': 'hsla(26, 75%, 65%, 1)',
74
+ '400': 'hsla(26, 75%, 60%, 1)',
75
+ '450': 'hsla(26, 75%, 55%, 1)',
76
+ '500': 'hsla(26, 75%, 50%, 1)',
77
+ '550': 'hsla(26, 75%, 45%, 1)',
78
+ '600': 'hsla(26, 75%, 40%, 1)',
79
+ '650': 'hsla(26, 75%, 35%, 1)',
80
+ '700': 'hsla(26, 75%, 30%, 1)',
81
+ '750': 'hsla(26, 75%, 25%, 1)',
82
+ '800': 'hsla(26, 75%, 20%, 1)',
83
+ '850': 'hsla(26, 75%, 15%, 1)',
84
+ '900': 'hsla(26, 75%, 10%, 1)',
85
+ '950': 'hsla(26, 75%, 6%, 1)'
53
86
  },
54
87
  amber: {
55
88
  '50': 'hsla(43, 85%, 95%, 1)',
56
89
  '100': 'hsla(43, 85%, 90%, 1)',
90
+ '150': 'hsla(43, 85%, 85%, 1)',
57
91
  '200': 'hsla(43, 85%, 80%, 1)',
92
+ '250': 'hsla(43, 85%, 75%, 1)',
58
93
  '300': 'hsla(43, 85%, 70%, 1)',
94
+ '350': 'hsla(43, 85%, 65%, 1)',
59
95
  '400': 'hsla(43, 85%, 60%, 1)',
96
+ '450': 'hsla(43, 85%, 55%, 1)',
60
97
  '500': 'hsla(43, 85%, 50%, 1)',
98
+ '550': 'hsla(43, 85%, 45%, 1)',
61
99
  '600': 'hsla(43, 85%, 40%, 1)',
100
+ '650': 'hsla(43, 85%, 35%, 1)',
62
101
  '700': 'hsla(43, 85%, 30%, 1)',
102
+ '750': 'hsla(43, 85%, 25%, 1)',
63
103
  '800': 'hsla(43, 85%, 20%, 1)',
104
+ '850': 'hsla(43, 85%, 15%, 1)',
64
105
  '900': 'hsla(43, 85%, 10%, 1)',
65
- '950': 'hsla(43, 85%, 5%, 1)'
106
+ '950': 'hsla(43, 85%, 6%, 1)'
107
+ },
108
+ yellow: {
109
+ '50': 'hsla(50, 75%, 95%, 1)',
110
+ '100': 'hsla(50, 75%, 90%, 1)',
111
+ '150': 'hsla(50, 75%, 85%, 1)',
112
+ '200': 'hsla(50, 75%, 80%, 1)',
113
+ '250': 'hsla(50, 75%, 75%, 1)',
114
+ '300': 'hsla(50, 75%, 70%, 1)',
115
+ '350': 'hsla(50, 75%, 65%, 1)',
116
+ '400': 'hsla(50, 75%, 60%, 1)',
117
+ '450': 'hsla(50, 75%, 55%, 1)',
118
+ '500': 'hsla(50, 75%, 50%, 1)',
119
+ '550': 'hsla(50, 75%, 45%, 1)',
120
+ '600': 'hsla(50, 75%, 40%, 1)',
121
+ '650': 'hsla(50, 75%, 35%, 1)',
122
+ '700': 'hsla(50, 75%, 30%, 1)',
123
+ '750': 'hsla(50, 75%, 25%, 1)',
124
+ '800': 'hsla(50, 75%, 20%, 1)',
125
+ '850': 'hsla(50, 75%, 15%, 1)',
126
+ '900': 'hsla(50, 75%, 10%, 1)',
127
+ '950': 'hsla(50, 75%, 6%, 1)'
128
+ },
129
+ lime: {
130
+ '50': 'hsla(66, 65%, 95%, 1)',
131
+ '100': 'hsla(66, 65%, 90%, 1)',
132
+ '150': 'hsla(66, 65%, 85%, 1)',
133
+ '200': 'hsla(66, 65%, 80%, 1)',
134
+ '250': 'hsla(66, 65%, 75%, 1)',
135
+ '300': 'hsla(66, 65%, 70%, 1)',
136
+ '350': 'hsla(66, 65%, 65%, 1)',
137
+ '400': 'hsla(66, 65%, 60%, 1)',
138
+ '450': 'hsla(66, 65%, 55%, 1)',
139
+ '500': 'hsla(66, 65%, 50%, 1)',
140
+ '550': 'hsla(66, 65%, 45%, 1)',
141
+ '600': 'hsla(66, 65%, 40%, 1)',
142
+ '650': 'hsla(66, 65%, 35%, 1)',
143
+ '700': 'hsla(66, 65%, 30%, 1)',
144
+ '750': 'hsla(66, 65%, 25%, 1)',
145
+ '800': 'hsla(66, 65%, 20%, 1)',
146
+ '850': 'hsla(66, 65%, 15%, 1)',
147
+ '900': 'hsla(66, 65%, 10%, 1)',
148
+ '950': 'hsla(66, 65%, 6%, 1)'
149
+ },
150
+ light_green: {
151
+ '50': 'hsla(88, 65%, 95%, 1)',
152
+ '100': 'hsla(88, 65%, 90%, 1)',
153
+ '150': 'hsla(88, 65%, 85%, 1)',
154
+ '200': 'hsla(88, 65%, 80%, 1)',
155
+ '250': 'hsla(88, 65%, 75%, 1)',
156
+ '300': 'hsla(88, 65%, 70%, 1)',
157
+ '350': 'hsla(88, 65%, 65%, 1)',
158
+ '400': 'hsla(88, 65%, 60%, 1)',
159
+ '450': 'hsla(88, 65%, 55%, 1)',
160
+ '500': 'hsla(88, 65%, 50%, 1)',
161
+ '550': 'hsla(88, 65%, 45%, 1)',
162
+ '600': 'hsla(88, 65%, 40%, 1)',
163
+ '650': 'hsla(88, 65%, 35%, 1)',
164
+ '700': 'hsla(88, 65%, 30%, 1)',
165
+ '750': 'hsla(88, 65%, 25%, 1)',
166
+ '800': 'hsla(88, 65%, 20%, 1)',
167
+ '850': 'hsla(88, 65%, 15%, 1)',
168
+ '900': 'hsla(88, 65%, 10%, 1)',
169
+ '950': 'hsla(88, 65%, 6%, 1)'
66
170
  },
67
171
  green: {
68
- '50': 'hsla(121, 65%, 95%, 1)',
69
- '100': 'hsla(121, 65%, 90%, 1)',
70
- '200': 'hsla(121, 65%, 80%, 1)',
71
- '300': 'hsla(121, 65%, 70%, 1)',
72
- '400': 'hsla(121, 65%, 60%, 1)',
73
- '500': 'hsla(121, 65%, 50%, 1)',
74
- '600': 'hsla(121, 65%, 40%, 1)',
75
- '700': 'hsla(121, 65%, 30%, 1)',
76
- '800': 'hsla(121, 65%, 20%, 1)',
77
- '900': 'hsla(121, 65%, 10%, 1)',
78
- '950': 'hsla(121, 65%, 5%, 1)'
172
+ '50': 'hsla(140, 65%, 95%, 1)',
173
+ '100': 'hsla(140, 65%, 90%, 1)',
174
+ '150': 'hsla(140, 65%, 85%, 1)',
175
+ '200': 'hsla(140, 65%, 80%, 1)',
176
+ '250': 'hsla(140, 65%, 75%, 1)',
177
+ '300': 'hsla(140, 65%, 70%, 1)',
178
+ '350': 'hsla(140, 65%, 65%, 1)',
179
+ '400': 'hsla(140, 65%, 60%, 1)',
180
+ '450': 'hsla(140, 65%, 55%, 1)',
181
+ '500': 'hsla(140, 65%, 50%, 1)',
182
+ '550': 'hsla(140, 65%, 45%, 1)',
183
+ '600': 'hsla(140, 65%, 40%, 1)',
184
+ '650': 'hsla(140, 65%, 35%, 1)',
185
+ '700': 'hsla(140, 65%, 30%, 1)',
186
+ '750': 'hsla(140, 65%, 25%, 1)',
187
+ '800': 'hsla(140, 65%, 20%, 1)',
188
+ '850': 'hsla(140, 65%, 15%, 1)',
189
+ '900': 'hsla(140, 65%, 10%, 1)',
190
+ '950': 'hsla(140, 65%, 6%, 1)'
191
+ },
192
+ teal: {
193
+ '50': 'hsla(169, 75%, 95%, 1)',
194
+ '100': 'hsla(169, 75%, 90%, 1)',
195
+ '150': 'hsla(169, 75%, 85%, 1)',
196
+ '200': 'hsla(169, 75%, 80%, 1)',
197
+ '250': 'hsla(169, 75%, 75%, 1)',
198
+ '300': 'hsla(169, 75%, 70%, 1)',
199
+ '350': 'hsla(169, 75%, 65%, 1)',
200
+ '400': 'hsla(169, 75%, 60%, 1)',
201
+ '450': 'hsla(169, 75%, 55%, 1)',
202
+ '500': 'hsla(169, 75%, 50%, 1)',
203
+ '550': 'hsla(169, 75%, 45%, 1)',
204
+ '600': 'hsla(169, 75%, 40%, 1)',
205
+ '650': 'hsla(169, 75%, 35%, 1)',
206
+ '700': 'hsla(169, 75%, 30%, 1)',
207
+ '750': 'hsla(169, 75%, 25%, 1)',
208
+ '800': 'hsla(169, 75%, 20%, 1)',
209
+ '850': 'hsla(169, 75%, 15%, 1)',
210
+ '900': 'hsla(169, 75%, 10%, 1)',
211
+ '950': 'hsla(169, 75%, 6%, 1)'
212
+ },
213
+ cyan: {
214
+ '50': 'hsla(188, 75%, 95%, 1)',
215
+ '100': 'hsla(188, 75%, 90%, 1)',
216
+ '150': 'hsla(188, 75%, 85%, 1)',
217
+ '200': 'hsla(188, 75%, 80%, 1)',
218
+ '250': 'hsla(188, 75%, 75%, 1)',
219
+ '300': 'hsla(188, 75%, 70%, 1)',
220
+ '350': 'hsla(188, 75%, 65%, 1)',
221
+ '400': 'hsla(188, 75%, 60%, 1)',
222
+ '450': 'hsla(188, 75%, 55%, 1)',
223
+ '500': 'hsla(188, 75%, 50%, 1)',
224
+ '550': 'hsla(188, 75%, 45%, 1)',
225
+ '600': 'hsla(188, 75%, 40%, 1)',
226
+ '650': 'hsla(188, 75%, 35%, 1)',
227
+ '700': 'hsla(188, 75%, 30%, 1)',
228
+ '750': 'hsla(188, 75%, 25%, 1)',
229
+ '800': 'hsla(188, 75%, 20%, 1)',
230
+ '850': 'hsla(188, 75%, 15%, 1)',
231
+ '900': 'hsla(188, 75%, 10%, 1)',
232
+ '950': 'hsla(188, 75%, 6%, 1)'
233
+ },
234
+ light_blue: {
235
+ '50': 'hsla(200, 85%, 95%, 1)',
236
+ '100': 'hsla(200, 85%, 90%, 1)',
237
+ '150': 'hsla(200, 85%, 85%, 1)',
238
+ '200': 'hsla(200, 85%, 80%, 1)',
239
+ '250': 'hsla(200, 85%, 75%, 1)',
240
+ '300': 'hsla(200, 85%, 70%, 1)',
241
+ '350': 'hsla(200, 85%, 65%, 1)',
242
+ '400': 'hsla(200, 85%, 60%, 1)',
243
+ '450': 'hsla(200, 85%, 55%, 1)',
244
+ '500': 'hsla(200, 85%, 50%, 1)',
245
+ '550': 'hsla(200, 85%, 45%, 1)',
246
+ '600': 'hsla(200, 85%, 40%, 1)',
247
+ '650': 'hsla(200, 85%, 35%, 1)',
248
+ '700': 'hsla(200, 85%, 30%, 1)',
249
+ '750': 'hsla(200, 85%, 25%, 1)',
250
+ '800': 'hsla(200, 85%, 20%, 1)',
251
+ '850': 'hsla(200, 85%, 15%, 1)',
252
+ '900': 'hsla(200, 85%, 10%, 1)',
253
+ '950': 'hsla(200, 85%, 6%, 1)'
79
254
  },
80
255
  blue: {
81
- '50': 'hsla(209, 80%, 95%, 1)',
82
- '100': 'hsla(209, 80%, 90%, 1)',
83
- '200': 'hsla(209, 80%, 80%, 1)',
84
- '300': 'hsla(209, 80%, 70%, 1)',
85
- '400': 'hsla(209, 80%, 60%, 1)',
86
- '500': 'hsla(209, 80%, 50%, 1)',
87
- '600': 'hsla(209, 80%, 40%, 1)',
88
- '700': 'hsla(209, 80%, 30%, 1)',
89
- '800': 'hsla(209, 80%, 20%, 1)',
90
- '900': 'hsla(209, 80%, 10%, 1)',
91
- '950': 'hsla(209, 80%, 5%, 1)'
256
+ '50': 'hsla(214, 65%, 95%, 1)',
257
+ '100': 'hsla(214, 65%, 90%, 1)',
258
+ '150': 'hsla(214, 65%, 85%, 1)',
259
+ '200': 'hsla(214, 65%, 80%, 1)',
260
+ '250': 'hsla(214, 65%, 75%, 1)',
261
+ '300': 'hsla(214, 65%, 70%, 1)',
262
+ '350': 'hsla(214, 65%, 65%, 1)',
263
+ '400': 'hsla(214, 65%, 60%, 1)',
264
+ '450': 'hsla(214, 65%, 55%, 1)',
265
+ '500': 'hsla(214, 65%, 50%, 1)',
266
+ '550': 'hsla(214, 65%, 45%, 1)',
267
+ '600': 'hsla(214, 65%, 40%, 1)',
268
+ '650': 'hsla(214, 65%, 35%, 1)',
269
+ '700': 'hsla(214, 65%, 30%, 1)',
270
+ '750': 'hsla(214, 65%, 25%, 1)',
271
+ '800': 'hsla(214, 65%, 20%, 1)',
272
+ '850': 'hsla(214, 65%, 15%, 1)',
273
+ '900': 'hsla(214, 65%, 10%, 1)',
274
+ '950': 'hsla(214, 65%, 6%, 1)'
92
275
  },
93
276
  indigo: {
94
- '50': 'hsla(232, 80%, 95%, 1)',
95
- '100': 'hsla(232, 80%, 90%, 1)',
96
- '200': 'hsla(232, 80%, 80%, 1)',
97
- '300': 'hsla(232, 80%, 70%, 1)',
98
- '400': 'hsla(232, 80%, 60%, 1)',
99
- '500': 'hsla(232, 80%, 50%, 1)',
100
- '600': 'hsla(232, 80%, 40%, 1)',
101
- '700': 'hsla(232, 80%, 30%, 1)',
102
- '800': 'hsla(232, 80%, 20%, 1)',
103
- '900': 'hsla(232, 80%, 10%, 1)',
104
- '950': 'hsla(232, 80%, 5%, 1)'
277
+ '50': 'hsla(235, 80%, 95%, 1)',
278
+ '100': 'hsla(235, 80%, 90%, 1)',
279
+ '150': 'hsla(235, 80%, 85%, 1)',
280
+ '200': 'hsla(235, 80%, 80%, 1)',
281
+ '250': 'hsla(235, 80%, 75%, 1)',
282
+ '300': 'hsla(235, 80%, 70%, 1)',
283
+ '350': 'hsla(235, 80%, 65%, 1)',
284
+ '400': 'hsla(235, 80%, 60%, 1)',
285
+ '450': 'hsla(235, 80%, 55%, 1)',
286
+ '500': 'hsla(235, 80%, 50%, 1)',
287
+ '550': 'hsla(235, 80%, 45%, 1)',
288
+ '600': 'hsla(235, 80%, 40%, 1)',
289
+ '650': 'hsla(235, 80%, 35%, 1)',
290
+ '700': 'hsla(235, 80%, 30%, 1)',
291
+ '750': 'hsla(235, 80%, 25%, 1)',
292
+ '800': 'hsla(235, 80%, 20%, 1)',
293
+ '850': 'hsla(235, 80%, 15%, 1)',
294
+ '900': 'hsla(235, 80%, 10%, 1)',
295
+ '950': 'hsla(235, 80%, 6%, 1)'
296
+ },
297
+ deep_purple: {
298
+ '50': 'hsla(271, 65%, 95%, 1)',
299
+ '100': 'hsla(271, 65%, 90%, 1)',
300
+ '150': 'hsla(271, 65%, 85%, 1)',
301
+ '200': 'hsla(271, 65%, 80%, 1)',
302
+ '250': 'hsla(271, 65%, 75%, 1)',
303
+ '300': 'hsla(271, 65%, 70%, 1)',
304
+ '350': 'hsla(271, 65%, 65%, 1)',
305
+ '400': 'hsla(271, 65%, 60%, 1)',
306
+ '450': 'hsla(271, 65%, 55%, 1)',
307
+ '500': 'hsla(271, 65%, 50%, 1)',
308
+ '550': 'hsla(271, 65%, 45%, 1)',
309
+ '600': 'hsla(271, 65%, 40%, 1)',
310
+ '650': 'hsla(271, 65%, 35%, 1)',
311
+ '700': 'hsla(271, 65%, 30%, 1)',
312
+ '750': 'hsla(271, 65%, 25%, 1)',
313
+ '800': 'hsla(271, 65%, 20%, 1)',
314
+ '850': 'hsla(271, 65%, 15%, 1)',
315
+ '900': 'hsla(271, 65%, 10%, 1)',
316
+ '950': 'hsla(271, 65%, 6%, 1)'
105
317
  },
106
318
  purple: {
107
- '50': 'hsla(291, 80%, 95%, 1)',
108
- '100': 'hsla(291, 80%, 90%, 1)',
109
- '200': 'hsla(291, 80%, 80%, 1)',
110
- '300': 'hsla(291, 80%, 70%, 1)',
111
- '400': 'hsla(291, 80%, 60%, 1)',
112
- '500': 'hsla(291, 80%, 50%, 1)',
113
- '600': 'hsla(291, 80%, 40%, 1)',
114
- '700': 'hsla(291, 80%, 30%, 1)',
115
- '800': 'hsla(291, 80%, 20%, 1)',
116
- '900': 'hsla(291, 80%, 10%, 1)',
117
- '950': 'hsla(291, 80%, 5%, 1)'
319
+ '50': 'hsla(291, 65%, 95%, 1)',
320
+ '100': 'hsla(291, 65%, 90%, 1)',
321
+ '150': 'hsla(291, 65%, 85%, 1)',
322
+ '200': 'hsla(291, 65%, 80%, 1)',
323
+ '250': 'hsla(291, 65%, 75%, 1)',
324
+ '300': 'hsla(291, 65%, 70%, 1)',
325
+ '350': 'hsla(291, 65%, 65%, 1)',
326
+ '400': 'hsla(291, 65%, 60%, 1)',
327
+ '450': 'hsla(291, 65%, 55%, 1)',
328
+ '500': 'hsla(291, 65%, 50%, 1)',
329
+ '550': 'hsla(291, 65%, 45%, 1)',
330
+ '600': 'hsla(291, 65%, 40%, 1)',
331
+ '650': 'hsla(291, 65%, 35%, 1)',
332
+ '700': 'hsla(291, 65%, 30%, 1)',
333
+ '750': 'hsla(291, 65%, 25%, 1)',
334
+ '800': 'hsla(291, 65%, 20%, 1)',
335
+ '850': 'hsla(291, 65%, 15%, 1)',
336
+ '900': 'hsla(291, 65%, 10%, 1)',
337
+ '950': 'hsla(291, 65%, 6%, 1)'
118
338
  },
119
339
  pink: {
120
- '50': 'hsla(337, 80%, 95%, 1)',
121
- '100': 'hsla(337, 80%, 90%, 1)',
122
- '200': 'hsla(337, 80%, 80%, 1)',
123
- '300': 'hsla(337, 80%, 70%, 1)',
124
- '400': 'hsla(337, 80%, 60%, 1)',
125
- '500': 'hsla(337, 80%, 50%, 1)',
126
- '600': 'hsla(337, 80%, 40%, 1)',
127
- '700': 'hsla(337, 80%, 30%, 1)',
128
- '800': 'hsla(337, 80%, 20%, 1)',
129
- '900': 'hsla(337, 80%, 10%, 1)',
130
- '950': 'hsla(337, 80%, 5%, 1)'
131
- },
132
- sky: {
133
- '50': 'hsla(204, 80%, 95%, 1)',
134
- '100': 'hsla(204, 80%, 90%, 1)',
135
- '200': 'hsla(204, 80%, 80%, 1)',
136
- '300': 'hsla(204, 80%, 70%, 1)',
137
- '400': 'hsla(204, 80%, 60%, 1)',
138
- '500': 'hsla(204, 80%, 50%, 1)',
139
- '600': 'hsla(204, 80%, 40%, 1)',
140
- '700': 'hsla(204, 80%, 30%, 1)',
141
- '800': 'hsla(204, 80%, 20%, 1)',
142
- '900': 'hsla(204, 80%, 10%, 1)',
143
- '950': 'hsla(204, 80%, 5%, 1)'
144
- },
145
- lightblue: {
146
- '50': 'hsla(202, 65%, 95%, 1)',
147
- '100': 'hsla(202, 65%, 90%, 1)',
148
- '200': 'hsla(202, 65%, 80%, 1)',
149
- '300': 'hsla(202, 65%, 70%, 1)',
150
- '400': 'hsla(202, 65%, 60%, 1)',
151
- '500': 'hsla(202, 65%, 50%, 1)',
152
- '600': 'hsla(202, 65%, 40%, 1)',
153
- '700': 'hsla(202, 65%, 30%, 1)',
154
- '800': 'hsla(202, 65%, 20%, 1)',
155
- '900': 'hsla(202, 65%, 10%, 1)',
156
- '950': 'hsla(202, 65%, 5%, 1)'
157
- },
158
- cyan: {
159
- '50': 'hsla(188, 65%, 95%, 1)',
160
- '100': 'hsla(188, 65%, 90%, 1)',
161
- '200': 'hsla(188, 65%, 80%, 1)',
162
- '300': 'hsla(188, 65%, 70%, 1)',
163
- '400': 'hsla(188, 65%, 60%, 1)',
164
- '500': 'hsla(188, 65%, 50%, 1)',
165
- '600': 'hsla(188, 65%, 40%, 1)',
166
- '700': 'hsla(188, 65%, 30%, 1)',
167
- '800': 'hsla(188, 65%, 20%, 1)',
168
- '900': 'hsla(188, 65%, 10%, 1)',
169
- '950': 'hsla(188, 65%, 5%, 1)'
340
+ '50': 'hsla(337, 65%, 95%, 1)',
341
+ '100': 'hsla(337, 65%, 90%, 1)',
342
+ '150': 'hsla(337, 65%, 85%, 1)',
343
+ '200': 'hsla(337, 65%, 80%, 1)',
344
+ '250': 'hsla(337, 65%, 75%, 1)',
345
+ '300': 'hsla(337, 65%, 70%, 1)',
346
+ '350': 'hsla(337, 65%, 65%, 1)',
347
+ '400': 'hsla(337, 65%, 60%, 1)',
348
+ '450': 'hsla(337, 65%, 55%, 1)',
349
+ '500': 'hsla(337, 65%, 50%, 1)',
350
+ '550': 'hsla(337, 65%, 45%, 1)',
351
+ '600': 'hsla(337, 65%, 40%, 1)',
352
+ '650': 'hsla(337, 65%, 35%, 1)',
353
+ '700': 'hsla(337, 65%, 30%, 1)',
354
+ '750': 'hsla(337, 65%, 25%, 1)',
355
+ '800': 'hsla(337, 65%, 20%, 1)',
356
+ '850': 'hsla(337, 65%, 15%, 1)',
357
+ '900': 'hsla(337, 65%, 10%, 1)',
358
+ '950': 'hsla(337, 65%, 6%, 1)'
170
359
  },
171
360
 
172
361
  black: 'hsla(0,0%,0%,1)',
@@ -1,7 +0,0 @@
1
- const sizes = {
2
- fontSize: " ",
3
- gap: '100rem',
4
-
5
- };
6
-
7
- export default sizes
@@ -1,7 +0,0 @@
1
- const darkColors = {
2
- background: '{accent.color}',
3
- color: '{accent.foreground}',
4
- shadow: '{overlay.popover.shadow}',
5
- };
6
-
7
- export default darkColors
@@ -1,7 +0,0 @@
1
- const lightColors = {
2
- background: '{accent.color}',
3
- color: '{accent.foreground}',
4
- shadow: '{overlay.popover.shadow}',
5
- };
6
-
7
- export default lightColors