@yourdash/uikit 1.0.34 → 1.0.35
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/assets/box.css +4 -0
- package/dist/assets/button.css +4 -0
- package/dist/assets/buttonCombo.css +4 -0
- package/dist/assets/buttonLink.css +4 -0
- package/dist/assets/buttonWithIcon.css +4 -0
- package/dist/assets/card.css +4 -0
- package/dist/assets/carousel.css +4 -0
- package/dist/assets/container.css +4 -0
- package/dist/assets/contextMenuRoot.css +4 -0
- package/dist/assets/dialog.css +4 -0
- package/dist/assets/flex.css +4 -0
- package/dist/assets/header.css +7 -0
- package/dist/assets/heading.css +4 -0
- package/dist/assets/icon.css +4 -0
- package/dist/assets/iconButton.css +4 -0
- package/dist/assets/image.css +4 -0
- package/dist/assets/infiniteScroll.css +7 -0
- package/dist/assets/level.css +4 -0
- package/dist/assets/link.css +4 -0
- package/dist/assets/navBar.css +4 -0
- package/dist/assets/navImage.css +4 -0
- package/dist/assets/onBoarding.css +4 -0
- package/dist/assets/separator.css +4 -0
- package/dist/assets/sidebar.css +4 -0
- package/dist/assets/sidebarContainer.css +4 -0
- package/dist/assets/spinner.css +4 -0
- package/dist/assets/subtext.css +4 -0
- package/dist/assets/tag.css +4 -0
- package/dist/assets/textButton.css +4 -0
- package/dist/assets/textInput.css +4 -0
- package/dist/assets/toasts.css +4 -0
- package/dist/clippy-B98VypDQ.js +20 -0
- package/dist/components/box/box.js +13 -0
- package/dist/components/button/button.js +18 -0
- package/dist/components/buttonCombo/buttonCombo.js +8 -0
- package/dist/components/buttonLink/buttonLink.js +21 -0
- package/dist/components/buttonWithIcon/buttonWithIcon.js +29 -0
- package/dist/components/card/card.js +42 -0
- package/dist/components/container/container.js +13 -0
- package/dist/components/contextMenu/contextMenu.js +27 -0
- package/dist/components/contextMenu/contextMenuRoot.js +60 -0
- package/dist/components/contextMenu/contextMenuRootContext.js +11 -0
- package/dist/components/flex/flex.js +26 -0
- package/dist/components/heading/heading.js +29 -0
- package/dist/components/icon/icon.js +28 -0
- package/dist/components/icon/iconDictionary.js +287 -0
- package/dist/components/iconButton/iconButton.js +24 -0
- package/dist/components/image/image.js +56 -0
- package/dist/components/index.js +48 -0
- package/dist/components/link/link.js +26 -0
- package/dist/components/progressBar/progressBar.js +20 -0
- package/dist/components/redirect/redirect.js +11 -0
- package/dist/components/separator/separator.js +11 -0
- package/dist/components/spinner/spinner.js +30 -0
- package/dist/components/subtext/subtext.js +9 -0
- package/dist/components/tag/tag.js +15 -0
- package/dist/components/text/text.js +8 -0
- package/dist/components/textButton/textButton.js +16 -0
- package/dist/components/textInput/textInput.js +43 -0
- package/dist/core/decrementLevel.js +6 -0
- package/dist/core/incrementLevel.js +6 -0
- package/dist/core/index.js +10 -0
- package/dist/core/level.js +7 -0
- package/dist/core/remToPx.js +6 -0
- package/dist/core/root.js +19 -0
- package/dist/core/toasts/toast.js +1 -0
- package/dist/core/toasts/toastAction.js +1 -0
- package/dist/core/toasts/toastContext.js +9 -0
- package/dist/core/toasts/toasts.js +93 -0
- package/dist/core/toasts/useToast.js +13 -0
- package/dist/index-BJy4nmTN.js +52 -0
- package/dist/index-BoiKlAEs.js +30 -0
- package/dist/index-C9QO6nHU.js +10 -0
- package/dist/index-D4kASGu5.js +240 -0
- package/dist/index-Dj6g5px3.js +14 -0
- package/dist/level-o2-EzyQS.js +28 -0
- package/dist/server-error-lFyIkIwC.js +4 -0
- package/dist/uikit.js +8 -3764
- package/dist/utilityComponent/hasBeenShown/hasBeenShown.js +23 -0
- package/dist/utilityComponent/index.js +6 -0
- package/dist/utilityComponent/onInView/onInView.js +54 -0
- package/dist/views/carousel/carousel.js +102 -0
- package/dist/views/dialog/dialog.js +18 -0
- package/dist/views/header/header.js +21 -0
- package/dist/views/index.js +26 -0
- package/dist/views/infiniteScroll/infiniteScroll.js +62 -0
- package/dist/views/navBar/components/navImage/navImage.js +15 -0
- package/dist/views/navBar/components/navTitle/navTitle.js +12 -0
- package/dist/views/navBar/navBar.js +36 -0
- package/dist/views/onBoarding/onBoarding.js +125 -0
- package/dist/views/panAndZoom/panAndZoom.js +74 -0
- package/dist/views/sidebar/sidebar.js +24 -0
- package/dist/views/sidebar/sidebarContainer.js +34 -0
- package/dist/views/sidebar/sidebarContext.js +13 -0
- package/dist/views/sidebar/sidebarToggleButton.js +21 -0
- package/package.json +39 -29
- package/dist/defaultTheme.module.scss +0 -361
- package/dist/style.css +0 -10
- package/dist/themeValues.scss +0 -49
package/package.json
CHANGED
@@ -1,29 +1,39 @@
|
|
1
|
-
{
|
2
|
-
"name": "@yourdash/uikit",
|
3
|
-
"version": "1.0.
|
4
|
-
"license": "MIT",
|
5
|
-
"type": "module",
|
6
|
-
"private": false,
|
7
|
-
"packageManager": "yarn@1.22.22",
|
8
|
-
"engines": {
|
9
|
-
"node": ">=21.0.0"
|
10
|
-
},
|
11
|
-
"files": [
|
12
|
-
"dist/"
|
13
|
-
],
|
14
|
-
"main": "./dist/
|
15
|
-
"
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
"
|
20
|
-
|
21
|
-
"@types/react
|
22
|
-
"@
|
23
|
-
"react": "^18.3.1",
|
24
|
-
"react-dom": "^18.3.1"
|
25
|
-
|
26
|
-
|
27
|
-
"
|
28
|
-
|
29
|
-
|
1
|
+
{
|
2
|
+
"name": "@yourdash/uikit",
|
3
|
+
"version": "1.0.35",
|
4
|
+
"license": "MIT",
|
5
|
+
"type": "module",
|
6
|
+
"private": false,
|
7
|
+
"packageManager": "yarn@1.22.22",
|
8
|
+
"engines": {
|
9
|
+
"node": ">=21.0.0"
|
10
|
+
},
|
11
|
+
"files": [
|
12
|
+
"dist/"
|
13
|
+
],
|
14
|
+
"main": "./dist/main.js",
|
15
|
+
"types": "./dist/main.d.ts",
|
16
|
+
"scripts": {
|
17
|
+
"build": "vite build"
|
18
|
+
},
|
19
|
+
"author": "Ewsgit <ewsgit@duck.com>",
|
20
|
+
"peerDependencies": {
|
21
|
+
"@types/react": "^18.3.5",
|
22
|
+
"@types/react-dom": "^18.3.0",
|
23
|
+
"react": "^18.3.1",
|
24
|
+
"react-dom": "^18.3.1"
|
25
|
+
},
|
26
|
+
"dependencies": {
|
27
|
+
"@vitejs/plugin-react": "^4.3.4",
|
28
|
+
"@yourdash/shared": "*",
|
29
|
+
"ajv": "8.17.1",
|
30
|
+
"glob": "^11.0.0",
|
31
|
+
"path": "^0.12.7",
|
32
|
+
"sass": "^1.78.0",
|
33
|
+
"typescript": "^5.6.2",
|
34
|
+
"vite": "^6.0.2",
|
35
|
+
"vite-plugin-dts": "^4.3.0",
|
36
|
+
"vite-plugin-dynamic-import": "^1.6.0",
|
37
|
+
"vite-plugin-lib-inject-css": "^2.1.1"
|
38
|
+
}
|
39
|
+
}
|
@@ -1,361 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Copyright ©2024 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
|
3
|
-
* YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
|
4
|
-
*/
|
5
|
-
|
6
|
-
@use "themeValues" as *;
|
7
|
-
|
8
|
-
.theme {
|
9
|
-
overflow-x: hidden;
|
10
|
-
overflow-y: auto;
|
11
|
-
height: 100%;
|
12
|
-
|
13
|
-
background: var(#{$theme+$background});
|
14
|
-
#{$theme}-author: "Ewsgit";
|
15
|
-
#{$theme}-name: "YourDash Classic Dark";
|
16
|
-
#{$theme}-version: "0.0.1";
|
17
|
-
|
18
|
-
::-webkit-scrollbar {
|
19
|
-
width: var(#{$theme+$scrollbar+$width});
|
20
|
-
border-radius: 0;
|
21
|
-
}
|
22
|
-
|
23
|
-
::-webkit-scrollbar-thumb {
|
24
|
-
border-radius: var(#{$theme+$scrollbar+$radius});
|
25
|
-
}
|
26
|
-
}
|
27
|
-
|
28
|
-
.level0 {
|
29
|
-
color: var(#{$theme+$color});
|
30
|
-
|
31
|
-
#{$theme+$color}: #ffffff;
|
32
|
-
#{$theme+$subcolor}: #bbbbbb;
|
33
|
-
#{$theme+$background}: #222222;
|
34
|
-
#{$theme+$accent}: #768ce7;
|
35
|
-
#{$theme+$border}: 1px solid #555555;
|
36
|
-
#{$theme+$radius}: 1rem;
|
37
|
-
#{$theme+$padding}: 1rem;
|
38
|
-
#{$theme+$gap}: 0.5rem;
|
39
|
-
#{$theme+$transition}: all 200ms ease-in-out;
|
40
|
-
#{$theme+$transition+$transition}: 200ms ease-in-out;
|
41
|
-
#{$theme+$separator+$size}: 1px;
|
42
|
-
#{$theme+$separator+$color}: #444444;
|
43
|
-
#{$theme+$scrollbar+$width}: 0.4rem;
|
44
|
-
#{$theme+$scrollbar+$radius}: 0.1rem;
|
45
|
-
|
46
|
-
// heading
|
47
|
-
#{$theme+$heading+$h1+$weight}: 900;
|
48
|
-
#{$theme+$heading+$h1+$size}: 3rem;
|
49
|
-
#{$theme+$heading+$h2+$weight}: 700;
|
50
|
-
#{$theme+$heading+$h2+$size}: 2rem;
|
51
|
-
#{$theme+$heading+$h3+$weight}: 600;
|
52
|
-
#{$theme+$heading+$h3+$size}: 1.5rem;
|
53
|
-
#{$theme+$heading+$h4+$weight}: 500;
|
54
|
-
#{$theme+$heading+$h4+$size}: 1.25rem;
|
55
|
-
#{$theme+$heading+$h5+$weight}: 500;
|
56
|
-
#{$theme+$heading+$h5+$size}: 1rem;
|
57
|
-
#{$theme+$heading+$h6+$weight}: 500;
|
58
|
-
#{$theme+$heading+$h6+$size}: 0.875rem;
|
59
|
-
|
60
|
-
// input
|
61
|
-
#{$theme+$input+$color}: #ffffff;
|
62
|
-
#{$theme+$input+$background}: #222222;
|
63
|
-
#{$theme+$input+$border}: 1px solid #444444;
|
64
|
-
#{$theme+$input+$radius}: 0.5rem;
|
65
|
-
#{$theme+$input+$height}: 2rem;
|
66
|
-
#{$theme+$input+$padding+$horizontal}: 0.5rem;
|
67
|
-
#{$theme+$input+$transition}: all 0.2s ease-in-out;
|
68
|
-
// focus
|
69
|
-
#{$theme}#{$input}#{$focus}#{$color}: #ffffff;
|
70
|
-
#{$theme}#{$input}#{$focus}#{$background}: #333333;
|
71
|
-
#{$theme}#{$input}#{$focus}#{$border}: 1px solid #666666;
|
72
|
-
|
73
|
-
// button
|
74
|
-
#{$theme}#{$button}#{$color}: #ffffff;
|
75
|
-
#{$theme}#{$button}#{$background}: #444444;
|
76
|
-
#{$theme}#{$button}#{$border}: 1px solid #666666;
|
77
|
-
#{$theme}#{$button}#{$font}#{$size}: 0.9rem;
|
78
|
-
#{$theme}#{$button}#{$font}#{$weight}: 400;
|
79
|
-
#{$theme}#{$button}#{$radius}: 0.5rem;
|
80
|
-
#{$theme}#{$button}#{$padding}#{$horizontal}: 0.5rem;
|
81
|
-
#{$theme}#{$button}#{$transition}: all 0.2s ease-in-out;
|
82
|
-
// hover
|
83
|
-
#{$theme}#{$button}#{$hover}#{$color}: #ffffff;
|
84
|
-
#{$theme}#{$button}#{$hover}#{$background}: #555555;
|
85
|
-
#{$theme}#{$button}#{$hover}#{$border}: 1px solid #666666;
|
86
|
-
#{$theme}#{$button}#{$hover}#{$radius}: 0.5rem;
|
87
|
-
#{$theme}#{$button}#{$hover}#{$transition}: all 50ms ease-in-out;
|
88
|
-
// active
|
89
|
-
#{$theme}#{$button}#{$active}#{$color}: #000000;
|
90
|
-
#{$theme}#{$button}#{$active}#{$background}: #666666;
|
91
|
-
#{$theme}#{$button}#{$active}#{$border}: 1px solid #777777;
|
92
|
-
#{$theme}#{$button}#{$active}#{$radius}: 0.5rem;
|
93
|
-
#{$theme}#{$button}#{$active}#{$transition}: all 50ms ease-in-out;
|
94
|
-
|
95
|
-
// text button
|
96
|
-
#{$theme+$textbutton+$font+$weight}: 700;
|
97
|
-
|
98
|
-
// font
|
99
|
-
#{$theme}#{$font}#{$family}: Inter;
|
100
|
-
#{$theme}#{$font}#{$size}: 0.9rem;
|
101
|
-
#{$theme}#{$font}#{$weight}: 400;
|
102
|
-
|
103
|
-
// header
|
104
|
-
#{$theme}#{$header}#{$color}: #ffffff;
|
105
|
-
#{$theme}#{$header}#{$font}#{$family}: Inter;
|
106
|
-
#{$theme}#{$header}#{$font}#{$size}: 1.2rem;
|
107
|
-
#{$theme}#{$header}#{$font}#{$weight}: 700;
|
108
|
-
#{$theme}#{$header}#{$padding}#{$vertical}: 1rem;
|
109
|
-
#{$theme}#{$header}#{$padding}#{$horizontal}: 0.5rem;
|
110
|
-
}
|
111
|
-
|
112
|
-
.level1 {
|
113
|
-
color: var(#{$theme+$color});
|
114
|
-
|
115
|
-
#{$theme}#{$color}: #ffffff;
|
116
|
-
#{$theme}#{$background}: #333333;
|
117
|
-
#{$theme}#{$border}: 1px solid #666666;
|
118
|
-
#{$theme}#{$accent}: #768ce7;
|
119
|
-
#{$theme}#{$radius}: 0.5rem;
|
120
|
-
#{$theme}#{$font}#{$family}: Inter;
|
121
|
-
#{$theme}#{$font}#{$radius}: 0.9rem;
|
122
|
-
#{$theme}#{$font}#{$weight}: 400;
|
123
|
-
#{$theme}#{$padding}: 0.75rem;
|
124
|
-
#{$theme}#{$gap}: 0.5rem;
|
125
|
-
#{$theme}#{$transition}: all 200ms ease-in-out;
|
126
|
-
#{$theme}#{$separator}#{$size}: 1px;
|
127
|
-
#{$theme}#{$separator}#{$color}: #555555;
|
128
|
-
|
129
|
-
// heading
|
130
|
-
#{$theme}#{$heading}#{$h1}#{$weight}: 800;
|
131
|
-
#{$theme}#{$heading}#{$h1}#{$size}: 3rem;
|
132
|
-
#{$theme}#{$heading}#{$h2}#{$weight}: 700;
|
133
|
-
#{$theme}#{$heading}#{$h2}#{$size}: 2.5rem;
|
134
|
-
#{$theme}#{$heading}#{$h3}#{$weight}: 600;
|
135
|
-
#{$theme}#{$heading}#{$h3}#{$size}: 2rem;
|
136
|
-
#{$theme}#{$heading}#{$h4}#{$weight}: 500;
|
137
|
-
#{$theme}#{$heading}#{$h4}#{$size}: 1.5rem;
|
138
|
-
#{$theme}#{$heading}#{$h5}#{$weight}: 500;
|
139
|
-
#{$theme}#{$heading}#{$h5}#{$size}: 1rem;
|
140
|
-
#{$theme}#{$heading}#{$h6}#{$weight}: 500;
|
141
|
-
#{$theme}#{$heading}#{$h6}#{$size}: 0.875rem;
|
142
|
-
|
143
|
-
// input
|
144
|
-
#{$theme}#{$input}#{$color}: #ffffff;
|
145
|
-
#{$theme}#{$input}#{$background}: #222222;
|
146
|
-
#{$theme}#{$input}#{$border}: 1px solid #444444;
|
147
|
-
#{$theme}#{$input}#{$radius}: 0.5rem;
|
148
|
-
#{$theme}#{$input}#{$height}: 2rem;
|
149
|
-
#{$theme}#{$input}#{$padding}#{$horizontal}: 0.5rem;
|
150
|
-
#{$theme}#{$input}#{$transition}: all 0.2s ease-in-out;
|
151
|
-
// focus
|
152
|
-
#{$theme}#{$input}#{$focus}#{$color}: #ffffff;
|
153
|
-
#{$theme}#{$input}#{$focus}#{$background}: #333333;
|
154
|
-
#{$theme}#{$input}#{$focus}#{$border}: 1px solid #666666;
|
155
|
-
|
156
|
-
// button
|
157
|
-
#{$theme}#{$button}#{$color}: #ffffff;
|
158
|
-
#{$theme}#{$button}#{$background}: #444444;
|
159
|
-
#{$theme}#{$button}#{$border}: 1px solid #444444;
|
160
|
-
#{$theme}#{$button}#{$font}#{$size}: 0.9rem;
|
161
|
-
#{$theme}#{$button}#{$font}#{$weight}: 400;
|
162
|
-
#{$theme}#{$button}#{$radius}: 0.5rem;
|
163
|
-
#{$theme}#{$button}#{$padding}#{$horizontal}: 0.5rem;
|
164
|
-
#{$theme}#{$button}#{$transition}: all 0.2s ease-in-out;
|
165
|
-
// hover
|
166
|
-
#{$theme}#{$button}#{$hover}#{$color}: #ffffff;
|
167
|
-
#{$theme}#{$button}#{$hover}#{$background}: #555555;
|
168
|
-
#{$theme}#{$button}#{$hover}#{$border}: 1px solid #666666;
|
169
|
-
#{$theme}#{$button}#{$hover}#{$radius}: 0.5rem;
|
170
|
-
#{$theme}#{$button}#{$hover}#{$transition}: all 50ms ease-in-out;
|
171
|
-
// active
|
172
|
-
#{$theme}#{$button}#{$active}#{$color}: #000000;
|
173
|
-
#{$theme}#{$button}#{$active}#{$background}: #666666;
|
174
|
-
#{$theme}#{$button}#{$active}#{$border}: 1px solid #666666;
|
175
|
-
#{$theme}#{$button}#{$active}#{$radius}: 0.5rem;
|
176
|
-
|
177
|
-
// header
|
178
|
-
#{$theme}#{$header}#{$color}: #ffffff;
|
179
|
-
#{$theme}#{$header}#{$font}#{$family}: Inter;
|
180
|
-
#{$theme}#{$header}#{$font}#{$size}: 1.2rem;
|
181
|
-
#{$theme}#{$header}#{$font}#{$weight}: 700;
|
182
|
-
#{$theme}#{$header}#{$padding}#{$vertical}: 0.5rem;
|
183
|
-
#{$theme}#{$header}#{$padding}#{$horizontal}: 0.25rem;
|
184
|
-
}
|
185
|
-
|
186
|
-
.level2 {
|
187
|
-
color: var(#{$theme+$color});
|
188
|
-
|
189
|
-
#{$theme}#{$color}: #ffffff;
|
190
|
-
#{$theme}#{$background}: #444444;
|
191
|
-
#{$theme}#{$border}: 1px solid #666666;
|
192
|
-
#{$theme}#{$accent}: #768ce7;
|
193
|
-
#{$theme}#{$radius}: 0.25rem;
|
194
|
-
#{$theme}#{$padding}: 0.5rem;
|
195
|
-
#{$theme}#{$gap}: 0.75rem;
|
196
|
-
#{$theme}#{$transition}: all 200ms ease-in-out;
|
197
|
-
#{$theme}#{$separator}#{$size}: 1px;
|
198
|
-
#{$theme}#{$separator}#{$color}: #555555;
|
199
|
-
|
200
|
-
// heading
|
201
|
-
#{$theme}#{$heading}#{$h1}#{$weight}: 900;
|
202
|
-
#{$theme}#{$heading}#{$h1}#{$size}: 3rem;
|
203
|
-
#{$theme}#{$heading}#{$h2}#{$weight}: 700;
|
204
|
-
#{$theme}#{$heading}#{$h2}#{$size}: 2rem;
|
205
|
-
#{$theme}#{$heading}#{$h3}#{$weight}: 600;
|
206
|
-
#{$theme}#{$heading}#{$h3}#{$size}: 1.5rem;
|
207
|
-
#{$theme}#{$heading}#{$h4}#{$weight}: 500;
|
208
|
-
#{$theme}#{$heading}#{$h4}#{$size}: 1.25rem;
|
209
|
-
#{$theme}#{$heading}#{$h5}#{$weight}: 500;
|
210
|
-
#{$theme}#{$heading}#{$h5}#{$size}: 1rem;
|
211
|
-
#{$theme}#{$heading}#{$h6}#{$weight}: 500;
|
212
|
-
#{$theme}#{$heading}#{$h6}#{$size}: 0.875rem;
|
213
|
-
|
214
|
-
// text button
|
215
|
-
#{$theme+$textbutton+$font+$weight}: 700;
|
216
|
-
|
217
|
-
// font
|
218
|
-
#{$theme}#{$font}#{$family}: Inter;
|
219
|
-
#{$theme}#{$font}#{$size}: 0.9rem;
|
220
|
-
#{$theme}#{$font}#{$weight}: 400;
|
221
|
-
|
222
|
-
// input
|
223
|
-
#{$theme}#{$input}#{$color}: #ffffff;
|
224
|
-
#{$theme}#{$input}#{$background}: #222222;
|
225
|
-
#{$theme}#{$input}#{$border}: 1px solid #444444;
|
226
|
-
#{$theme}#{$input}#{$radius}: 0.5rem;
|
227
|
-
#{$theme}#{$input}#{$height}: 2rem;
|
228
|
-
#{$theme}#{$input}#{$padding}#{$horizontal}: 0.5rem;
|
229
|
-
#{$theme}#{$input}#{$transition}: all 0.2s ease-in-out;
|
230
|
-
// focus
|
231
|
-
#{$theme}#{$input}#{$focus}#{$color}: #ffffff;
|
232
|
-
#{$theme}#{$input}#{$focus}#{$background}: #333333;
|
233
|
-
#{$theme}#{$input}#{$focus}#{$border}: 1px solid #666666;
|
234
|
-
|
235
|
-
// button
|
236
|
-
#{$theme}#{$button}#{$color}: #ffffff;
|
237
|
-
#{$theme}#{$button}#{$background}: #555555;
|
238
|
-
#{$theme}#{$button}#{$border}: 1px solid #666666;
|
239
|
-
#{$theme}#{$button}#{$font}#{$family}: Inter;
|
240
|
-
#{$theme}#{$button}#{$font}#{$size}: 0.9rem;
|
241
|
-
#{$theme}#{$button}#{$font}#{$weight}: 400;
|
242
|
-
#{$theme}#{$button}#{$radius}: 0.25rem;
|
243
|
-
#{$theme}#{$button}#{$padding}#{$horizontal}: 0.5rem;
|
244
|
-
#{$theme}#{$button}#{$transition}: all 0.2s ease-in-out;
|
245
|
-
// hover
|
246
|
-
#{$theme}#{$button}#{$hover}#{$color}: #ffffff;
|
247
|
-
#{$theme}#{$button}#{$hover}#{$background}: #666666;
|
248
|
-
#{$theme}#{$button}#{$hover}#{$border}: 1px solid #666666;
|
249
|
-
#{$theme}#{$button}#{$hover}#{$radius}: 0.25rem;
|
250
|
-
#{$theme}#{$button}#{$hover}#{$transition}: all 50ms ease-in-out;
|
251
|
-
// active
|
252
|
-
#{$theme}#{$button}#{$active}#{$color}: #000000;
|
253
|
-
#{$theme}#{$button}#{$active}#{$background}bg: #666666;
|
254
|
-
#{$theme}#{$button}#{$active}#{$border}: 1px solid #666666;
|
255
|
-
#{$theme}#{$button}#{$active}#{$radius}: 0.25rem;
|
256
|
-
|
257
|
-
// header
|
258
|
-
#{$theme}#{$header}#{$color}: #ffffff;
|
259
|
-
#{$theme}#{$header}#{$font}#{$family}: Inter;
|
260
|
-
#{$theme}#{$header}#{$font}#{$size}: 1.2rem;
|
261
|
-
#{$theme}#{$header}#{$font}#{$weight}: 700;
|
262
|
-
#{$theme}#{$header}#{$padding}#{$vertical}: 0.5rem;
|
263
|
-
#{$theme}#{$header}#{$padding}#{$horizontal}: 0.25rem;
|
264
|
-
}
|
265
|
-
|
266
|
-
.level3 {
|
267
|
-
color: var(#{$theme+$color});
|
268
|
-
|
269
|
-
#{$theme}#{$color}: #ffffff;
|
270
|
-
#{$theme}#{$background}: #555555;
|
271
|
-
#{$theme}#{$border}: 1px solid #666666;
|
272
|
-
#{$theme}#{$accent}: #768ce7;
|
273
|
-
#{$theme}#{$radius}: 1px;
|
274
|
-
#{$theme}#{$padding}: 0.5rem;
|
275
|
-
#{$theme}#{$gap}: 1rem;
|
276
|
-
#{$theme}#{$transition}: all 200ms ease-in-out;
|
277
|
-
#{$theme}#{$separator}#{$size}: 1px;
|
278
|
-
#{$theme}#{$separator}#{$color}: #555555;
|
279
|
-
|
280
|
-
// heading
|
281
|
-
#{$theme}#{$heading}#{$h1}#{$weight}: 900;
|
282
|
-
#{$theme}#{$heading}#{$h1}#{$size}: 3rem;
|
283
|
-
#{$theme}#{$heading}#{$h2}#{$weight}: 700;
|
284
|
-
#{$theme}#{$heading}#{$h2}#{$size}: 2rem;
|
285
|
-
#{$theme}#{$heading}#{$h3}#{$weight}: 600;
|
286
|
-
#{$theme}#{$heading}#{$h3}#{$size}: 1.5rem;
|
287
|
-
#{$theme}#{$heading}#{$h4}#{$weight}: 500;
|
288
|
-
#{$theme}#{$heading}#{$h4}#{$size}: 1.25rem;
|
289
|
-
#{$theme}#{$heading}#{$h5}#{$weight}: 500;
|
290
|
-
#{$theme}#{$heading}#{$h5}#{$size}: 1rem;
|
291
|
-
#{$theme}#{$heading}#{$h6}#{$weight}: 500;
|
292
|
-
#{$theme}#{$heading}#{$h6}#{$size}: 0.875rem;
|
293
|
-
|
294
|
-
// text button
|
295
|
-
#{$theme+$textbutton+$font+$weight}: 700;
|
296
|
-
|
297
|
-
// font
|
298
|
-
#{$theme}#{$family}: Inter;
|
299
|
-
#{$theme}#{$size}: 0.9rem;
|
300
|
-
#{$theme}#{$weight}: 400;
|
301
|
-
|
302
|
-
// input
|
303
|
-
#{$theme}#{$input}#{$color}: #ffffff;
|
304
|
-
#{$theme}#{$input}#{$background}: #222222;
|
305
|
-
#{$theme}#{$input}#{$border}: 1px solid #444444;
|
306
|
-
#{$theme}#{$input}#{$radius}: 0.5rem;
|
307
|
-
#{$theme}#{$input}#{$height}: 2rem;
|
308
|
-
#{$theme}#{$input}#{$padding}#{$horizontal}: 0.5rem;
|
309
|
-
#{$theme}#{$input}#{$transition}: all 0.2s ease-in-out;
|
310
|
-
// focus
|
311
|
-
#{$theme}#{$input}#{$focus}#{$color}: #ffffff;
|
312
|
-
#{$theme}#{$input}#{$focus}#{$background}: #333333;
|
313
|
-
#{$theme}#{$input}#{$focus}#{$border}: 1px solid #666666;
|
314
|
-
|
315
|
-
// button
|
316
|
-
#{$theme}#{$button}#{$color}: #ffffff;
|
317
|
-
#{$theme}#{$button}#{$background}: #666666;
|
318
|
-
#{$theme}#{$button}#{$border}: 1px solid #666666;
|
319
|
-
#{$theme}#{$button}#{$font}#{$family}: Inter;
|
320
|
-
#{$theme}#{$button}#{$font}#{$size}: 0.9rem;
|
321
|
-
#{$theme}#{$button}#{$font}#{$weight}: 400;
|
322
|
-
#{$theme}#{$button}#{$radius}: 0.25rem;
|
323
|
-
#{$theme}#{$button}#{$padding}#{$horizontal}: 0.5rem;
|
324
|
-
// hover
|
325
|
-
#{$theme}#{$button}#{$hover}#{$color}: #ffffff;
|
326
|
-
#{$theme}#{$button}#{$hover}#{$background}: #777777;
|
327
|
-
#{$theme}#{$button}#{$hover}#{$border}: 1px solid #777777;
|
328
|
-
#{$theme}#{$button}#{$hover}#{$radius}: 0.25rem;
|
329
|
-
#{$theme}#{$button}#{$hover}#{$transition}: all 50ms ease-in-out;
|
330
|
-
// active
|
331
|
-
#{$theme}#{$button}#{$active}#{$color}: #000000;
|
332
|
-
#{$theme}#{$button}#{$active}#{$background}: #777777;
|
333
|
-
#{$theme}#{$button}#{$active}#{$border}: 1px solid #777777;
|
334
|
-
#{$theme}#{$button}#{$active}#{$radius}: 0.25rem;
|
335
|
-
|
336
|
-
// header
|
337
|
-
#{$theme}#{$header}#{$color}: #ffffff;
|
338
|
-
#{$theme}#{$header}#{$font}#{$family}: Inter;
|
339
|
-
#{$theme}#{$header}#{$font}#{$size}: 1.2rem;
|
340
|
-
#{$theme}#{$header}#{$font}#{$weight}: 700;
|
341
|
-
#{$theme}#{$header}#{$padding}#{$vertical}: 0.5rem;
|
342
|
-
#{$theme}#{$header}#{$padding}#{$horizontal}: 0.25rem;
|
343
|
-
}
|
344
|
-
|
345
|
-
.mobile {
|
346
|
-
.level0 {
|
347
|
-
#{$theme+$input+$height}: 2.5rem;
|
348
|
-
}
|
349
|
-
|
350
|
-
.level1 {
|
351
|
-
#{$theme+$input+$height}: 2.5rem;
|
352
|
-
}
|
353
|
-
|
354
|
-
.level2 {
|
355
|
-
#{$theme+$input+$height}: 2.5rem;
|
356
|
-
}
|
357
|
-
|
358
|
-
.level3 {
|
359
|
-
#{$theme+$input+$height}: 2.5rem;
|
360
|
-
}
|
361
|
-
}
|
package/dist/style.css
DELETED
@@ -1,10 +0,0 @@
|
|
1
|
-
@charset "UTF-8";._theme_1rrjw_10{overflow-x:hidden;overflow-y:auto;height:100%;background:var(--utbgn);--ut-author: "Ewsgit";--ut-name: "YourDash Classic Dark";--ut-version: "0.0.1"}._theme_1rrjw_10 ::-webkit-scrollbar{width:var(--utscrlbrwid);border-radius:0}._theme_1rrjw_10 ::-webkit-scrollbar-thumb{border-radius:var(--utscrlbrrad)}._level0_1rrjw_27{color:var(--utcol);--utcol: #ffffff;--utscl: #bbbbbb;--utbgn: #222222;--utacn: #768ce7;--utbrd: 1px solid #555555;--utrad: 1rem;--utpdn: 1rem;--utgap: .5rem;--uttrans: all .2s ease-in-out;--uttranstrans: .2s ease-in-out;--utsepsize: 1px;--utsepcol: #444444;--utscrlbrwid: .4rem;--utscrlbrrad: .1rem;--uthedhe1wgt: 900;--uthedhe1size: 3rem;--uthedhe2wgt: 700;--uthedhe2size: 2rem;--uthedhe3wgt: 600;--uthedhe3size: 1.5rem;--uthedhe4wgt: 500;--uthedhe4size: 1.25rem;--uthedhe5wgt: 500;--uthedhe5size: 1rem;--uthedhe6wgt: 500;--uthedhe6size: .875rem;--utinpcol: #ffffff;--utinpbgn: #222222;--utinpbrd: 1px solid #444444;--utinprad: .5rem;--utinphei: 2rem;--utinppdnhoriz: .5rem;--utinptrans: all .2s ease-in-out;--utinpfoccol: #ffffff;--utinpfocbgn: #333333;--utinpfocbrd: 1px solid #666666;--utbtncol: #ffffff;--utbtnbgn: #444444;--utbtnbrd: 1px solid #666666;--utbtnfontsize: .9rem;--utbtnfontwgt: 400;--utbtnrad: .5rem;--utbtnpdnhoriz: .5rem;--utbtntrans: all .2s ease-in-out;--utbtnhvrcol: #ffffff;--utbtnhvrbgn: #555555;--utbtnhvrbrd: 1px solid #666666;--utbtnhvrrad: .5rem;--utbtnhvrtrans: all 50ms ease-in-out;--utbtnatvcol: #000000;--utbtnatvbgn: #666666;--utbtnatvbrd: 1px solid #777777;--utbtnatvrad: .5rem;--utbtnatvtrans: all 50ms ease-in-out;--uttxbfontwgt: 700;--utfontfam: Inter;--utfontsize: .9rem;--utfontwgt: 400;--uthedcol: #ffffff;--uthedfontfam: Inter;--uthedfontsize: 1.2rem;--uthedfontwgt: 700;--uthedpdnvert: 1rem;--uthedpdnhoriz: .5rem}._level1_1rrjw_95{color:var(--utcol);--utcol: #ffffff;--utbgn: #333333;--utbrd: 1px solid #666666;--utacn: #768ce7;--utrad: .5rem;--utfontfam: Inter;--utfontrad: .9rem;--utfontwgt: 400;--utpdn: .75rem;--utgap: .5rem;--uttrans: all .2s ease-in-out;--utsepsize: 1px;--utsepcol: #555555;--uthedhe1wgt: 800;--uthedhe1size: 3rem;--uthedhe2wgt: 700;--uthedhe2size: 2.5rem;--uthedhe3wgt: 600;--uthedhe3size: 2rem;--uthedhe4wgt: 500;--uthedhe4size: 1.5rem;--uthedhe5wgt: 500;--uthedhe5size: 1rem;--uthedhe6wgt: 500;--uthedhe6size: .875rem;--utinpcol: #ffffff;--utinpbgn: #222222;--utinpbrd: 1px solid #444444;--utinprad: .5rem;--utinphei: 2rem;--utinppdnhoriz: .5rem;--utinptrans: all .2s ease-in-out;--utinpfoccol: #ffffff;--utinpfocbgn: #333333;--utinpfocbrd: 1px solid #666666;--utbtncol: #ffffff;--utbtnbgn: #444444;--utbtnbrd: 1px solid #444444;--utbtnfontsize: .9rem;--utbtnfontwgt: 400;--utbtnrad: .5rem;--utbtnpdnhoriz: .5rem;--utbtntrans: all .2s ease-in-out;--utbtnhvrcol: #ffffff;--utbtnhvrbgn: #555555;--utbtnhvrbrd: 1px solid #666666;--utbtnhvrrad: .5rem;--utbtnhvrtrans: all 50ms ease-in-out;--utbtnatvcol: #000000;--utbtnatvbgn: #666666;--utbtnatvbrd: 1px solid #666666;--utbtnatvrad: .5rem;--uthedcol: #ffffff;--uthedfontfam: Inter;--uthedfontsize: 1.2rem;--uthedfontwgt: 700;--uthedpdnvert: .5rem;--uthedpdnhoriz: .25rem}._level2_1rrjw_157{color:var(--utcol);--utcol: #ffffff;--utbgn: #444444;--utbrd: 1px solid #666666;--utacn: #768ce7;--utrad: .25rem;--utpdn: .5rem;--utgap: .75rem;--uttrans: all .2s ease-in-out;--utsepsize: 1px;--utsepcol: #555555;--uthedhe1wgt: 900;--uthedhe1size: 3rem;--uthedhe2wgt: 700;--uthedhe2size: 2rem;--uthedhe3wgt: 600;--uthedhe3size: 1.5rem;--uthedhe4wgt: 500;--uthedhe4size: 1.25rem;--uthedhe5wgt: 500;--uthedhe5size: 1rem;--uthedhe6wgt: 500;--uthedhe6size: .875rem;--uttxbfontwgt: 700;--utfontfam: Inter;--utfontsize: .9rem;--utfontwgt: 400;--utinpcol: #ffffff;--utinpbgn: #222222;--utinpbrd: 1px solid #444444;--utinprad: .5rem;--utinphei: 2rem;--utinppdnhoriz: .5rem;--utinptrans: all .2s ease-in-out;--utinpfoccol: #ffffff;--utinpfocbgn: #333333;--utinpfocbrd: 1px solid #666666;--utbtncol: #ffffff;--utbtnbgn: #555555;--utbtnbrd: 1px solid #666666;--utbtnfontfam: Inter;--utbtnfontsize: .9rem;--utbtnfontwgt: 400;--utbtnrad: .25rem;--utbtnpdnhoriz: .5rem;--utbtntrans: all .2s ease-in-out;--utbtnhvrcol: #ffffff;--utbtnhvrbgn: #666666;--utbtnhvrbrd: 1px solid #666666;--utbtnhvrrad: .25rem;--utbtnhvrtrans: all 50ms ease-in-out;--utbtnatvcol: #000000;--utbtnatvbgnbg: #666666;--utbtnatvbrd: 1px solid #666666;--utbtnatvrad: .25rem;--uthedcol: #ffffff;--uthedfontfam: Inter;--uthedfontsize: 1.2rem;--uthedfontwgt: 700;--uthedpdnvert: .5rem;--uthedpdnhoriz: .25rem}._level3_1rrjw_221{color:var(--utcol);--utcol: #ffffff;--utbgn: #555555;--utbrd: 1px solid #666666;--utacn: #768ce7;--utrad: 1px;--utpdn: .5rem;--utgap: 1rem;--uttrans: all .2s ease-in-out;--utsepsize: 1px;--utsepcol: #555555;--uthedhe1wgt: 900;--uthedhe1size: 3rem;--uthedhe2wgt: 700;--uthedhe2size: 2rem;--uthedhe3wgt: 600;--uthedhe3size: 1.5rem;--uthedhe4wgt: 500;--uthedhe4size: 1.25rem;--uthedhe5wgt: 500;--uthedhe5size: 1rem;--uthedhe6wgt: 500;--uthedhe6size: .875rem;--uttxbfontwgt: 700;--utfam: Inter;--utsize: .9rem;--utwgt: 400;--utinpcol: #ffffff;--utinpbgn: #222222;--utinpbrd: 1px solid #444444;--utinprad: .5rem;--utinphei: 2rem;--utinppdnhoriz: .5rem;--utinptrans: all .2s ease-in-out;--utinpfoccol: #ffffff;--utinpfocbgn: #333333;--utinpfocbrd: 1px solid #666666;--utbtncol: #ffffff;--utbtnbgn: #666666;--utbtnbrd: 1px solid #666666;--utbtnfontfam: Inter;--utbtnfontsize: .9rem;--utbtnfontwgt: 400;--utbtnrad: .25rem;--utbtnpdnhoriz: .5rem;--utbtnhvrcol: #ffffff;--utbtnhvrbgn: #777777;--utbtnhvrbrd: 1px solid #777777;--utbtnhvrrad: .25rem;--utbtnhvrtrans: all 50ms ease-in-out;--utbtnatvcol: #000000;--utbtnatvbgn: #777777;--utbtnatvbrd: 1px solid #777777;--utbtnatvrad: .25rem;--uthedcol: #ffffff;--uthedfontfam: Inter;--uthedfontsize: 1.2rem;--uthedfontwgt: 700;--uthedpdnvert: .5rem;--uthedpdnhoriz: .25rem}._mobile_1rrjw_284 ._level0_1rrjw_27,._mobile_1rrjw_284 ._level1_1rrjw_95,._mobile_1rrjw_284 ._level2_1rrjw_157,._mobile_1rrjw_284 ._level3_1rrjw_221{--utinphei: 2.5rem}._component_yvjet_10{box-sizing:border-box;display:flex;flex-direction:column;font-weight:var(--utfontwgt);font-size:var(--utfontsize);font-family:var(--utfontfam);background:var(--utbgn);border:var(--utbrd);padding:var(--utpdn);border-radius:0;gap:var(--utgap)}._component_1jj21_10{font-family:var(--utfontfam);padding:0 var(--utbtnpdnhoriz);color:var(--utbtncol);border:var(--utbtnbrd);border-radius:var(--utbtnrad);background:var(--utbtnbgn);transition:var(--utbtntrans);height:var(--utinphei);width:max-content;cursor:pointer;padding-left:var(--utpdn);padding-right:var(--utpdn)}._component_1jj21_10:hover{color:var(--utbtnhvrcol);border:var(--utbtnhvrbrd);border-radius:var(--utbtnhvrrad);background:var(--utbtnhvrbgn);transition:var(--utbtnhvrtrans)}._component_1jj21_10:active{color:var(--utbtnatvcol);border:var(--utbtnatvbrd);border-radius:var(--utbtnatvrad);background:var(--utbtnatvbgn);transition:var(--utbtnatvtrans)}._component_1jj21_10:disabled{opacity:.8;color:var(--utbtncol);border:var(--utbtnbrd);border-radius:var(--utbtnrad);background:var(--utbtnbgn);cursor:not-allowed}._component_17nsv_6{display:flex;flex-direction:row}._component_17nsv_6>*:not(:first-child):not(:last-child){border-radius:0!important}._component_17nsv_6>*:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._component_17nsv_6>*:last-child{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._component_1d200_10{font-family:var(--utfontfam);text-align:center;padding:0 var(--utbtnpdnhoriz);color:var(--utbtncol);border:var(--utbtnbrd);border-radius:var(--utbtnrad);background:var(--utbtnbgn);transition:var(--utbtntrans);height:var(--utinphei);width:max-content;cursor:pointer}._component_1d200_10:hover{color:var(--utbtnhvrcol);border:var(--utbtnhvrbrd);border-radius:var(--utbtnhvrrad);background:var(--utbtnhvrbgn);transition:var(--utbtnhvrtrans)}._component_1d200_10:active{color:var(--utbtnatvcol);border:var(--utbtnatvbrd);border-radius:var(--utbtnatvrad);background:var(--utbtnatvbgn);transition:var(--utbtnatvtrans)}._component_1d200_10:disabled{opacity:.8;color:var(--utbtncol);border:var(--utbtnbrd);border-radius:var(--utbtnrad);background:var(--utbtnbgn);cursor:not-allowed}._link_1d200_46{display:inline}._component_1asux_6{aspect-ratio:1/1;width:var(--size);background-color:var(--color, currentColor);-webkit-mask-image:var(--icon);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;mask-image:var(--icon);mask-position:center;mask-repeat:no-repeat;mask-size:cover}._preserveColor_1asux_20{background-image:var(--icon);background-position:center;background-repeat:no-repeat;background-size:cover}._component_p4tfu_10{display:flex;align-items:center;justify-content:center;font-family:var(--utfontfam);text-align:center;padding:0 var(--utbtnpdnhoriz) 0 0;color:var(--utbtncol);border:var(--utbtnbrd);border-radius:var(--utbtnrad);background:var(--utbtnbgn);transition:var(--utbtntrans);height:var(--utinphei);width:max-content;cursor:pointer}._component_p4tfu_10:hover{color:var(--utbtnhvrcol);border:var(--utbtnhvrbrd);border-radius:var(--utbtnhvrrad);background:var(--utbtnhvrbgn);transition:var(--utbtnhvrtrans)}._component_p4tfu_10:active{color:var(--utbtnatvcol);border:var(--utbtnatvbrd);border-radius:var(--utbtnatvrad);background:var(--utbtnatvbgn);transition:var(--utbtnatvtrans)}._component_p4tfu_10:disabled{opacity:.8;color:var(--utbtncol);border:var(--utbtnbrd);border-radius:var(--utbtnrad);background:var(--utbtnbgn);cursor:not-allowed}._icon_p4tfu_49{margin-left:calc(var(--utbtnpdnhoriz) / 2);margin-right:var(--utbtnpdnhoriz)}._component_18x96_10{box-sizing:border-box;display:flex;flex-direction:column;font-weight:var(--utfontwgt);font-size:var(--utfontsize);font-family:var(--utfontfam);background:var(--utbgn);color:var(--utcol);border:var(--utbrd);padding:0;border-radius:var(--utrad);overflow:hidden}._clickable_18x96_25{display:flex;width:100%;cursor:pointer;color:var(--utbtncol);background:var(--utbtnbgn);border:var(--utbtnbrd);font-size:var(--utbtnfontsize);font-weight:var(--utbtnfontwgt);border-radius:var(--utbtnrad);transition:var(--utbtntrans)}._clickable_18x96_25:hover{color:var(--utbtnhvrcol);background:var(--utbtnhvrbgn);border:var(--utbtnhvrbrd);border-radius:var(--utbtnhvrrad);transition:var(--utbtnhvrtrans)}._clickable_18x96_25:active{color:var(--utbtnatvcol);background:var(--utbtnatvbgn);border:var(--utbtnatvbrd);border-radius:var(--utbtnatvrad);transition:var(--utbtnatvtrans)}._header_18x96_52{border-left:none;border-right:none;border-top:none;width:100%}._actions_18x96_59{border:none;display:flex;align-items:flex-end;width:100%;background:transparent}._content_18x96_67{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--utgap);padding:var(--utpdn);height:100%}._component_td4gi_10{box-sizing:border-box;display:flex;flex-direction:column;font-weight:var(--utfontwgt);font-size:var(--utfontsize);font-family:var(--utfontfam);background:var(--utbgn);padding:var(--utpdn);border-radius:0;gap:var(--utgap)}._component_13j68_10{display:flex;gap:var(--utgap)}._row_13j68_15{flex-direction:row}._column_13j68_19{flex-direction:column}._centerHorizontally_13j68_23{align-items:center}._centerVertically_13j68_27{justify-content:center}._padding_13j68_31{padding:var(--utpdn)}._component_13od9_10{display:inline-block;text-align:center;margin:0;line-height:1}._h1component_13od9_17{font-size:var(--uthedhe1size);font-weight:var(--uthedhe1wgt)}._h2component_13od9_22{font-size:var(--uthedhe2size);font-weight:var(--uthedhe2wgt)}._h3component_13od9_27{font-size:var(--uthedhe3size);font-weight:var(--uthedhe3wgt)}._h4component_13od9_32{font-size:var(--uthedhe4size);font-weight:var(--uthedhe4wgt)}._h5component_13od9_37{font-size:var(--uthedhe5size);font-weight:var(--uthedhe5wgt)}._h6component_13od9_42{font-size:var(--uthedhe6size);font-weight:var(--uthedhe6wgt)}._component_jdj54_10{font-family:var(--utfontfam);text-align:center;aspect-ratio:1/1;color:var(--utbtncol);border:var(--utbtnbrd);border-radius:var(--utbtnrad);background:var(--utbtnbgn);transition:var(--utbtntrans);height:var(--utinphei);width:max-content;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}._component_jdj54_10:hover{color:var(--utbtnhvrcol);border:var(--utbtnhvrbrd);border-radius:var(--utbtnhvrrad);background:var(--utbtnhvrbgn);transition:var(--utbtnhvrtrans)}._component_jdj54_10:active{color:var(--utbtnatvcol);border:var(--utbtnatvbrd);border-radius:var(--utbtnatvrad);background:var(--utbtnatvbgn);transition:var(--utbtnatvtrans)}._componentContainer_112vn_10{position:relative}._component_112vn_10{border-radius:var(--utrad);opacity:0;max-width:100%;max-height:100%;min-width:2rem;min-height:2rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}._component_112vn_10._noRounding_112vn_27{border-radius:0}._loaded_112vn_31{transition:opacity .75s linear;opacity:1}@keyframes _loading_112vn_44{0%{background-position:calc(var(--background-size) * -1) calc(var(--background-size) * -1)}to{background-position:var(--background-size) var(--background-size)}}._loading_112vn_44{background:linear-gradient(to bottom right,transparent 12.5%,#bbbbbb,#ffffff 25%,transparent 12.5%,transparent 12.5%,#bbbbbb,#ffffff 25%,transparent 12.5%);background-repeat:no-repeat;background-size:calc(var(--background-size) * 4) calc(var(--background-size) * 4);animation:_loading_112vn_44 1.25s infinite forwards cubic-bezier(.25,.5,.5,.25);box-shadow:inset 0 0 .5rem #0003}._serverError_112vn_52{--size: 4rem}@keyframes _fail_112vn_1{0%{background-size:var(--background-size) var(--background-size)}50%{background-size:calc(var(--background-size) * 4) calc(var(--background-size) * 4)}to{background-size:var(--background-size) var(--background-size)}}._serverError_112vn_52{background:radial-gradient(transparent,red);background-repeat:no-repeat;background-size:var(--background-size) var(--background-size);background-position:center center;animation:_fail_112vn_1 1s infinite forwards cubic-bezier(.4,0,.2,1);box-shadow:0 0 1rem #fff;border-radius:0}._component_r9qeb_10{display:inline-block;cursor:pointer;text-decoration:underline;font-weight:var(--utfontwgt);font-size:var(--utfontsize);font-family:var(--utfontfam);color:var(--utacn);transition:var(--utbtntrans)}._component_r9qeb_10:hover{text-decoration:none;color:var(--utacn);opacity:.8;transition:var(--utbtnhvrtrans)}._component_r9qeb_10:active{text-decoration:none;color:var(--utacn);opacity:1;transition:var(--utbtnatvtrans)}._component_1i64h_10{display:flex;border:var(--utbrd);border-radius:var(--utrad)}._row_1i64h_16{width:0;height:calc(100% - (var(--utgap)) * 2);margin:var(--utgap);border-left:none}._row_1i64h_16._disableMargin_1i64h_22{height:100%;margin-top:0;margin-bottom:0}._column_1i64h_28{width:calc(100% - (var(--utgap)) * 2);height:0;margin:var(--utgap);border-bottom:none}._column_1i64h_28._disableMargin_1i64h_22{width:100%;margin-left:0;margin-right:0}._component_12m3x_6{padding:var(--utpdn);border:var(--utbrd);border-radius:var(--utrad);background-color:var(--utbgn);-webkit-user-select:none;user-select:none;position:relative;width:8rem;aspect-ratio:1/1}._container_12m3x_17{position:relative;width:100%;height:100%;aspect-ratio:1/1;rotate:135deg;animation:1.1s infinite ease-in-out _infiniteSpin_12m3x_1}._spinnerBack_12m3x_26{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:3rem;aspect-ratio:1/1;border-radius:100rem;background:#0007}._spinnerBorder_12m3x_37{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:3.5rem;aspect-ratio:1/1;border-radius:100rem;background:var(--utacn)}._spinnerCutoutContainer_12m3x_48{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:3.5rem;aspect-ratio:1/1;border-radius:100rem}._spinnerCutout_12m3x_48{position:absolute;height:1.75rem;aspect-ratio:1/1;background:var(--utbgn)}._spinnerCutoutOne_12m3x_65{top:0;left:0}._spinnerCutoutTwo_12m3x_70{bottom:0;right:0}@keyframes _infiniteSpin_12m3x_1{0%{transform:rotate(0)}50%{transform:rotate(200deg)}70%{transform:rotate(175deg)}80%{transform:rotate(180deg)}to{transform:rotate(180deg)}}._component_1ehrl_10{color:var(--utscl);display:inline-block}._levelDefault_1ehrl_15{font-weight:var(--utfontwgt);font-size:var(--utfontsize);font-family:var(--utfontfam)}._component_n6r4z_10{display:inline-block;font-weight:var(--utfontwgt);font-size:var(--utfontsize);font-family:var(--utfontfam)}._component_vlbze_10{font-family:var(--utfontfam);text-align:center;color:var(--utbtncol);transition:var(--utbtntrans);width:max-content;cursor:pointer;border:none;background:transparent;font-weight:var(--uttxbfontwgt)}._component_vlbze_10:hover{color:var(--utacn);opacity:.8;transition:var(--utbtnhvrtrans)}._component_vlbze_10:active{color:var(--utacn);opacity:1;transition:var(--utbtnatvtrans)}._component_1siil_10{display:flex;position:relative;box-sizing:border-box;color:var(--utinpcol);background:var(--utinpbgn);border:var(--utinpbrd);border-radius:var(--utinprad);transition:var(--utinptrans);padding:0;height:var(--utinphei)}._component_1siil_10:focus,._component_1siil_10:focus-within{color:var(--utinpfoccol);background:var(--utinpfocbgn);border:var(--utinpfocbrd)}._icon_1siil_28{height:calc(var(--utinphei) - .75rem);position:absolute;top:50%;transform:translateY(-50%);margin-left:calc(var(--utinppdnhoriz))}._input_1siil_36{background:transparent;color:var(--utinpcol);padding-left:calc(var(--utinppdnhoriz) + var(--utinphei) - .5rem);width:100%;margin:0;border:none}._input_1siil_36._noIcon_1siil_44{padding-left:var(--utinppdnhoriz)}._input_1siil_36:focus,._input_1siil_36:focus-within{outline:none}._containerComponent_sue6z_6{display:flex;flex-direction:row;max-width:100%;height:24rem;position:relative;padding:0;overflow:hidden}._component_sue6z_16{display:flex;align-items:center;max-width:100%;height:24rem;gap:.5rem;padding:var(--utpdn);flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scroll-snap-stop:always;scrollbar-width:none;padding-bottom:2.5rem}._component_sue6z_16::-webkit-scrollbar{display:none}._page_sue6z_34{display:flex;width:80%;height:100%;flex-shrink:0;scroll-snap-align:center}._page_sue6z_34:first-of-type{margin-left:calc(20% + var(--utgap))}._page_sue6z_34:last-of-type{margin-right:calc(20% + var(--utgap))}._controls_sue6z_48{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;flex-direction:row;gap:var(--utgap)}._indicator_sue6z_58{display:flex;flex-direction:row;gap:var(--utgap);padding:calc(var(--utpdn) / 2);border-radius:var(--utrad)}._indicator_sue6z_58 ._pageIndicator_sue6z_65{background-color:var(--utcol);padding:.5rem;border-radius:var(--utrad);transition:var(--uttrans);position:relative}._indicator_sue6z_58 ._pageIndicator_sue6z_65._selected_sue6z_72{padding-right:1.5rem;padding-left:1.5rem}@keyframes _fadeIn_t6st2_1{0%{opacity:0;margin-top:1rem}to{opacity:1;margin-top:0}}@keyframes _backgroundFadeIn_t6st2_1{0%{background:#0000;-webkit-backdrop-filter:blur(0rem);backdrop-filter:blur(0rem)}to{background:#0005;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}}._background_t6st2_26{width:100%;height:100%;animation:forwards _backgroundFadeIn_t6st2_1 .25s ease-out;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:100}._view_t6st2_39{display:flex;animation:forwards _fadeIn_t6st2_1 .5s ease-out}/*!
|
2
|
-
* Copyright ©2024 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
|
3
|
-
* YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
|
4
|
-
*/._view_1q1ur_10{width:100%;display:flex;align-items:center;justify-content:center;padding:var(--utpdn);padding-top:calc(var(--utpdn) * 4);padding-bottom:calc(var(--utpdn) * 4)}._component_tlgec_10{display:flex;flex-direction:column;width:100%;height:100%;gap:1rem;align-items:center}._items_tlgec_19{height:100%}._endOfItems_tlgec_23{text-align:center;padding:var(--utpdn);gap:var(--utgap);width:calc(100% - var(--utpdn) * 2)}._component_178hu_6{--nav-height: calc(2rem + var(--utpdn));width:100%;height:calc(var(--nav-height) + var(--utpdn) * 2);border-top:0;border-left:0;border-right:0;padding:var(--utpdn);display:grid;grid-template-columns:auto 1fr auto;justify-content:center;align-items:center}._segment_178hu_20{display:flex;align-items:center;justify-content:center}._component_q2khg_6{height:calc(var(--nav-height) - var(--utpdn));aspect-ratio:1/1;border-radius:0}._page_107gf_6{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;position:relative;animation:_fadeIn_107gf_1 1s 0s cubic-bezier(.215,.61,.355,1)}._page_107gf_6:before{content:"";background-image:url(/assets/productLogos/yourdash.svg);background-size:20rem;background-repeat:repeat;width:1000rem;height:1000rem;position:absolute;filter:blur(.25rem) grayscale(1);opacity:.1;transform:rotate(-45deg);z-index:-1}@keyframes _fadeIn_107gf_1{0%{transform:translateY(2.5rem);opacity:0}to{transform:translateY(0);opacity:1}}._card_107gf_40{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:calc(var(--utgap) * 2);padding:2rem;position:relative;transition:var(--transition)}._cardContainer_107gf_51{box-shadow:#0008 0 0 4rem}._goBackButton_107gf_55{position:absolute;top:var(--utpdn);left:var(--utpdn)}._headerImage_107gf_61{height:16rem}._header_107gf_61{line-height:1;text-align:center}._body_107gf_70{text-align:center}._component_kdw27_10{height:100%;background:var(--utbgn);pointer-events:none;opacity:0;border:var(--utbrd);border-top:0;border-bottom:0;border-left:0;flex-direction:column;max-height:100%;max-width:0;transition:transform var(--uttranstrans),max-height var(--uttranstrans);transform:translate(-100%);visibility:hidden;padding:0}@media (max-width: 768px){._component_kdw27_10{max-width:100%;max-height:0;height:max-content;border-right:0;border-bottom:unset}}._component_kdw27_10>*[type=button]{min-width:100%}._open_kdw27_40{pointer-events:all;opacity:1;transform:translate(0);visibility:visible;max-width:32rem;padding:var(--utpdn)}@media (max-width: 768px){._open_kdw27_40{height:max-content}}._component_3jgyq_10{display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden}._component_3jgyq_10[dir=rtl]{flex-direction:row-reverse}@media (max-width: 768px){._component_3jgyq_10{flex-direction:column}}/*!
|
5
|
-
* Copyright ©2024 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
|
6
|
-
* YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
|
7
|
-
*/._component_g2wjx_10{position:fixed;z-index:10000000;overflow:hidden;flex-direction:column;width:200px;box-shadow:0 0 .5rem #0008;box-sizing:border-box;display:flex;font-weight:var(--utfontwgt);font-size:var(--utfontsize);font-family:var(--utfontfam);background:var(--utbgn);color:var(--utcol);border:var(--utbrd);border-radius:var(--utrad);gap:calc(var(--utgap) / 2);padding:.5rem}._component_g2wjx_10 ._button_g2wjx_29{min-width:100%;text-align:start}/*!
|
8
|
-
* Copyright ©2024 Ewsgit<https://ewsgit.uk> and YourDash<https://yourdash.ewsgit.uk> contributors.
|
9
|
-
* YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
|
10
|
-
*/._container_17n1r_6{position:fixed;top:0;right:0;z-index:10000;text-align:start;opacity:.75;overflow:hidden;pointer-events:none;gap:.25rem;display:flex;flex-direction:column}._component_17n1r_20{border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;pointer-events:none;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);max-width:32rem;margin-right:.5rem}._component_17n1r_20:first-child{margin-top:.5rem}._cardContent_17n1r_34{gap:0;padding:.25rem .5rem;margin-right:-.5rem}._success_17n1r_42{border-right:.5rem solid #2ea967}._error_17n1r_46{border-right:.5rem solid #ff4500}._warning_17n1r_50{border-right:.5rem solid #daa520}._info_17n1r_54{border-right:.5rem solid #00b8ff}._heading_17n1r_58{text-align:left;line-height:1;padding-top:.25rem}._pointerEvents_17n1r_64{pointer-events:all}
|
package/dist/themeValues.scss
DELETED
@@ -1,49 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Copyright ©2024 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
|
3
|
-
* YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
|
4
|
-
*/
|
5
|
-
|
6
|
-
$theme: "--ut";
|
7
|
-
$button: "btn";
|
8
|
-
$hover: "hvr";
|
9
|
-
$active: "atv";
|
10
|
-
$padding: "pdn";
|
11
|
-
$border: "brd";
|
12
|
-
$radius: "rad";
|
13
|
-
$accent: "acn";
|
14
|
-
$subcolor: "scl";
|
15
|
-
$color: "col";
|
16
|
-
$background: "bgn";
|
17
|
-
$gap: "gap";
|
18
|
-
$transition: "trans";
|
19
|
-
$font: "font";
|
20
|
-
$size: "size";
|
21
|
-
$weight: "wgt";
|
22
|
-
$family: "fam";
|
23
|
-
$vertical: "vert";
|
24
|
-
$horizontal: "horiz";
|
25
|
-
$header: "hed";
|
26
|
-
$separator: "sep";
|
27
|
-
$height: "hei";
|
28
|
-
$width: "wid";
|
29
|
-
$heading: "hed";
|
30
|
-
$input: "inp";
|
31
|
-
$focus: "foc";
|
32
|
-
$textbutton: "txb";
|
33
|
-
$h1: "he1";
|
34
|
-
$h2: "he2";
|
35
|
-
$h3: "he3";
|
36
|
-
$h4: "he4";
|
37
|
-
$h5: "he5";
|
38
|
-
$h6: "he6";
|
39
|
-
$scrollbar: "scrlbr";
|
40
|
-
|
41
|
-
|
42
|
-
$sizeMobile: 440px;
|
43
|
-
$sizeLargeMobile: 560px;
|
44
|
-
$sizeTablet: 768px;
|
45
|
-
$sizeLargeTablet: 960px;
|
46
|
-
$sizeSmallDesktop: 1200px;
|
47
|
-
$sizeMediumDesktop: 1440px;
|
48
|
-
$sizeLargeDesktop: 1920px;
|
49
|
-
$sizeWideDesktop: 2560px;
|