@breadstone/mosaik-themes 0.0.177 → 0.0.179
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.
- package/CHANGELOG.md +36 -0
- package/Index.d.ts +1 -1
- package/Index.d.ts.map +1 -1
- package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.d.ts +1 -1
- package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.d.ts.map +1 -1
- package/Theming/Strategies/JoyThemeGeneratorStrategy.d.ts +1 -1
- package/Theming/Strategies/JoyThemeGeneratorStrategy.d.ts.map +1 -1
- package/Theming/Strategies/MaterialThemeGeneratorStrategy.d.ts +1 -1
- package/Theming/Strategies/MaterialThemeGeneratorStrategy.d.ts.map +1 -1
- package/Theming/Strategies/MemphisThemeGeneratorStrategy.d.ts +1 -1
- package/Theming/Strategies/MemphisThemeGeneratorStrategy.d.ts.map +1 -1
- package/Theming/Strategies/TailwindThemeGeneratorStrategy.d.ts +48 -0
- package/Theming/Strategies/TailwindThemeGeneratorStrategy.d.ts.map +1 -0
- package/Theming/Strategies/TailwindThemeGeneratorStrategy.js +69 -0
- package/Theming/Strategies/TailwindThemeGeneratorStrategy.js.map +1 -0
- package/Theming/Strategies/index.d.ts +2 -1
- package/Theming/Strategies/index.d.ts.map +1 -1
- package/Theming/Strategies/index.js +1 -0
- package/Theming/Strategies/index.js.map +1 -1
- package/Theming/Strategies/{IThemeGeneratorStrategy.d.ts → interfaces/IThemeGeneratorStrategy.d.ts} +3 -3
- package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.d.ts.map +1 -0
- package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.js.map +1 -0
- package/package.json +6 -49
- package/tailwind/v3/index.d.ts +26 -0
- package/tailwind/v3/index.d.ts.map +1 -0
- package/tailwind/v3/index.js +95 -0
- package/tailwind/v3/index.js.map +1 -0
- package/tailwind/v3/plugins/bootstrapTailwindPlugin.d.ts +5 -0
- package/tailwind/v3/plugins/bootstrapTailwindPlugin.d.ts.map +1 -0
- package/tailwind/v3/plugins/bootstrapTailwindPlugin.js +113 -0
- package/tailwind/v3/plugins/bootstrapTailwindPlugin.js.map +1 -0
- package/tailwind/v3/plugins/cosmopolitanTailwindPlugin.d.ts +5 -0
- package/tailwind/v3/plugins/cosmopolitanTailwindPlugin.d.ts.map +1 -0
- package/tailwind/v3/plugins/cosmopolitanTailwindPlugin.js +144 -0
- package/tailwind/v3/plugins/cosmopolitanTailwindPlugin.js.map +1 -0
- package/tailwind/v3/plugins/fluentTailwindPlugin.d.ts +5 -0
- package/tailwind/v3/plugins/fluentTailwindPlugin.d.ts.map +1 -0
- package/tailwind/v3/plugins/fluentTailwindPlugin.js +64 -0
- package/tailwind/v3/plugins/fluentTailwindPlugin.js.map +1 -0
- package/tailwind/v3/plugins/joyTailwindPlugin.d.ts +5 -0
- package/tailwind/v3/plugins/joyTailwindPlugin.d.ts.map +1 -0
- package/tailwind/v3/plugins/joyTailwindPlugin.js +414 -0
- package/tailwind/v3/plugins/joyTailwindPlugin.js.map +1 -0
- package/tailwind/v3/plugins/materialTailwindPlugin.d.ts +5 -0
- package/tailwind/v3/plugins/materialTailwindPlugin.d.ts.map +1 -0
- package/tailwind/v3/plugins/materialTailwindPlugin.js +54 -0
- package/tailwind/v3/plugins/materialTailwindPlugin.js.map +1 -0
- package/tailwind/v3/plugins/memphisTailwindPlugin.d.ts +5 -0
- package/tailwind/v3/plugins/memphisTailwindPlugin.d.ts.map +1 -0
- package/tailwind/v3/plugins/memphisTailwindPlugin.js +357 -0
- package/tailwind/v3/plugins/memphisTailwindPlugin.js.map +1 -0
- package/tailwind/v3/presets/bootstrapTailwindPresets.d.ts +3 -0
- package/tailwind/v3/presets/bootstrapTailwindPresets.d.ts.map +1 -0
- package/tailwind/v3/presets/bootstrapTailwindPresets.js +102 -0
- package/tailwind/v3/presets/bootstrapTailwindPresets.js.map +1 -0
- package/tailwind/v3/presets/cosmopolitanTailwindPresets.d.ts +3 -0
- package/tailwind/v3/presets/cosmopolitanTailwindPresets.d.ts.map +1 -0
- package/tailwind/v3/presets/cosmopolitanTailwindPresets.js +133 -0
- package/tailwind/v3/presets/cosmopolitanTailwindPresets.js.map +1 -0
- package/tailwind/v3/presets/fluentTailwindPresets.d.ts +3 -0
- package/tailwind/v3/presets/fluentTailwindPresets.d.ts.map +1 -0
- package/tailwind/v3/presets/fluentTailwindPresets.js +53 -0
- package/tailwind/v3/presets/fluentTailwindPresets.js.map +1 -0
- package/tailwind/v3/presets/joyTailwindPresets.d.ts +3 -0
- package/tailwind/v3/presets/joyTailwindPresets.d.ts.map +1 -0
- package/tailwind/v3/presets/joyTailwindPresets.js +403 -0
- package/tailwind/v3/presets/joyTailwindPresets.js.map +1 -0
- package/tailwind/v3/presets/materialTailwindPresets.d.ts +3 -0
- package/tailwind/v3/presets/materialTailwindPresets.d.ts.map +1 -0
- package/tailwind/v3/presets/materialTailwindPresets.js +43 -0
- package/tailwind/v3/presets/materialTailwindPresets.js.map +1 -0
- package/tailwind/v3/presets/memphisTailwindPresets.d.ts +3 -0
- package/tailwind/v3/presets/memphisTailwindPresets.d.ts.map +1 -0
- package/tailwind/v3/presets/memphisTailwindPresets.js +346 -0
- package/tailwind/v3/presets/memphisTailwindPresets.js.map +1 -0
- package/Theming/Strategies/IThemeGeneratorStrategy.d.ts.map +0 -1
- package/Theming/Strategies/IThemeGeneratorStrategy.js.map +0 -1
- package/tailwind/v3/mosaik-bootstrap.tailwind.config.cjs +0 -99
- package/tailwind/v3/mosaik-cosmopolitan.tailwind.config.cjs +0 -130
- package/tailwind/v3/mosaik-fluent.tailwind.config.cjs +0 -50
- package/tailwind/v3/mosaik-joy.tailwind.config.cjs +0 -400
- package/tailwind/v3/mosaik-material.tailwind.config.cjs +0 -40
- package/tailwind/v3/mosaik-memphis.tailwind.config.cjs +0 -343
- package/tailwind/v3/plugins/mosaik-bootstrap.tailwind.plugin.cjs +0 -108
- package/tailwind/v3/plugins/mosaik-cosmopolitan.tailwind.plugin.cjs +0 -139
- package/tailwind/v3/plugins/mosaik-fluent.tailwind.plugin.cjs +0 -59
- package/tailwind/v3/plugins/mosaik-joy.tailwind.plugin.cjs +0 -409
- package/tailwind/v3/plugins/mosaik-material.tailwind.plugin.cjs +0 -49
- package/tailwind/v3/plugins/mosaik-memphis.tailwind.plugin.cjs +0 -352
- /package/Theming/Strategies/{IThemeGeneratorStrategy.js → interfaces/IThemeGeneratorStrategy.js} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,39 @@
|
|
|
1
|
+
## 0.0.178 (2025-11-29)
|
|
2
|
+
|
|
3
|
+
### 🚀 Features
|
|
4
|
+
|
|
5
|
+
- **theme:** refactor theme generator strategy imports and add Tailwind strategy ([24b5731020](https://github.com/RueDeRennes/mosaik/commit/24b5731020))
|
|
6
|
+
|
|
7
|
+
### 🩹 Fixes
|
|
8
|
+
|
|
9
|
+
- **package:** add missing newline at end of file ([0fc5a107d6](https://github.com/RueDeRennes/mosaik/commit/0fc5a107d6))
|
|
10
|
+
|
|
11
|
+
## 0.0.177 (2025-11-29)
|
|
12
|
+
|
|
13
|
+
### 🚀 Features
|
|
14
|
+
|
|
15
|
+
- **theme:** add new design tokens and update existing token categories for consistency ([331e4a684a](https://github.com/RueDeRennes/mosaik/commit/331e4a684a))
|
|
16
|
+
|
|
17
|
+
### 🩹 Fixes
|
|
18
|
+
|
|
19
|
+
- **release:** update release script version to 0.0.177 ([1895016b0a](https://github.com/RueDeRennes/mosaik/commit/1895016b0a))
|
|
20
|
+
|
|
21
|
+
## 0.0.176 (2025-11-29)
|
|
22
|
+
|
|
23
|
+
### 🚀 Features
|
|
24
|
+
|
|
25
|
+
- add oklch color transform and update dependencies in style-dictionary plugins ([40063afe0a](https://github.com/RueDeRennes/mosaik/commit/40063afe0a))
|
|
26
|
+
|
|
27
|
+
### 🩹 Fixes
|
|
28
|
+
|
|
29
|
+
- add missing newline at end of JSON files ([60b2109dd0](https://github.com/RueDeRennes/mosaik/commit/60b2109dd0))
|
|
30
|
+
|
|
31
|
+
## 0.0.175 (2025-11-28)
|
|
32
|
+
|
|
33
|
+
### 🩹 Fixes
|
|
34
|
+
|
|
35
|
+
- add missing newline at end of package.json ([b00046e27b](https://github.com/RueDeRennes/mosaik/commit/b00046e27b))
|
|
36
|
+
|
|
1
37
|
## 0.0.174 (2025-11-28)
|
|
2
38
|
|
|
3
39
|
### 🚀 Features
|
package/Index.d.ts
CHANGED
|
@@ -22,7 +22,7 @@ export type { IThemeTypographyFontType } from './Theming/Utils/IThemeTypographyF
|
|
|
22
22
|
export type { ThemeMode } from './Theming/ThemeObserver';
|
|
23
23
|
export { ThemeObserver, ThemeObserverServiceLocator } from './Theming/ThemeObserver';
|
|
24
24
|
export { ThemeGeneratorServiceLocator, ThemeGenerator } from './Theming/ThemeGenerator';
|
|
25
|
-
export type { IThemeGeneratorStrategy } from './Theming/Strategies/IThemeGeneratorStrategy';
|
|
25
|
+
export type { IThemeGeneratorStrategy } from './Theming/Strategies/interfaces/IThemeGeneratorStrategy';
|
|
26
26
|
export { MaterialThemeGeneratorStrategy } from './Theming/Strategies/MaterialThemeGeneratorStrategy';
|
|
27
27
|
export { JoyThemeGeneratorStrategy } from './Theming/Strategies/JoyThemeGeneratorStrategy';
|
|
28
28
|
export { MemphisThemeGeneratorStrategy } from './Theming/Strategies/MemphisThemeGeneratorStrategy';
|
package/Index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Index.d.ts","sourceRoot":"","sources":["../src/Index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACrG,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AACrE,YAAY,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACvE,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACzE,YAAY,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AACzF,YAAY,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,4BAA4B,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxF,YAAY,EAAE,uBAAuB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Index.d.ts","sourceRoot":"","sources":["../src/Index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACrG,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AACrE,YAAY,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACvE,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACzE,YAAY,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AACzF,YAAY,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,4BAA4B,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxF,YAAY,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AACvG,OAAO,EAAE,8BAA8B,EAAE,MAAM,qDAAqD,CAAC;AACrG,OAAO,EAAE,yBAAyB,EAAE,MAAM,gDAAgD,CAAC;AAC3F,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AACnG,OAAO,EAAE,kCAAkC,EAAE,MAAM,yDAAyD,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { CssColor } from '../Utils/CssColor';
|
|
2
2
|
import type { IThemePalette } from '../Utils/IThemePalette';
|
|
3
3
|
import type { IThemeScheme } from '../Utils/IThemeScheme';
|
|
4
|
-
import type { IThemeGeneratorStrategy } from './IThemeGeneratorStrategy';
|
|
4
|
+
import type { IThemeGeneratorStrategy } from './interfaces/IThemeGeneratorStrategy';
|
|
5
5
|
/**
|
|
6
6
|
* Cosmopolitan theme generator strategy.
|
|
7
7
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CosmopolitanThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"CosmopolitanThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAKpF;;;;GAIG;AACH,qBAAa,kCAAmC,YAAW,uBAAuB;IAI9E,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAiC;;IAc5D,eAAe,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa;IA8B3E,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY;CAMnF"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { CssColor } from '../Utils/CssColor';
|
|
2
2
|
import type { IThemePalette } from '../Utils/IThemePalette';
|
|
3
3
|
import type { IThemeScheme } from '../Utils/IThemeScheme';
|
|
4
|
-
import type { IThemeGeneratorStrategy } from './IThemeGeneratorStrategy';
|
|
4
|
+
import type { IThemeGeneratorStrategy } from './interfaces/IThemeGeneratorStrategy';
|
|
5
5
|
/**
|
|
6
6
|
* Joy UI theme generator strategy.
|
|
7
7
|
* Uses the same generation logic as Material Design.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JoyThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/JoyThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"JoyThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/JoyThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAKpF;;;;;GAKG;AACH,qBAAa,yBAA0B,YAAW,uBAAuB;IAIrE,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAiC;;IAc5D,eAAe,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa;IAI3E,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY;CAMnF"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { CssColor } from '../Utils/CssColor';
|
|
2
2
|
import type { IThemePalette } from '../Utils/IThemePalette';
|
|
3
3
|
import type { IThemeScheme } from '../Utils/IThemeScheme';
|
|
4
|
-
import type { IThemeGeneratorStrategy } from './IThemeGeneratorStrategy';
|
|
4
|
+
import type { IThemeGeneratorStrategy } from './interfaces/IThemeGeneratorStrategy';
|
|
5
5
|
/**
|
|
6
6
|
* Material Design theme generator strategy.
|
|
7
7
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaterialThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/MaterialThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"MaterialThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/MaterialThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAIpF;;;;GAIG;AACH,qBAAa,8BAA+B,YAAW,uBAAuB;;IAWnE,eAAe,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa;IA8B3E,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY;CAuDnF"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { CssColor } from '../Utils/CssColor';
|
|
2
2
|
import type { IThemePalette } from '../Utils/IThemePalette';
|
|
3
3
|
import type { IThemeScheme } from '../Utils/IThemeScheme';
|
|
4
|
-
import type { IThemeGeneratorStrategy } from './IThemeGeneratorStrategy';
|
|
4
|
+
import type { IThemeGeneratorStrategy } from './interfaces/IThemeGeneratorStrategy';
|
|
5
5
|
/**
|
|
6
6
|
* Memphis theme generator strategy.
|
|
7
7
|
* Uses the same generation logic as Material Design.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MemphisThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/MemphisThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"MemphisThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/MemphisThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAKpF;;;;;GAKG;AACH,qBAAa,6BAA8B,YAAW,uBAAuB;IAIzE,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAiC;;IAc5D,eAAe,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa;IAI3E,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY;CAMnF"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import type { CssColor } from '../Utils/CssColor';
|
|
2
|
+
import type { IThemeGeneratorStrategy } from './interfaces/IThemeGeneratorStrategy';
|
|
3
|
+
import type { IThemePalette } from '../Utils/IThemePalette';
|
|
4
|
+
import type { IThemeScheme } from '../Utils/IThemeScheme';
|
|
5
|
+
/**
|
|
6
|
+
* Tailwind-like strategy.
|
|
7
|
+
*
|
|
8
|
+
* Generates a color palette with the following shade steps:
|
|
9
|
+
* 50, 100, 200, 300, 400, 500, 600, 700, 800, 900.
|
|
10
|
+
*
|
|
11
|
+
* Each returned color is a hex string (CssColor).
|
|
12
|
+
*/
|
|
13
|
+
export declare class TailwindThemeGeneratorStrategy implements IThemeGeneratorStrategy {
|
|
14
|
+
/**
|
|
15
|
+
* Generates a palette of shades based on a base/accent color.
|
|
16
|
+
*
|
|
17
|
+
* @param baseColor - The base/accent color (e.g. "#3498db")
|
|
18
|
+
* @param mode - 'light' or 'dark' mode: determines how light or dark the palette extremes are.
|
|
19
|
+
* @returns An IThemePalette mapping each shade step to a hex color.
|
|
20
|
+
*
|
|
21
|
+
* Example (light mode, baseColor = blue-ish):
|
|
22
|
+
* {
|
|
23
|
+
* "50": "#f5faff",
|
|
24
|
+
* "100": "#e1f3ff",
|
|
25
|
+
* ...
|
|
26
|
+
* "500": "#3498db",
|
|
27
|
+
* ...
|
|
28
|
+
* "900": "#0a2d4b"
|
|
29
|
+
* }
|
|
30
|
+
*/
|
|
31
|
+
generatePalette(baseColor: CssColor, mode: 'light' | 'dark'): IThemePalette;
|
|
32
|
+
/**
|
|
33
|
+
* Generates a semantic color scheme for UI usage, based on the generated palette.
|
|
34
|
+
*
|
|
35
|
+
* @param baseColor - The base/accent color
|
|
36
|
+
* @param mode - 'light' or 'dark'
|
|
37
|
+
* @returns An IThemeScheme with semantic color roles.
|
|
38
|
+
*
|
|
39
|
+
* Returned keys:
|
|
40
|
+
* - background → shade "50"
|
|
41
|
+
* - foreground → shade "900"
|
|
42
|
+
* - primary → shade "500"
|
|
43
|
+
* - accent → shade "700"
|
|
44
|
+
* - muted → shade "300"
|
|
45
|
+
*/
|
|
46
|
+
generateScheme(baseColor: CssColor, mode: 'light' | 'dark'): IThemeScheme;
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=TailwindThemeGeneratorStrategy.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TailwindThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/TailwindThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AACpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D;;;;;;;GAOG;AACH,qBAAa,8BAA+B,YAAW,uBAAuB;IAE1E;;;;;;;;;;;;;;;;OAgBG;IACI,eAAe,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,aAAa;IAkBlF;;;;;;;;;;;;;OAaG;IACI,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,YAAY;CAYnF"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
// themeStrategies.ts
|
|
2
|
+
import chroma from 'chroma-js';
|
|
3
|
+
/**
|
|
4
|
+
* Tailwind-like strategy.
|
|
5
|
+
*
|
|
6
|
+
* Generates a color palette with the following shade steps:
|
|
7
|
+
* 50, 100, 200, 300, 400, 500, 600, 700, 800, 900.
|
|
8
|
+
*
|
|
9
|
+
* Each returned color is a hex string (CssColor).
|
|
10
|
+
*/
|
|
11
|
+
export class TailwindThemeGeneratorStrategy {
|
|
12
|
+
/**
|
|
13
|
+
* Generates a palette of shades based on a base/accent color.
|
|
14
|
+
*
|
|
15
|
+
* @param baseColor - The base/accent color (e.g. "#3498db")
|
|
16
|
+
* @param mode - 'light' or 'dark' mode: determines how light or dark the palette extremes are.
|
|
17
|
+
* @returns An IThemePalette mapping each shade step to a hex color.
|
|
18
|
+
*
|
|
19
|
+
* Example (light mode, baseColor = blue-ish):
|
|
20
|
+
* {
|
|
21
|
+
* "50": "#f5faff",
|
|
22
|
+
* "100": "#e1f3ff",
|
|
23
|
+
* ...
|
|
24
|
+
* "500": "#3498db",
|
|
25
|
+
* ...
|
|
26
|
+
* "900": "#0a2d4b"
|
|
27
|
+
* }
|
|
28
|
+
*/
|
|
29
|
+
generatePalette(baseColor, mode) {
|
|
30
|
+
const steps = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
|
|
31
|
+
const base = chroma(baseColor);
|
|
32
|
+
const [h, s] = base.hsl();
|
|
33
|
+
const palette = {};
|
|
34
|
+
steps.forEach((step, idx) => {
|
|
35
|
+
const t = idx / (steps.length - 1);
|
|
36
|
+
const lightness = mode === 'light'
|
|
37
|
+
? 0.95 - t * 0.6 // from ~95% light → ~35% light
|
|
38
|
+
: 0.15 + t * 0.6; // from ~15% light → ~75% light
|
|
39
|
+
const col = chroma.hsl(h, s, lightness);
|
|
40
|
+
palette[step.toString()] = col.hex();
|
|
41
|
+
});
|
|
42
|
+
return palette;
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Generates a semantic color scheme for UI usage, based on the generated palette.
|
|
46
|
+
*
|
|
47
|
+
* @param baseColor - The base/accent color
|
|
48
|
+
* @param mode - 'light' or 'dark'
|
|
49
|
+
* @returns An IThemeScheme with semantic color roles.
|
|
50
|
+
*
|
|
51
|
+
* Returned keys:
|
|
52
|
+
* - background → shade "50"
|
|
53
|
+
* - foreground → shade "900"
|
|
54
|
+
* - primary → shade "500"
|
|
55
|
+
* - accent → shade "700"
|
|
56
|
+
* - muted → shade "300"
|
|
57
|
+
*/
|
|
58
|
+
generateScheme(baseColor, mode) {
|
|
59
|
+
const p = this.generatePalette(baseColor, mode);
|
|
60
|
+
return {
|
|
61
|
+
background: p['50'],
|
|
62
|
+
foreground: p['900'],
|
|
63
|
+
primary: p['500'],
|
|
64
|
+
accent: p['700'],
|
|
65
|
+
muted: p['300']
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
//# sourceMappingURL=TailwindThemeGeneratorStrategy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TailwindThemeGeneratorStrategy.js","sourceRoot":"","sources":["../../../src/Theming/Strategies/TailwindThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAAA,qBAAqB;AAErB,OAAO,MAAM,MAAM,WAAW,CAAC;AAM/B;;;;;;;GAOG;AACH,MAAM,OAAO,8BAA8B;IAEvC;;;;;;;;;;;;;;;;OAgBG;IACI,eAAe,CAAC,SAAmB,EAAE,IAAsB;QAC9D,MAAM,KAAK,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QAChE,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAC/B,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC1B,MAAM,OAAO,GAA6B,EAAE,CAAC;QAE7C,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;YACxB,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACnC,MAAM,SAAS,GAAG,IAAI,KAAK,OAAO;gBAC9B,CAAC,CAAC,IAAI,GAAG,CAAC,GAAG,GAAG,CAAG,+BAA+B;gBAClD,CAAC,CAAC,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC,CAAE,+BAA+B;YACtD,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;YACxC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,EAAc,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,OAAO,OAAO,CAAC;IACnB,CAAC;IAED;;;;;;;;;;;;;OAaG;IACI,cAAc,CAAC,SAAmB,EAAE,IAAsB;QAC7D,MAAM,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAEhD,OAAO;YACH,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC;YACnB,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC;YACpB,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC;YACjB,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC;YAChB,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC;SAClB,CAAC;IACN,CAAC;CAEJ"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
export { IThemeGeneratorStrategy } from './IThemeGeneratorStrategy';
|
|
1
|
+
export type { IThemeGeneratorStrategy } from './interfaces/IThemeGeneratorStrategy';
|
|
2
2
|
export { MaterialThemeGeneratorStrategy } from './MaterialThemeGeneratorStrategy';
|
|
3
3
|
export { JoyThemeGeneratorStrategy } from './JoyThemeGeneratorStrategy';
|
|
4
4
|
export { MemphisThemeGeneratorStrategy } from './MemphisThemeGeneratorStrategy';
|
|
5
5
|
export { CosmopolitanThemeGeneratorStrategy } from './CosmopolitanThemeGeneratorStrategy';
|
|
6
|
+
export { TailwindThemeGeneratorStrategy } from './TailwindThemeGeneratorStrategy';
|
|
6
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/index.ts"],"names":[],"mappings":"AAEA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/index.ts"],"names":[],"mappings":"AAEA,YAAY,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AACpF,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC"}
|
|
@@ -3,5 +3,6 @@ export { MaterialThemeGeneratorStrategy } from './MaterialThemeGeneratorStrategy
|
|
|
3
3
|
export { JoyThemeGeneratorStrategy } from './JoyThemeGeneratorStrategy';
|
|
4
4
|
export { MemphisThemeGeneratorStrategy } from './MemphisThemeGeneratorStrategy';
|
|
5
5
|
export { CosmopolitanThemeGeneratorStrategy } from './CosmopolitanThemeGeneratorStrategy';
|
|
6
|
+
export { TailwindThemeGeneratorStrategy } from './TailwindThemeGeneratorStrategy';
|
|
6
7
|
// #endregion
|
|
7
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Theming/Strategies/index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAGlB,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Theming/Strategies/index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAGlB,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAElF,aAAa"}
|
package/Theming/Strategies/{IThemeGeneratorStrategy.d.ts → interfaces/IThemeGeneratorStrategy.d.ts}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { CssColor } from '
|
|
2
|
-
import type { IThemePalette } from '
|
|
3
|
-
import type { IThemeScheme } from '
|
|
1
|
+
import type { CssColor } from '../../Utils/CssColor';
|
|
2
|
+
import type { IThemePalette } from '../../Utils/IThemePalette';
|
|
3
|
+
import type { IThemeScheme } from '../../Utils/IThemeScheme';
|
|
4
4
|
/**
|
|
5
5
|
* Strategy interface for theme-specific palette and scheme generation.
|
|
6
6
|
*
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../../src/Theming/Strategies/interfaces/IThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D;;;;GAIG;AACH,MAAM,WAAW,uBAAuB;IAEpC;;;;;;OAMG;IACH,eAAe,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa,CAAC;IAE5E;;;;;;OAMG;IACH,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY,CAAC;CAE7E"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IThemeGeneratorStrategy.js","sourceRoot":"","sources":["../../../../src/Theming/Strategies/interfaces/IThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAAA,kBAAkB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@breadstone/mosaik-themes",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.179",
|
|
4
4
|
"description": "Mosaik elements various themes.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@breadstone/mosaik-elements": "^0.0.
|
|
18
|
+
"@breadstone/mosaik-elements": "^0.0.179",
|
|
19
19
|
"chroma-js": "^3.2.0",
|
|
20
20
|
"tslib": "^2.8.1"
|
|
21
21
|
},
|
|
@@ -25,53 +25,10 @@
|
|
|
25
25
|
"types": "./Index.d.ts"
|
|
26
26
|
},
|
|
27
27
|
"./scss": "./_index.scss",
|
|
28
|
-
"./tailwind
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
|
|
32
|
-
"./tailwind/v3/plugins/bootstrap": {
|
|
33
|
-
"import": "./tailwind/v3/plugins/mosaik-bootstrap.tailwind.plugin.cjs",
|
|
34
|
-
"require": "./tailwind/v3/plugins/mosaik-bootstrap.tailwind.plugin.cjs"
|
|
35
|
-
},
|
|
36
|
-
"./tailwind/v3/cosmopolitan": {
|
|
37
|
-
"import": "./tailwind/v3/mosaik-cosmopolitan.tailwind.config.cjs",
|
|
38
|
-
"require": "./tailwind/v3/mosaik-cosmopolitan.tailwind.config.cjs"
|
|
39
|
-
},
|
|
40
|
-
"./tailwind/v3/plugins/cosmopolitan": {
|
|
41
|
-
"import": "./tailwind/v3/plugins/mosaik-cosmopolitan.tailwind.plugin.cjs",
|
|
42
|
-
"require": "./tailwind/v3/plugins/mosaik-cosmopolitan.tailwind.plugin.cjs"
|
|
43
|
-
},
|
|
44
|
-
"./tailwind/v3/fluent": {
|
|
45
|
-
"import": "./tailwind/v3/mosaik-fluent.tailwind.config.cjs",
|
|
46
|
-
"require": "./tailwind/v3/mosaik-fluent.tailwind.config.cjs"
|
|
47
|
-
},
|
|
48
|
-
"./tailwind/v3/plugins/fluent": {
|
|
49
|
-
"import": "./tailwind/v3/plugins/mosaik-fluent.tailwind.plugin.cjs",
|
|
50
|
-
"require": "./tailwind/v3/plugins/mosaik-fluent.tailwind.plugin.cjs"
|
|
51
|
-
},
|
|
52
|
-
"./tailwind/v3/joy": {
|
|
53
|
-
"import": "./tailwind/v3/mosaik-joy.tailwind.config.cjs",
|
|
54
|
-
"require": "./tailwind/v3/mosaik-joy.tailwind.config.cjs"
|
|
55
|
-
},
|
|
56
|
-
"./tailwind/v3/plugins/joy": {
|
|
57
|
-
"import": "./tailwind/v3/plugins/mosaik-joy.tailwind.plugin.cjs",
|
|
58
|
-
"require": "./tailwind/v3/plugins/mosaik-joy.tailwind.plugin.cjs"
|
|
59
|
-
},
|
|
60
|
-
"./tailwind/v3/material": {
|
|
61
|
-
"import": "./tailwind/v3/mosaik-material.tailwind.config.cjs",
|
|
62
|
-
"require": "./tailwind/v3/mosaik-material.tailwind.config.cjs"
|
|
63
|
-
},
|
|
64
|
-
"./tailwind/v3/plugins/material": {
|
|
65
|
-
"import": "./tailwind/v3/plugins/mosaik-material.tailwind.plugin.cjs",
|
|
66
|
-
"require": "./tailwind/v3/plugins/mosaik-material.tailwind.plugin.cjs"
|
|
67
|
-
},
|
|
68
|
-
"./tailwind/v3/memphis": {
|
|
69
|
-
"import": "./tailwind/v3/mosaik-memphis.tailwind.config.cjs",
|
|
70
|
-
"require": "./tailwind/v3/mosaik-memphis.tailwind.config.cjs"
|
|
71
|
-
},
|
|
72
|
-
"./tailwind/v3/plugins/memphis": {
|
|
73
|
-
"import": "./tailwind/v3/plugins/mosaik-memphis.tailwind.plugin.cjs",
|
|
74
|
-
"require": "./tailwind/v3/plugins/mosaik-memphis.tailwind.plugin.cjs"
|
|
28
|
+
"./tailwind": {
|
|
29
|
+
"require": "./tailwind/v3/index.js",
|
|
30
|
+
"import": "./tailwind/v3/index.js",
|
|
31
|
+
"types": "./tailwind/v3/index.d.ts"
|
|
75
32
|
}
|
|
76
33
|
}
|
|
77
34
|
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export * as bootstrapTailwindPresets from './presets/bootstrapTailwindPresets';
|
|
2
|
+
export * as cosmopolitanTailwindPresets from './presets/cosmopolitanTailwindPresets';
|
|
3
|
+
export * as fluentTailwindPresets from './presets/fluentTailwindPresets';
|
|
4
|
+
export * as joyTailwindPresets from './presets/joyTailwindPresets';
|
|
5
|
+
export * as materialTailwindPresets from './presets/materialTailwindPresets';
|
|
6
|
+
export * as memphisTailwindPresets from './presets/memphisTailwindPresets';
|
|
7
|
+
export * as bootstrapTailwindPlugin from './plugins/bootstrapTailwindPlugin';
|
|
8
|
+
export * as cosmopolitanTailwindPlugin from './plugins/cosmopolitanTailwindPlugin';
|
|
9
|
+
export * as fluentTailwindPlugin from './plugins/fluentTailwindPlugin';
|
|
10
|
+
export * as joyTailwindPlugin from './plugins/joyTailwindPlugin';
|
|
11
|
+
export * as materialTailwindPlugin from './plugins/materialTailwindPlugin';
|
|
12
|
+
export * as memphisTailwindPlugin from './plugins/memphisTailwindPlugin';
|
|
13
|
+
export { MaterialThemeGeneratorStrategy } from '../../dist/Theming/Strategies/MaterialThemeGeneratorStrategy';
|
|
14
|
+
export { JoyThemeGeneratorStrategy } from '../../dist/Theming/Strategies/JoyThemeGeneratorStrategy';
|
|
15
|
+
export { MemphisThemeGeneratorStrategy } from '../../dist/Theming/Strategies/MemphisThemeGeneratorStrategy';
|
|
16
|
+
export { CosmopolitanThemeGeneratorStrategy } from '../../dist/Theming/Strategies/CosmopolitanThemeGeneratorStrategy';
|
|
17
|
+
export { TailwindThemeGeneratorStrategy } from '../../dist/Theming/Strategies/TailwindThemeGeneratorStrategy';
|
|
18
|
+
export type { IThemeGeneratorStrategy } from '../../dist/Theming/Strategies/interfaces/IThemeGeneratorStrategy';
|
|
19
|
+
import type { CssColor } from '../../dist/Theming/Utils/CssColor';
|
|
20
|
+
import type { IThemePalette } from '../../dist/Theming/Utils/IThemePalette';
|
|
21
|
+
export declare function generateJoyPalette(baseColor: CssColor, mode: 'light' | 'dark'): IThemePalette;
|
|
22
|
+
export declare function generateMaterialPalette(baseColor: CssColor, mode: 'light' | 'dark'): IThemePalette;
|
|
23
|
+
export declare function generateMemphisPalette(baseColor: CssColor, mode: 'light' | 'dark'): IThemePalette;
|
|
24
|
+
export declare function generateCosmopolitanPalette(baseColor: CssColor, mode: 'light' | 'dark'): IThemePalette;
|
|
25
|
+
export declare function generateTailwindPalette(baseColor: CssColor, mode: 'light' | 'dark'): IThemePalette;
|
|
26
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tailwind/v3/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,wBAAwB,MAAM,oCAAoC,CAAC;AAC/E,OAAO,KAAK,2BAA2B,MAAM,uCAAuC,CAAC;AACrF,OAAO,KAAK,qBAAqB,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,kBAAkB,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAAK,uBAAuB,MAAM,mCAAmC,CAAC;AAC7E,OAAO,KAAK,sBAAsB,MAAM,kCAAkC,CAAC;AAE3E,OAAO,KAAK,uBAAuB,MAAM,mCAAmC,CAAC;AAC7E,OAAO,KAAK,0BAA0B,MAAM,sCAAsC,CAAC;AACnF,OAAO,KAAK,oBAAoB,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,iBAAiB,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,sBAAsB,MAAM,kCAAkC,CAAC;AAC3E,OAAO,KAAK,qBAAqB,MAAM,iCAAiC,CAAC;AAMzE,OAAO,EAAE,8BAA8B,EAAE,MAAM,8DAA8D,CAAC;AAC9G,OAAO,EAAE,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AACpG,OAAO,EAAE,6BAA6B,EAAE,MAAM,6DAA6D,CAAC;AAC5G,OAAO,EAAE,kCAAkC,EAAE,MAAM,kEAAkE,CAAC;AACtH,OAAO,EAAE,8BAA8B,EAAE,MAAM,8DAA8D,CAAC;AAC9G,YAAY,EAAE,uBAAuB,EAAE,MAAM,kEAAkE,CAAC;AAWhH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAE5E,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,aAAa,CAG7F;AAED,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,aAAa,CAGlG;AAED,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,aAAa,CAGjG;AAED,wBAAgB,2BAA2B,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,aAAa,CAGtG;AAED,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,aAAa,CAGlG"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
// #region Presets & Plugins
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.TailwindThemeGeneratorStrategy = exports.CosmopolitanThemeGeneratorStrategy = exports.MemphisThemeGeneratorStrategy = exports.JoyThemeGeneratorStrategy = exports.MaterialThemeGeneratorStrategy = exports.memphisTailwindPlugin = exports.materialTailwindPlugin = exports.joyTailwindPlugin = exports.fluentTailwindPlugin = exports.cosmopolitanTailwindPlugin = exports.bootstrapTailwindPlugin = exports.memphisTailwindPresets = exports.materialTailwindPresets = exports.joyTailwindPresets = exports.fluentTailwindPresets = exports.cosmopolitanTailwindPresets = exports.bootstrapTailwindPresets = void 0;
|
|
38
|
+
exports.generateJoyPalette = generateJoyPalette;
|
|
39
|
+
exports.generateMaterialPalette = generateMaterialPalette;
|
|
40
|
+
exports.generateMemphisPalette = generateMemphisPalette;
|
|
41
|
+
exports.generateCosmopolitanPalette = generateCosmopolitanPalette;
|
|
42
|
+
exports.generateTailwindPalette = generateTailwindPalette;
|
|
43
|
+
exports.bootstrapTailwindPresets = __importStar(require("./presets/bootstrapTailwindPresets"));
|
|
44
|
+
exports.cosmopolitanTailwindPresets = __importStar(require("./presets/cosmopolitanTailwindPresets"));
|
|
45
|
+
exports.fluentTailwindPresets = __importStar(require("./presets/fluentTailwindPresets"));
|
|
46
|
+
exports.joyTailwindPresets = __importStar(require("./presets/joyTailwindPresets"));
|
|
47
|
+
exports.materialTailwindPresets = __importStar(require("./presets/materialTailwindPresets"));
|
|
48
|
+
exports.memphisTailwindPresets = __importStar(require("./presets/memphisTailwindPresets"));
|
|
49
|
+
exports.bootstrapTailwindPlugin = __importStar(require("./plugins/bootstrapTailwindPlugin"));
|
|
50
|
+
exports.cosmopolitanTailwindPlugin = __importStar(require("./plugins/cosmopolitanTailwindPlugin"));
|
|
51
|
+
exports.fluentTailwindPlugin = __importStar(require("./plugins/fluentTailwindPlugin"));
|
|
52
|
+
exports.joyTailwindPlugin = __importStar(require("./plugins/joyTailwindPlugin"));
|
|
53
|
+
exports.materialTailwindPlugin = __importStar(require("./plugins/materialTailwindPlugin"));
|
|
54
|
+
exports.memphisTailwindPlugin = __importStar(require("./plugins/memphisTailwindPlugin"));
|
|
55
|
+
// #endregion
|
|
56
|
+
// #region Strategies
|
|
57
|
+
var MaterialThemeGeneratorStrategy_1 = require("../../dist/Theming/Strategies/MaterialThemeGeneratorStrategy");
|
|
58
|
+
Object.defineProperty(exports, "MaterialThemeGeneratorStrategy", { enumerable: true, get: function () { return MaterialThemeGeneratorStrategy_1.MaterialThemeGeneratorStrategy; } });
|
|
59
|
+
var JoyThemeGeneratorStrategy_1 = require("../../dist/Theming/Strategies/JoyThemeGeneratorStrategy");
|
|
60
|
+
Object.defineProperty(exports, "JoyThemeGeneratorStrategy", { enumerable: true, get: function () { return JoyThemeGeneratorStrategy_1.JoyThemeGeneratorStrategy; } });
|
|
61
|
+
var MemphisThemeGeneratorStrategy_1 = require("../../dist/Theming/Strategies/MemphisThemeGeneratorStrategy");
|
|
62
|
+
Object.defineProperty(exports, "MemphisThemeGeneratorStrategy", { enumerable: true, get: function () { return MemphisThemeGeneratorStrategy_1.MemphisThemeGeneratorStrategy; } });
|
|
63
|
+
var CosmopolitanThemeGeneratorStrategy_1 = require("../../dist/Theming/Strategies/CosmopolitanThemeGeneratorStrategy");
|
|
64
|
+
Object.defineProperty(exports, "CosmopolitanThemeGeneratorStrategy", { enumerable: true, get: function () { return CosmopolitanThemeGeneratorStrategy_1.CosmopolitanThemeGeneratorStrategy; } });
|
|
65
|
+
var TailwindThemeGeneratorStrategy_1 = require("../../dist/Theming/Strategies/TailwindThemeGeneratorStrategy");
|
|
66
|
+
Object.defineProperty(exports, "TailwindThemeGeneratorStrategy", { enumerable: true, get: function () { return TailwindThemeGeneratorStrategy_1.TailwindThemeGeneratorStrategy; } });
|
|
67
|
+
// #endregion
|
|
68
|
+
// #region Helper Functions
|
|
69
|
+
const JoyThemeGeneratorStrategy_2 = require("../../dist/Theming/Strategies/JoyThemeGeneratorStrategy");
|
|
70
|
+
const MaterialThemeGeneratorStrategy_2 = require("../../dist/Theming/Strategies/MaterialThemeGeneratorStrategy");
|
|
71
|
+
const MemphisThemeGeneratorStrategy_2 = require("../../dist/Theming/Strategies/MemphisThemeGeneratorStrategy");
|
|
72
|
+
const CosmopolitanThemeGeneratorStrategy_2 = require("../../dist/Theming/Strategies/CosmopolitanThemeGeneratorStrategy");
|
|
73
|
+
const TailwindThemeGeneratorStrategy_2 = require("../../dist/Theming/Strategies/TailwindThemeGeneratorStrategy");
|
|
74
|
+
function generateJoyPalette(baseColor, mode) {
|
|
75
|
+
const strategy = new JoyThemeGeneratorStrategy_2.JoyThemeGeneratorStrategy();
|
|
76
|
+
return strategy.generatePalette(baseColor, mode);
|
|
77
|
+
}
|
|
78
|
+
function generateMaterialPalette(baseColor, mode) {
|
|
79
|
+
const strategy = new MaterialThemeGeneratorStrategy_2.MaterialThemeGeneratorStrategy();
|
|
80
|
+
return strategy.generatePalette(baseColor, mode);
|
|
81
|
+
}
|
|
82
|
+
function generateMemphisPalette(baseColor, mode) {
|
|
83
|
+
const strategy = new MemphisThemeGeneratorStrategy_2.MemphisThemeGeneratorStrategy();
|
|
84
|
+
return strategy.generatePalette(baseColor, mode);
|
|
85
|
+
}
|
|
86
|
+
function generateCosmopolitanPalette(baseColor, mode) {
|
|
87
|
+
const strategy = new CosmopolitanThemeGeneratorStrategy_2.CosmopolitanThemeGeneratorStrategy();
|
|
88
|
+
return strategy.generatePalette(baseColor, mode);
|
|
89
|
+
}
|
|
90
|
+
function generateTailwindPalette(baseColor, mode) {
|
|
91
|
+
const strategy = new TailwindThemeGeneratorStrategy_2.TailwindThemeGeneratorStrategy();
|
|
92
|
+
return strategy.generatePalette(baseColor, mode);
|
|
93
|
+
}
|
|
94
|
+
// #endregion
|
|
95
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../tailwind/v3/index.ts"],"names":[],"mappings":";AAAA,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuC5B,gDAGC;AAED,0DAGC;AAED,wDAGC;AAED,kEAGC;AAED,0DAGC;AA5DD,+FAA+E;AAC/E,qGAAqF;AACrF,yFAAyE;AACzE,mFAAmE;AACnE,6FAA6E;AAC7E,2FAA2E;AAE3E,6FAA6E;AAC7E,mGAAmF;AACnF,uFAAuE;AACvE,iFAAiE;AACjE,2FAA2E;AAC3E,yFAAyE;AAEzE,aAAa;AAEb,qBAAqB;AAErB,+GAA8G;AAArG,gJAAA,8BAA8B,OAAA;AACvC,qGAAoG;AAA3F,sIAAA,yBAAyB,OAAA;AAClC,6GAA4G;AAAnG,8IAAA,6BAA6B,OAAA;AACtC,uHAAsH;AAA7G,wJAAA,kCAAkC,OAAA;AAC3C,+GAA8G;AAArG,gJAAA,8BAA8B,OAAA;AAGvC,aAAa;AAEb,2BAA2B;AAE3B,uGAAoG;AACpG,iHAA8G;AAC9G,+GAA4G;AAC5G,yHAAsH;AACtH,iHAA8G;AAI9G,SAAgB,kBAAkB,CAAC,SAAmB,EAAE,IAAsB;IAC1E,MAAM,QAAQ,GAAG,IAAI,qDAAyB,EAAE,CAAC;IACjD,OAAO,QAAQ,CAAC,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;AACrD,CAAC;AAED,SAAgB,uBAAuB,CAAC,SAAmB,EAAE,IAAsB;IAC/E,MAAM,QAAQ,GAAG,IAAI,+DAA8B,EAAE,CAAC;IACtD,OAAO,QAAQ,CAAC,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;AACrD,CAAC;AAED,SAAgB,sBAAsB,CAAC,SAAmB,EAAE,IAAsB;IAC9E,MAAM,QAAQ,GAAG,IAAI,6DAA6B,EAAE,CAAC;IACrD,OAAO,QAAQ,CAAC,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;AACrD,CAAC;AAED,SAAgB,2BAA2B,CAAC,SAAmB,EAAE,IAAsB;IACnF,MAAM,QAAQ,GAAG,IAAI,uEAAkC,EAAE,CAAC;IAC1D,OAAO,QAAQ,CAAC,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;AACrD,CAAC;AAED,SAAgB,uBAAuB,CAAC,SAAmB,EAAE,IAAsB;IAC/E,MAAM,QAAQ,GAAG,IAAI,+DAA8B,EAAE,CAAC;IACtD,OAAO,QAAQ,CAAC,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;AACrD,CAAC;AAED,aAAa"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bootstrapTailwindPlugin.d.ts","sourceRoot":"","sources":["../../../../tailwind/v3/plugins/bootstrapTailwindPlugin.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,MAAM;;;CAiGjB,CAAC"}
|