@streamscloud/kit 0.0.1-1771006168898 → 0.0.1-1771006476137

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/ui/button/resources/button-theme.svelte +8 -11
  2. package/dist/ui/dialog/cmp.dialog-container.svelte +1 -1
  3. package/dist/ui/progress/cmp.progress.svelte +1 -1
  4. package/package.json +1 -1
package/dist/ui/button/resources/button-theme.svelte CHANGED
@@ -38,7 +38,7 @@ export {};
38
38
  --sc-kit--button--background--disabled: var(--sc-kit--button--primary--background--disabled, #91b3f3);
39
39
  --sc-kit--button--border: var(--sc-kit--button--primary--border, none);
40
40
  --sc-kit--button--border--disabled: var(--sc-kit--button--primary--border--disabled, none);
41
- --sc-kit--button--box-shadow: var(--sc-kit--button--primary--box-shadow, 0px 3px 0px 0px rgba(colors.$color-white, 0.3) inset);
41
+ --sc-kit--button--box-shadow: var(--sc-kit--button--primary--box-shadow, 0px 3px 0px 0px rgba(255, 255, 255, 0.3) inset);
42
42
  }
43
43
  .button-theme--standard {
44
44
  --sc-kit--button--font--color: var(--sc-kit--button--standard--font--color, light-dark(#2e2e2e, #ffffff));
@@ -68,10 +68,7 @@ export {};
68
68
  --sc-kit--button--standard--border--disabled,
69
69
  1px solid light-dark(#e5e7eb, #4b5563)
70
70
  );
71
- --sc-kit--button--box-shadow: var(
72
- --sc-kit--button--standard--box-shadow,
73
- 0px 3px 0px 0px light-dark(transparent, rgba(colors.$color-white, 0.3)) inset
74
- );
71
+ --sc-kit--button--box-shadow: var(--sc-kit--button--standard--box-shadow, 0px 3px 0px 0px light-dark(transparent, rgba(255, 255, 255, 0.3)) inset);
75
72
  }
76
73
  .button-theme--white {
77
74
  --sc-kit--button--font--color: var(--sc-kit--button--white--font--color, light-dark(#2e2e2e, #ffffff));
@@ -95,7 +92,7 @@ export {};
95
92
  );
96
93
  --sc-kit--button--border: var(--sc-kit--button--white--border, none);
97
94
  --sc-kit--button--border--disabled: var(--sc-kit--button--white--border--disabled, none);
98
- --sc-kit--button--box-shadow: var(--sc-kit--button--white--box-shadow, 0px 3px 0px 0px light-dark(transparent, rgba(colors.$color-white, 0.3)) inset);
95
+ --sc-kit--button--box-shadow: var(--sc-kit--button--white--box-shadow, 0px 3px 0px 0px light-dark(transparent, rgba(255, 255, 255, 0.3)) inset);
99
96
  }
100
97
  .button-theme--gray {
101
98
  --sc-kit--button--font--color: var(--sc-kit--button--gray--font--color, light-dark(#2e2e2e, #ffffff));
@@ -122,7 +119,7 @@ export {};
122
119
  --sc-kit--button--gray--border--disabled,
123
120
  1px solid light-dark(#e5e7eb, #4b5563)
124
121
  );
125
- --sc-kit--button--box-shadow: var(--sc-kit--button--gray--box-shadow, 0px 3px 0px 0px rgba(colors.$color-white, 0.3) inset);
122
+ --sc-kit--button--box-shadow: var(--sc-kit--button--gray--box-shadow, 0px 3px 0px 0px rgba(255, 255, 255, 0.3) inset);
126
123
  }
127
124
  .button-theme--green {
128
125
  --sc-kit--button--font--color: var(--sc-kit--button--green--font--color, light-dark(#0cce6b, #ffffff));
@@ -152,7 +149,7 @@ export {};
152
149
  --sc-kit--button--green--border--disabled,
153
150
  1px solid light-dark(#0cce6b, #4b5563)
154
151
  );
155
- --sc-kit--button--box-shadow: var(--sc-kit--button--green--box-shadow, 0px 3px 0px 0px rgba(colors.$color-white, 0.3) inset);
152
+ --sc-kit--button--box-shadow: var(--sc-kit--button--green--box-shadow, 0px 3px 0px 0px rgba(255, 255, 255, 0.3) inset);
156
153
  }
157
154
  .button-theme--black {
158
155
  --sc-kit--button--font--color: var(--sc-kit--button--black--font--color, light-dark(#ffffff, #2e2e2e));
@@ -176,7 +173,7 @@ export {};
176
173
  );
177
174
  --sc-kit--button--border: var(--sc-kit--button--black--border, none);
178
175
  --sc-kit--button--border--disabled: var(--sc-kit--button--black--border--disabled, none);
179
- --sc-kit--button--box-shadow: var(--sc-kit--button--black--box-shadow, 0px 3px 0px 0px rgba(colors.$color-white, 0.3) inset);
176
+ --sc-kit--button--box-shadow: var(--sc-kit--button--black--box-shadow, 0px 3px 0px 0px rgba(255, 255, 255, 0.3) inset);
180
177
  }
181
178
  .button-theme--alert {
182
179
  --sc-kit--button--font--color: var(--sc-kit--button--alert--font--color, #ffffff);
@@ -188,7 +185,7 @@ export {};
188
185
  --sc-kit--button--background--disabled: var(--sc-kit--button--alert--background--disabled, #f6a7b1);
189
186
  --sc-kit--button--border: var(--sc-kit--button--alert--border, none);
190
187
  --sc-kit--button--border--disabled: var(--sc-kit--button--alert--border--disabled, none);
191
- --sc-kit--button--box-shadow: var(--sc-kit--button--alert--box-shadow, 0px 3px 0px 0px rgba(colors.$color-white, 0.3) inset);
188
+ --sc-kit--button--box-shadow: var(--sc-kit--button--alert--box-shadow, 0px 3px 0px 0px rgba(255, 255, 255, 0.3) inset);
192
189
  }
193
190
  .button-theme--warning {
194
191
  --sc-kit--button--font--color: var(--sc-kit--button--warning--font--color, #ffffff);
@@ -200,7 +197,7 @@ export {};
200
197
  --sc-kit--button--background--disabled: var(--sc-kit--button--warning--background--disabled, #fcd34d);
201
198
  --sc-kit--button--border: var(--sc-kit--button--warning--border, none);
202
199
  --sc-kit--button--border--disabled: var(--sc-kit--button--warning--border--disabled, none);
203
- --sc-kit--button--box-shadow: var(--sc-kit--button--warning--box-shadow, 0px 3px 0px 0px rgba(colors.$color-white, 0.3) inset);
200
+ --sc-kit--button--box-shadow: var(--sc-kit--button--warning--box-shadow, 0px 3px 0px 0px rgba(255, 255, 255, 0.3) inset);
204
201
  }
205
202
  .button-theme--text-only {
206
203
  --sc-kit--button--font--color: var(--sc-kit--button--text-only--font--color, light-dark(#2e2e2e, #ffffff));
package/dist/ui/dialog/cmp.dialog-container.svelte CHANGED
@@ -85,7 +85,7 @@ const customWidth = $derived(isCustomWidth ? size : null);
85
85
  </dialog>
86
86
 
87
87
  <style>.dialog-container {
88
- --_dialog-container--backdrop: var(--sc-kit--dialog-container--backdrop, light-dark(rgba(colors.$color-black, 0.5), rgba(colors.$color-white, 0.15)));
88
+ --_dialog-container--backdrop: var(--sc-kit--dialog-container--backdrop, light-dark(rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.15)));
89
89
  --_dialog-container--border-radius: var(--sc-kit--dialog-container--border-radius, 0.5rem);
90
90
  --_dialog-container--max-width: var(--sc-kit--dialog-container--max-width, 64rem);
91
91
  --_dialog-container--padding: var(--sc-kit--dialog-container--padding, 1rem);
package/dist/ui/progress/cmp.progress.svelte CHANGED
@@ -10,7 +10,7 @@ const cssWidth = $derived(`${100 * (value <= 1 ? value : 1)}%`);
10
10
  --_progress--height: var(--sc-kit--progress--height, 0.25em);
11
11
  --_progress--back-color: var(--sc-kit--progress--back-color, #9ca3af);
12
12
  --_progress--front-color: var(--sc-kit--progress--front-color, #ffffff);
13
- --_progress--box-shadow: var(--sc-kit--progress--box-shadow, 0 2px 3px rgba(colors.$color-black, 0.25) inset);
13
+ --_progress--box-shadow: var(--sc-kit--progress--box-shadow, 0 2px 3px rgba(0, 0, 0, 0.25) inset);
14
14
  --_progress--border-radius: var(--sc-kit--progress--border-radius, 0);
15
15
  width: 100%;
16
16
  background: var(--_progress--back-color);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamscloud/kit",
3
- "version": "0.0.1-1771006168898",
3
+ "version": "0.0.1-1771006476137",
4
4
  "author": "StreamsCloud",
5
5
  "repository": {
6
6
  "type": "git",