@itcase/tokens-palette 1.0.21

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/dist/css/styles/main.css +149 -0
  2. package/dist/index.js +2 -0
  3. package/package.json +25 -0
package/dist/css/styles/main.css ADDED
@@ -0,0 +1,149 @@
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%);
89
+
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
+ );
149
+ }
package/dist/index.js ADDED
@@ -0,0 +1,2 @@
1
+ 'use strict';
2
+
package/package.json ADDED
@@ -0,0 +1,25 @@
1
+ {
2
+ "name": "@itcase/tokens-palette",
3
+ "description": "",
4
+ "version": "1.0.21",
5
+ "keywords": [],
6
+ "license": "MIT",
7
+ "private": false,
8
+ "repository": {
9
+ "type": "git",
10
+ "url": "https://github.com/ITCase/itcase-tokens.git"
11
+ },
12
+ "scripts": {
13
+ "build": "npm run build-js && npm run build-css",
14
+ "build-js": "rm -rf dist && NODE_ENV=production rollup -c",
15
+ "build-css": "rm -rf dist/css && postcss 'src/styles/main.css' --base src --dir dist/css/ --env production"
16
+ },
17
+ "files": [
18
+ "/dist"
19
+ ],
20
+ "publishConfig": {
21
+ "access": "public",
22
+ "registry": "https://registry.npmjs.org/"
23
+ },
24
+ "gitHead": "a5aeee735c2430520c0392a4b4d67dcf55da48cd"
25
+ }