@breadstone/mosaik-themes 0.0.30 → 0.0.32

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 (12) hide show
  1. package/Themes/bootstrap.scss +0 -15
  2. package/Themes/cosmopolitan.scss +306 -595
  3. package/Themes/fluent.scss +1 -68
  4. package/Themes/joy.scss +313 -610
  5. package/Themes/material.scss +0 -15
  6. package/Themes/retro.scss +314 -608
  7. package/_index.scss +24 -0
  8. package/package.json +10 -2
  9. package/Theming/Tokens/DefaultTokens.d.ts +0 -10
  10. package/Theming/Tokens/DefaultTokens.d.ts.map +0 -1
  11. package/Theming/Tokens/DefaultTokens.js +0 -10
  12. package/Theming/Tokens/DefaultTokens.js.map +0 -1
package/_index.scss ADDED
@@ -0,0 +1,24 @@
1
+ @use './Themes/bootstrap' as bootstrap;
2
+ @use './Themes/cosmopolitan.scss' as cosmopolitan;
3
+ @use './Themes/fluent' as fluent;
4
+ @use './Themes/joy' as joy;
5
+ @use './Themes/material' as material;
6
+ @use './Themes/retro' as retro;
7
+ @mixin bootstrap-style($radius: bootstrap.$layout-radius, $thickness: bootstrap.$layout-thickness, $space: bootstrap.$layout-space) {
8
+ @include bootstrap.bootstrap-style($radius: bootstrap.$layout-radius, $thickness: bootstrap.$layout-thickness, $space: bootstrap.$layout-space);
9
+ }
10
+ @mixin cosmopolitan-style($radius: cosmopolitan.$layout-radius, $thickness: cosmopolitan.$layout-thickness, $space: cosmopolitan.$layout-space) {
11
+ @include cosmopolitan.cosmopolitan-style($radius: cosmopolitan.$layout-radius, $thickness: cosmopolitan.$layout-thickness, $space: cosmopolitan.$layout-space);
12
+ }
13
+ @mixin fluent-style($radius: fluent.$layout-radius, $thickness: fluent.$layout-thickness, $space: fluent.$layout-space) {
14
+ @include fluent.fluent-style($radius: fluent.$layout-radius, $thickness: fluent.$layout-thickness, $space: fluent.$layout-space);
15
+ }
16
+ @mixin joy-style($radius: joy.$layout-radius, $thickness: joy.$layout-thickness, $space: joy.$layout-space) {
17
+ @include joy.joy-style($radius: joy.$layout-radius, $thickness: joy.$layout-thickness, $space: joy.$layout-space);
18
+ }
19
+ @mixin material-style($radius: material.$layout-radius, $thickness: material.$layout-thickness, $space: material.$layout-space) {
20
+ @include material.material-style($radius: material.$layout-radius, $thickness: material.$layout-thickness, $space: material.$layout-space);
21
+ }
22
+ @mixin retro-style($radius: retro.$layout-radius, $thickness: retro.$layout-thickness, $space: retro.$layout-space) {
23
+ @include retro.retro-style($radius: retro.$layout-radius, $thickness: retro.$layout-thickness, $space: retro.$layout-space);
24
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-themes",
3
- "version": "0.0.30",
3
+ "version": "0.0.32",
4
4
  "description": "Mosaik elements various themes.",
5
5
  "license": "MIT",
6
6
  "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -9,13 +9,21 @@
9
9
  "commonjs": "./Index.js",
10
10
  "typings": "./Index.d.ts",
11
11
  "types": "./Index.d.ts",
12
+ "style": "./_index.scss",
12
13
  "customElements": "./custom-elements.json",
13
14
  "repository": {
14
15
  "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
15
16
  },
16
17
  "dependencies": {
17
- "@breadstone/mosaik-elements": "^0.0.30",
18
+ "@breadstone/mosaik-elements": "^0.0.32",
18
19
  "@ctrl/tinycolor": "^4.1.0",
19
20
  "tslib": "^2.8.1"
21
+ },
22
+ "exports": {
23
+ ".": {
24
+ "import": "./Index.js",
25
+ "types": "./Index.d.ts"
26
+ },
27
+ "./scss": "./_index.scss"
20
28
  }
21
29
  }
package/Theming/Tokens/DefaultTokens.d.ts DELETED
@@ -1,10 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
- export declare const NAME = "default";
5
- export declare const FONT_FAMILY = "'Inter', Roboto, Helvetica, sans-serif";
6
- export declare const LAYOUT_RADIUS = "12px";
7
- export declare const LAYOUT_SPACE = "8px";
8
- export declare const LAYOUT_THICKNESS = "2px";
9
- export declare const ELEVATION_NONE = "none";
10
- //# sourceMappingURL=DefaultTokens.d.ts.map
package/Theming/Tokens/DefaultTokens.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"DefaultTokens.d.ts","sourceRoot":"","sources":["../../../src/Theming/Tokens/DefaultTokens.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,IAAI,YAAY,CAAC;AAC9B,eAAO,MAAM,WAAW,2CAA2C,CAAC;AACpE,eAAO,MAAM,aAAa,SAAS,CAAC;AACpC,eAAO,MAAM,YAAY,QAAQ,CAAC;AAClC,eAAO,MAAM,gBAAgB,QAAQ,CAAC;AACtC,eAAO,MAAM,cAAc,SAAS,CAAC"}
package/Theming/Tokens/DefaultTokens.js DELETED
@@ -1,10 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
- export const NAME = "default";
5
- export const FONT_FAMILY = "'Inter', Roboto, Helvetica, sans-serif";
6
- export const LAYOUT_RADIUS = "12px";
7
- export const LAYOUT_SPACE = "8px";
8
- export const LAYOUT_THICKNESS = "2px";
9
- export const ELEVATION_NONE = "none";
10
- //# sourceMappingURL=DefaultTokens.js.map
package/Theming/Tokens/DefaultTokens.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"DefaultTokens.js","sourceRoot":"","sources":["../../../src/Theming/Tokens/DefaultTokens.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC;AAC9B,MAAM,CAAC,MAAM,WAAW,GAAG,wCAAwC,CAAC;AACpE,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC;AACpC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC;AAClC,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC;AACtC,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC"}