@breadstone/mosaik-themes 0.0.205 → 0.0.206
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 +117 -0
- package/package.json +9 -3
- package/tailwind/v4/bootstrapTailwindPresets.css +86 -0
- package/tailwind/v4/cosmopolitanTailwindPresets.css +85 -0
- package/tailwind/v4/fluentTailwindPresets.css +39 -0
- package/tailwind/v4/joyTailwindPresets.css +319 -0
- package/tailwind/v4/materialTailwindPresets.css +29 -0
- package/tailwind/v4/memphisTailwindPresets.css +274 -0
- package/index.node.cjs +0 -2710
- package/index.node.cjs.map +0 -1
- package/index.node.d.mts +0 -468
- package/index.node.d.ts +0 -468
- package/index.node.js +0 -2695
- package/index.node.js.map +0 -1
- package/tailwind/v3/plugins/base/c.d.ts +0 -44
- package/tailwind/v3/plugins/base/c.d.ts.map +0 -1
- package/tailwind/v3/plugins/base/c.js +0 -155
- package/tailwind/v3/plugins/base/c.js.map +0 -1
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import type { PluginCreator } from 'tailwindcss/types/config';
|
|
2
|
-
/**
|
|
3
|
-
* Configuration options for the Joy Tailwind plugin.
|
|
4
|
-
*/
|
|
5
|
-
export interface IJoyTailwindPluginOptions {
|
|
6
|
-
/**
|
|
7
|
-
* Selector that receives all Joy theme CSS custom properties.
|
|
8
|
-
* @default ":root"
|
|
9
|
-
*/
|
|
10
|
-
selector?: string;
|
|
11
|
-
/**
|
|
12
|
-
* CSS variable prefix applied to every generated token.
|
|
13
|
-
* @default "--mosaik-joy"
|
|
14
|
-
*/
|
|
15
|
-
variablePrefix?: string;
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* Provides a TailwindCSS plugin that exposes all Joy theme tokens as CSS variables and convenience theme extensions.
|
|
19
|
-
*/
|
|
20
|
-
export declare class JoyTailwindPluginFactory {
|
|
21
|
-
private static readonly defaultSelector;
|
|
22
|
-
private static readonly defaultVariablePrefix;
|
|
23
|
-
private static readonly paletteNames;
|
|
24
|
-
private static readonly shadeNames;
|
|
25
|
-
private static readonly modeNames;
|
|
26
|
-
/**
|
|
27
|
-
* Creates a Tailwind plugin that registers Joy theme CSS variables and color extensions.
|
|
28
|
-
*
|
|
29
|
-
* @param options Optional plugin customization.
|
|
30
|
-
* @returns TailwindCSS plugin creator.
|
|
31
|
-
*/
|
|
32
|
-
static createPlugin(options?: Readonly<IJoyTailwindPluginOptions>): PluginCreator;
|
|
33
|
-
private static resolveOptions;
|
|
34
|
-
private static buildVariableMap;
|
|
35
|
-
private static buildColorPalette;
|
|
36
|
-
private static createPaletteCollection;
|
|
37
|
-
private static createPaletteShades;
|
|
38
|
-
private static buildVariableName;
|
|
39
|
-
}
|
|
40
|
-
/**
|
|
41
|
-
* Tailwind plugin instance that exposes Joy theme tokens as CSS variables.
|
|
42
|
-
*/
|
|
43
|
-
export declare const joyTailwindPlugin: PluginCreator;
|
|
44
|
-
//# sourceMappingURL=c.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"c.d.ts","sourceRoot":"","sources":["../../../../../tailwind/v3/plugins/base/c.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAI9D;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAYD;;GAEG;AACH,qBAAa,wBAAwB;IAEjC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAmB;IAC1D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,qBAAqB,CAA0B;IACvE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAUlC;IACF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAYhC;IACF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAiD;IAIlF;;;;;OAKG;WACW,YAAY,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,yBAAyB,CAAC,GAAG,aAAa;IAiCxF,OAAO,CAAC,MAAM,CAAC,cAAc;IAO7B,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAQ/B,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAUhC,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAStC,OAAO,CAAC,MAAM,CAAC,mBAAmB;IAWlC,OAAO,CAAC,MAAM,CAAC,iBAAiB;CASnC;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,aAAuD,CAAC"}
|
|
@@ -1,155 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
-
var ownKeys = function(o) {
|
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
-
var ar = [];
|
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
-
return ar;
|
|
24
|
-
};
|
|
25
|
-
return ownKeys(o);
|
|
26
|
-
};
|
|
27
|
-
return function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
-
__setModuleDefault(result, mod);
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
35
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
36
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
37
|
-
};
|
|
38
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
-
exports.joyTailwindPlugin = exports.JoyTailwindPluginFactory = void 0;
|
|
40
|
-
const plugin_1 = __importDefault(require("tailwindcss/plugin"));
|
|
41
|
-
const JoyTokens = __importStar(require("../../Theming/Tokens/JoyTokens"));
|
|
42
|
-
/**
|
|
43
|
-
* Provides a TailwindCSS plugin that exposes all Joy theme tokens as CSS variables and convenience theme extensions.
|
|
44
|
-
*/
|
|
45
|
-
class JoyTailwindPluginFactory {
|
|
46
|
-
// #region Fields
|
|
47
|
-
static defaultSelector = ':root';
|
|
48
|
-
static defaultVariablePrefix = '--mosaik-joy';
|
|
49
|
-
static paletteNames = [
|
|
50
|
-
'PRIMARY',
|
|
51
|
-
'SECONDARY',
|
|
52
|
-
'TERTIARY',
|
|
53
|
-
'INFO',
|
|
54
|
-
'WARNING',
|
|
55
|
-
'DANGER',
|
|
56
|
-
'SUCCESS',
|
|
57
|
-
'HIGHLIGHT',
|
|
58
|
-
'NEUTRAL'
|
|
59
|
-
];
|
|
60
|
-
static shadeNames = [
|
|
61
|
-
'0',
|
|
62
|
-
'50',
|
|
63
|
-
'100',
|
|
64
|
-
'200',
|
|
65
|
-
'300',
|
|
66
|
-
'400',
|
|
67
|
-
'500',
|
|
68
|
-
'600',
|
|
69
|
-
'700',
|
|
70
|
-
'800',
|
|
71
|
-
'900'
|
|
72
|
-
];
|
|
73
|
-
static modeNames = ['LIGHT', 'DARK'];
|
|
74
|
-
// #endregion
|
|
75
|
-
// #region Methods
|
|
76
|
-
/**
|
|
77
|
-
* Creates a Tailwind plugin that registers Joy theme CSS variables and color extensions.
|
|
78
|
-
*
|
|
79
|
-
* @param options Optional plugin customization.
|
|
80
|
-
* @returns TailwindCSS plugin creator.
|
|
81
|
-
*/
|
|
82
|
-
static createPlugin(options) {
|
|
83
|
-
const resolvedOptions = this.resolveOptions(options);
|
|
84
|
-
const variableMap = this.buildVariableMap(resolvedOptions.variablePrefix);
|
|
85
|
-
const colorPalette = this.buildColorPalette(resolvedOptions.variablePrefix);
|
|
86
|
-
return (0, plugin_1.default)(({ addBase }) => {
|
|
87
|
-
addBase({
|
|
88
|
-
[resolvedOptions.selector]: variableMap
|
|
89
|
-
});
|
|
90
|
-
}, {
|
|
91
|
-
theme: {
|
|
92
|
-
extend: {
|
|
93
|
-
colors: colorPalette,
|
|
94
|
-
borderRadius: {
|
|
95
|
-
joy: `var(${this.buildVariableName(resolvedOptions.variablePrefix, 'LAYOUT_RADIUS')})`
|
|
96
|
-
},
|
|
97
|
-
spacing: {
|
|
98
|
-
'joy-gap': `var(${this.buildVariableName(resolvedOptions.variablePrefix, 'LAYOUT_SPACE')})`
|
|
99
|
-
},
|
|
100
|
-
fontFamily: {
|
|
101
|
-
joy: `var(${this.buildVariableName(resolvedOptions.variablePrefix, 'FONT_FAMILY')})`
|
|
102
|
-
},
|
|
103
|
-
borderWidth: {
|
|
104
|
-
'joy-thickness': `var(${this.buildVariableName(resolvedOptions.variablePrefix, 'LAYOUT_THICKNESS')})`
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
});
|
|
109
|
-
}
|
|
110
|
-
static resolveOptions(options) {
|
|
111
|
-
return {
|
|
112
|
-
selector: options?.selector ?? this.defaultSelector,
|
|
113
|
-
variablePrefix: options?.variablePrefix ?? this.defaultVariablePrefix
|
|
114
|
-
};
|
|
115
|
-
}
|
|
116
|
-
static buildVariableMap(prefix) {
|
|
117
|
-
const variableEntries = Object.entries(JoyTokens)
|
|
118
|
-
.filter((entry) => typeof entry[1] === 'string')
|
|
119
|
-
.map(([tokenKey, tokenValue]) => [this.buildVariableName(prefix, tokenKey), tokenValue]);
|
|
120
|
-
return Object.fromEntries(variableEntries);
|
|
121
|
-
}
|
|
122
|
-
static buildColorPalette(prefix) {
|
|
123
|
-
const paletteEntries = this.modeNames.map((modeName) => {
|
|
124
|
-
const paletteCollection = this.createPaletteCollection(prefix, modeName);
|
|
125
|
-
const paletteKey = modeName === 'LIGHT' ? 'joy' : 'joy-dark';
|
|
126
|
-
return [paletteKey, paletteCollection];
|
|
127
|
-
});
|
|
128
|
-
return Object.fromEntries(paletteEntries);
|
|
129
|
-
}
|
|
130
|
-
static createPaletteCollection(prefix, modeName) {
|
|
131
|
-
const paletteEntries = this.paletteNames.map((paletteName) => {
|
|
132
|
-
const paletteShades = this.createPaletteShades(prefix, modeName, paletteName);
|
|
133
|
-
return [paletteName.toLowerCase(), paletteShades];
|
|
134
|
-
});
|
|
135
|
-
return Object.fromEntries(paletteEntries);
|
|
136
|
-
}
|
|
137
|
-
static createPaletteShades(prefix, modeName, paletteName) {
|
|
138
|
-
const shadeEntries = this.shadeNames.map((shadeName) => {
|
|
139
|
-
const tokenKey = `COLOR_${modeName}_${paletteName}_${shadeName}`;
|
|
140
|
-
const variableName = this.buildVariableName(prefix, tokenKey);
|
|
141
|
-
return [shadeName, `var(${variableName})`];
|
|
142
|
-
});
|
|
143
|
-
return Object.fromEntries(shadeEntries);
|
|
144
|
-
}
|
|
145
|
-
static buildVariableName(prefix, tokenKey) {
|
|
146
|
-
const normalizedKey = tokenKey.toLowerCase().replace(/_/g, '-');
|
|
147
|
-
return `${prefix}-${normalizedKey}`;
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
exports.JoyTailwindPluginFactory = JoyTailwindPluginFactory;
|
|
151
|
-
/**
|
|
152
|
-
* Tailwind plugin instance that exposes Joy theme tokens as CSS variables.
|
|
153
|
-
*/
|
|
154
|
-
exports.joyTailwindPlugin = JoyTailwindPluginFactory.createPlugin();
|
|
155
|
-
//# sourceMappingURL=c.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"c.js","sourceRoot":"","sources":["../../../../../tailwind/v3/plugins/base/c.ts"],"names":[],"mappings":"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"}
|