@likable-hair/svelte 3.0.24 → 3.0.26

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 (6) hide show
  1. package/dist/components/simple/dashboards/DashboardGridShaper.svelte +66 -0
  2. package/dist/components/simple/dashboards/DashboardGridShaper.svelte.d.ts +14 -0
  3. package/dist/css/main.css +154 -154
  4. package/dist/index.d.ts +1 -0
  5. package/dist/index.js +1 -0
  6. package/package.json +3 -2
package/dist/components/simple/dashboards/DashboardGridShaper.svelte ADDED
@@ -0,0 +1,66 @@
1
+ <script>import Grid from "svelte-grid";
2
+ import gridHelp from "svelte-grid/build/helper/index.mjs";
3
+ const id = () => "_" + Math.random().toString(36).substr(2, 9);
4
+ let items = [
5
+ {
6
+ 6: gridHelp.item({
7
+ x: 0,
8
+ y: 0,
9
+ w: 2,
10
+ h: 2
11
+ }),
12
+ id: id()
13
+ },
14
+ {
15
+ 6: gridHelp.item({
16
+ x: 2,
17
+ y: 0,
18
+ w: 2,
19
+ h: 2
20
+ }),
21
+ id: id()
22
+ }
23
+ ];
24
+ const breakpoint = 1;
25
+ const column = 6;
26
+ const cols = [[breakpoint, column]];
27
+ </script>
28
+
29
+ <div class=demo-container style:width="100%">
30
+ <Grid bind:items={items} rowHeight={100} let:item let:dataItem {cols}>
31
+ <div class="widget">
32
+ <div class="content">
33
+ {dataItem.id}
34
+ </div>
35
+ </div>
36
+ </Grid>
37
+ </div>
38
+
39
+ <style>
40
+ .widget {
41
+ background-color: rgb(var(--global-color-background-200));
42
+ width: 100%;
43
+ height: 100%;
44
+ border-radius: 8px;
45
+ padding: 2px;
46
+ }
47
+
48
+ .content {
49
+ padding: 8px;
50
+ }
51
+
52
+ :global(.svlt-grid-active) {
53
+ opacity: 1!important;
54
+ }
55
+
56
+ :global(.svlt-grid-shadow) {
57
+ /* Back shadow */
58
+ background-color: rgb(var(--global-color-primary-900), .5) !important;
59
+ border-radius: 10px;
60
+ }
61
+
62
+ :global(.svlt-grid-resizer::after) {
63
+ /* Resizer color */
64
+ border-color: white !important;
65
+ }
66
+ </style>
package/dist/components/simple/dashboards/DashboardGridShaper.svelte.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import { SvelteComponentTyped } from "svelte";
2
+ declare const __propDef: {
3
+ props: Record<string, never>;
4
+ events: {
5
+ [evt: string]: CustomEvent<any>;
6
+ };
7
+ slots: {};
8
+ };
9
+ export type DashboardGridShaperProps = typeof __propDef.props;
10
+ export type DashboardGridShaperEvents = typeof __propDef.events;
11
+ export type DashboardGridShaperSlots = typeof __propDef.slots;
12
+ export default class DashboardGridShaper extends SvelteComponentTyped<DashboardGridShaperProps, DashboardGridShaperEvents, DashboardGridShaperSlots> {
13
+ }
14
+ export {};
package/dist/css/main.css CHANGED
@@ -88,174 +88,174 @@
88
88
 
89
89
  @media (prefers-color-scheme: dark) {
90
90
  :root {
91
- --global-color-background-50: var(--global-color-light-background-50, 34, 37, 43);
92
- --global-color-background-100: var(--global-color-light-background-100, 43, 47, 54);
93
- --global-color-background-200: var(--global-color-light-background-200, 63, 69, 80);
94
- --global-color-background-300: var(--global-color-light-background-300, 81, 88, 103);
95
- --global-color-background-400: var(--global-color-light-background-400, 101, 110, 128);
96
- --global-color-background-500: var(--global-color-light-background-500, 121, 130, 149);
97
- --global-color-background-600: var(--global-color-light-background-600, 147, 154, 169);
98
- --global-color-background-700: var(--global-color-light-background-700, 170, 176, 187);
99
- --global-color-background-800: var(--global-color-light-background-800, 195, 199, 208);
100
- --global-color-background-900: var(--global-color-light-background-900, 218, 221, 226);
101
- --global-color-background-950: var(--global-color-light-background-950, 232, 234, 237);
91
+ --global-color-background-50: var(--global-color-dark-background-50, 34, 37, 43);
92
+ --global-color-background-100: var(--global-color-dark-background-100, 43, 47, 54);
93
+ --global-color-background-200: var(--global-color-dark-background-200, 63, 69, 80);
94
+ --global-color-background-300: var(--global-color-dark-background-300, 81, 88, 103);
95
+ --global-color-background-400: var(--global-color-dark-background-400, 101, 110, 128);
96
+ --global-color-background-500: var(--global-color-dark-background-500, 121, 130, 149);
97
+ --global-color-background-600: var(--global-color-dark-background-600, 147, 154, 169);
98
+ --global-color-background-700: var(--global-color-dark-background-700, 170, 176, 187);
99
+ --global-color-background-800: var(--global-color-dark-background-800, 195, 199, 208);
100
+ --global-color-background-900: var(--global-color-dark-background-900, 218, 221, 226);
101
+ --global-color-background-950: var(--global-color-dark-background-950, 232, 234, 237);
102
102
 
103
- --global-color-contrast-50: var(--global-color-light-contrast-50, 112, 121, 138);
104
- --global-color-contrast-100: var(--global-color-light-contrast-100, 156, 163, 175);
105
- --global-color-contrast-200: var(--global-color-light-contrast-200, 170, 176, 187);
106
- --global-color-contrast-300: var(--global-color-light-contrast-300, 182, 187, 196);
107
- --global-color-contrast-400: var(--global-color-light-contrast-400, 193, 197, 205);
108
- --global-color-contrast-500: var(--global-color-light-contrast-500, 204, 208, 214);
109
- --global-color-contrast-600: var(--global-color-light-contrast-600, 213, 216, 221);
110
- --global-color-contrast-700: var(--global-color-light-contrast-700, 224, 226, 230);
111
- --global-color-contrast-800: var(--global-color-light-contrast-800, 232, 234, 237);
112
- --global-color-contrast-900: var(--global-color-light-contrast-900, 241, 242, 244);
113
- --global-color-contrast-950: var(--global-color-light-contrast-950, 247, 247, 248);
103
+ --global-color-contrast-50: var(--global-color-dark-contrast-50, 112, 121, 138);
104
+ --global-color-contrast-100: var(--global-color-dark-contrast-100, 156, 163, 175);
105
+ --global-color-contrast-200: var(--global-color-dark-contrast-200, 170, 176, 187);
106
+ --global-color-contrast-300: var(--global-color-dark-contrast-300, 182, 187, 196);
107
+ --global-color-contrast-400: var(--global-color-dark-contrast-400, 193, 197, 205);
108
+ --global-color-contrast-500: var(--global-color-dark-contrast-500, 204, 208, 214);
109
+ --global-color-contrast-600: var(--global-color-dark-contrast-600, 213, 216, 221);
110
+ --global-color-contrast-700: var(--global-color-dark-contrast-700, 224, 226, 230);
111
+ --global-color-contrast-800: var(--global-color-dark-contrast-800, 232, 234, 237);
112
+ --global-color-contrast-900: var(--global-color-dark-contrast-900, 241, 242, 244);
113
+ --global-color-contrast-950: var(--global-color-dark-contrast-950, 247, 247, 248);
114
114
 
115
- --global-color-grey-50: var(--global-color-light-grey-50, 227, 227, 227);
116
- --global-color-grey-100: var(--global-color-light-grey-100, 217, 217, 217);
117
- --global-color-grey-200: var(--global-color-light-grey-200, 194, 194, 194);
118
- --global-color-grey-300: var(--global-color-light-grey-300, 171, 171, 171);
119
- --global-color-grey-400: var(--global-color-light-grey-400, 150, 150, 150);
120
- --global-color-grey-500: var(--global-color-light-grey-500, 128, 128, 128);
121
- --global-color-grey-600: var(--global-color-light-grey-600, 105, 105, 105);
122
- --global-color-grey-700: var(--global-color-light-grey-700, 82, 82, 82);
123
- --global-color-grey-800: var(--global-color-light-grey-800, 61, 61, 61);
124
- --global-color-grey-900: var(--global-color-light-grey-900, 38, 38, 38);
125
- --global-color-grey-950: var(--global-color-light-grey-950, 28, 28, 28);
115
+ --global-color-grey-50: var(--global-color-dark-grey-50, 227, 227, 227);
116
+ --global-color-grey-100: var(--global-color-dark-grey-100, 217, 217, 217);
117
+ --global-color-grey-200: var(--global-color-dark-grey-200, 194, 194, 194);
118
+ --global-color-grey-300: var(--global-color-dark-grey-300, 171, 171, 171);
119
+ --global-color-grey-400: var(--global-color-dark-grey-400, 150, 150, 150);
120
+ --global-color-grey-500: var(--global-color-dark-grey-500, 128, 128, 128);
121
+ --global-color-grey-600: var(--global-color-dark-grey-600, 105, 105, 105);
122
+ --global-color-grey-700: var(--global-color-dark-grey-700, 82, 82, 82);
123
+ --global-color-grey-800: var(--global-color-dark-grey-800, 61, 61, 61);
124
+ --global-color-grey-900: var(--global-color-dark-grey-900, 38, 38, 38);
125
+ --global-color-grey-950: var(--global-color-dark-grey-950, 28, 28, 28);
126
126
 
127
- --global-color-primary-50: var(--global-color-light-primary-50, 219, 224, 245);
128
- --global-color-primary-100: var(--global-color-light-primary-100, 204, 210, 240);
129
- --global-color-primary-200: var(--global-color-light-primary-200, 172, 183, 231);
130
- --global-color-primary-300: var(--global-color-light-primary-300, 136, 152, 221);
131
- --global-color-primary-400: var(--global-color-light-primary-400, 105, 124, 212);
132
- --global-color-primary-500: var(--global-color-light-primary-500, 69, 93, 201);
133
- --global-color-primary-600: var(--global-color-light-primary-600, 51, 75, 178);
134
- --global-color-primary-700: var(--global-color-light-primary-700, 41, 60, 143);
135
- --global-color-primary-800: var(--global-color-light-primary-800, 32, 46, 111);
136
- --global-color-primary-900: var(--global-color-light-primary-900, 22, 31, 75);
137
- --global-color-primary-950: var(--global-color-light-primary-950, 17, 25, 59);
127
+ --global-color-primary-50: var(--global-color-dark-primary-50, 219, 224, 245);
128
+ --global-color-primary-100: var(--global-color-dark-primary-100, 204, 210, 240);
129
+ --global-color-primary-200: var(--global-color-dark-primary-200, 172, 183, 231);
130
+ --global-color-primary-300: var(--global-color-dark-primary-300, 136, 152, 221);
131
+ --global-color-primary-400: var(--global-color-dark-primary-400, 105, 124, 212);
132
+ --global-color-primary-500: var(--global-color-dark-primary-500, 69, 93, 201);
133
+ --global-color-primary-600: var(--global-color-dark-primary-600, 51, 75, 178);
134
+ --global-color-primary-700: var(--global-color-dark-primary-700, 41, 60, 143);
135
+ --global-color-primary-800: var(--global-color-dark-primary-800, 32, 46, 111);
136
+ --global-color-primary-900: var(--global-color-dark-primary-900, 22, 31, 75);
137
+ --global-color-primary-950: var(--global-color-dark-primary-950, 17, 25, 59);
138
138
 
139
- --global-color-secondary-50: var(--global-color-light-secondary-50, 232, 252, 251);
140
- --global-color-secondary-100: var(--global-color-light-secondary-100, 214, 250, 247);
141
- --global-color-secondary-200: var(--global-color-light-secondary-200, 168, 245, 239);
142
- --global-color-secondary-300: var(--global-color-light-secondary-300, 127, 240, 231);
143
- --global-color-secondary-400: var(--global-color-light-secondary-400, 86, 236, 223);
144
- --global-color-secondary-500: var(--global-color-light-secondary-500, 40, 231, 215);
145
- --global-color-secondary-600: var(--global-color-light-secondary-600, 23, 202, 188);
146
- --global-color-secondary-700: var(--global-color-light-secondary-700, 17, 151, 140);
147
- --global-color-secondary-800: var(--global-color-light-secondary-800, 11, 101, 93);
148
- --global-color-secondary-900: var(--global-color-light-secondary-900, 6, 50, 47);
149
- --global-color-secondary-950: var(--global-color-light-secondary-950, 3, 27, 25);
139
+ --global-color-secondary-50: var(--global-color-dark-secondary-50, 232, 252, 251);
140
+ --global-color-secondary-100: var(--global-color-dark-secondary-100, 214, 250, 247);
141
+ --global-color-secondary-200: var(--global-color-dark-secondary-200, 168, 245, 239);
142
+ --global-color-secondary-300: var(--global-color-dark-secondary-300, 127, 240, 231);
143
+ --global-color-secondary-400: var(--global-color-dark-secondary-400, 86, 236, 223);
144
+ --global-color-secondary-500: var(--global-color-dark-secondary-500, 40, 231, 215);
145
+ --global-color-secondary-600: var(--global-color-dark-secondary-600, 23, 202, 188);
146
+ --global-color-secondary-700: var(--global-color-dark-secondary-700, 17, 151, 140);
147
+ --global-color-secondary-800: var(--global-color-dark-secondary-800, 11, 101, 93);
148
+ --global-color-secondary-900: var(--global-color-dark-secondary-900, 6, 50, 47);
149
+ --global-color-secondary-950: var(--global-color-dark-secondary-950, 3, 27, 25);
150
150
 
151
- --global-color-error-50: var(--global-color-light-error-50, 253, 231, 231);
152
- --global-color-error-100: var(--global-color-light-error-100, 252, 212, 212);
153
- --global-color-error-200: var(--global-color-light-error-200, 249, 170, 170);
154
- --global-color-error-300: var(--global-color-light-error-300, 245, 122, 122);
155
- --global-color-error-400: var(--global-color-light-error-400, 242, 80, 80);
156
- --global-color-error-500: var(--global-color-light-error-500, 238, 37, 37);
157
- --global-color-error-600: var(--global-color-light-error-600, 211, 16, 16);
158
- --global-color-error-700: var(--global-color-light-error-700, 156, 12, 12);
159
- --global-color-error-800: var(--global-color-light-error-800, 104, 8, 8);
160
- --global-color-error-900: var(--global-color-light-error-900, 52, 4, 4);
161
- --global-color-error-950: var(--global-color-light-error-950, 28, 2, 2);
151
+ --global-color-error-50: var(--global-color-dark-error-50, 253, 231, 231);
152
+ --global-color-error-100: var(--global-color-dark-error-100, 252, 212, 212);
153
+ --global-color-error-200: var(--global-color-dark-error-200, 249, 170, 170);
154
+ --global-color-error-300: var(--global-color-dark-error-300, 245, 122, 122);
155
+ --global-color-error-400: var(--global-color-dark-error-400, 242, 80, 80);
156
+ --global-color-error-500: var(--global-color-dark-error-500, 238, 37, 37);
157
+ --global-color-error-600: var(--global-color-dark-error-600, 211, 16, 16);
158
+ --global-color-error-700: var(--global-color-dark-error-700, 156, 12, 12);
159
+ --global-color-error-800: var(--global-color-dark-error-800, 104, 8, 8);
160
+ --global-color-error-900: var(--global-color-dark-error-900, 52, 4, 4);
161
+ --global-color-error-950: var(--global-color-dark-error-950, 28, 2, 2);
162
162
 
163
- --global-color-warning-50: var(--global-color-light-warning-50, 253, 247, 237);
164
- --global-color-warning-100: var(--global-color-light-warning-100, 251, 238, 219);
165
- --global-color-warning-200: var(--global-color-light-warning-200, 246, 220, 178);
166
- --global-color-warning-300: var(--global-color-light-warning-300, 241, 203, 141);
167
- --global-color-warning-400: var(--global-color-light-warning-400, 237, 186, 105);
168
- --global-color-warning-500: var(--global-color-light-warning-500, 232, 168, 64);
169
- --global-color-warning-600: var(--global-color-light-warning-600, 227, 151, 27);
170
- --global-color-warning-700: var(--global-color-light-warning-700, 169, 112, 20);
171
- --global-color-warning-800: var(--global-color-light-warning-800, 114, 75, 14);
172
- --global-color-warning-900: var(--global-color-light-warning-900, 55, 36, 7);
173
- --global-color-warning-950: var(--global-color-light-warning-950, 27, 18, 3);
163
+ --global-color-warning-50: var(--global-color-dark-warning-50, 253, 247, 237);
164
+ --global-color-warning-100: var(--global-color-dark-warning-100, 251, 238, 219);
165
+ --global-color-warning-200: var(--global-color-dark-warning-200, 246, 220, 178);
166
+ --global-color-warning-300: var(--global-color-dark-warning-300, 241, 203, 141);
167
+ --global-color-warning-400: var(--global-color-dark-warning-400, 237, 186, 105);
168
+ --global-color-warning-500: var(--global-color-dark-warning-500, 232, 168, 64);
169
+ --global-color-warning-600: var(--global-color-dark-warning-600, 227, 151, 27);
170
+ --global-color-warning-700: var(--global-color-dark-warning-700, 169, 112, 20);
171
+ --global-color-warning-800: var(--global-color-dark-warning-800, 114, 75, 14);
172
+ --global-color-warning-900: var(--global-color-dark-warning-900, 55, 36, 7);
173
+ --global-color-warning-950: var(--global-color-dark-warning-950, 27, 18, 3);
174
174
  }
175
175
  }
176
176
 
177
177
  :root.dark {
178
- --global-color-background-50: var(--global-color-light-background-50, 34, 37, 43);
179
- --global-color-background-100: var(--global-color-light-background-100, 43, 47, 54);
180
- --global-color-background-200: var(--global-color-light-background-200, 63, 69, 80);
181
- --global-color-background-300: var(--global-color-light-background-300, 81, 88, 103);
182
- --global-color-background-400: var(--global-color-light-background-400, 101, 110, 128);
183
- --global-color-background-500: var(--global-color-light-background-500, 121, 130, 149);
184
- --global-color-background-600: var(--global-color-light-background-600, 147, 154, 169);
185
- --global-color-background-700: var(--global-color-light-background-700, 170, 176, 187);
186
- --global-color-background-800: var(--global-color-light-background-800, 195, 199, 208);
187
- --global-color-background-900: var(--global-color-light-background-900, 218, 221, 226);
188
- --global-color-background-950: var(--global-color-light-background-950, 232, 234, 237);
178
+ --global-color-background-50: var(--global-color-dark-background-50, 34, 37, 43);
179
+ --global-color-background-100: var(--global-color-dark-background-100, 43, 47, 54);
180
+ --global-color-background-200: var(--global-color-dark-background-200, 63, 69, 80);
181
+ --global-color-background-300: var(--global-color-dark-background-300, 81, 88, 103);
182
+ --global-color-background-400: var(--global-color-dark-background-400, 101, 110, 128);
183
+ --global-color-background-500: var(--global-color-dark-background-500, 121, 130, 149);
184
+ --global-color-background-600: var(--global-color-dark-background-600, 147, 154, 169);
185
+ --global-color-background-700: var(--global-color-dark-background-700, 170, 176, 187);
186
+ --global-color-background-800: var(--global-color-dark-background-800, 195, 199, 208);
187
+ --global-color-background-900: var(--global-color-dark-background-900, 218, 221, 226);
188
+ --global-color-background-950: var(--global-color-dark-background-950, 232, 234, 237);
189
189
 
190
- --global-color-contrast-50: var(--global-color-light-contrast-50, 112, 121, 138);
191
- --global-color-contrast-100: var(--global-color-light-contrast-100, 156, 163, 175);
192
- --global-color-contrast-200: var(--global-color-light-contrast-200, 170, 176, 187);
193
- --global-color-contrast-300: var(--global-color-light-contrast-300, 182, 187, 196);
194
- --global-color-contrast-400: var(--global-color-light-contrast-400, 193, 197, 205);
195
- --global-color-contrast-500: var(--global-color-light-contrast-500, 204, 208, 214);
196
- --global-color-contrast-600: var(--global-color-light-contrast-600, 213, 216, 221);
197
- --global-color-contrast-700: var(--global-color-light-contrast-700, 224, 226, 230);
198
- --global-color-contrast-800: var(--global-color-light-contrast-800, 232, 234, 237);
199
- --global-color-contrast-900: var(--global-color-light-contrast-900, 241, 242, 244);
200
- --global-color-contrast-950: var(--global-color-light-contrast-950, 247, 247, 248);
190
+ --global-color-contrast-50: var(--global-color-dark-contrast-50, 112, 121, 138);
191
+ --global-color-contrast-100: var(--global-color-dark-contrast-100, 156, 163, 175);
192
+ --global-color-contrast-200: var(--global-color-dark-contrast-200, 170, 176, 187);
193
+ --global-color-contrast-300: var(--global-color-dark-contrast-300, 182, 187, 196);
194
+ --global-color-contrast-400: var(--global-color-dark-contrast-400, 193, 197, 205);
195
+ --global-color-contrast-500: var(--global-color-dark-contrast-500, 204, 208, 214);
196
+ --global-color-contrast-600: var(--global-color-dark-contrast-600, 213, 216, 221);
197
+ --global-color-contrast-700: var(--global-color-dark-contrast-700, 224, 226, 230);
198
+ --global-color-contrast-800: var(--global-color-dark-contrast-800, 232, 234, 237);
199
+ --global-color-contrast-900: var(--global-color-dark-contrast-900, 241, 242, 244);
200
+ --global-color-contrast-950: var(--global-color-dark-contrast-950, 247, 247, 248);
201
201
 
202
- --global-color-grey-50: var(--global-color-light-grey-50, 227, 227, 227);
203
- --global-color-grey-100: var(--global-color-light-grey-100, 217, 217, 217);
204
- --global-color-grey-200: var(--global-color-light-grey-200, 194, 194, 194);
205
- --global-color-grey-300: var(--global-color-light-grey-300, 171, 171, 171);
206
- --global-color-grey-400: var(--global-color-light-grey-400, 150, 150, 150);
207
- --global-color-grey-500: var(--global-color-light-grey-500, 128, 128, 128);
208
- --global-color-grey-600: var(--global-color-light-grey-600, 105, 105, 105);
209
- --global-color-grey-700: var(--global-color-light-grey-700, 82, 82, 82);
210
- --global-color-grey-800: var(--global-color-light-grey-800, 61, 61, 61);
211
- --global-color-grey-900: var(--global-color-light-grey-900, 38, 38, 38);
212
- --global-color-grey-950: var(--global-color-light-grey-950, 28, 28, 28);
202
+ --global-color-grey-50: var(--global-color-dark-grey-50, 227, 227, 227);
203
+ --global-color-grey-100: var(--global-color-dark-grey-100, 217, 217, 217);
204
+ --global-color-grey-200: var(--global-color-dark-grey-200, 194, 194, 194);
205
+ --global-color-grey-300: var(--global-color-dark-grey-300, 171, 171, 171);
206
+ --global-color-grey-400: var(--global-color-dark-grey-400, 150, 150, 150);
207
+ --global-color-grey-500: var(--global-color-dark-grey-500, 128, 128, 128);
208
+ --global-color-grey-600: var(--global-color-dark-grey-600, 105, 105, 105);
209
+ --global-color-grey-700: var(--global-color-dark-grey-700, 82, 82, 82);
210
+ --global-color-grey-800: var(--global-color-dark-grey-800, 61, 61, 61);
211
+ --global-color-grey-900: var(--global-color-dark-grey-900, 38, 38, 38);
212
+ --global-color-grey-950: var(--global-color-dark-grey-950, 28, 28, 28);
213
213
 
214
- --global-color-primary-50: var(--global-color-light-primary-50, 219, 224, 245);
215
- --global-color-primary-100: var(--global-color-light-primary-100, 204, 210, 240);
216
- --global-color-primary-200: var(--global-color-light-primary-200, 172, 183, 231);
217
- --global-color-primary-300: var(--global-color-light-primary-300, 136, 152, 221);
218
- --global-color-primary-400: var(--global-color-light-primary-400, 105, 124, 212);
219
- --global-color-primary-500: var(--global-color-light-primary-500, 69, 93, 201);
220
- --global-color-primary-600: var(--global-color-light-primary-600, 51, 75, 178);
221
- --global-color-primary-700: var(--global-color-light-primary-700, 41, 60, 143);
222
- --global-color-primary-800: var(--global-color-light-primary-800, 32, 46, 111);
223
- --global-color-primary-900: var(--global-color-light-primary-900, 22, 31, 75);
224
- --global-color-primary-950: var(--global-color-light-primary-950, 17, 25, 59);
214
+ --global-color-primary-50: var(--global-color-dark-primary-50, 219, 224, 245);
215
+ --global-color-primary-100: var(--global-color-dark-primary-100, 204, 210, 240);
216
+ --global-color-primary-200: var(--global-color-dark-primary-200, 172, 183, 231);
217
+ --global-color-primary-300: var(--global-color-dark-primary-300, 136, 152, 221);
218
+ --global-color-primary-400: var(--global-color-dark-primary-400, 105, 124, 212);
219
+ --global-color-primary-500: var(--global-color-dark-primary-500, 69, 93, 201);
220
+ --global-color-primary-600: var(--global-color-dark-primary-600, 51, 75, 178);
221
+ --global-color-primary-700: var(--global-color-dark-primary-700, 41, 60, 143);
222
+ --global-color-primary-800: var(--global-color-dark-primary-800, 32, 46, 111);
223
+ --global-color-primary-900: var(--global-color-dark-primary-900, 22, 31, 75);
224
+ --global-color-primary-950: var(--global-color-dark-primary-950, 17, 25, 59);
225
225
 
226
- --global-color-secondary-50: var(--global-color-light-secondary-50, 232, 252, 251);
227
- --global-color-secondary-100: var(--global-color-light-secondary-100, 214, 250, 247);
228
- --global-color-secondary-200: var(--global-color-light-secondary-200, 168, 245, 239);
229
- --global-color-secondary-300: var(--global-color-light-secondary-300, 127, 240, 231);
230
- --global-color-secondary-400: var(--global-color-light-secondary-400, 86, 236, 223);
231
- --global-color-secondary-500: var(--global-color-light-secondary-500, 40, 231, 215);
232
- --global-color-secondary-600: var(--global-color-light-secondary-600, 23, 202, 188);
233
- --global-color-secondary-700: var(--global-color-light-secondary-700, 17, 151, 140);
234
- --global-color-secondary-800: var(--global-color-light-secondary-800, 11, 101, 93);
235
- --global-color-secondary-900: var(--global-color-light-secondary-900, 6, 50, 47);
236
- --global-color-secondary-950: var(--global-color-light-secondary-950, 3, 27, 25);
226
+ --global-color-secondary-50: var(--global-color-dark-secondary-50, 232, 252, 251);
227
+ --global-color-secondary-100: var(--global-color-dark-secondary-100, 214, 250, 247);
228
+ --global-color-secondary-200: var(--global-color-dark-secondary-200, 168, 245, 239);
229
+ --global-color-secondary-300: var(--global-color-dark-secondary-300, 127, 240, 231);
230
+ --global-color-secondary-400: var(--global-color-dark-secondary-400, 86, 236, 223);
231
+ --global-color-secondary-500: var(--global-color-dark-secondary-500, 40, 231, 215);
232
+ --global-color-secondary-600: var(--global-color-dark-secondary-600, 23, 202, 188);
233
+ --global-color-secondary-700: var(--global-color-dark-secondary-700, 17, 151, 140);
234
+ --global-color-secondary-800: var(--global-color-dark-secondary-800, 11, 101, 93);
235
+ --global-color-secondary-900: var(--global-color-dark-secondary-900, 6, 50, 47);
236
+ --global-color-secondary-950: var(--global-color-dark-secondary-950, 3, 27, 25);
237
237
 
238
- --global-color-error-50: var(--global-color-light-error-50, 253, 231, 231);
239
- --global-color-error-100: var(--global-color-light-error-100, 252, 212, 212);
240
- --global-color-error-200: var(--global-color-light-error-200, 249, 170, 170);
241
- --global-color-error-300: var(--global-color-light-error-300, 245, 122, 122);
242
- --global-color-error-400: var(--global-color-light-error-400, 242, 80, 80);
243
- --global-color-error-500: var(--global-color-light-error-500, 238, 37, 37);
244
- --global-color-error-600: var(--global-color-light-error-600, 211, 16, 16);
245
- --global-color-error-700: var(--global-color-light-error-700, 156, 12, 12);
246
- --global-color-error-800: var(--global-color-light-error-800, 104, 8, 8);
247
- --global-color-error-900: var(--global-color-light-error-900, 52, 4, 4);
248
- --global-color-error-950: var(--global-color-light-error-950, 28, 2, 2);
238
+ --global-color-error-50: var(--global-color-dark-error-50, 253, 231, 231);
239
+ --global-color-error-100: var(--global-color-dark-error-100, 252, 212, 212);
240
+ --global-color-error-200: var(--global-color-dark-error-200, 249, 170, 170);
241
+ --global-color-error-300: var(--global-color-dark-error-300, 245, 122, 122);
242
+ --global-color-error-400: var(--global-color-dark-error-400, 242, 80, 80);
243
+ --global-color-error-500: var(--global-color-dark-error-500, 238, 37, 37);
244
+ --global-color-error-600: var(--global-color-dark-error-600, 211, 16, 16);
245
+ --global-color-error-700: var(--global-color-dark-error-700, 156, 12, 12);
246
+ --global-color-error-800: var(--global-color-dark-error-800, 104, 8, 8);
247
+ --global-color-error-900: var(--global-color-dark-error-900, 52, 4, 4);
248
+ --global-color-error-950: var(--global-color-dark-error-950, 28, 2, 2);
249
249
 
250
- --global-color-warning-50: var(--global-color-light-warning-50, 253, 247, 237);
251
- --global-color-warning-100: var(--global-color-light-warning-100, 251, 238, 219);
252
- --global-color-warning-200: var(--global-color-light-warning-200, 246, 220, 178);
253
- --global-color-warning-300: var(--global-color-light-warning-300, 241, 203, 141);
254
- --global-color-warning-400: var(--global-color-light-warning-400, 237, 186, 105);
255
- --global-color-warning-500: var(--global-color-light-warning-500, 232, 168, 64);
256
- --global-color-warning-600: var(--global-color-light-warning-600, 227, 151, 27);
257
- --global-color-warning-700: var(--global-color-light-warning-700, 169, 112, 20);
258
- --global-color-warning-800: var(--global-color-light-warning-800, 114, 75, 14);
259
- --global-color-warning-900: var(--global-color-light-warning-900, 55, 36, 7);
260
- --global-color-warning-950: var(--global-color-light-warning-950, 27, 18, 3);
250
+ --global-color-warning-50: var(--global-color-dark-warning-50, 253, 247, 237);
251
+ --global-color-warning-100: var(--global-color-dark-warning-100, 251, 238, 219);
252
+ --global-color-warning-200: var(--global-color-dark-warning-200, 246, 220, 178);
253
+ --global-color-warning-300: var(--global-color-dark-warning-300, 241, 203, 141);
254
+ --global-color-warning-400: var(--global-color-dark-warning-400, 237, 186, 105);
255
+ --global-color-warning-500: var(--global-color-dark-warning-500, 232, 168, 64);
256
+ --global-color-warning-600: var(--global-color-dark-warning-600, 227, 151, 27);
257
+ --global-color-warning-700: var(--global-color-dark-warning-700, 169, 112, 20);
258
+ --global-color-warning-800: var(--global-color-dark-warning-800, 114, 75, 14);
259
+ --global-color-warning-900: var(--global-color-dark-warning-900, 55, 36, 7);
260
+ --global-color-warning-950: var(--global-color-dark-warning-950, 27, 18, 3);
261
261
  }
package/dist/index.d.ts CHANGED
@@ -52,3 +52,4 @@ export { default as theme, toggleTheme, setTheme } from './stores/theme';
52
52
  export { default as SimpleTimeLine } from './components/simple/timeline/SimpleTimeLine.svelte';
53
53
  export { default as CollapsibleSideBarLayout } from './components/layouts/CollapsibleSideBarLayout.svelte';
54
54
  export { default as StableDividedSideBarLayout } from './components/layouts/StableDividedSideBarLayout.svelte';
55
+ export { default as UnstableDividedSideBarLayout } from './components/layouts/UnstableDividedSideBarLayout.svelte';
package/dist/index.js CHANGED
@@ -52,3 +52,4 @@ export { default as theme, toggleTheme, setTheme } from './stores/theme';
52
52
  export { default as SimpleTimeLine } from './components/simple/timeline/SimpleTimeLine.svelte';
53
53
  export { default as CollapsibleSideBarLayout } from './components/layouts/CollapsibleSideBarLayout.svelte';
54
54
  export { default as StableDividedSideBarLayout } from './components/layouts/StableDividedSideBarLayout.svelte';
55
+ export { default as UnstableDividedSideBarLayout } from './components/layouts/UnstableDividedSideBarLayout.svelte';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@likable-hair/svelte",
3
3
  "description": "A Svelte component for likablehair",
4
- "version": "3.0.24",
4
+ "version": "3.0.26",
5
5
  "scripts": {
6
6
  "host": "vite --host",
7
7
  "dev": "vite dev",
@@ -64,6 +64,7 @@
64
64
  "imask": "^7.1.0-alpha.0",
65
65
  "lodash": "^4.17.21",
66
66
  "luxon": "^3.3.0",
67
- "svelte-chartjs": "^3.1.2"
67
+ "svelte-chartjs": "^3.1.2",
68
+ "svelte-grid": "^5.1.2"
68
69
  }
69
70
  }