@onereach/styles 0.8.5 → 0.8.6
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.
- package/README.md +123 -0
- package/dist/index.css +105 -48
- package/dist/index.css.map +1 -1
- package/dist/index.min.css +1 -1
- package/package.json +2 -2
- package/src/variables/tokens/design-tokens.scss +27 -11
package/README.md
CHANGED
|
@@ -11,6 +11,129 @@ $ npm install @onereach/styles --save
|
|
|
11
11
|
$ npm run dev
|
|
12
12
|
```
|
|
13
13
|
|
|
14
|
+
## 🛠️ How to generate tokens?
|
|
15
|
+
#### design-tokens.json (mock)
|
|
16
|
+
```json
|
|
17
|
+
{
|
|
18
|
+
"spacings": {
|
|
19
|
+
"level-0": 0,
|
|
20
|
+
"level-1": 2,
|
|
21
|
+
"level-2": 4,
|
|
22
|
+
"level-3": 8,
|
|
23
|
+
"level-4": 16,
|
|
24
|
+
"level-5": 24,
|
|
25
|
+
"level-6": 32,
|
|
26
|
+
"level-7": 48,
|
|
27
|
+
"level-8": 64,
|
|
28
|
+
"level-9": 128
|
|
29
|
+
},
|
|
30
|
+
"typography": {
|
|
31
|
+
"font-sizes": {
|
|
32
|
+
"level-0": 12,
|
|
33
|
+
"level-1": 14,
|
|
34
|
+
"level-2": 18,
|
|
35
|
+
"level-3": 22
|
|
36
|
+
},
|
|
37
|
+
"font-weights": {
|
|
38
|
+
"level-0": 400,
|
|
39
|
+
"level-1": 600,
|
|
40
|
+
"level-2": 800
|
|
41
|
+
},
|
|
42
|
+
"line-heights": {
|
|
43
|
+
"level-0": 18,
|
|
44
|
+
"level-1": 21,
|
|
45
|
+
"level-2": 26
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
"transition": {
|
|
49
|
+
"function": "cubic-bezier(0.12, 0.39, 0.5, 0.93)",
|
|
50
|
+
"time": "0.25s"
|
|
51
|
+
},
|
|
52
|
+
"themes": {
|
|
53
|
+
"light": {
|
|
54
|
+
"primary": "#178ae7",
|
|
55
|
+
"error": "#da1e28",
|
|
56
|
+
"warning": "#f0d10d",
|
|
57
|
+
"success": "#4ec00f",
|
|
58
|
+
"neutral-0": "#fff",
|
|
59
|
+
"neutral-1": "#f6f6f6",
|
|
60
|
+
"neutral-2": "#dfdfdf",
|
|
61
|
+
"neutral-3": "#c6c6c6",
|
|
62
|
+
"neutral-4": "#91969d",
|
|
63
|
+
"neutral-5": "#6c747d",
|
|
64
|
+
"neutral-6": "#1e232b",
|
|
65
|
+
"body-bg": "#fff",
|
|
66
|
+
"white": "#fff",
|
|
67
|
+
"black": "#000"
|
|
68
|
+
},
|
|
69
|
+
"dark": {
|
|
70
|
+
"primary": "#c94277",
|
|
71
|
+
"error": "#2f0a28",
|
|
72
|
+
"warning": "#A27E6F",
|
|
73
|
+
"success": "#cadbc0",
|
|
74
|
+
"neutral-0": "#A27E6F",
|
|
75
|
+
"neutral-1": "#9F7366",
|
|
76
|
+
"neutral-2": "#94524A",
|
|
77
|
+
"neutral-3": "#7B4042",
|
|
78
|
+
"neutral-4": "#622E39",
|
|
79
|
+
"neutral-5": "#491C31",
|
|
80
|
+
"neutral-6": "#B6AD98",
|
|
81
|
+
"c-body-bg": "#fff",
|
|
82
|
+
"white": "#fff",
|
|
83
|
+
"black": "#000"
|
|
84
|
+
},
|
|
85
|
+
"custom": {
|
|
86
|
+
"primary": "rgb(236, 0, 140)",
|
|
87
|
+
"error": "rgb(232, 17, 35)",
|
|
88
|
+
"warning": "rgb(255, 241, 0)",
|
|
89
|
+
"success": "rgb(186, 216, 10)",
|
|
90
|
+
"neutral-0": "rgb(255, 140, 0)",
|
|
91
|
+
"neutral-1": "rgb(236, 0, 140)",
|
|
92
|
+
"neutral-2": "rgb(104, 33, 122)",
|
|
93
|
+
"neutral-3": "rgb(0, 24, 143)",
|
|
94
|
+
"neutral-4": "rgb(0, 188, 242)",
|
|
95
|
+
"neutral-5": "rgb(0, 178, 148)",
|
|
96
|
+
"neutral-6": "rgb(0, 158, 73)",
|
|
97
|
+
"c-body-bg": "#fff",
|
|
98
|
+
"white": "#fff",
|
|
99
|
+
"black": "#000"
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
```
|
|
104
|
+
## 🛠️ How to add a new theme and generate CSS variables for that:
|
|
105
|
+
1. Nowadays you should add to the mock design-tokens.json in object theme colors.
|
|
106
|
+
```json
|
|
107
|
+
"spacings": {...}
|
|
108
|
+
"typography": {...}
|
|
109
|
+
"transition": {...}
|
|
110
|
+
"themes": {
|
|
111
|
+
"light": {...},
|
|
112
|
+
"dark": {...},
|
|
113
|
+
"custom": {...}
|
|
114
|
+
"custom-new": {
|
|
115
|
+
"primary": "rgb(236, 0, 140)",
|
|
116
|
+
"error": "rgb(232, 17, 35)",
|
|
117
|
+
"warning": "rgb(255, 241, 0)",
|
|
118
|
+
"success": "rgb(186, 216, 10)",
|
|
119
|
+
"neutral-0": "rgb(255, 140, 0)",
|
|
120
|
+
"neutral-1": "rgb(236, 0, 140)",
|
|
121
|
+
"neutral-2": "rgb(104, 33, 122)",
|
|
122
|
+
"neutral-3": "rgb(0, 24, 143)",
|
|
123
|
+
"neutral-4": "rgb(0, 188, 242)",
|
|
124
|
+
"neutral-5": "rgb(0, 178, 148)",
|
|
125
|
+
"neutral-6": "rgb(0, 158, 73)",
|
|
126
|
+
"c-body-bg": "#fff",
|
|
127
|
+
"white": "#fff",
|
|
128
|
+
"black": "#000"
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
```
|
|
132
|
+
2. Generate CSS variables. Run:
|
|
133
|
+
```shell
|
|
134
|
+
$ npm run build
|
|
135
|
+
```
|
|
136
|
+
3. How to change theme. Example in OrThemeSwitcherExample.vue
|
|
14
137
|
## 🚀 Usage in JS:
|
|
15
138
|
### Don't forget that you need style loaders.
|
|
16
139
|
#### Webpack: https://webpack.js.org/loaders/sass-loader
|
package/dist/index.css
CHANGED
|
@@ -54,54 +54,111 @@
|
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
[data-theme=dark] {
|
|
57
|
-
--c-primary: #
|
|
58
|
-
--c-primary-darken-3: #
|
|
59
|
-
--c-primary-darken-5: #
|
|
60
|
-
--c-primary-lighten-20: #
|
|
61
|
-
--c-primary-lighten-45: #
|
|
62
|
-
--c-error: #
|
|
63
|
-
--c-error-darken-3: #
|
|
64
|
-
--c-error-darken-5: #
|
|
65
|
-
--c-error-lighten-20: #
|
|
66
|
-
--c-error-lighten-45: #
|
|
67
|
-
--c-warning: #
|
|
68
|
-
--c-warning-darken-3: #
|
|
69
|
-
--c-warning-darken-5: #
|
|
70
|
-
--c-warning-lighten-20: #
|
|
71
|
-
--c-warning-lighten-45: #
|
|
72
|
-
--c-success: #
|
|
73
|
-
--c-success-darken-3: #
|
|
74
|
-
--c-success-darken-5: #
|
|
75
|
-
--c-success-lighten-20:
|
|
76
|
-
--c-success-lighten-45:
|
|
77
|
-
--c-neutral-0: #
|
|
78
|
-
--c-neutral-0-darken-3: #
|
|
79
|
-
--c-neutral-0-darken-5: #
|
|
80
|
-
--c-neutral-0-lighten-20:
|
|
81
|
-
--c-neutral-1: #
|
|
82
|
-
--c-neutral-1-darken-3: #
|
|
83
|
-
--c-neutral-1-darken-5: #
|
|
84
|
-
--c-neutral-1-lighten-20:
|
|
85
|
-
--c-neutral-2: #
|
|
86
|
-
--c-neutral-2-darken-3: #
|
|
87
|
-
--c-neutral-2-darken-5: #
|
|
88
|
-
--c-neutral-2-lighten-20:
|
|
89
|
-
--c-neutral-3: #
|
|
90
|
-
--c-neutral-3-darken-3: #
|
|
91
|
-
--c-neutral-3-darken-5: #
|
|
92
|
-
--c-neutral-3-lighten-20: #
|
|
93
|
-
--c-neutral-4: #
|
|
94
|
-
--c-neutral-4-darken-3: #
|
|
95
|
-
--c-neutral-4-darken-5: #
|
|
96
|
-
--c-neutral-4-lighten-20: #
|
|
97
|
-
--c-neutral-5: #
|
|
98
|
-
--c-neutral-5-darken-3: #
|
|
99
|
-
--c-neutral-5-darken-5: #
|
|
100
|
-
--c-neutral-5-lighten-20: #
|
|
101
|
-
--c-neutral-6: #
|
|
102
|
-
--c-neutral-6-darken-3: #
|
|
103
|
-
--c-neutral-6-darken-5: #
|
|
104
|
-
--c-neutral-6-lighten-20: #
|
|
57
|
+
--c-primary: #c94277;
|
|
58
|
+
--c-primary-darken-3: #c4386f;
|
|
59
|
+
--c-primary-darken-5: #bc366a;
|
|
60
|
+
--c-primary-lighten-20: #e091b0;
|
|
61
|
+
--c-primary-lighten-45: #fcf5f7;
|
|
62
|
+
--c-error: #2f0a28;
|
|
63
|
+
--c-error-darken-3: #22071d;
|
|
64
|
+
--c-error-darken-5: #1a0616;
|
|
65
|
+
--c-error-lighten-20: #831c70;
|
|
66
|
+
--c-error-lighten-45: #d847bc;
|
|
67
|
+
--c-warning: #A27E6F;
|
|
68
|
+
--c-warning-darken-3: #9c7666;
|
|
69
|
+
--c-warning-darken-5: #967161;
|
|
70
|
+
--c-warning-lighten-20: #cab6ad;
|
|
71
|
+
--c-warning-lighten-45: #fcfbfa;
|
|
72
|
+
--c-success: #cadbc0;
|
|
73
|
+
--c-success-darken-3: #c2d5b6;
|
|
74
|
+
--c-success-darken-5: #bcd2b0;
|
|
75
|
+
--c-success-lighten-20: white;
|
|
76
|
+
--c-success-lighten-45: white;
|
|
77
|
+
--c-neutral-0: #A27E6F;
|
|
78
|
+
--c-neutral-0-darken-3: #9c7666;
|
|
79
|
+
--c-neutral-0-darken-5: #967161;
|
|
80
|
+
--c-neutral-0-lighten-20: #cab6ad;
|
|
81
|
+
--c-neutral-1: #9F7366;
|
|
82
|
+
--c-neutral-1-darken-3: #976c5f;
|
|
83
|
+
--c-neutral-1-darken-5: #91675b;
|
|
84
|
+
--c-neutral-1-lighten-20: #c6aca5;
|
|
85
|
+
--c-neutral-2: #94524A;
|
|
86
|
+
--c-neutral-2-darken-3: #8a4c45;
|
|
87
|
+
--c-neutral-2-darken-5: #834942;
|
|
88
|
+
--c-neutral-2-lighten-20: #c18a83;
|
|
89
|
+
--c-neutral-3: #7B4042;
|
|
90
|
+
--c-neutral-3-darken-3: #713b3d;
|
|
91
|
+
--c-neutral-3-darken-5: #6a3739;
|
|
92
|
+
--c-neutral-3-lighten-20: #b36e70;
|
|
93
|
+
--c-neutral-4: #622E39;
|
|
94
|
+
--c-neutral-4-darken-3: #582933;
|
|
95
|
+
--c-neutral-4-darken-5: #51262f;
|
|
96
|
+
--c-neutral-4-lighten-20: #a74f61;
|
|
97
|
+
--c-neutral-5: #491C31;
|
|
98
|
+
--c-neutral-5-darken-3: #3e182a;
|
|
99
|
+
--c-neutral-5-darken-5: #371525;
|
|
100
|
+
--c-neutral-5-lighten-20: #933862;
|
|
101
|
+
--c-neutral-6: #B6AD98;
|
|
102
|
+
--c-neutral-6-darken-3: #b0a68f;
|
|
103
|
+
--c-neutral-6-darken-5: #aba189;
|
|
104
|
+
--c-neutral-6-lighten-20: #e0ddd4;
|
|
105
|
+
--c-c-body-bg: #fff;
|
|
106
|
+
--c-c-body-bg-darken-3: #f7f7f7;
|
|
107
|
+
--c-c-body-bg-darken-5: #f2f2f2;
|
|
108
|
+
--c-c-body-bg-lighten-20: white;
|
|
109
|
+
--c-white: #fff;
|
|
110
|
+
--c-black: #000;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
[data-theme=custom] {
|
|
114
|
+
--c-primary: #ec008c;
|
|
115
|
+
--c-primary-darken-3: #dd0083;
|
|
116
|
+
--c-primary-darken-5: #d3007d;
|
|
117
|
+
--c-primary-lighten-20: #ff53b9;
|
|
118
|
+
--c-primary-lighten-45: #ffd3ed;
|
|
119
|
+
--c-error: #e81123;
|
|
120
|
+
--c-error-darken-3: #da1021;
|
|
121
|
+
--c-error-darken-5: #d00f1f;
|
|
122
|
+
--c-error-lighten-20: #f46b76;
|
|
123
|
+
--c-error-lighten-45: #fde2e4;
|
|
124
|
+
--c-warning: #fff100;
|
|
125
|
+
--c-warning-darken-3: #f0e300;
|
|
126
|
+
--c-warning-darken-5: #e6d900;
|
|
127
|
+
--c-warning-lighten-20: #fff766;
|
|
128
|
+
--c-warning-lighten-45: #fffee6;
|
|
129
|
+
--c-success: #bad80a;
|
|
130
|
+
--c-success-darken-3: #adc909;
|
|
131
|
+
--c-success-darken-5: #a5c009;
|
|
132
|
+
--c-success-lighten-20: #dff751;
|
|
133
|
+
--c-success-lighten-45: #f5fdcb;
|
|
134
|
+
--c-neutral-0: darkorange;
|
|
135
|
+
--c-neutral-0-darken-3: #f08400;
|
|
136
|
+
--c-neutral-0-darken-5: #e67e00;
|
|
137
|
+
--c-neutral-0-lighten-20: #ffba66;
|
|
138
|
+
--c-neutral-1: #ec008c;
|
|
139
|
+
--c-neutral-1-darken-3: #dd0083;
|
|
140
|
+
--c-neutral-1-darken-5: #d3007d;
|
|
141
|
+
--c-neutral-1-lighten-20: #ff53b9;
|
|
142
|
+
--c-neutral-2: #68217a;
|
|
143
|
+
--c-neutral-2-darken-3: #5e1e6e;
|
|
144
|
+
--c-neutral-2-darken-5: #571c66;
|
|
145
|
+
--c-neutral-2-lighten-20: #ac38c9;
|
|
146
|
+
--c-neutral-3: #00188f;
|
|
147
|
+
--c-neutral-3-darken-3: #001580;
|
|
148
|
+
--c-neutral-3-darken-5: #001476;
|
|
149
|
+
--c-neutral-3-lighten-20: #0029f5;
|
|
150
|
+
--c-neutral-4: #00bcf2;
|
|
151
|
+
--c-neutral-4-darken-3: #00b0e3;
|
|
152
|
+
--c-neutral-4-darken-5: #00a8d9;
|
|
153
|
+
--c-neutral-4-lighten-20: #59daff;
|
|
154
|
+
--c-neutral-5: #00b294;
|
|
155
|
+
--c-neutral-5-darken-3: #00a387;
|
|
156
|
+
--c-neutral-5-darken-5: #00997f;
|
|
157
|
+
--c-neutral-5-lighten-20: #19ffd8;
|
|
158
|
+
--c-neutral-6: #009e49;
|
|
159
|
+
--c-neutral-6-darken-3: #008f42;
|
|
160
|
+
--c-neutral-6-darken-5: #00853d;
|
|
161
|
+
--c-neutral-6-lighten-20: #05ff79;
|
|
105
162
|
--c-c-body-bg: #fff;
|
|
106
163
|
--c-c-body-bg-darken-3: #f7f7f7;
|
|
107
164
|
--c-c-body-bg-darken-5: #f2f2f2;
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/variables/_css-vars.scss","index.css","../src/base/_reset.scss","../src/base/_generic.scss","../src/base/_typography.scss","../src/base/_v-transitions.scss","../src/base/_animation.scss","../src/layout/_display.scss","../src/layout/_flexbox.scss","../src/layout/_spacings.scss","../src/layout/_text.scss"],"names":[],"mappings":"AASI;;EAQM,oBAAA;EACA,6BAAA;EACA,6BAAA;EACA,+BAAA;EAIA,+BAAA;EAPA,kBAAA;EACA,2BAAA;EACA,2BAAA;EACA,6BAAA;EAIA,6BAAA;EAPA,oBAAA;EACA,6BAAA;EACA,6BAAA;EACA,+BAAA;EAIA,+BAAA;EAPA,oBAAA;EACA,6BAAA;EACA,6BAAA;EACA,+BAAA;EAIA,+BAAA;EAPA,mBAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EAHA,sBAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EAHA,sBAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EAHA,sBAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;EAHA,sBAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;EAHA,sBAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;EAHA,sBAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;EAPA,iBAAA;EAAA,eAAA;EAAA,eAAA;ACwCV;;ADtBI;EAOM,oBAAA;EACA,6BAAA;EACA,6BAAA;EACA,+BAAA;EAIA,+BAAA;EAPA,kBAAA;EACA,2BAAA;EACA,2BAAA;EACA,6BAAA;EAIA,6BAAA;EAPA,oBAAA;EACA,6BAAA;EACA,6BAAA;EACA,+BAAA;EAIA,+BAAA;EAPA,oBAAA;EACA,6BAAA;EACA,6BAAA;EACA,+BAAA;
|
|
1
|
+
{"version":3,"sources":["../src/variables/_css-vars.scss","index.css","../src/base/_reset.scss","../src/base/_generic.scss","../src/base/_typography.scss","../src/base/_v-transitions.scss","../src/base/_animation.scss","../src/layout/_display.scss","../src/layout/_flexbox.scss","../src/layout/_spacings.scss","../src/layout/_text.scss"],"names":[],"mappings":"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;APucJ;AOpcE;EACE,mBAAA;APscJ;;AOjcE;EACE,sBAAA;APocJ;AOjcE;EACE,oBAAA;APmcJ;AOhcE;EACE,qBAAA;APkcJ;AO/bE;EACE,sBAAA;APicJ;AO9bE;EACE,2BAAA;APgcJ;AO7bE;EACE,yBAAA;AP+bJ;AO5bE;EACE,8BAAA;AP8bJ;AO3bE;EACE,6BAAA;AP6bJ;AO1bE;EACE,6BAAA;AP4bJ;AOzbE;EACE,uBAAA;AP2bJ;;AOtbE;EACE,mBAAA;APybJ;AOtbE;EACE,2BAAA;APwbJ;AOrbE;EACE,sBAAA;APubJ;AOpbE;EACE,8BAAA;APsbJ;;AOlbA;EACE,eAAA;APqbF;;AOlbA;EACE,iBAAA;APqbF;;AOlbA;EACE,uBAAA;APqbF;;AQxhBA;EACE,SAAA;AR2hBF;;AQxhBA;EACE,UAAA;AR2hBF;;AQphBI;EACE,aAAA;ARuhBN;;AQphBI;EACE,cAAA;ARuhBN;;AQ5hBI;EACE,eAAA;AR+hBN;;AQ5hBI;EACE,gBAAA;AR+hBN;;AQpiBI;EACE,gBAAA;ARuiBN;;AQpiBI;EACE,iBAAA;ARuiBN;;AQ5iBI;EACE,cAAA;AR+iBN;;AQ5iBI;EACE,eAAA;AR+iBN;;AQpjBI;EACE,oBAAA;ARujBN;;AQpjBI;EACE,qBAAA;ARujBN;;AQ5jBI;EACE,sBAAA;AR+jBN;;AQ5jBI;EACE,uBAAA;AR+jBN;;AQpkBI;EACE,uBAAA;ARukBN;;AQpkBI;EACE,wBAAA;ARukBN;;AQ5kBI;EACE,qBAAA;AR+kBN;;AQ5kBI;EACE,sBAAA;AR+kBN;;AQplBI;EACE,mBAAA;ARulBN;;AQplBI;EACE,oBAAA;ARulBN;;AQ5lBI;EACE,qBAAA;AR+lBN;;AQ5lBI;EACE,sBAAA;AR+lBN;;AQpmBI;EACE,sBAAA;ARumBN;;AQpmBI;EACE,uBAAA;ARumBN;;AQ5mBI;EACE,oBAAA;AR+mBN;;AQ5mBI;EACE,qBAAA;AR+mBN;;AQpnBI;EACE,kBAAA;ARunBN;;AQpnBI;EACE,mBAAA;ARunBN;;AQ5nBI;EACE,oBAAA;AR+nBN;;AQ5nBI;EACE,qBAAA;AR+nBN;;AQpoBI;EACE,qBAAA;ARuoBN;;AQpoBI;EACE,sBAAA;ARuoBN;;AQ5oBI;EACE,mBAAA;AR+oBN;;AQ5oBI;EACE,oBAAA;AR+oBN;;AQppBI;EACE,gBAAA;ARupBN;;AQppBI;EACE,iBAAA;ARupBN;;AQ5pBI;EACE,kBAAA;AR+pBN;;AQ5pBI;EACE,mBAAA;AR+pBN;;AQpqBI;EACE,mBAAA;ARuqBN;;AQpqBI;EACE,oBAAA;ARuqBN;;AQ5qBI;EACE,iBAAA;AR+qBN;;AQ5qBI;EACE,kBAAA;AR+qBN;;AQprBI;EACE,kBAAA;ARurBN;;AQprBI;EACE,mBAAA;ARurBN;;AQ5rBI;EACE,oBAAA;AR+rBN;;AQ5rBI;EACE,qBAAA;AR+rBN;;AQpsBI;EACE,qBAAA;ARusBN;;AQpsBI;EACE,sBAAA;ARusBN;;AQ5sBI;EACE,mBAAA;AR+sBN;;AQ5sBI;EACE,oBAAA;AR+sBN;;AQptBI;EACE,gBAAA;ARutBN;;AQptBI;EACE,iBAAA;ARutBN;;AQ5tBI;EACE,kBAAA;AR+tBN;;AQ5tBI;EACE,mBAAA;AR+tBN;;AQpuBI;EACE,mBAAA;ARuuBN;;AQpuBI;EACE,oBAAA;ARuuBN;;AQ5uBI;EACE,iBAAA;AR+uBN;;AQ5uBI;EACE,kBAAA;AR+uBN;;AQpvBI;EACE,gBAAA;ARuvBN;;AQpvBI;EACE,iBAAA;ARuvBN;;AQ5vBI;EACE,kBAAA;AR+vBN;;AQ5vBI;EACE,mBAAA;AR+vBN;;AQpwBI;EACE,mBAAA;ARuwBN;;AQpwBI;EACE,oBAAA;ARuwBN;;AQ5wBI;EACE,iBAAA;AR+wBN;;AQ5wBI;EACE,kBAAA;AR+wBN;;AQpxBI;EACE,gBAAA;ARuxBN;;AQpxBI;EACE,iBAAA;ARuxBN;;AQ5xBI;EACE,kBAAA;AR+xBN;;AQ5xBI;EACE,mBAAA;AR+xBN;;AQpyBI;EACE,mBAAA;ARuyBN;;AQpyBI;EACE,oBAAA;ARuyBN;;AQ5yBI;EACE,iBAAA;AR+yBN;;AQ5yBI;EACE,kBAAA;AR+yBN;;AQpzBI;EACE,gBAAA;ARuzBN;;AQpzBI;EACE,iBAAA;ARuzBN;;AQ5zBI;EACE,kBAAA;AR+zBN;;AQ5zBI;EACE,mBAAA;AR+zBN;;AQp0BI;EACE,mBAAA;ARu0BN;;AQp0BI;EACE,oBAAA;ARu0BN;;AQ50BI;EACE,iBAAA;AR+0BN;;AQ50BI;EACE,kBAAA;AR+0BN;;ASn2BE;EACE,sBAAA;ATs2BJ;;ASv2BE;EACE,sBAAA;AT02BJ;;AS32BE;EACE,sBAAA;AT82BJ;;AS/2BE;EACE,sBAAA;ATk3BJ;;AS52BE;EACE,wBAAA;AT+2BJ;;ASh3BE;EACE,wBAAA;ATm3BJ;;ASp3BE;EACE,wBAAA;ATu3BJ;;ASj3BE;EACE,wBAAA;ATo3BJ;;ASr3BE;EACE,wBAAA;ATw3BJ;;ASz3BE;EACE,wBAAA;AT43BJ;;ASv3BE;EACE,kBAAA;AT03BJ;ASv3BE;EACE,eAAA;ATy3BJ;ASt3BE;EACE,gBAAA;ATw3BJ;ASr3BE;EACE,iBAAA;ATu3BJ;ASp3BE;EACE,mBAAA;ATs3BJ","file":"index.css"}
|
package/dist/index.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,[data-theme=light]{--c-primary:#178ae7;--c-primary-darken-3:#1682d9;--c-primary-darken-5:#157cd0;--c-primary-lighten-20:#73b9f1;--c-primary-lighten-45:#e7f3fd;--c-error:#da1e28;--c-error-darken-3:#cd1c26;--c-error-darken-5:#c41b24;--c-error-lighten-20:#ec7279;--c-error-lighten-45:#fbe2e4;--c-warning:#f0d10d;--c-warning-darken-3:#e1c40c;--c-warning-darken-5:#d8bc0c;--c-warning-lighten-20:#f7e46c;--c-warning-lighten-45:#fefae5;--c-success:#4ec00f;--c-success-darken-3:#48b20e;--c-success-darken-5:#44a80d;--c-success-lighten-20:#82f045;--c-success-lighten-45:#d1fabb;--c-neutral-0:#fff;--c-neutral-0-darken-3:#f7f7f7;--c-neutral-0-darken-5:#f2f2f2;--c-neutral-0-lighten-20:white;--c-neutral-1:#f6f6f6;--c-neutral-1-darken-3:#eeeeee;--c-neutral-1-darken-5:#e9e9e9;--c-neutral-1-lighten-20:white;--c-neutral-2:#dfdfdf;--c-neutral-2-darken-3:#d7d7d7;--c-neutral-2-darken-5:#d2d2d2;--c-neutral-2-lighten-20:white;--c-neutral-3:#c6c6c6;--c-neutral-3-darken-3:#bebebe;--c-neutral-3-darken-5:#b9b9b9;--c-neutral-3-lighten-20:#f9f9f9;--c-neutral-4:#91969d;--c-neutral-4-darken-3:#898e96;--c-neutral-4-darken-5:#848991;--c-neutral-4-lighten-20:#c7c9cd;--c-neutral-5:#6c747d;--c-neutral-5-darken-3:#656c75;--c-neutral-5-darken-5:#60676f;--c-neutral-5-lighten-20:#a1a7ae;--c-neutral-6:#1e232b;--c-neutral-6-darken-3:#181c22;--c-neutral-6-darken-5:#14171c;--c-neutral-6-lighten-20:#485467;--c-body-bg:#fff;--c-white:#fff;--c-black:#000}[data-theme=dark]{--c-primary:#178ae7;--c-primary-darken-3:#1682d9;--c-primary-darken-5:#157cd0;--c-primary-lighten-20:#73b9f1;--c-primary-lighten-45:#e7f3fd;--c-error:#da1e28;--c-error-darken-3:#cd1c26;--c-error-darken-5:#c41b24;--c-error-lighten-20:#ec7279;--c-error-lighten-45:#fbe2e4;--c-warning:#f0d10d;--c-warning-darken-3:#e1c40c;--c-warning-darken-5:#d8bc0c;--c-warning-lighten-20:#f7e46c;--c-warning-lighten-45:#fefae5;--c-success:#4ec00f;--c-success-darken-3:#48b20e;--c-success-darken-5:#44a80d;--c-success-lighten-20:#82f045;--c-success-lighten-45:#d1fabb;--c-neutral-0:#fff;--c-neutral-0-darken-3:#f7f7f7;--c-neutral-0-darken-5:#f2f2f2;--c-neutral-0-lighten-20:white;--c-neutral-1:#f6f6f6;--c-neutral-1-darken-3:#eeeeee;--c-neutral-1-darken-5:#e9e9e9;--c-neutral-1-lighten-20:white;--c-neutral-2:#dfdfdf;--c-neutral-2-darken-3:#d7d7d7;--c-neutral-2-darken-5:#d2d2d2;--c-neutral-2-lighten-20:white;--c-neutral-3:#c6c6c6;--c-neutral-3-darken-3:#bebebe;--c-neutral-3-darken-5:#b9b9b9;--c-neutral-3-lighten-20:#f9f9f9;--c-neutral-4:#91969d;--c-neutral-4-darken-3:#898e96;--c-neutral-4-darken-5:#848991;--c-neutral-4-lighten-20:#c7c9cd;--c-neutral-5:#6c747d;--c-neutral-5-darken-3:#656c75;--c-neutral-5-darken-5:#60676f;--c-neutral-5-lighten-20:#a1a7ae;--c-neutral-6:#1e232b;--c-neutral-6-darken-3:#181c22;--c-neutral-6-darken-5:#14171c;--c-neutral-6-lighten-20:#485467;--c-c-body-bg:#fff;--c-c-body-bg-darken-3:#f7f7f7;--c-c-body-bg-darken-5:#f2f2f2;--c-c-body-bg-lighten-20:white;--c-white:#fff;--c-black:#000}:root{--s-0:0;--s-1:0.125rem;--s-2:0.25rem;--s-3:0.5rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:8rem;--t-func:cubic-bezier(0.12, 0.39, 0.5, 0.93);--t-duration:0.25s;--fs-0:0.75rem;--fs-1:0.875rem;--fs-2:1.125rem;--fs-3:1.375rem;--fw-0:400;--fw-1:600;--fw-2:800;--lh-0:1.125rem;--lh-1:1.3125rem;--lh-2:1.625rem}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{padding:0;margin:0;vertical-align:baseline;border:0}*,::after,::before{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,html{-webkit-tap-highlight-color:transparent}blockquote,q{quotes:none}blockquote::after,blockquote::before,q::after,q::before{content:none}table{border-spacing:0;border-collapse:collapse}input,textarea{padding:0;margin:0;border-radius:0}input[type=search]::-ms-clear,input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:none;color:var(--c-neutral-6);background-color:var(--c-body-bg)}fieldset{border:none}a{text-decoration:none}code,pre{font-family:"Operator Mono","Fira Code Retina","Fira Code",FiraCode-Retina,"Andale Mono","Lucida Console",Consolas,Monaco,monospace;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}input[type=checkbox],input[type=radio]{vertical-align:baseline}.body-normal,.body-semibold,body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:var(--fs-1);font-weight:var(--fw-0);line-height:var(--lh-1)}.caption-bold,.caption-normal{font-size:var(--fs-0);font-weight:var(--fw-0);line-height:var(--lh-0)}.caption-bold{font-weight:var(--fw-2)}.body-semibold{font-weight:var(--fw-1)}.subheading,h4{font-size:var(--fs-2);font-weight:var(--fw-2);line-height:var(--lh-1)}.heading,h1{font-size:var(--fs-3);font-weight:var(--fw-2);line-height:var(--lh-2)}.fade-enter-active,.fade-leave-active{transition:opacity var(--t-duration) var(--t-func)}.fade-enter,.fade-leave-to{opacity:0}@-webkit-keyframes spinAround{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes spinAround{from{transform:rotate(0)}to{transform:rotate(359deg)}}@-webkit-keyframes fade{from{opacity:1}to{opacity:0}}@keyframes fade{from{opacity:1}to{opacity:0}}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-block{display:block}.d-grid{display:grid}.d-inline-grid{display:inline-grid}.align-baseline{align-items:baseline}.align-start{align-items:start}.align-end{align-items:end}.align-self-start{align-items:self-start}.align-self-end{align-items:self-end}.align-flex-start{align-items:flex-start}.align-flex-end{align-items:flex-end}.align-stretch{align-items:stretch}.align-center{align-items:center}.justify-start{justify-content:start}.justify-end{justify-content:end}.justify-left{justify-content:left}.justify-right{justify-content:right}.justify-flex-start{justify-content:flex-start}.justify-flex-end{justify-content:flex-end}.justify-space-between{justify-content:space-between}.justify-space-around{justify-content:space-around}.justify-sapce-evenly{justify-content:space-evenly}.justify-center{justify-content:center}.direction-row{flex-direction:row}.direction-row-reverse{flex-direction:row-reverse}.direction-column{flex-direction:column}.direction-column-reverse{flex-direction:column-reverse}.wrap{flex-wrap:wrap}.nowrap{flex-wrap:nowrap}.wrap-reverse{flex-wrap:wrap-reverse}.m-0{margin:0}.p-0{padding:0}.mt-0{margin-top:0}.pt-0{padding-top:0}.mr-0{margin-right:0}.pr-0{padding-right:0}.mb-0{margin-bottom:0}.pb-0{padding-bottom:0}.ml-0{margin-left:0}.pl-0{padding-left:0}.mt-1{margin-top:.125rem}.pt-1{padding-top:.125rem}.mr-1{margin-right:.125rem}.pr-1{padding-right:.125rem}.mb-1{margin-bottom:.125rem}.pb-1{padding-bottom:.125rem}.ml-1{margin-left:.125rem}.pl-1{padding-left:.125rem}.mt-2{margin-top:.25rem}.pt-2{padding-top:.25rem}.mr-2{margin-right:.25rem}.pr-2{padding-right:.25rem}.mb-2{margin-bottom:.25rem}.pb-2{padding-bottom:.25rem}.ml-2{margin-left:.25rem}.pl-2{padding-left:.25rem}.mt-3{margin-top:.5rem}.pt-3{padding-top:.5rem}.mr-3{margin-right:.5rem}.pr-3{padding-right:.5rem}.mb-3{margin-bottom:.5rem}.pb-3{padding-bottom:.5rem}.ml-3{margin-left:.5rem}.pl-3{padding-left:.5rem}.mt-4{margin-top:1rem}.pt-4{padding-top:1rem}.mr-4{margin-right:1rem}.pr-4{padding-right:1rem}.mb-4{margin-bottom:1rem}.pb-4{padding-bottom:1rem}.ml-4{margin-left:1rem}.pl-4{padding-left:1rem}.mt-5{margin-top:1.5rem}.pt-5{padding-top:1.5rem}.mr-5{margin-right:1.5rem}.pr-5{padding-right:1.5rem}.mb-5{margin-bottom:1.5rem}.pb-5{padding-bottom:1.5rem}.ml-5{margin-left:1.5rem}.pl-5{padding-left:1.5rem}.mt-6{margin-top:2rem}.pt-6{padding-top:2rem}.mr-6{margin-right:2rem}.pr-6{padding-right:2rem}.mb-6{margin-bottom:2rem}.pb-6{padding-bottom:2rem}.ml-6{margin-left:2rem}.pl-6{padding-left:2rem}.mt-7{margin-top:3rem}.pt-7{padding-top:3rem}.mr-7{margin-right:3rem}.pr-7{padding-right:3rem}.mb-7{margin-bottom:3rem}.pb-7{padding-bottom:3rem}.ml-7{margin-left:3rem}.pl-7{padding-left:3rem}.mt-8{margin-top:4rem}.pt-8{padding-top:4rem}.mr-8{margin-right:4rem}.pr-8{padding-right:4rem}.mb-8{margin-bottom:4rem}.pb-8{padding-bottom:4rem}.ml-8{margin-left:4rem}.pl-8{padding-left:4rem}.mt-9{margin-top:8rem}.pt-9{padding-top:8rem}.mr-9{margin-right:8rem}.pr-9{padding-right:8rem}.mb-9{margin-bottom:8rem}.pb-9{padding-bottom:8rem}.ml-9{margin-left:8rem}.pl-9{padding-left:8rem}.fs-0{font-size:var(--fs-0)}.fs-1{font-size:var(--fs-1)}.fs-2{font-size:var(--fs-2)}.fs-3{font-size:var(--fs-3)}.fw-0{font-weight:var(--fw-0)}.fw-1{font-weight:var(--fw-1)}.fw-2{font-weight:var(--fw-2)}.lh-0{line-height:var(--lh-0)}.lh-1{line-height:var(--lh-1)}.lh-2{line-height:var(--lh-2)}.text-align-center{text-align:center}.text-align-end{text-align:end}.text-align-left{text-align:left}.text-align-right{text-align:right}.text-align-justify{text-align:justify}
|
|
1
|
+
:root,[data-theme=light]{--c-primary:#178ae7;--c-primary-darken-3:#1682d9;--c-primary-darken-5:#157cd0;--c-primary-lighten-20:#73b9f1;--c-primary-lighten-45:#e7f3fd;--c-error:#da1e28;--c-error-darken-3:#cd1c26;--c-error-darken-5:#c41b24;--c-error-lighten-20:#ec7279;--c-error-lighten-45:#fbe2e4;--c-warning:#f0d10d;--c-warning-darken-3:#e1c40c;--c-warning-darken-5:#d8bc0c;--c-warning-lighten-20:#f7e46c;--c-warning-lighten-45:#fefae5;--c-success:#4ec00f;--c-success-darken-3:#48b20e;--c-success-darken-5:#44a80d;--c-success-lighten-20:#82f045;--c-success-lighten-45:#d1fabb;--c-neutral-0:#fff;--c-neutral-0-darken-3:#f7f7f7;--c-neutral-0-darken-5:#f2f2f2;--c-neutral-0-lighten-20:white;--c-neutral-1:#f6f6f6;--c-neutral-1-darken-3:#eeeeee;--c-neutral-1-darken-5:#e9e9e9;--c-neutral-1-lighten-20:white;--c-neutral-2:#dfdfdf;--c-neutral-2-darken-3:#d7d7d7;--c-neutral-2-darken-5:#d2d2d2;--c-neutral-2-lighten-20:white;--c-neutral-3:#c6c6c6;--c-neutral-3-darken-3:#bebebe;--c-neutral-3-darken-5:#b9b9b9;--c-neutral-3-lighten-20:#f9f9f9;--c-neutral-4:#91969d;--c-neutral-4-darken-3:#898e96;--c-neutral-4-darken-5:#848991;--c-neutral-4-lighten-20:#c7c9cd;--c-neutral-5:#6c747d;--c-neutral-5-darken-3:#656c75;--c-neutral-5-darken-5:#60676f;--c-neutral-5-lighten-20:#a1a7ae;--c-neutral-6:#1e232b;--c-neutral-6-darken-3:#181c22;--c-neutral-6-darken-5:#14171c;--c-neutral-6-lighten-20:#485467;--c-body-bg:#fff;--c-white:#fff;--c-black:#000}[data-theme=dark]{--c-primary:#c94277;--c-primary-darken-3:#c4386f;--c-primary-darken-5:#bc366a;--c-primary-lighten-20:#e091b0;--c-primary-lighten-45:#fcf5f7;--c-error:#2f0a28;--c-error-darken-3:#22071d;--c-error-darken-5:#1a0616;--c-error-lighten-20:#831c70;--c-error-lighten-45:#d847bc;--c-warning:#A27E6F;--c-warning-darken-3:#9c7666;--c-warning-darken-5:#967161;--c-warning-lighten-20:#cab6ad;--c-warning-lighten-45:#fcfbfa;--c-success:#cadbc0;--c-success-darken-3:#c2d5b6;--c-success-darken-5:#bcd2b0;--c-success-lighten-20:white;--c-success-lighten-45:white;--c-neutral-0:#A27E6F;--c-neutral-0-darken-3:#9c7666;--c-neutral-0-darken-5:#967161;--c-neutral-0-lighten-20:#cab6ad;--c-neutral-1:#9F7366;--c-neutral-1-darken-3:#976c5f;--c-neutral-1-darken-5:#91675b;--c-neutral-1-lighten-20:#c6aca5;--c-neutral-2:#94524A;--c-neutral-2-darken-3:#8a4c45;--c-neutral-2-darken-5:#834942;--c-neutral-2-lighten-20:#c18a83;--c-neutral-3:#7B4042;--c-neutral-3-darken-3:#713b3d;--c-neutral-3-darken-5:#6a3739;--c-neutral-3-lighten-20:#b36e70;--c-neutral-4:#622E39;--c-neutral-4-darken-3:#582933;--c-neutral-4-darken-5:#51262f;--c-neutral-4-lighten-20:#a74f61;--c-neutral-5:#491C31;--c-neutral-5-darken-3:#3e182a;--c-neutral-5-darken-5:#371525;--c-neutral-5-lighten-20:#933862;--c-neutral-6:#B6AD98;--c-neutral-6-darken-3:#b0a68f;--c-neutral-6-darken-5:#aba189;--c-neutral-6-lighten-20:#e0ddd4;--c-c-body-bg:#fff;--c-c-body-bg-darken-3:#f7f7f7;--c-c-body-bg-darken-5:#f2f2f2;--c-c-body-bg-lighten-20:white;--c-white:#fff;--c-black:#000}[data-theme=custom]{--c-primary:#ec008c;--c-primary-darken-3:#dd0083;--c-primary-darken-5:#d3007d;--c-primary-lighten-20:#ff53b9;--c-primary-lighten-45:#ffd3ed;--c-error:#e81123;--c-error-darken-3:#da1021;--c-error-darken-5:#d00f1f;--c-error-lighten-20:#f46b76;--c-error-lighten-45:#fde2e4;--c-warning:#fff100;--c-warning-darken-3:#f0e300;--c-warning-darken-5:#e6d900;--c-warning-lighten-20:#fff766;--c-warning-lighten-45:#fffee6;--c-success:#bad80a;--c-success-darken-3:#adc909;--c-success-darken-5:#a5c009;--c-success-lighten-20:#dff751;--c-success-lighten-45:#f5fdcb;--c-neutral-0:darkorange;--c-neutral-0-darken-3:#f08400;--c-neutral-0-darken-5:#e67e00;--c-neutral-0-lighten-20:#ffba66;--c-neutral-1:#ec008c;--c-neutral-1-darken-3:#dd0083;--c-neutral-1-darken-5:#d3007d;--c-neutral-1-lighten-20:#ff53b9;--c-neutral-2:#68217a;--c-neutral-2-darken-3:#5e1e6e;--c-neutral-2-darken-5:#571c66;--c-neutral-2-lighten-20:#ac38c9;--c-neutral-3:#00188f;--c-neutral-3-darken-3:#001580;--c-neutral-3-darken-5:#001476;--c-neutral-3-lighten-20:#0029f5;--c-neutral-4:#00bcf2;--c-neutral-4-darken-3:#00b0e3;--c-neutral-4-darken-5:#00a8d9;--c-neutral-4-lighten-20:#59daff;--c-neutral-5:#00b294;--c-neutral-5-darken-3:#00a387;--c-neutral-5-darken-5:#00997f;--c-neutral-5-lighten-20:#19ffd8;--c-neutral-6:#009e49;--c-neutral-6-darken-3:#008f42;--c-neutral-6-darken-5:#00853d;--c-neutral-6-lighten-20:#05ff79;--c-c-body-bg:#fff;--c-c-body-bg-darken-3:#f7f7f7;--c-c-body-bg-darken-5:#f2f2f2;--c-c-body-bg-lighten-20:white;--c-white:#fff;--c-black:#000}:root{--s-0:0;--s-1:0.125rem;--s-2:0.25rem;--s-3:0.5rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:8rem;--t-func:cubic-bezier(0.12, 0.39, 0.5, 0.93);--t-duration:0.25s;--fs-0:0.75rem;--fs-1:0.875rem;--fs-2:1.125rem;--fs-3:1.375rem;--fw-0:400;--fw-1:600;--fw-2:800;--lh-0:1.125rem;--lh-1:1.3125rem;--lh-2:1.625rem}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{padding:0;margin:0;vertical-align:baseline;border:0}*,::after,::before{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,html{-webkit-tap-highlight-color:transparent}blockquote,q{quotes:none}blockquote::after,blockquote::before,q::after,q::before{content:none}table{border-spacing:0;border-collapse:collapse}input,textarea{padding:0;margin:0;border-radius:0}input[type=search]::-ms-clear,input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:none;color:var(--c-neutral-6);background-color:var(--c-body-bg)}fieldset{border:none}a{text-decoration:none}code,pre{font-family:"Operator Mono","Fira Code Retina","Fira Code",FiraCode-Retina,"Andale Mono","Lucida Console",Consolas,Monaco,monospace;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}input[type=checkbox],input[type=radio]{vertical-align:baseline}.body-normal,.body-semibold,body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:var(--fs-1);font-weight:var(--fw-0);line-height:var(--lh-1)}.caption-bold,.caption-normal{font-size:var(--fs-0);font-weight:var(--fw-0);line-height:var(--lh-0)}.caption-bold{font-weight:var(--fw-2)}.body-semibold{font-weight:var(--fw-1)}.subheading,h4{font-size:var(--fs-2);font-weight:var(--fw-2);line-height:var(--lh-1)}.heading,h1{font-size:var(--fs-3);font-weight:var(--fw-2);line-height:var(--lh-2)}.fade-enter-active,.fade-leave-active{transition:opacity var(--t-duration) var(--t-func)}.fade-enter,.fade-leave-to{opacity:0}@-webkit-keyframes spinAround{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes spinAround{from{transform:rotate(0)}to{transform:rotate(359deg)}}@-webkit-keyframes fade{from{opacity:1}to{opacity:0}}@keyframes fade{from{opacity:1}to{opacity:0}}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-block{display:block}.d-grid{display:grid}.d-inline-grid{display:inline-grid}.align-baseline{align-items:baseline}.align-start{align-items:start}.align-end{align-items:end}.align-self-start{align-items:self-start}.align-self-end{align-items:self-end}.align-flex-start{align-items:flex-start}.align-flex-end{align-items:flex-end}.align-stretch{align-items:stretch}.align-center{align-items:center}.justify-start{justify-content:start}.justify-end{justify-content:end}.justify-left{justify-content:left}.justify-right{justify-content:right}.justify-flex-start{justify-content:flex-start}.justify-flex-end{justify-content:flex-end}.justify-space-between{justify-content:space-between}.justify-space-around{justify-content:space-around}.justify-sapce-evenly{justify-content:space-evenly}.justify-center{justify-content:center}.direction-row{flex-direction:row}.direction-row-reverse{flex-direction:row-reverse}.direction-column{flex-direction:column}.direction-column-reverse{flex-direction:column-reverse}.wrap{flex-wrap:wrap}.nowrap{flex-wrap:nowrap}.wrap-reverse{flex-wrap:wrap-reverse}.m-0{margin:0}.p-0{padding:0}.mt-0{margin-top:0}.pt-0{padding-top:0}.mr-0{margin-right:0}.pr-0{padding-right:0}.mb-0{margin-bottom:0}.pb-0{padding-bottom:0}.ml-0{margin-left:0}.pl-0{padding-left:0}.mt-1{margin-top:.125rem}.pt-1{padding-top:.125rem}.mr-1{margin-right:.125rem}.pr-1{padding-right:.125rem}.mb-1{margin-bottom:.125rem}.pb-1{padding-bottom:.125rem}.ml-1{margin-left:.125rem}.pl-1{padding-left:.125rem}.mt-2{margin-top:.25rem}.pt-2{padding-top:.25rem}.mr-2{margin-right:.25rem}.pr-2{padding-right:.25rem}.mb-2{margin-bottom:.25rem}.pb-2{padding-bottom:.25rem}.ml-2{margin-left:.25rem}.pl-2{padding-left:.25rem}.mt-3{margin-top:.5rem}.pt-3{padding-top:.5rem}.mr-3{margin-right:.5rem}.pr-3{padding-right:.5rem}.mb-3{margin-bottom:.5rem}.pb-3{padding-bottom:.5rem}.ml-3{margin-left:.5rem}.pl-3{padding-left:.5rem}.mt-4{margin-top:1rem}.pt-4{padding-top:1rem}.mr-4{margin-right:1rem}.pr-4{padding-right:1rem}.mb-4{margin-bottom:1rem}.pb-4{padding-bottom:1rem}.ml-4{margin-left:1rem}.pl-4{padding-left:1rem}.mt-5{margin-top:1.5rem}.pt-5{padding-top:1.5rem}.mr-5{margin-right:1.5rem}.pr-5{padding-right:1.5rem}.mb-5{margin-bottom:1.5rem}.pb-5{padding-bottom:1.5rem}.ml-5{margin-left:1.5rem}.pl-5{padding-left:1.5rem}.mt-6{margin-top:2rem}.pt-6{padding-top:2rem}.mr-6{margin-right:2rem}.pr-6{padding-right:2rem}.mb-6{margin-bottom:2rem}.pb-6{padding-bottom:2rem}.ml-6{margin-left:2rem}.pl-6{padding-left:2rem}.mt-7{margin-top:3rem}.pt-7{padding-top:3rem}.mr-7{margin-right:3rem}.pr-7{padding-right:3rem}.mb-7{margin-bottom:3rem}.pb-7{padding-bottom:3rem}.ml-7{margin-left:3rem}.pl-7{padding-left:3rem}.mt-8{margin-top:4rem}.pt-8{padding-top:4rem}.mr-8{margin-right:4rem}.pr-8{padding-right:4rem}.mb-8{margin-bottom:4rem}.pb-8{padding-bottom:4rem}.ml-8{margin-left:4rem}.pl-8{padding-left:4rem}.mt-9{margin-top:8rem}.pt-9{padding-top:8rem}.mr-9{margin-right:8rem}.pr-9{padding-right:8rem}.mb-9{margin-bottom:8rem}.pb-9{padding-bottom:8rem}.ml-9{margin-left:8rem}.pl-9{padding-left:8rem}.fs-0{font-size:var(--fs-0)}.fs-1{font-size:var(--fs-1)}.fs-2{font-size:var(--fs-2)}.fs-3{font-size:var(--fs-3)}.fw-0{font-weight:var(--fw-0)}.fw-1{font-weight:var(--fw-1)}.fw-2{font-weight:var(--fw-2)}.lh-0{line-height:var(--lh-0)}.lh-1{line-height:var(--lh-1)}.lh-2{line-height:var(--lh-2)}.text-align-center{text-align:center}.text-align-end{text-align:end}.text-align-left{text-align:left}.text-align-right{text-align:right}.text-align-justify{text-align:justify}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/styles",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.6",
|
|
4
4
|
"description": "Styles for or-ui-next",
|
|
5
5
|
"main": "./dist/index.min.css",
|
|
6
6
|
"unpkg": "./dist/index.css",
|
|
@@ -32,5 +32,5 @@
|
|
|
32
32
|
"sass": "^1.35.1",
|
|
33
33
|
"stylelint": "^13.13.1"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "8d3fd55b46e98e284883aa2010b500469dae604b"
|
|
36
36
|
}
|
|
@@ -51,17 +51,33 @@ $design-tokens: (
|
|
|
51
51
|
black: #000
|
|
52
52
|
),
|
|
53
53
|
dark: (
|
|
54
|
-
primary: #
|
|
55
|
-
error: #
|
|
56
|
-
warning: #
|
|
57
|
-
success: #
|
|
58
|
-
neutral-0: #
|
|
59
|
-
neutral-1: #
|
|
60
|
-
neutral-2: #
|
|
61
|
-
neutral-3: #
|
|
62
|
-
neutral-4: #
|
|
63
|
-
neutral-5: #
|
|
64
|
-
neutral-6: #
|
|
54
|
+
primary: #c94277,
|
|
55
|
+
error: #2f0a28,
|
|
56
|
+
warning: #A27E6F,
|
|
57
|
+
success: #cadbc0,
|
|
58
|
+
neutral-0: #A27E6F,
|
|
59
|
+
neutral-1: #9F7366,
|
|
60
|
+
neutral-2: #94524A,
|
|
61
|
+
neutral-3: #7B4042,
|
|
62
|
+
neutral-4: #622E39,
|
|
63
|
+
neutral-5: #491C31,
|
|
64
|
+
neutral-6: #B6AD98,
|
|
65
|
+
c-body-bg: #fff,
|
|
66
|
+
white: #fff,
|
|
67
|
+
black: #000
|
|
68
|
+
),
|
|
69
|
+
custom: (
|
|
70
|
+
primary: rgb(236, 0, 140),
|
|
71
|
+
error: rgb(232, 17, 35),
|
|
72
|
+
warning: rgb(255, 241, 0),
|
|
73
|
+
success: rgb(186, 216, 10),
|
|
74
|
+
neutral-0: rgb(255, 140, 0),
|
|
75
|
+
neutral-1: rgb(236, 0, 140),
|
|
76
|
+
neutral-2: rgb(104, 33, 122),
|
|
77
|
+
neutral-3: rgb(0, 24, 143),
|
|
78
|
+
neutral-4: rgb(0, 188, 242),
|
|
79
|
+
neutral-5: rgb(0, 178, 148),
|
|
80
|
+
neutral-6: rgb(0, 158, 73),
|
|
65
81
|
c-body-bg: #fff,
|
|
66
82
|
white: #fff,
|
|
67
83
|
black: #000
|