@nordcode/ui 2.0.4 → 2.0.6

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 (32) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/LICENSE.md +159 -159
  3. package/README.md +0 -2
  4. package/out/bundle.css +14 -24
  5. package/out/complete.css +21 -34
  6. package/out/complete_configless.css +7 -10
  7. package/package.json +3 -3
  8. package/src/assets/icons/ArrowRightSolid.svelte +3 -1
  9. package/src/assets/icons/arrow-right-solid.svg +5 -1
  10. package/src/assets/icons/favicon.svg +13 -4
  11. package/src/assets/logos/nordcode-logo-icon.svg +6 -1
  12. package/src/assets/logos/nordcode-logo.svg +46 -13
  13. package/src/modules/dialogs/svelte/dialog.svelte +14 -15
  14. package/src/modules/dialogs/ts/dialogs.ts +80 -79
  15. package/src/modules/notifications/js/notifications.js +3 -6
  16. package/src/modules/notifications/svelte/NotificationTemplate.svelte +0 -2
  17. package/src/styles/components/buttons.css +29 -43
  18. package/src/styles/components/dialogs.css +1 -2
  19. package/src/styles/components/forms.css +3 -7
  20. package/src/styles/components/gallery.css +12 -8
  21. package/src/styles/components/inputs/base.css +3 -63
  22. package/src/styles/components/inputs/segmented.css +4 -8
  23. package/src/styles/components/inputs/switch.css +1 -3
  24. package/src/styles/components/notifications.css +1 -2
  25. package/src/styles/config/config.css +352 -305
  26. package/src/styles/theme/colors.css +182 -124
  27. package/src/styles/theme/colors_processed.css +254 -80
  28. package/src/styles/utils/base.css +2 -13
  29. package/src/styles/utils/easings.css +312 -292
  30. package/src/styles/utils/layouts.css +12 -18
  31. package/src/styles/utils/reset.css +3 -30
  32. package/transform.js +1 -1
package/src/styles/utils/easings.css CHANGED
@@ -50,298 +50,318 @@
50
50
  --ease-squish-3: var(--ease-elastic-in-out-3);
51
51
  --ease-squish-4: var(--ease-elastic-in-out-4);
52
52
  --ease-squish-5: var(--ease-elastic-in-out-5);
53
- --ease-spring-1: linear(0,
54
- 0.006,
55
- 0.025 2.8%,
56
- 0.101 6.1%,
57
- 0.539 18.9%,
58
- 0.721 25.3%,
59
- 0.849 31.5%,
60
- 0.937 38.1%,
61
- 0.968 41.8%,
62
- 0.991 45.7%,
63
- 1.006 50.1%,
64
- 1.015 55%,
65
- 1.017 63.9%,
66
- 1.001);
67
- --ease-spring-2: linear(0,
68
- 0.007,
69
- 0.029 2.2%,
70
- 0.118 4.7%,
71
- 0.625 14.4%,
72
- 0.826 19%,
73
- 0.902,
74
- 0.962,
75
- 1.008 26.1%,
76
- 1.041 28.7%,
77
- 1.064 32.1%,
78
- 1.07 36%,
79
- 1.061 40.5%,
80
- 1.015 53.4%,
81
- 0.999 61.6%,
82
- 0.995 71.2%,
83
- 1);
84
- --ease-spring-3: linear(0,
85
- 0.009,
86
- 0.035 2.1%,
87
- 0.141 4.4%,
88
- 0.723 12.9%,
89
- 0.938 16.7%,
90
- 1.017,
91
- 1.077,
92
- 1.121,
93
- 1.149 24.3%,
94
- 1.159,
95
- 1.163,
96
- 1.161,
97
- 1.154 29.9%,
98
- 1.129 32.8%,
99
- 1.051 39.6%,
100
- 1.017 43.1%,
101
- 0.991,
102
- 0.977 51%,
103
- 0.974 53.8%,
104
- 0.975 57.1%,
105
- 0.997 69.8%,
106
- 1.003 76.9%,
107
- 1);
108
- --ease-spring-4: linear(0,
109
- 0.009,
110
- 0.037 1.7%,
111
- 0.153 3.6%,
112
- 0.776 10.3%,
113
- 1.001,
114
- 1.142 16%,
115
- 1.185,
116
- 1.209 19%,
117
- 1.215 19.9% 20.8%,
118
- 1.199,
119
- 1.165 25%,
120
- 1.056 30.3%,
121
- 1.008 33%,
122
- 0.973,
123
- 0.955 39.2%,
124
- 0.953 41.1%,
125
- 0.957 43.3%,
126
- 0.998 53.3%,
127
- 1.009 59.1% 63.7%,
128
- 0.998 78.9%,
129
- 1);
130
- --ease-spring-5: linear(0,
131
- 0.01,
132
- 0.04 1.6%,
133
- 0.161 3.3%,
134
- 0.816 9.4%,
135
- 1.046,
136
- 1.189 14.4%,
137
- 1.231,
138
- 1.254 17%,
139
- 1.259,
140
- 1.257 18.6%,
141
- 1.236,
142
- 1.194 22.3%,
143
- 1.057 27%,
144
- 0.999 29.4%,
145
- 0.955 32.1%,
146
- 0.942,
147
- 0.935 34.9%,
148
- 0.933,
149
- 0.939 38.4%,
150
- 1 47.3%,
151
- 1.011,
152
- 1.017 52.6%,
153
- 1.016 56.4%,
154
- 1 65.2%,
155
- 0.996 70.2%,
156
- 1.001 87.2%,
157
- 1);
158
- --ease-bounce-1: linear(0,
159
- 0.004,
160
- 0.016,
161
- 0.035,
162
- 0.063,
163
- 0.098,
164
- 0.141,
165
- 0.191,
166
- 0.25,
167
- 0.316,
168
- 0.391 36.8%,
169
- 0.563,
170
- 0.766,
171
- 1 58.8%,
172
- 0.946,
173
- 0.908 69.1%,
174
- 0.895,
175
- 0.885,
176
- 0.879,
177
- 0.878,
178
- 0.879,
179
- 0.885,
180
- 0.895,
181
- 0.908 89.7%,
182
- 0.946,
183
- 1);
184
- --ease-bounce-2: linear(0,
185
- 0.004,
186
- 0.016,
187
- 0.035,
188
- 0.063,
189
- 0.098,
190
- 0.141 15.1%,
191
- 0.25,
192
- 0.391,
193
- 0.562,
194
- 0.765,
195
- 1,
196
- 0.892 45.2%,
197
- 0.849,
198
- 0.815,
199
- 0.788,
200
- 0.769,
201
- 0.757,
202
- 0.753,
203
- 0.757,
204
- 0.769,
205
- 0.788,
206
- 0.815,
207
- 0.85,
208
- 0.892 75.2%,
209
- 1 80.2%,
210
- 0.973,
211
- 0.954,
212
- 0.943,
213
- 0.939,
214
- 0.943,
215
- 0.954,
216
- 0.973,
217
- 1);
218
- --ease-bounce-3: linear(0,
219
- 0.004,
220
- 0.016,
221
- 0.035,
222
- 0.062,
223
- 0.098,
224
- 0.141 11.4%,
225
- 0.25,
226
- 0.39,
227
- 0.562,
228
- 0.764,
229
- 1 30.3%,
230
- 0.847 34.8%,
231
- 0.787,
232
- 0.737,
233
- 0.699,
234
- 0.672,
235
- 0.655,
236
- 0.65,
237
- 0.656,
238
- 0.672,
239
- 0.699,
240
- 0.738,
241
- 0.787,
242
- 0.847 61.7%,
243
- 1 66.2%,
244
- 0.946,
245
- 0.908,
246
- 0.885 74.2%,
247
- 0.879,
248
- 0.878,
249
- 0.879,
250
- 0.885 79.5%,
251
- 0.908,
252
- 0.946,
253
- 1 87.4%,
254
- 0.981,
255
- 0.968,
256
- 0.96,
257
- 0.957,
258
- 0.96,
259
- 0.968,
260
- 0.981,
261
- 1);
262
- --ease-bounce-4: linear(0,
263
- 0.004,
264
- 0.016 3%,
265
- 0.062,
266
- 0.141,
267
- 0.25,
268
- 0.391,
269
- 0.562 18.2%,
270
- 1 24.3%,
271
- 0.81,
272
- 0.676 32.3%,
273
- 0.629,
274
- 0.595,
275
- 0.575,
276
- 0.568,
277
- 0.575,
278
- 0.595,
279
- 0.629,
280
- 0.676 48.2%,
281
- 0.811,
282
- 1 56.2%,
283
- 0.918,
284
- 0.86,
285
- 0.825,
286
- 0.814,
287
- 0.825,
288
- 0.86,
289
- 0.918,
290
- 1 77.2%,
291
- 0.94 80.6%,
292
- 0.925,
293
- 0.92,
294
- 0.925,
295
- 0.94 87.5%,
296
- 1 90.9%,
297
- 0.974,
298
- 0.965,
299
- 0.974,
300
- 1);
301
- --ease-bounce-5: linear(0,
302
- 0.004,
303
- 0.016 2.5%,
304
- 0.063,
305
- 0.141,
306
- 0.25 10.1%,
307
- 0.562,
308
- 1 20.2%,
309
- 0.783,
310
- 0.627,
311
- 0.534 30.9%,
312
- 0.511,
313
- 0.503,
314
- 0.511,
315
- 0.534 38%,
316
- 0.627,
317
- 0.782,
318
- 1 48.7%,
319
- 0.892,
320
- 0.815,
321
- 0.769 56.3%,
322
- 0.757,
323
- 0.753,
324
- 0.757,
325
- 0.769 61.3%,
326
- 0.815,
327
- 0.892,
328
- 1 68.8%,
329
- 0.908 72.4%,
330
- 0.885,
331
- 0.878,
332
- 0.885,
333
- 0.908 79.4%,
334
- 1 83%,
335
- 0.954 85.5%,
336
- 0.943,
337
- 0.939,
338
- 0.943,
339
- 0.954 90.5%,
340
- 1 93%,
341
- 0.977,
342
- 0.97,
343
- 0.977,
344
- 1);
53
+ --ease-spring-1: linear(
54
+ 0,
55
+ 0.006,
56
+ 0.025 2.8%,
57
+ 0.101 6.1%,
58
+ 0.539 18.9%,
59
+ 0.721 25.3%,
60
+ 0.849 31.5%,
61
+ 0.937 38.1%,
62
+ 0.968 41.8%,
63
+ 0.991 45.7%,
64
+ 1.006 50.1%,
65
+ 1.015 55%,
66
+ 1.017 63.9%,
67
+ 1.001
68
+ );
69
+ --ease-spring-2: linear(
70
+ 0,
71
+ 0.007,
72
+ 0.029 2.2%,
73
+ 0.118 4.7%,
74
+ 0.625 14.4%,
75
+ 0.826 19%,
76
+ 0.902,
77
+ 0.962,
78
+ 1.008 26.1%,
79
+ 1.041 28.7%,
80
+ 1.064 32.1%,
81
+ 1.07 36%,
82
+ 1.061 40.5%,
83
+ 1.015 53.4%,
84
+ 0.999 61.6%,
85
+ 0.995 71.2%,
86
+ 1
87
+ );
88
+ --ease-spring-3: linear(
89
+ 0,
90
+ 0.009,
91
+ 0.035 2.1%,
92
+ 0.141 4.4%,
93
+ 0.723 12.9%,
94
+ 0.938 16.7%,
95
+ 1.017,
96
+ 1.077,
97
+ 1.121,
98
+ 1.149 24.3%,
99
+ 1.159,
100
+ 1.163,
101
+ 1.161,
102
+ 1.154 29.9%,
103
+ 1.129 32.8%,
104
+ 1.051 39.6%,
105
+ 1.017 43.1%,
106
+ 0.991,
107
+ 0.977 51%,
108
+ 0.974 53.8%,
109
+ 0.975 57.1%,
110
+ 0.997 69.8%,
111
+ 1.003 76.9%,
112
+ 1
113
+ );
114
+ --ease-spring-4: linear(
115
+ 0,
116
+ 0.009,
117
+ 0.037 1.7%,
118
+ 0.153 3.6%,
119
+ 0.776 10.3%,
120
+ 1.001,
121
+ 1.142 16%,
122
+ 1.185,
123
+ 1.209 19%,
124
+ 1.215 19.9% 20.8%,
125
+ 1.199,
126
+ 1.165 25%,
127
+ 1.056 30.3%,
128
+ 1.008 33%,
129
+ 0.973,
130
+ 0.955 39.2%,
131
+ 0.953 41.1%,
132
+ 0.957 43.3%,
133
+ 0.998 53.3%,
134
+ 1.009 59.1% 63.7%,
135
+ 0.998 78.9%,
136
+ 1
137
+ );
138
+ --ease-spring-5: linear(
139
+ 0,
140
+ 0.01,
141
+ 0.04 1.6%,
142
+ 0.161 3.3%,
143
+ 0.816 9.4%,
144
+ 1.046,
145
+ 1.189 14.4%,
146
+ 1.231,
147
+ 1.254 17%,
148
+ 1.259,
149
+ 1.257 18.6%,
150
+ 1.236,
151
+ 1.194 22.3%,
152
+ 1.057 27%,
153
+ 0.999 29.4%,
154
+ 0.955 32.1%,
155
+ 0.942,
156
+ 0.935 34.9%,
157
+ 0.933,
158
+ 0.939 38.4%,
159
+ 1 47.3%,
160
+ 1.011,
161
+ 1.017 52.6%,
162
+ 1.016 56.4%,
163
+ 1 65.2%,
164
+ 0.996 70.2%,
165
+ 1.001 87.2%,
166
+ 1
167
+ );
168
+ --ease-bounce-1: linear(
169
+ 0,
170
+ 0.004,
171
+ 0.016,
172
+ 0.035,
173
+ 0.063,
174
+ 0.098,
175
+ 0.141,
176
+ 0.191,
177
+ 0.25,
178
+ 0.316,
179
+ 0.391 36.8%,
180
+ 0.563,
181
+ 0.766,
182
+ 1 58.8%,
183
+ 0.946,
184
+ 0.908 69.1%,
185
+ 0.895,
186
+ 0.885,
187
+ 0.879,
188
+ 0.878,
189
+ 0.879,
190
+ 0.885,
191
+ 0.895,
192
+ 0.908 89.7%,
193
+ 0.946,
194
+ 1
195
+ );
196
+ --ease-bounce-2: linear(
197
+ 0,
198
+ 0.004,
199
+ 0.016,
200
+ 0.035,
201
+ 0.063,
202
+ 0.098,
203
+ 0.141 15.1%,
204
+ 0.25,
205
+ 0.391,
206
+ 0.562,
207
+ 0.765,
208
+ 1,
209
+ 0.892 45.2%,
210
+ 0.849,
211
+ 0.815,
212
+ 0.788,
213
+ 0.769,
214
+ 0.757,
215
+ 0.753,
216
+ 0.757,
217
+ 0.769,
218
+ 0.788,
219
+ 0.815,
220
+ 0.85,
221
+ 0.892 75.2%,
222
+ 1 80.2%,
223
+ 0.973,
224
+ 0.954,
225
+ 0.943,
226
+ 0.939,
227
+ 0.943,
228
+ 0.954,
229
+ 0.973,
230
+ 1
231
+ );
232
+ --ease-bounce-3: linear(
233
+ 0,
234
+ 0.004,
235
+ 0.016,
236
+ 0.035,
237
+ 0.062,
238
+ 0.098,
239
+ 0.141 11.4%,
240
+ 0.25,
241
+ 0.39,
242
+ 0.562,
243
+ 0.764,
244
+ 1 30.3%,
245
+ 0.847 34.8%,
246
+ 0.787,
247
+ 0.737,
248
+ 0.699,
249
+ 0.672,
250
+ 0.655,
251
+ 0.65,
252
+ 0.656,
253
+ 0.672,
254
+ 0.699,
255
+ 0.738,
256
+ 0.787,
257
+ 0.847 61.7%,
258
+ 1 66.2%,
259
+ 0.946,
260
+ 0.908,
261
+ 0.885 74.2%,
262
+ 0.879,
263
+ 0.878,
264
+ 0.879,
265
+ 0.885 79.5%,
266
+ 0.908,
267
+ 0.946,
268
+ 1 87.4%,
269
+ 0.981,
270
+ 0.968,
271
+ 0.96,
272
+ 0.957,
273
+ 0.96,
274
+ 0.968,
275
+ 0.981,
276
+ 1
277
+ );
278
+ --ease-bounce-4: linear(
279
+ 0,
280
+ 0.004,
281
+ 0.016 3%,
282
+ 0.062,
283
+ 0.141,
284
+ 0.25,
285
+ 0.391,
286
+ 0.562 18.2%,
287
+ 1 24.3%,
288
+ 0.81,
289
+ 0.676 32.3%,
290
+ 0.629,
291
+ 0.595,
292
+ 0.575,
293
+ 0.568,
294
+ 0.575,
295
+ 0.595,
296
+ 0.629,
297
+ 0.676 48.2%,
298
+ 0.811,
299
+ 1 56.2%,
300
+ 0.918,
301
+ 0.86,
302
+ 0.825,
303
+ 0.814,
304
+ 0.825,
305
+ 0.86,
306
+ 0.918,
307
+ 1 77.2%,
308
+ 0.94 80.6%,
309
+ 0.925,
310
+ 0.92,
311
+ 0.925,
312
+ 0.94 87.5%,
313
+ 1 90.9%,
314
+ 0.974,
315
+ 0.965,
316
+ 0.974,
317
+ 1
318
+ );
319
+ --ease-bounce-5: linear(
320
+ 0,
321
+ 0.004,
322
+ 0.016 2.5%,
323
+ 0.063,
324
+ 0.141,
325
+ 0.25 10.1%,
326
+ 0.562,
327
+ 1 20.2%,
328
+ 0.783,
329
+ 0.627,
330
+ 0.534 30.9%,
331
+ 0.511,
332
+ 0.503,
333
+ 0.511,
334
+ 0.534 38%,
335
+ 0.627,
336
+ 0.782,
337
+ 1 48.7%,
338
+ 0.892,
339
+ 0.815,
340
+ 0.769 56.3%,
341
+ 0.757,
342
+ 0.753,
343
+ 0.757,
344
+ 0.769 61.3%,
345
+ 0.815,
346
+ 0.892,
347
+ 1 68.8%,
348
+ 0.908 72.4%,
349
+ 0.885,
350
+ 0.878,
351
+ 0.885,
352
+ 0.908 79.4%,
353
+ 1 83%,
354
+ 0.954 85.5%,
355
+ 0.943,
356
+ 0.939,
357
+ 0.943,
358
+ 0.954 90.5%,
359
+ 1 93%,
360
+ 0.977,
361
+ 0.97,
362
+ 0.977,
363
+ 1
364
+ );
345
365
 
346
366
  --transition-duration-instant: 0ms;
347
367
  --transition-duration-short: 100ms;
package/src/styles/utils/layouts.css CHANGED
@@ -164,10 +164,11 @@
164
164
  */
165
165
  :where(.nc-grid) {
166
166
  display: grid;
167
- grid-template-columns: repeat(
168
- var(--grid-placement, auto-fill),
169
- minmax(var(--grid-min-item-size, 16rem), 1fr)
170
- );
167
+ grid-template-columns:
168
+ repeat(
169
+ var(--grid-placement, auto-fill),
170
+ minmax(var(--grid-min-item-size, 16rem), 1fr)
171
+ );
171
172
  gap: var(--grid-gap, var(--spacing-base));
172
173
 
173
174
  /* A split 50/50 layout */
@@ -215,7 +216,7 @@
215
216
  /* Max 2 items,
216
217
  so anything greater than 2 is ful width */
217
218
 
218
- & > :nth-child(n + 4) {
219
+ & > :nth-child(n+4) {
219
220
  flex-basis: 100%;
220
221
  }
221
222
  }
@@ -242,21 +243,14 @@
242
243
 
243
244
  display: grid;
244
245
  gap: var(--_nc-ram-grid-gap-column) var(--_nc-ram-grid-gap-row);
245
- grid-template-columns: repeat(
246
- var(--_nc-ram-grid-repeat-count),
247
- minmax(min(var(--_nc-ram-grid-min-width), 100%), 1fr)
248
- );
246
+ grid-template-columns:
247
+ repeat(
248
+ var(--_nc-ram-grid-repeat-count),
249
+ minmax(min(var(--_nc-ram-grid-min-width), 100%), 1fr)
250
+ );
249
251
  }
250
252
 
251
- :where(
252
- .nc-stack,
253
- .nc-cluster,
254
- .nc-with-sidebar,
255
- .nc-grid,
256
- .nc-gallery,
257
- .nc-switcher,
258
- .nc-ram-grid
259
- ) {
253
+ :where(.nc-stack, .nc-cluster, .nc-with-sidebar, .nc-grid, .nc-gallery, .nc-switcher, .nc-ram-grid) {
260
254
  &.-inherit {
261
255
  gap: inherit;
262
256
  }