@itcase/tokens-palette 1.1.7 → 1.1.8

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/dist/css/styles/main.css +83 -147
  2. package/package.json +2 -2
package/dist/css/styles/main.css CHANGED
@@ -1,149 +1,85 @@
1
- :root {
2
- --color-accent-primary: hsla(195, 96%, 59%, 1);
3
- --color-accent-primary-hover: hsla(197, 100%, 47%, 1);
4
- --color-accent-secondary: hsla(194, 99%, 36%, 1);
5
- --color-accent-secondary-hover: hsla(197, 100%, 47%, 1);
6
- --color-accent-tertiary: hsla(219, 61%, 34%, 1);
7
- --color-accent-active: hsla(195, 96%, 59%, 1);
8
- --color-accent-disabled: hsla(195, 100%, 94%, 1);
9
-
10
- --color-accent-text-primary: hsla(0, 0%, 100%, 1);
11
- --color-accent-text-secondary: hsla(194, 99%, 36%, 1);
12
- --color-accent-text-disable: hsla(240, 53%, 33%, 1);
13
-
14
- --color-accent-item-primary: hsla(0, 0%, 100%, 1);
15
- --color-accent-item-secondary: hsla(197, 100%, 47%, 1);
16
- --color-accent-item-tertiary: hsla(219, 61%, 34%, 1);
17
- --color-accent-item-quaternary: hsla(194, 99%, 36%, 1);
18
- --color-accent-item-active: hsla(197, 100%, 47%, 1);
19
- --color-accent-item-disabled: hsla(195, 100%, 94%, 1);
20
-
21
- --color-accent-border-primary: hsla(0, 0%, 100%, 1);
22
- --color-accent-border-secondary: hsla(197, 100%, 47%, 1);
23
- --color-accent-border-disabled: hsla(195, 100%, 94%, 1);
24
-
25
- --color-primary-primary: hsla(36, 95%, 45%, 1);
26
-
27
- --color-secondary-primary: hsla(334, 88%, 64%, 1);
28
- --color-secondary-primary-hover: hsla(334, 88%, 64%, 1);
29
- --color-secondary-secondary: hsla(349, 70%, 74%, 1);
30
- --color-secondary-secondary-hover: hsla(348, 68%, 85%, 1);
31
- --color-secondary-disabled: hsla(348, 58%, 90%, 1);
32
- --color-secondary-active: hsla(349, 95%, 34%, 1);
33
-
34
- --color-secondary-text-hover: hsla(349, 95%, 34%, 1);
35
-
36
- --color-surface-primary: hsla(0, 0%, 100%, 1);
37
- --color-surface-primary-hover: hsla(0, 0%, 85%, 1);
38
- --color-surface-secondary: hsla(220, 14%, 96%, 1);
39
- --color-surface-secondary-hover: hsla(0, 0%, 78%, 1);
40
- --color-surface-tertiary: hsla(0, 0%, 85%, 1);
41
- --color-surface-tertiary-hover: hsla(0, 0%, 73%, 1);
42
- --color-surface-quaternary: hsla(216, 2%, 51%, 1);
43
- --color-surface-quaternary-50: hsla(0, 0%, 100%, 0.5);
44
- --color-surface-disabled: hsla(0, 0%, 93%, 1);
45
- --color-surface-quinary: hsla(195, 96%, 59%, 1);
46
- --color-surface-accent: hsla(195, 95%, 85%, 1);
47
- --color-surface-inverse: hsla(0, 0%, 0%, 1);
48
- --color-surface-inverse-50: hsla(0, 0%, 0%, 0.5);
49
-
50
- --color-surface-text-primary: hsla(0, 0%, 0%, 1);
51
- --color-surface-text-secondary: hsla(0, 0%, 93%, 1);
52
- --color-surface-text-tertiary: hsla(219, 61%, 34%, 1);
53
- --color-surface-text-quaternary: hsla(216, 2%, 51%, 1);
54
- --color-surface-text-disabled: hsla(0, 0%, 47%, 1);
55
- --color-surface-text-hover: hsla(0, 0%, 31%, 1);
56
- --color-surface-text-accent: hsla(194, 99%, 36%, 1);
57
- --color-surface-text-accent-hover: hsla(195, 96%, 59%, 1);
58
- --color-surface-text-active: hsla(197, 100%, 47%, 1);
59
- --color-surface-text-inverse: hsla(0, 0%, 100%, 1);
60
-
61
- --color-surface-item-primary: hsla(0, 0%, 0%, 1);
62
- --color-surface-item-secondary: hsla(0, 0%, 93%, 1);
63
- --color-surface-item-tertiary: hsla(219, 61%, 34%, 1);
64
- --color-surface-item-quaternary: hsla(194, 99%, 36%, 1);
65
- --color-surface-item-hover: hsla(0, 0%, 31%, 1);
66
- --color-surface-item-disabled: hsla(0, 0%, 47%, 1);
67
- --color-surface-item-accent: hsla(197, 100%, 47%, 1);
68
- --color-surface-item-active: hsla(195, 96%, 59%, 1);
69
- --color-surface-item-inverse: hsla(0, 0%, 100%, 1);
70
-
71
- --color-surface-border-primary: hsla(0, 0%, 0%, 1);
72
- --color-surface-border-secondary: hsla(220, 14%, 96%, 1);
73
- --color-surface-border-tertiary: hsla(219, 61%, 34%, 1);
74
- --color-surface-border-quaternary: hsla(216, 2%, 51%, 1);
75
- --color-surface-border-hover: hsla(0, 0%, 31%, 1);
76
- --color-surface-border-disabled: hsla(0, 0%, 47%, 1);
77
- --color-surface-border-accent: hsla(0, 0%, 85%, 1);
78
- --color-surface-border-active: hsla(195, 96%, 59%, 1);
79
- --color-surface-border-inverse: hsla(0, 0%, 100%, 1);
80
-
81
- --color-error-primary: hsla(0, 100%, 44%);
82
-
83
- --color-error-text-primary: hsla(0, 100%, 44%, 1);
84
- --color-error-text-secondary: hsla(0, 0%, 100%, 1);
85
-
86
- --color-error-border-primary: hsla(0, 0%, 100%, 1);
87
- --color-error-border-secondary: hsla(0, 100%, 44%);
88
- --color-error-border-disabled: hsla(0, 31%, 65%);
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
89
4
 
90
- --color-error-item-primary: hsla(0, 0%, 100%, 1);
91
- --color-error-item-secondary: hsla(0, 100%, 44%);
92
- --color-error-item-disabled: hsla(0, 31%, 65%);
93
-
94
- --color-success-primary: hsla(92, 56%, 38%);
95
- --color-success-secondary: hsla(92, 68%, 48%);
96
- --color-success-tertiary: hsla(90, 53%, 93%);
97
- --color-success-disabled: hsla(92, 43%, 80%);
98
-
99
- --color-success-text-primary: hsla(0, 0%, 100%, 1);
100
- --color-success-text-secondary: hsla(92, 56%, 38%);
101
- --color-success-text-disabled: hsla(92, 22%, 54%);
102
-
103
- --color-success-item-primary: hsla(92, 56%, 38%);
104
- --color-success-item-secondary: hsla(0, 0%, 100%, 1);
105
- --color-success-item-disabled: hsla(92, 22%, 54%);
106
-
107
- --color-success-border-primary: hsla(92, 56%, 38%);
108
- --color-success-border-secondary: hsla(0, 0%, 100%, 1);
109
- --color-success-border-disabled: hsla(92, 22%, 54%);
110
-
111
- --color-warning-primary: hsla(36, 95%, 45%);
112
- --color-warning-secondary: hsla(36, 76%, 71%);
113
- --color-warning-tertiary: hsla(0, 0%, 100%, 1);
114
- --color-warning-disabled: hsla(36, 83%, 86%);
115
-
116
- --color-warning-text-primary: hsla(36, 95%, 45%);
117
- --color-warning-text-secondary: hsla(36, 76%, 71%);
118
- --color-warning-text-disabled: hsla(36, 31%, 57%);
119
-
120
- --color-warning-border-primary: hsla(36, 95%, 45%);
121
- --color-warning-border-secondary: hsla(0, 0%, 100%, 1);
122
- --color-warning-border-disabled: hsla(36, 31%, 57%);
123
-
124
- --color-warning-item-primary: hsla(36, 95%, 45%);
125
- --color-warning-item-secondary: hsla(0, 0%, 100%, 1);
126
- --color-warning-item-disabled: hsla(36, 31%, 57%);
127
-
128
- --color-info-primary: hsla(211, 83%, 47%, 1);
129
- --color-info-text-primary: hsla(0, 0%, 100%, 1);
130
-
131
- --color-danger-text-primary: hsla(349, 68%, 50%);
132
- --color-danger-text-secondary: hsla(0, 0%, 100%, 1);
133
- --color-danger-text-disabled: hsla(349, 43%, 75%);
134
-
135
- --color-danger-item-primary: hsla(349, 68%, 50%);
136
- --color-danger-item-secondary: hsla(0, 0%, 100%, 1);
137
- --color-danger-item-disabled: hsla(349, 43%, 75%);
138
-
139
- --color-danger-border-primary: hsla(349, 68%, 50%);
140
- --color-danger-border-secondary: hsla(0, 0%, 100%, 1);
141
- --color-danger-border-disabled: hsla(349, 43%, 75%);
142
-
143
- --color-gradient-primary: linear-gradient(
144
- to right,
145
- hsla(0, 100%, 44%, 1) 0%,
146
- hsla(27, 78%, 54%, 1) 50%,
147
- hsla(92, 56%, 38%, 1) 100%
148
- );
5
+ :root {
6
+ --color-pallete-red: hsl(354, 86%, 47%);
7
+ --color-pallete-neon-pink: hsl(356, 96%, 56%);
8
+ --color-pallete-electric-pink: hsl(356, 97%, 60%);
9
+ --color-pallete-hibiscus: hsl(343, 100%, 49%);
10
+ --color-pallete-pink: hsl(354, 98%, 62%);
11
+ --color-pallete-pink-citrus: hsl(359, 81%, 57%);
12
+ --color-pallete-pomagranate: hsl(341, 88%, 45%);
13
+ --color-pallete-dragon-fruit: hsl(341, 87%, 56%);
14
+ --color-pallete-camellia: hsl(357, 59%, 47%);
15
+ --color-pallete-red-rose: hsl(346, 79%, 37%);
16
+ --color-pallete-plum: hsl(346, 79%, 37%);
17
+ --color-pallete-orange: hsl(15, 98%, 53%);
18
+ --color-pallete-clementine: hsl(7, 98%, 61%);
19
+ --color-pallete-apricot: hsl(8, 97%, 62%);
20
+ --color-pallete-papaya: hsl(17, 98%, 60%);
21
+ --color-pallete-kumquat: hsl(16, 98%, 62%);
22
+ --color-pallete-light-orange: hsl(30, 98%, 52%);
23
+ --color-pallete-peach: hsl(11, 70%, 59%);
24
+ --color-pallete-flamingo: hsl(12, 52%, 57%);
25
+ --color-pallete-rose-gold: hsl(16, 72%, 69%);
26
+ --color-pallete-pink-sand: hsl(16, 98%, 80%);
27
+ --color-pallete-vintage-rose: hsl(3, 78%, 77%);
28
+ --color-pallete-grapefruit: hsl(17, 97%, 74%);
29
+ --color-pallete-cream: hsl(38, 100%, 84%);
30
+ --color-pallete-mellow-yellow: hsl(59, 82%, 83%);
31
+ --color-pallete-canary-yellow: hsl(49, 100%, 61%);
32
+ --color-pallete-pollen: hsl(43, 99%, 65%);
33
+ --color-pallete-flash-light: hsl(57, 96%, 51%);
34
+ --color-pallete-lemon-cream: hsl(52, 100%, 71%);
35
+ --color-pallete-flash: hsl(67, 94%, 55%);
36
+ --color-pallete-dark-green: hsl(90, 85%, 40%);
37
+ --color-pallete-green: hsl(90, 77%, 51%);
38
+ --color-pallete-spearmint: hsl(124, 73%, 69%);
39
+ --color-pallete-mint: hsl(107, 71%, 74%);
40
+ --color-pallete-beryl: hsl(91, 71%, 82%);
41
+ --color-pallete-sea-foam: hsl(132, 55%, 88%);
42
+ --color-pallete-turquoise: hsl(168, 38%, 69%);
43
+ --color-pallete-blue: hsl(204, 97%, 55%);
44
+ --color-pallete-light-blue: hsl(195, 62%, 61%);
45
+ --color-pallete-cerulian: hsl(209, 67%, 72%);
46
+ --color-pallete-surf-blue: hsl(204, 76%, 38%);
47
+ --color-pallete-pacific-green: hsl(196, 81%, 31%);
48
+ --color-pallete-blue-cobalt: hsl(205, 42%, 39%);
49
+ --color-pallete-dark-teal: hsl(205, 42%, 39%);
50
+ --color-pallete-blue-horizon: hsl(212, 65%, 34%);
51
+ --color-pallete-denim-blue: hsl(212, 34%, 45%);
52
+ --color-pallete-linen-blue: hsl(223, 32%, 40%);
53
+ --color-pallete-deep-navy: hsl(225, 27%, 31%);
54
+ --color-pallete-midnight-blue: hsl(236, 29%, 31%);
55
+ --color-pallete-purple: hsl(256, 91%, 68%);
56
+ --color-pallete-ultra-violet: hsl(256, 47%, 48%);
57
+ --color-pallete-lilac: hsl(259, 53%, 72%);
58
+ --color-pallete-ocean-blue: hsl(229, 41%, 56%);
59
+ --color-pallete-delft-blue: hsl(224, 44%, 49%);
60
+ --color-pallete-indigo: hsl(235, 35%, 43%);
61
+ --color-pallete-lavender-gray: hsl(243, 15%, 52%);
62
+ --color-pallete-lavender: hsl(328, 13%, 59%);
63
+ --color-pallete-mist-blue: hsl(73, 10%, 64%);
64
+ --color-pallete-storm-gray: hsl(179, 22%, 44%);
65
+ --color-pallete-cactus: hsl(164, 14%, 42%);
66
+ --color-pallete-pine-green: hsl(132, 16%, 36%);
67
+ --color-pallete-cyprus-green: hsl(93, 12%, 33%);
68
+ --color-pallete-northern-blue: hsl(184, 18%, 47%);
69
+ --color-pallete-azure: hsl(199, 10%, 52%);
70
+ --color-pallete-alaskan-blue: hsl(222, 17%, 39%);
71
+ --color-pallete-khaki: hsl(45, 25%, 38%);
72
+ --color-pallete-dark-olive: hsl(55, 10%, 44%);
73
+ --color-pallete-soft-white: hsl(38, 34%, 77%);
74
+ --color-pallete-antique-white: hsl(30, 42%, 66%);
75
+ --color-pallete-yellow-gold: hsl(28, 48%, 61%);
76
+ --color-pallete-gold: hsl(29, 37%, 51%);
77
+ --color-pallete-camel: hsl(31, 36%, 49%);
78
+ --color-pallete-walnut: hsl(24, 31%, 48%);
79
+ --color-pallete-stone: hsl(27, 21%, 54%);
80
+ --color-pallete-pebble: hsl(27, 15%, 56%);
81
+ --color-pallete-cocoa: hsl(0, 6%, 52%);
82
+ --color-pallete-coastal-gray: hsl(24, 17%, 38%);
83
+ --color-pallete-white: hsl(0, 0%, 100%);
84
+ --color-pallete-black: hsl(0, 0%, 0%);
149
85
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@itcase/tokens-palette",
3
3
  "description": "",
4
- "version": "1.1.7",
4
+ "version": "1.1.8",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "private": false,
@@ -24,5 +24,5 @@
24
24
  "access": "public",
25
25
  "registry": "https://registry.npmjs.org/"
26
26
  },
27
- "gitHead": "d115033a021d7a3c9603ded535dfaeec45747ad3"
27
+ "gitHead": "9e1debea5c1c9ec0be41943e87783a4d348dc106"
28
28
  }