@streamscloud/kit 0.0.1-1771005811569 → 0.0.1-1771006168898

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 -8
  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(#ffffff, 0.3) inset);
41
+ --sc-kit--button--box-shadow: var(--sc-kit--button--primary--box-shadow, 0px 3px 0px 0px rgba(colors.$color-white, 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));
@@ -70,7 +70,7 @@ export {};
70
70
  );
71
71
  --sc-kit--button--box-shadow: var(
72
72
  --sc-kit--button--standard--box-shadow,
73
- 0px 3px 0px 0px light-dark(transparent, rgba(#ffffff, 0.3)) inset
73
+ 0px 3px 0px 0px light-dark(transparent, rgba(colors.$color-white, 0.3)) inset
74
74
  );
75
75
  }
76
76
  .button-theme--white {
@@ -95,7 +95,7 @@ export {};
95
95
  );
96
96
  --sc-kit--button--border: var(--sc-kit--button--white--border, none);
97
97
  --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(#ffffff, 0.3)) inset);
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);
99
99
  }
100
100
  .button-theme--gray {
101
101
  --sc-kit--button--font--color: var(--sc-kit--button--gray--font--color, light-dark(#2e2e2e, #ffffff));
@@ -122,7 +122,7 @@ export {};
122
122
  --sc-kit--button--gray--border--disabled,
123
123
  1px solid light-dark(#e5e7eb, #4b5563)
124
124
  );
125
- --sc-kit--button--box-shadow: var(--sc-kit--button--gray--box-shadow, 0px 3px 0px 0px rgba(#ffffff, 0.3) inset);
125
+ --sc-kit--button--box-shadow: var(--sc-kit--button--gray--box-shadow, 0px 3px 0px 0px rgba(colors.$color-white, 0.3) inset);
126
126
  }
127
127
  .button-theme--green {
128
128
  --sc-kit--button--font--color: var(--sc-kit--button--green--font--color, light-dark(#0cce6b, #ffffff));
@@ -152,7 +152,7 @@ export {};
152
152
  --sc-kit--button--green--border--disabled,
153
153
  1px solid light-dark(#0cce6b, #4b5563)
154
154
  );
155
- --sc-kit--button--box-shadow: var(--sc-kit--button--green--box-shadow, 0px 3px 0px 0px rgba(#ffffff, 0.3) inset);
155
+ --sc-kit--button--box-shadow: var(--sc-kit--button--green--box-shadow, 0px 3px 0px 0px rgba(colors.$color-white, 0.3) inset);
156
156
  }
157
157
  .button-theme--black {
158
158
  --sc-kit--button--font--color: var(--sc-kit--button--black--font--color, light-dark(#ffffff, #2e2e2e));
@@ -176,7 +176,7 @@ export {};
176
176
  );
177
177
  --sc-kit--button--border: var(--sc-kit--button--black--border, none);
178
178
  --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(#ffffff, 0.3) inset);
179
+ --sc-kit--button--box-shadow: var(--sc-kit--button--black--box-shadow, 0px 3px 0px 0px rgba(colors.$color-white, 0.3) inset);
180
180
  }
181
181
  .button-theme--alert {
182
182
  --sc-kit--button--font--color: var(--sc-kit--button--alert--font--color, #ffffff);
@@ -188,7 +188,7 @@ export {};
188
188
  --sc-kit--button--background--disabled: var(--sc-kit--button--alert--background--disabled, #f6a7b1);
189
189
  --sc-kit--button--border: var(--sc-kit--button--alert--border, none);
190
190
  --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(#ffffff, 0.3) inset);
191
+ --sc-kit--button--box-shadow: var(--sc-kit--button--alert--box-shadow, 0px 3px 0px 0px rgba(colors.$color-white, 0.3) inset);
192
192
  }
193
193
  .button-theme--warning {
194
194
  --sc-kit--button--font--color: var(--sc-kit--button--warning--font--color, #ffffff);
@@ -200,7 +200,7 @@ export {};
200
200
  --sc-kit--button--background--disabled: var(--sc-kit--button--warning--background--disabled, #fcd34d);
201
201
  --sc-kit--button--border: var(--sc-kit--button--warning--border, none);
202
202
  --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(#ffffff, 0.3) inset);
203
+ --sc-kit--button--box-shadow: var(--sc-kit--button--warning--box-shadow, 0px 3px 0px 0px rgba(colors.$color-white, 0.3) inset);
204
204
  }
205
205
  .button-theme--text-only {
206
206
  --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(#000000, 0.5), rgba(#ffffff, 0.15)));
88
+ --_dialog-container--backdrop: var(--sc-kit--dialog-container--backdrop, light-dark(rgba(colors.$color-black, 0.5), rgba(colors.$color-white, 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(#000000, 0.25) inset);
13
+ --_progress--box-shadow: var(--sc-kit--progress--box-shadow, 0 2px 3px rgba(colors.$color-black, 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-1771005811569",
3
+ "version": "0.0.1-1771006168898",
4
4
  "author": "StreamsCloud",
5
5
  "repository": {
6
6
  "type": "git",