@breadstone/mosaik-themes 0.0.224 → 0.0.227

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 (15) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/index.cjs +2 -2
  3. package/index.cjs.map +1 -1
  4. package/index.js +2 -2
  5. package/index.js.map +1 -1
  6. package/package.json +2 -2
  7. package/themes/___cosmopolitan-tokens.css +23 -1
  8. package/themes/___joy-tokens.css +10 -0
  9. package/themes/___memphis-tokens.css +15 -3
  10. package/themes/cosmopolitan-tokens.scss +22 -1
  11. package/themes/cosmopolitan.scss +3869 -52
  12. package/themes/joy-tokens.scss +9 -0
  13. package/themes/joy.scss +3936 -118
  14. package/themes/memphis-tokens.scss +14 -3
  15. package/themes/memphis.scss +3858 -33
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-themes",
3
- "version": "0.0.224",
3
+ "version": "0.0.227",
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.0.224",
17
+ "@breadstone/mosaik-elements": "^0.0.227",
18
18
  "chroma-js": "^3.2.0",
19
19
  "tslib": "^2.8.1"
20
20
  },
package/themes/___cosmopolitan-tokens.css CHANGED
@@ -1,3 +1,13 @@
1
+ /**
2
+ * ------------------------------------------------------------------------------
3
+ * <auto-generated>
4
+ * This code was generated by a tool.
5
+ * Changes to this file may cause incorrect behavior and will be lost if
6
+ * the code is regenerated.
7
+ * </auto-generated>
8
+ * ------------------------------------------------------------------------------
9
+ */
10
+
1
11
  :root {
2
12
  --name: "cosmopolitan";
3
13
  --font-family: 'Noto Sans', sans-serif;
@@ -436,9 +446,20 @@
436
446
  --elevation-key-semibold: "semibold";
437
447
  --elevation-key-bold: "bold";
438
448
  --elevation-key-extrabold: "extrabold";
449
+ --appearance-default: "default";
450
+ --appearance-outline: "outline";
451
+ --appearance-plain: "plain";
452
+ --appearance-soft: "soft";
453
+ --appearance-solid: "solid";
439
454
  --variant-primary: "primary";
440
455
  --variant-secondary: "secondary";
441
456
  --variant-tertiary: "tertiary";
457
+ --variant-danger: "danger";
458
+ --variant-warning: "warning";
459
+ --variant-success: "success";
460
+ --variant-info: "info";
461
+ --variant-highlight: "highlight";
462
+ --variant-neutral: "neutral";
442
463
  --duration-short: 200ms;
443
464
  --duration-medium: 400ms;
444
465
  --duration-long: 600ms;
@@ -453,5 +474,6 @@
453
474
  --typography-button-font-family: var(--font-family);
454
475
  --size-key: var(--size-key-tiny) var(--size-key-small) var(--size-key-medium) var(--size-key-large) var(--size-key-giant);
455
476
  --elevation-key: var(--elevation-key-light) var(--elevation-key-semilight) var(--elevation-key-regular) var(--elevation-key-semibold) var(--elevation-key-bold) var(--elevation-key-extrabold);
456
- --variant: var(--variant-primary);
477
+ --appearance: var(--appearance-default) var(--appearance-outline) var(--appearance-plain) var(--appearance-soft) var(--appearance-solid);
478
+ --variant: var(--variant-primary) var(--variant-secondary) var(--variant-tertiary) var(--variant-danger) var(--variant-warning) var(--variant-success) var(--variant-info) var(--variant-highlight) var(--variant-neutral);
457
479
  }
package/themes/___joy-tokens.css CHANGED
@@ -1,3 +1,13 @@
1
+ /**
2
+ * ------------------------------------------------------------------------------
3
+ * <auto-generated>
4
+ * This code was generated by a tool.
5
+ * Changes to this file may cause incorrect behavior and will be lost if
6
+ * the code is regenerated.
7
+ * </auto-generated>
8
+ * ------------------------------------------------------------------------------
9
+ */
10
+
1
11
  :root {
2
12
  --name: "joy";
3
13
  --font-family: Nunito, sans-serif;
package/themes/___memphis-tokens.css CHANGED
@@ -1,3 +1,13 @@
1
+ /**
2
+ * ------------------------------------------------------------------------------
3
+ * <auto-generated>
4
+ * This code was generated by a tool.
5
+ * Changes to this file may cause incorrect behavior and will be lost if
6
+ * the code is regenerated.
7
+ * </auto-generated>
8
+ * ------------------------------------------------------------------------------
9
+ */
10
+
1
11
  :root {
2
12
  --name: "memphis";
3
13
  --font-family: Nunito, sans-serif;
@@ -387,10 +397,12 @@
387
397
  --appearance-solid: "solid";
388
398
  --variant-primary: "primary";
389
399
  --variant-secondary: "secondary";
390
- --variant-info: "info";
391
- --variant-warning: "warning";
400
+ --variant-tertiary: "tertiary";
392
401
  --variant-danger: "danger";
402
+ --variant-warning: "warning";
393
403
  --variant-success: "success";
404
+ --variant-info: "info";
405
+ --variant-highlight: "highlight";
394
406
  --variant-neutral: "neutral";
395
407
  --duration-short: 200ms;
396
408
  --duration-medium: 400ms;
@@ -435,6 +447,6 @@
435
447
  --size-key: var(--size-key-tiny) var(--size-key-small) var(--size-key-medium) var(--size-key-large) var(--size-key-giant);
436
448
  --elevation-key: var(--elevation-key-light) var(--elevation-key-semilight) var(--elevation-key-regular) var(--elevation-key-semibold) var(--elevation-key-bold) var(--elevation-key-extrabold);
437
449
  --appearance: var(--appearance-default) var(--appearance-outline) var(--appearance-plain) var(--appearance-soft) var(--appearance-solid);
438
- --variant: var(--variant-primary) var(--variant-secondary) var(--variant-info) var(--variant-warning) var(--variant-danger) var(--variant-success) var(--variant-neutral);
450
+ --variant: var(--variant-primary) var(--variant-secondary) var(--variant-tertiary) var(--variant-danger) var(--variant-warning) var(--variant-success) var(--variant-info) var(--variant-highlight) var(--variant-neutral);
439
451
  --duration: var(--duration-short) var(--duration-medium) var(--duration-long);
440
452
  }
package/themes/cosmopolitan-tokens.scss CHANGED
@@ -1,3 +1,12 @@
1
+
2
+ // ------------------------------------------------------------------------------
3
+ // <auto-generated>
4
+ // This code was generated by a tool.
5
+ // Changes to this file may cause incorrect behavior and will be lost if
6
+ // the code is regenerated.
7
+ // </auto-generated>
8
+ // ------------------------------------------------------------------------------
9
+
1
10
  $name: "cosmopolitan";
2
11
  $font-family: 'Noto Sans', sans-serif;
3
12
  $layout-radius: 3px;
@@ -435,9 +444,20 @@ $elevation-key-regular: "regular";
435
444
  $elevation-key-semibold: "semibold";
436
445
  $elevation-key-bold: "bold";
437
446
  $elevation-key-extrabold: "extrabold";
447
+ $appearance-default: "default";
448
+ $appearance-outline: "outline";
449
+ $appearance-plain: "plain";
450
+ $appearance-soft: "soft";
451
+ $appearance-solid: "solid";
438
452
  $variant-primary: "primary";
439
453
  $variant-secondary: "secondary";
440
454
  $variant-tertiary: "tertiary";
455
+ $variant-danger: "danger";
456
+ $variant-warning: "warning";
457
+ $variant-success: "success";
458
+ $variant-info: "info";
459
+ $variant-highlight: "highlight";
460
+ $variant-neutral: "neutral";
441
461
  $duration-short: 200ms;
442
462
  $duration-medium: 400ms;
443
463
  $duration-long: 600ms;
@@ -452,4 +472,5 @@ $typography-body2-font-family: $font-family;
452
472
  $typography-button-font-family: $font-family;
453
473
  $size-key: $size-key-tiny $size-key-small $size-key-medium $size-key-large $size-key-giant;
454
474
  $elevation-key: $elevation-key-light $elevation-key-semilight $elevation-key-regular $elevation-key-semibold $elevation-key-bold $elevation-key-extrabold;
455
- $variant: $variant-primary;
475
+ $appearance: $appearance-default $appearance-outline $appearance-plain $appearance-soft $appearance-solid;
476
+ $variant: $variant-primary $variant-secondary $variant-tertiary $variant-danger $variant-warning $variant-success $variant-info $variant-highlight $variant-neutral;