@breadstone/mosaik-themes 0.1.21 → 0.1.23

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 (10) hide show
  1. package/index.cjs +12 -12
  2. package/index.cjs.map +1 -1
  3. package/index.js +12 -12
  4. package/index.js.map +1 -1
  5. package/package.json +2 -2
  6. package/themes/___joy-tokens.css +52 -112
  7. package/themes/cosmopolitan.scss +367 -279
  8. package/themes/joy-tokens.scss +52 -112
  9. package/themes/joy.scss +559 -620
  10. package/themes/memphis.scss +394 -306
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-themes",
3
- "version": "0.1.21",
3
+ "version": "0.1.23",
4
4
  "description": "Mosaik elements various themes.",
5
5
  "license": "MIT",
6
6
  "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -14,7 +14,7 @@
14
14
  "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
15
15
  },
16
16
  "dependencies": {
17
- "@breadstone/mosaik-elements": "0.1.21",
17
+ "@breadstone/mosaik-elements": "0.1.23",
18
18
  "tslib": "2.8.1"
19
19
  },
20
20
  "peerDependencies": {
package/themes/___joy-tokens.css CHANGED
@@ -319,138 +319,78 @@
319
319
  --typography-overline-text-decoration: none;
320
320
  --typography-overline-text-transform: none;
321
321
  --elevation-none: none;
322
- --elevation-light-light: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14);
322
+ --elevation-light-light: 0px 2px 2px -2px rgba(0, 0, 0, 0.17);
323
323
  --elevation-light-light-offset-x-0: 0px;
324
- --elevation-light-light-offset-x-1: 0px;
325
- --elevation-light-light-offset-y-0: 0px;
326
- --elevation-light-light-offset-y-1: 1px;
324
+ --elevation-light-light-offset-y-0: 2px;
327
325
  --elevation-light-light-blur-0: 2px;
328
- --elevation-light-light-blur-1: 2px;
329
- --elevation-light-light-spread-0: 0px;
330
- --elevation-light-light-spread-1: 0px;
331
- --elevation-light-light-color-0: rgba(0, 0, 0, 0.12);
332
- --elevation-light-light-color-1: rgba(0, 0, 0, 0.14);
333
- --elevation-light-semilight: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14);
326
+ --elevation-light-light-spread-0: -2px;
327
+ --elevation-light-light-color-0: rgba(0, 0, 0, 0.17);
328
+ --elevation-light-semilight: 0px 4px 4px -2px rgba(0, 0, 0, 0.17);
334
329
  --elevation-light-semilight-offset-x-0: 0px;
335
- --elevation-light-semilight-offset-x-1: 0px;
336
- --elevation-light-semilight-offset-y-0: 0px;
337
- --elevation-light-semilight-offset-y-1: 2px;
338
- --elevation-light-semilight-blur-0: 2px;
339
- --elevation-light-semilight-blur-1: 4px;
340
- --elevation-light-semilight-spread-0: 0px;
341
- --elevation-light-semilight-spread-1: 0px;
342
- --elevation-light-semilight-color-0: rgba(0, 0, 0, 0.12);
343
- --elevation-light-semilight-color-1: rgba(0, 0, 0, 0.14);
344
- --elevation-light-regular: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.14);
330
+ --elevation-light-semilight-offset-y-0: 4px;
331
+ --elevation-light-semilight-blur-0: 4px;
332
+ --elevation-light-semilight-spread-0: -2px;
333
+ --elevation-light-semilight-color-0: rgba(0, 0, 0, 0.17);
334
+ --elevation-light-regular: 0px 6px 6px -2px rgba(0, 0, 0, 0.17);
345
335
  --elevation-light-regular-offset-x-0: 0px;
346
- --elevation-light-regular-offset-x-1: 0px;
347
- --elevation-light-regular-offset-y-0: 0px;
348
- --elevation-light-regular-offset-y-1: 4px;
349
- --elevation-light-regular-blur-0: 2px;
350
- --elevation-light-regular-blur-1: 8px;
351
- --elevation-light-regular-spread-0: 0px;
352
- --elevation-light-regular-spread-1: 0px;
353
- --elevation-light-regular-color-0: rgba(0, 0, 0, 0.12);
354
- --elevation-light-regular-color-1: rgba(0, 0, 0, 0.14);
355
- --elevation-light-semibold: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.14);
336
+ --elevation-light-regular-offset-y-0: 6px;
337
+ --elevation-light-regular-blur-0: 6px;
338
+ --elevation-light-regular-spread-0: -2px;
339
+ --elevation-light-regular-color-0: rgba(0, 0, 0, 0.17);
340
+ --elevation-light-semibold: 0px 8px 8px -2px rgba(0, 0, 0, 0.17);
356
341
  --elevation-light-semibold-offset-x-0: 0px;
357
- --elevation-light-semibold-offset-x-1: 0px;
358
- --elevation-light-semibold-offset-y-0: 0px;
359
- --elevation-light-semibold-offset-y-1: 8px;
360
- --elevation-light-semibold-blur-0: 2px;
361
- --elevation-light-semibold-blur-1: 16px;
362
- --elevation-light-semibold-spread-0: 0px;
363
- --elevation-light-semibold-spread-1: 0px;
364
- --elevation-light-semibold-color-0: rgba(0, 0, 0, 0.12);
365
- --elevation-light-semibold-color-1: rgba(0, 0, 0, 0.14);
366
- --elevation-light-bold: 0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 14px 28px 0px rgba(0, 0, 0, 0.14);
342
+ --elevation-light-semibold-offset-y-0: 8px;
343
+ --elevation-light-semibold-blur-0: 8px;
344
+ --elevation-light-semibold-spread-0: -2px;
345
+ --elevation-light-semibold-color-0: rgba(0, 0, 0, 0.17);
346
+ --elevation-light-bold: 0px 10px 10px -2px rgba(0, 0, 0, 0.17);
367
347
  --elevation-light-bold-offset-x-0: 0px;
368
- --elevation-light-bold-offset-x-1: 0px;
369
- --elevation-light-bold-offset-y-0: 0px;
370
- --elevation-light-bold-offset-y-1: 14px;
371
- --elevation-light-bold-blur-0: 8px;
372
- --elevation-light-bold-blur-1: 28px;
373
- --elevation-light-bold-spread-0: 0px;
374
- --elevation-light-bold-spread-1: 0px;
375
- --elevation-light-bold-color-0: rgba(0, 0, 0, 0.12);
376
- --elevation-light-bold-color-1: rgba(0, 0, 0, 0.14);
377
- --elevation-light-extrabold: 0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 32px 64px 0px rgba(0, 0, 0, 0.14);
348
+ --elevation-light-bold-offset-y-0: 10px;
349
+ --elevation-light-bold-blur-0: 10px;
350
+ --elevation-light-bold-spread-0: -2px;
351
+ --elevation-light-bold-color-0: rgba(0, 0, 0, 0.17);
352
+ --elevation-light-extrabold: 0px 12px 12px -2px rgba(0, 0, 0, 0.17);
378
353
  --elevation-light-extrabold-offset-x-0: 0px;
379
- --elevation-light-extrabold-offset-x-1: 0px;
380
- --elevation-light-extrabold-offset-y-0: 0px;
381
- --elevation-light-extrabold-offset-y-1: 32px;
382
- --elevation-light-extrabold-blur-0: 8px;
383
- --elevation-light-extrabold-blur-1: 64px;
384
- --elevation-light-extrabold-spread-0: 0px;
385
- --elevation-light-extrabold-spread-1: 0px;
386
- --elevation-light-extrabold-color-0: rgba(0, 0, 0, 0.12);
387
- --elevation-light-extrabold-color-1: rgba(0, 0, 0, 0.14);
388
- --elevation-dark-light: 0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 1px 2px 0px rgba(0, 0, 0, 0.28);
354
+ --elevation-light-extrabold-offset-y-0: 12px;
355
+ --elevation-light-extrabold-blur-0: 12px;
356
+ --elevation-light-extrabold-spread-0: -2px;
357
+ --elevation-light-extrabold-color-0: rgba(0, 0, 0, 0.17);
358
+ --elevation-dark-light: 0px 2px 2px -2px rgba(0, 0, 0, 0.24);
389
359
  --elevation-dark-light-offset-x-0: 0px;
390
- --elevation-dark-light-offset-x-1: 0px;
391
- --elevation-dark-light-offset-y-0: 0px;
392
- --elevation-dark-light-offset-y-1: 1px;
360
+ --elevation-dark-light-offset-y-0: 2px;
393
361
  --elevation-dark-light-blur-0: 2px;
394
- --elevation-dark-light-blur-1: 2px;
395
- --elevation-dark-light-spread-0: 0px;
396
- --elevation-dark-light-spread-1: 0px;
362
+ --elevation-dark-light-spread-0: -2px;
397
363
  --elevation-dark-light-color-0: rgba(0, 0, 0, 0.24);
398
- --elevation-dark-light-color-1: rgba(0, 0, 0, 0.28);
399
- --elevation-dark-semilight: 0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 2px 4px 0px rgba(0, 0, 0, 0.28);
364
+ --elevation-dark-semilight: 0px 4px 4px -2px rgba(0, 0, 0, 0.24);
400
365
  --elevation-dark-semilight-offset-x-0: 0px;
401
- --elevation-dark-semilight-offset-x-1: 0px;
402
- --elevation-dark-semilight-offset-y-0: 0px;
403
- --elevation-dark-semilight-offset-y-1: 2px;
404
- --elevation-dark-semilight-blur-0: 2px;
405
- --elevation-dark-semilight-blur-1: 4px;
406
- --elevation-dark-semilight-spread-0: 0px;
407
- --elevation-dark-semilight-spread-1: 0px;
366
+ --elevation-dark-semilight-offset-y-0: 4px;
367
+ --elevation-dark-semilight-blur-0: 4px;
368
+ --elevation-dark-semilight-spread-0: -2px;
408
369
  --elevation-dark-semilight-color-0: rgba(0, 0, 0, 0.24);
409
- --elevation-dark-semilight-color-1: rgba(0, 0, 0, 0.28);
410
- --elevation-dark-regular: 0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 4px 8px 0px rgba(0, 0, 0, 0.28);
370
+ --elevation-dark-regular: 0px 6px 6px -2px rgba(0, 0, 0, 0.24);
411
371
  --elevation-dark-regular-offset-x-0: 0px;
412
- --elevation-dark-regular-offset-x-1: 0px;
413
- --elevation-dark-regular-offset-y-0: 0px;
414
- --elevation-dark-regular-offset-y-1: 4px;
415
- --elevation-dark-regular-blur-0: 2px;
416
- --elevation-dark-regular-blur-1: 8px;
417
- --elevation-dark-regular-spread-0: 0px;
418
- --elevation-dark-regular-spread-1: 0px;
372
+ --elevation-dark-regular-offset-y-0: 6px;
373
+ --elevation-dark-regular-blur-0: 6px;
374
+ --elevation-dark-regular-spread-0: -2px;
419
375
  --elevation-dark-regular-color-0: rgba(0, 0, 0, 0.24);
420
- --elevation-dark-regular-color-1: rgba(0, 0, 0, 0.28);
421
- --elevation-dark-semibold: 0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 8px 16px 0px rgba(0, 0, 0, 0.28);
376
+ --elevation-dark-semibold: 0px 8px 8px -2px rgba(0, 0, 0, 0.24);
422
377
  --elevation-dark-semibold-offset-x-0: 0px;
423
- --elevation-dark-semibold-offset-x-1: 0px;
424
- --elevation-dark-semibold-offset-y-0: 0px;
425
- --elevation-dark-semibold-offset-y-1: 8px;
426
- --elevation-dark-semibold-blur-0: 2px;
427
- --elevation-dark-semibold-blur-1: 16px;
428
- --elevation-dark-semibold-spread-0: 0px;
429
- --elevation-dark-semibold-spread-1: 0px;
378
+ --elevation-dark-semibold-offset-y-0: 8px;
379
+ --elevation-dark-semibold-blur-0: 8px;
380
+ --elevation-dark-semibold-spread-0: -2px;
430
381
  --elevation-dark-semibold-color-0: rgba(0, 0, 0, 0.24);
431
- --elevation-dark-semibold-color-1: rgba(0, 0, 0, 0.28);
432
- --elevation-dark-bold: 0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 14px 28px 0px rgba(0, 0, 0, 0.28);
382
+ --elevation-dark-bold: 0px 10px 10px -2px rgba(0, 0, 0, 0.24);
433
383
  --elevation-dark-bold-offset-x-0: 0px;
434
- --elevation-dark-bold-offset-x-1: 0px;
435
- --elevation-dark-bold-offset-y-0: 0px;
436
- --elevation-dark-bold-offset-y-1: 14px;
437
- --elevation-dark-bold-blur-0: 8px;
438
- --elevation-dark-bold-blur-1: 28px;
439
- --elevation-dark-bold-spread-0: 0px;
440
- --elevation-dark-bold-spread-1: 0px;
384
+ --elevation-dark-bold-offset-y-0: 10px;
385
+ --elevation-dark-bold-blur-0: 10px;
386
+ --elevation-dark-bold-spread-0: -2px;
441
387
  --elevation-dark-bold-color-0: rgba(0, 0, 0, 0.24);
442
- --elevation-dark-bold-color-1: rgba(0, 0, 0, 0.28);
443
- --elevation-dark-extrabold: 0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 32px 64px 0px rgba(0, 0, 0, 0.28);
388
+ --elevation-dark-extrabold: 0px 12px 12px -2px rgba(0, 0, 0, 0.24);
444
389
  --elevation-dark-extrabold-offset-x-0: 0px;
445
- --elevation-dark-extrabold-offset-x-1: 0px;
446
- --elevation-dark-extrabold-offset-y-0: 0px;
447
- --elevation-dark-extrabold-offset-y-1: 32px;
448
- --elevation-dark-extrabold-blur-0: 8px;
449
- --elevation-dark-extrabold-blur-1: 64px;
450
- --elevation-dark-extrabold-spread-0: 0px;
451
- --elevation-dark-extrabold-spread-1: 0px;
390
+ --elevation-dark-extrabold-offset-y-0: 12px;
391
+ --elevation-dark-extrabold-blur-0: 12px;
392
+ --elevation-dark-extrabold-spread-0: -2px;
452
393
  --elevation-dark-extrabold-color-0: rgba(0, 0, 0, 0.24);
453
- --elevation-dark-extrabold-color-1: rgba(0, 0, 0, 0.28);
454
394
  --size-tiny: 2px;
455
395
  --size-small: 4px;
456
396
  --size-medium: 8px;