@yourdash/uikit 1.0.33 → 1.0.35

Sign up to get free protection for your applications and to get access to all the features.
Files changed (100) hide show
  1. package/dist/assets/box.css +4 -0
  2. package/dist/assets/button.css +4 -0
  3. package/dist/assets/buttonCombo.css +4 -0
  4. package/dist/assets/buttonLink.css +4 -0
  5. package/dist/assets/buttonWithIcon.css +4 -0
  6. package/dist/assets/card.css +4 -0
  7. package/dist/assets/carousel.css +4 -0
  8. package/dist/assets/container.css +4 -0
  9. package/dist/assets/contextMenuRoot.css +4 -0
  10. package/dist/assets/dialog.css +4 -0
  11. package/dist/assets/flex.css +4 -0
  12. package/dist/assets/header.css +7 -0
  13. package/dist/assets/heading.css +4 -0
  14. package/dist/assets/icon.css +4 -0
  15. package/dist/assets/iconButton.css +4 -0
  16. package/dist/assets/image.css +4 -0
  17. package/dist/assets/infiniteScroll.css +7 -0
  18. package/dist/assets/level.css +4 -0
  19. package/dist/assets/link.css +4 -0
  20. package/dist/assets/navBar.css +4 -0
  21. package/dist/assets/navImage.css +4 -0
  22. package/dist/assets/onBoarding.css +4 -0
  23. package/dist/assets/separator.css +4 -0
  24. package/dist/assets/sidebar.css +4 -0
  25. package/dist/assets/sidebarContainer.css +4 -0
  26. package/dist/assets/spinner.css +4 -0
  27. package/dist/assets/subtext.css +4 -0
  28. package/dist/assets/tag.css +4 -0
  29. package/dist/assets/textButton.css +4 -0
  30. package/dist/assets/textInput.css +4 -0
  31. package/dist/assets/toasts.css +4 -0
  32. package/dist/clippy-B98VypDQ.js +20 -0
  33. package/dist/components/box/box.js +13 -0
  34. package/dist/components/button/button.js +18 -0
  35. package/dist/components/buttonCombo/buttonCombo.js +8 -0
  36. package/dist/components/buttonLink/buttonLink.js +21 -0
  37. package/dist/components/buttonWithIcon/buttonWithIcon.js +29 -0
  38. package/dist/components/card/card.js +42 -0
  39. package/dist/components/container/container.js +13 -0
  40. package/dist/components/contextMenu/contextMenu.js +27 -0
  41. package/dist/components/contextMenu/contextMenuRoot.js +60 -0
  42. package/dist/components/contextMenu/contextMenuRootContext.js +11 -0
  43. package/dist/components/flex/flex.js +26 -0
  44. package/dist/components/heading/heading.js +29 -0
  45. package/dist/components/icon/icon.js +28 -0
  46. package/dist/components/icon/iconDictionary.js +287 -0
  47. package/dist/components/iconButton/iconButton.js +24 -0
  48. package/dist/components/image/image.js +56 -0
  49. package/dist/components/index.d.ts +2 -0
  50. package/dist/components/index.js +48 -0
  51. package/dist/components/link/link.js +26 -0
  52. package/dist/components/progressBar/progressBar.js +20 -0
  53. package/dist/components/redirect/redirect.js +11 -0
  54. package/dist/components/separator/separator.js +11 -0
  55. package/dist/components/spinner/spinner.js +30 -0
  56. package/dist/components/subtext/subtext.js +9 -0
  57. package/dist/components/tag/tag.js +15 -0
  58. package/dist/components/text/text.js +8 -0
  59. package/dist/components/textButton/textButton.js +16 -0
  60. package/dist/components/textInput/textInput.js +43 -0
  61. package/dist/core/decrementLevel.js +6 -0
  62. package/dist/core/incrementLevel.js +6 -0
  63. package/dist/core/index.js +10 -0
  64. package/dist/core/level.js +7 -0
  65. package/dist/core/remToPx.js +6 -0
  66. package/dist/core/root.js +19 -0
  67. package/dist/core/toasts/toast.js +1 -0
  68. package/dist/core/toasts/toastAction.js +1 -0
  69. package/dist/core/toasts/toastContext.js +9 -0
  70. package/dist/core/toasts/toasts.js +93 -0
  71. package/dist/core/toasts/useToast.js +13 -0
  72. package/dist/index-BJy4nmTN.js +52 -0
  73. package/dist/index-BoiKlAEs.js +30 -0
  74. package/dist/index-C9QO6nHU.js +10 -0
  75. package/dist/index-D4kASGu5.js +240 -0
  76. package/dist/index-Dj6g5px3.js +14 -0
  77. package/dist/level-o2-EzyQS.js +28 -0
  78. package/dist/server-error-lFyIkIwC.js +4 -0
  79. package/dist/uikit.js +8 -3717
  80. package/dist/utilityComponent/hasBeenShown/hasBeenShown.js +23 -0
  81. package/dist/utilityComponent/index.js +6 -0
  82. package/dist/utilityComponent/onInView/onInView.js +54 -0
  83. package/dist/views/carousel/carousel.js +102 -0
  84. package/dist/views/dialog/dialog.js +18 -0
  85. package/dist/views/header/header.js +21 -0
  86. package/dist/views/index.js +26 -0
  87. package/dist/views/infiniteScroll/infiniteScroll.js +62 -0
  88. package/dist/views/navBar/components/navImage/navImage.js +15 -0
  89. package/dist/views/navBar/components/navTitle/navTitle.js +12 -0
  90. package/dist/views/navBar/navBar.js +36 -0
  91. package/dist/views/onBoarding/onBoarding.js +125 -0
  92. package/dist/views/panAndZoom/panAndZoom.js +74 -0
  93. package/dist/views/sidebar/sidebar.js +24 -0
  94. package/dist/views/sidebar/sidebarContainer.js +34 -0
  95. package/dist/views/sidebar/sidebarContext.js +13 -0
  96. package/dist/views/sidebar/sidebarToggleButton.js +21 -0
  97. package/package.json +39 -29
  98. package/dist/defaultTheme.module.scss +0 -361
  99. package/dist/style.css +0 -10
  100. package/dist/themeValues.scss +0 -49
package/package.json CHANGED
@@ -1,29 +1,39 @@
1
- {
2
- "name": "@yourdash/uikit",
3
- "version": "1.0.33",
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/uikit.js",
15
- "scripts": {
16
- "build": "vite build"
17
- },
18
- "author": "Ewsgit <ewsgit@duck.com>",
19
- "dependencies": {
20
- "@types/react": "^18.3.5",
21
- "@types/react-dom": "^18.3.0",
22
- "@yourdash/shared": "*",
23
- "react": "^18.3.1",
24
- "react-dom": "^18.3.1",
25
- "sass": "^1.78.0",
26
- "typescript": "^5.6.2",
27
- "vite": "^5.4.5"
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)}._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}
@@ -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;