freitas-ds 0.1.0

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/LICENSE +21 -0
  2. package/README.md +20 -0
  3. package/dist/index.cjs +240 -0
  4. package/dist/index.d.cts +284 -0
  5. package/dist/index.d.cts.map +1 -0
  6. package/dist/index.d.mts +284 -0
  7. package/dist/index.d.mts.map +1 -0
  8. package/dist/index.mjs +211 -0
  9. package/dist/index.mjs.map +1 -0
  10. package/package.json +61 -0
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2026 Eric Freitas Sampaio
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,20 @@
1
+ # freitas-ds
2
+
3
+ Plugin Tailwind CSS v4 oficial do Freitas DS. Registra tokens, aliases, estilos base e utilities semânticas.
4
+
5
+ ## Instalação
6
+
7
+ ```bash
8
+ pnpm add freitas-ds tailwindcss
9
+ ```
10
+
11
+ No CSS principal:
12
+
13
+ ```css
14
+ @import "tailwindcss";
15
+ @plugin "freitas-ds";
16
+ ```
17
+
18
+ Use classes semânticas como `bg-primary`, `text-on-surface`, `border-outline`, `rounded-fds-md` e `body-sm`.
19
+
20
+ Para tema dinâmico em React, instale também [`@freitas-ds/react`](https://www.npmjs.com/package/@freitas-ds/react) e use `FreitasProvider`.
package/dist/index.cjs ADDED
@@ -0,0 +1,240 @@
1
+ Object.defineProperties(exports, {
2
+ __esModule: { value: true },
3
+ [Symbol.toStringTag]: { value: "Module" }
4
+ });
5
+ //#region \0rolldown/runtime.js
6
+ var __create = Object.create;
7
+ var __defProp = Object.defineProperty;
8
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
9
+ var __getOwnPropNames = Object.getOwnPropertyNames;
10
+ var __getProtoOf = Object.getPrototypeOf;
11
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
14
+ key = keys[i];
15
+ if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
16
+ get: ((k) => from[k]).bind(null, key),
17
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
18
+ });
19
+ }
20
+ return to;
21
+ };
22
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
23
+ value: mod,
24
+ enumerable: true
25
+ }) : target, mod));
26
+ //#endregion
27
+ let tailwindcss_plugin = require("tailwindcss/plugin");
28
+ tailwindcss_plugin = __toESM(tailwindcss_plugin, 1);
29
+ //#region src/tokens.ts
30
+ const freitasTheme = {
31
+ colors: {
32
+ primary: "var(--fds-color-primary)",
33
+ "on-primary": "var(--fds-color-on-primary)",
34
+ "primary-container": "var(--fds-color-primary-container)",
35
+ "on-primary-container": "var(--fds-color-on-primary-container)",
36
+ secondary: "var(--fds-color-secondary)",
37
+ "on-secondary": "var(--fds-color-on-secondary)",
38
+ "secondary-container": "var(--fds-color-secondary-container)",
39
+ "on-secondary-container": "var(--fds-color-on-secondary-container)",
40
+ tertiary: "var(--fds-color-tertiary)",
41
+ "on-tertiary": "var(--fds-color-on-tertiary)",
42
+ "tertiary-container": "var(--fds-color-tertiary-container)",
43
+ "on-tertiary-container": "var(--fds-color-on-tertiary-container)",
44
+ surface: "var(--fds-color-surface)",
45
+ "on-surface": "var(--fds-color-on-surface)",
46
+ "surface-variant": "var(--fds-color-surface-variant)",
47
+ "on-surface-variant": "var(--fds-color-on-surface-variant)",
48
+ "surface-container": "var(--fds-color-surface-container)",
49
+ "surface-container-high": "var(--fds-color-surface-container-high)",
50
+ outline: "var(--fds-color-outline)",
51
+ "outline-variant": "var(--fds-color-outline-variant)",
52
+ error: "var(--fds-color-error)",
53
+ "on-error": "var(--fds-color-on-error)",
54
+ "error-container": "var(--fds-color-error-container)",
55
+ "on-error-container": "var(--fds-color-on-error-container)",
56
+ success: "var(--fds-color-success)",
57
+ "on-success": "var(--fds-color-on-success)",
58
+ "success-container": "var(--fds-color-success-container)",
59
+ "on-success-container": "var(--fds-color-on-success-container)",
60
+ warning: "var(--fds-color-warning)",
61
+ "on-warning": "var(--fds-color-on-warning)",
62
+ "warning-container": "var(--fds-color-warning-container)",
63
+ "on-warning-container": "var(--fds-color-on-warning-container)",
64
+ info: "var(--fds-color-info)",
65
+ "on-info": "var(--fds-color-on-info)",
66
+ "info-container": "var(--fds-color-info-container)",
67
+ "on-info-container": "var(--fds-color-on-info-container)",
68
+ ring: "var(--fds-color-ring)",
69
+ background: "var(--fds-color-surface)",
70
+ foreground: "var(--fds-color-on-surface)",
71
+ card: "var(--fds-color-surface-container)",
72
+ "card-foreground": "var(--fds-color-on-surface)",
73
+ popover: "var(--fds-color-surface)",
74
+ "popover-foreground": "var(--fds-color-on-surface)",
75
+ muted: "var(--fds-color-surface-container)",
76
+ "muted-foreground": "var(--fds-color-on-surface-variant)",
77
+ accent: "var(--fds-color-surface-container-high)",
78
+ "accent-foreground": "var(--fds-color-on-surface)",
79
+ border: "var(--fds-color-outline-variant)",
80
+ input: "var(--fds-color-outline)",
81
+ destructive: "var(--fds-color-error)",
82
+ "destructive-foreground": "var(--fds-color-on-error)"
83
+ },
84
+ borderRadius: {
85
+ "fds-sm": "var(--fds-radius-sm)",
86
+ "fds-md": "var(--fds-radius-md)",
87
+ "fds-lg": "var(--fds-radius-lg)",
88
+ "fds-xl": "var(--fds-radius-xl)",
89
+ "fds-full": "var(--fds-radius-full)"
90
+ },
91
+ fontFamily: {
92
+ sans: "var(--fds-font-sans)",
93
+ mono: "var(--fds-font-mono)"
94
+ }
95
+ };
96
+ const freitasCssVariables = {
97
+ "--fds-color-primary": "#2563eb",
98
+ "--fds-color-on-primary": "#ffffff",
99
+ "--fds-color-primary-container": "#dbeafe",
100
+ "--fds-color-on-primary-container": "#172554",
101
+ "--fds-color-secondary": "#475569",
102
+ "--fds-color-on-secondary": "#ffffff",
103
+ "--fds-color-secondary-container": "#e2e8f0",
104
+ "--fds-color-on-secondary-container": "#0f172a",
105
+ "--fds-color-tertiary": "#7c3aed",
106
+ "--fds-color-on-tertiary": "#ffffff",
107
+ "--fds-color-tertiary-container": "#ede9fe",
108
+ "--fds-color-on-tertiary-container": "#2e1065",
109
+ "--fds-color-surface": "#ffffff",
110
+ "--fds-color-on-surface": "#0f172a",
111
+ "--fds-color-surface-variant": "#f1f5f9",
112
+ "--fds-color-on-surface-variant": "#475569",
113
+ "--fds-color-surface-container": "#f8fafc",
114
+ "--fds-color-surface-container-high": "#f1f5f9",
115
+ "--fds-color-outline": "#94a3b8",
116
+ "--fds-color-outline-variant": "#cbd5e1",
117
+ "--fds-color-error": "#b91c1c",
118
+ "--fds-color-on-error": "#ffffff",
119
+ "--fds-color-error-container": "#fee2e2",
120
+ "--fds-color-on-error-container": "#450a0a",
121
+ "--fds-color-success": "#15803d",
122
+ "--fds-color-on-success": "#ffffff",
123
+ "--fds-color-success-container": "#dcfce7",
124
+ "--fds-color-on-success-container": "#052e16",
125
+ "--fds-color-warning": "#b45309",
126
+ "--fds-color-on-warning": "#ffffff",
127
+ "--fds-color-warning-container": "#fef3c7",
128
+ "--fds-color-on-warning-container": "#451a03",
129
+ "--fds-color-info": "#0369a1",
130
+ "--fds-color-on-info": "#ffffff",
131
+ "--fds-color-info-container": "#e0f2fe",
132
+ "--fds-color-on-info-container": "#082f49",
133
+ "--fds-color-ring": "#2563eb",
134
+ "--fds-radius-sm": "0.375rem",
135
+ "--fds-radius-md": "0.625rem",
136
+ "--fds-radius-lg": "0.875rem",
137
+ "--fds-radius-xl": "1.25rem",
138
+ "--fds-radius-full": "999px",
139
+ "--fds-elevation-menu": "0 18px 45px -28px rgb(15 23 42 / 0.45), 0 8px 20px -18px rgb(15 23 42 / 0.35)",
140
+ "--fds-elevation-menu-dark": "0 18px 45px -28px rgb(0 0 0 / 0.75), 0 8px 20px -18px rgb(0 0 0 / 0.55)",
141
+ "--fds-font-sans": "Inter, ui-sans-serif, system-ui, sans-serif",
142
+ "--fds-font-mono": "\"JetBrains Mono\", ui-monospace, SFMono-Regular, monospace",
143
+ "--fds-type-h1-size": "clamp(2.25rem, 4vw, 3.25rem)",
144
+ "--fds-type-h1-line": "1.05",
145
+ "--fds-type-h1-weight": "750",
146
+ "--fds-type-h1-tracking": "-0.04em",
147
+ "--fds-type-h2-size": "clamp(1.875rem, 3vw, 2.5rem)",
148
+ "--fds-type-h2-line": "1.1",
149
+ "--fds-type-h2-weight": "700",
150
+ "--fds-type-h2-tracking": "-0.035em",
151
+ "--fds-type-h3-size": "1.5rem",
152
+ "--fds-type-h3-line": "1.2",
153
+ "--fds-type-h3-weight": "650",
154
+ "--fds-type-h3-tracking": "-0.025em",
155
+ "--fds-type-body-size": "1rem",
156
+ "--fds-type-body-line": "1.6",
157
+ "--fds-type-body-weight": "400",
158
+ "--fds-type-body-sm-size": "0.875rem",
159
+ "--fds-type-body-sm-line": "1.5",
160
+ "--fds-type-body-sm-weight": "400",
161
+ "--fds-type-caption-size": "0.75rem",
162
+ "--fds-type-caption-line": "1.4",
163
+ "--fds-type-caption-weight": "400"
164
+ };
165
+ //#endregion
166
+ //#region src/base.ts
167
+ const freitasBase = {
168
+ ":root": freitasCssVariables,
169
+ "[data-fds-theme=\"dark\"]": { "--fds-elevation-menu": "var(--fds-elevation-menu-dark)" },
170
+ html: {
171
+ height: "100%",
172
+ fontFamily: "var(--fds-font-sans)",
173
+ background: "var(--fds-color-surface)",
174
+ color: "var(--fds-color-on-surface)",
175
+ textRendering: "optimizeLegibility",
176
+ WebkitFontSmoothing: "antialiased",
177
+ MozOsxFontSmoothing: "grayscale"
178
+ },
179
+ body: {
180
+ minHeight: "100%",
181
+ margin: "0"
182
+ },
183
+ "#root": { minHeight: "100%" },
184
+ "button, input, textarea, select": { font: "inherit" }
185
+ };
186
+ const freitasUtilities = {
187
+ ".h1, .fds-h1": {
188
+ fontFamily: "var(--fds-font-sans)",
189
+ fontSize: "var(--fds-type-h1-size)",
190
+ lineHeight: "var(--fds-type-h1-line)",
191
+ fontWeight: "var(--fds-type-h1-weight)",
192
+ letterSpacing: "var(--fds-type-h1-tracking)"
193
+ },
194
+ ".h2, .fds-h2": {
195
+ fontFamily: "var(--fds-font-sans)",
196
+ fontSize: "var(--fds-type-h2-size)",
197
+ lineHeight: "var(--fds-type-h2-line)",
198
+ fontWeight: "var(--fds-type-h2-weight)",
199
+ letterSpacing: "var(--fds-type-h2-tracking)"
200
+ },
201
+ ".h3, .fds-h3": {
202
+ fontFamily: "var(--fds-font-sans)",
203
+ fontSize: "var(--fds-type-h3-size)",
204
+ lineHeight: "var(--fds-type-h3-line)",
205
+ fontWeight: "var(--fds-type-h3-weight)",
206
+ letterSpacing: "var(--fds-type-h3-tracking)"
207
+ },
208
+ ".body, .fds-body": {
209
+ fontFamily: "var(--fds-font-sans)",
210
+ fontSize: "var(--fds-type-body-size)",
211
+ lineHeight: "var(--fds-type-body-line)",
212
+ fontWeight: "var(--fds-type-body-weight)"
213
+ },
214
+ ".body-sm, .fds-body-sm": {
215
+ fontFamily: "var(--fds-font-sans)",
216
+ fontSize: "var(--fds-type-body-sm-size)",
217
+ lineHeight: "var(--fds-type-body-sm-line)",
218
+ fontWeight: "var(--fds-type-body-sm-weight)"
219
+ },
220
+ ".caption, .fds-caption": {
221
+ fontFamily: "var(--fds-font-sans)",
222
+ fontSize: "var(--fds-type-caption-size)",
223
+ lineHeight: "var(--fds-type-caption-line)",
224
+ fontWeight: "var(--fds-type-caption-weight)"
225
+ },
226
+ ".mono, .fds-mono": { fontFamily: "var(--fds-font-mono)" },
227
+ ".text-muted.text-muted, .fds-text-muted": { color: "var(--fds-color-on-surface-variant)" }
228
+ };
229
+ //#endregion
230
+ //#region src/plugin.ts
231
+ const freitasPlugin = (0, tailwindcss_plugin.default)(({ addBase, addUtilities }) => {
232
+ addBase(freitasBase);
233
+ addUtilities(freitasUtilities);
234
+ }, { theme: { extend: freitasTheme } });
235
+ //#endregion
236
+ exports.default = freitasPlugin;
237
+ exports.freitasBase = freitasBase;
238
+ exports.freitasCssVariables = freitasCssVariables;
239
+ exports.freitasTheme = freitasTheme;
240
+ exports.freitasUtilities = freitasUtilities;
package/dist/index.d.cts ADDED
@@ -0,0 +1,284 @@
1
+ //#region src/base.d.ts
2
+ declare const freitasBase: {
3
+ ":root": {
4
+ "--fds-color-primary": string;
5
+ "--fds-color-on-primary": string;
6
+ "--fds-color-primary-container": string;
7
+ "--fds-color-on-primary-container": string;
8
+ "--fds-color-secondary": string;
9
+ "--fds-color-on-secondary": string;
10
+ "--fds-color-secondary-container": string;
11
+ "--fds-color-on-secondary-container": string;
12
+ "--fds-color-tertiary": string;
13
+ "--fds-color-on-tertiary": string;
14
+ "--fds-color-tertiary-container": string;
15
+ "--fds-color-on-tertiary-container": string;
16
+ "--fds-color-surface": string;
17
+ "--fds-color-on-surface": string;
18
+ "--fds-color-surface-variant": string;
19
+ "--fds-color-on-surface-variant": string;
20
+ "--fds-color-surface-container": string;
21
+ "--fds-color-surface-container-high": string;
22
+ "--fds-color-outline": string;
23
+ "--fds-color-outline-variant": string;
24
+ "--fds-color-error": string;
25
+ "--fds-color-on-error": string;
26
+ "--fds-color-error-container": string;
27
+ "--fds-color-on-error-container": string;
28
+ "--fds-color-success": string;
29
+ "--fds-color-on-success": string;
30
+ "--fds-color-success-container": string;
31
+ "--fds-color-on-success-container": string;
32
+ "--fds-color-warning": string;
33
+ "--fds-color-on-warning": string;
34
+ "--fds-color-warning-container": string;
35
+ "--fds-color-on-warning-container": string;
36
+ "--fds-color-info": string;
37
+ "--fds-color-on-info": string;
38
+ "--fds-color-info-container": string;
39
+ "--fds-color-on-info-container": string;
40
+ "--fds-color-ring": string;
41
+ "--fds-radius-sm": string;
42
+ "--fds-radius-md": string;
43
+ "--fds-radius-lg": string;
44
+ "--fds-radius-xl": string;
45
+ "--fds-radius-full": string;
46
+ "--fds-elevation-menu": string;
47
+ "--fds-elevation-menu-dark": string;
48
+ "--fds-font-sans": string;
49
+ "--fds-font-mono": string;
50
+ "--fds-type-h1-size": string;
51
+ "--fds-type-h1-line": string;
52
+ "--fds-type-h1-weight": string;
53
+ "--fds-type-h1-tracking": string;
54
+ "--fds-type-h2-size": string;
55
+ "--fds-type-h2-line": string;
56
+ "--fds-type-h2-weight": string;
57
+ "--fds-type-h2-tracking": string;
58
+ "--fds-type-h3-size": string;
59
+ "--fds-type-h3-line": string;
60
+ "--fds-type-h3-weight": string;
61
+ "--fds-type-h3-tracking": string;
62
+ "--fds-type-body-size": string;
63
+ "--fds-type-body-line": string;
64
+ "--fds-type-body-weight": string;
65
+ "--fds-type-body-sm-size": string;
66
+ "--fds-type-body-sm-line": string;
67
+ "--fds-type-body-sm-weight": string;
68
+ "--fds-type-caption-size": string;
69
+ "--fds-type-caption-line": string;
70
+ "--fds-type-caption-weight": string;
71
+ };
72
+ '[data-fds-theme="dark"]': {
73
+ "--fds-elevation-menu": string;
74
+ };
75
+ html: {
76
+ height: string;
77
+ fontFamily: string;
78
+ background: string;
79
+ color: string;
80
+ textRendering: string;
81
+ WebkitFontSmoothing: string;
82
+ MozOsxFontSmoothing: string;
83
+ };
84
+ body: {
85
+ minHeight: string;
86
+ margin: string;
87
+ };
88
+ "#root": {
89
+ minHeight: string;
90
+ };
91
+ "button, input, textarea, select": {
92
+ font: string;
93
+ };
94
+ };
95
+ declare const freitasUtilities: {
96
+ ".h1, .fds-h1": {
97
+ fontFamily: string;
98
+ fontSize: string;
99
+ lineHeight: string;
100
+ fontWeight: string;
101
+ letterSpacing: string;
102
+ };
103
+ ".h2, .fds-h2": {
104
+ fontFamily: string;
105
+ fontSize: string;
106
+ lineHeight: string;
107
+ fontWeight: string;
108
+ letterSpacing: string;
109
+ };
110
+ ".h3, .fds-h3": {
111
+ fontFamily: string;
112
+ fontSize: string;
113
+ lineHeight: string;
114
+ fontWeight: string;
115
+ letterSpacing: string;
116
+ };
117
+ ".body, .fds-body": {
118
+ fontFamily: string;
119
+ fontSize: string;
120
+ lineHeight: string;
121
+ fontWeight: string;
122
+ };
123
+ ".body-sm, .fds-body-sm": {
124
+ fontFamily: string;
125
+ fontSize: string;
126
+ lineHeight: string;
127
+ fontWeight: string;
128
+ };
129
+ ".caption, .fds-caption": {
130
+ fontFamily: string;
131
+ fontSize: string;
132
+ lineHeight: string;
133
+ fontWeight: string;
134
+ };
135
+ ".mono, .fds-mono": {
136
+ fontFamily: string;
137
+ };
138
+ ".text-muted.text-muted, .fds-text-muted": {
139
+ color: string;
140
+ };
141
+ };
142
+ //#endregion
143
+ //#region src/plugin.d.ts
144
+ declare const freitasPlugin: import("tailwindcss/plugin").PluginWithConfig;
145
+ //#endregion
146
+ //#region src/tokens.d.ts
147
+ declare const freitasTheme: {
148
+ colors: {
149
+ primary: string;
150
+ "on-primary": string;
151
+ "primary-container": string;
152
+ "on-primary-container": string;
153
+ secondary: string;
154
+ "on-secondary": string;
155
+ "secondary-container": string;
156
+ "on-secondary-container": string;
157
+ tertiary: string;
158
+ "on-tertiary": string;
159
+ "tertiary-container": string;
160
+ "on-tertiary-container": string;
161
+ surface: string;
162
+ "on-surface": string;
163
+ "surface-variant": string;
164
+ "on-surface-variant": string;
165
+ "surface-container": string;
166
+ "surface-container-high": string;
167
+ outline: string;
168
+ "outline-variant": string;
169
+ error: string;
170
+ "on-error": string;
171
+ "error-container": string;
172
+ "on-error-container": string;
173
+ success: string;
174
+ "on-success": string;
175
+ "success-container": string;
176
+ "on-success-container": string;
177
+ warning: string;
178
+ "on-warning": string;
179
+ "warning-container": string;
180
+ "on-warning-container": string;
181
+ info: string;
182
+ "on-info": string;
183
+ "info-container": string;
184
+ "on-info-container": string;
185
+ ring: string;
186
+ background: string;
187
+ foreground: string;
188
+ card: string;
189
+ "card-foreground": string;
190
+ popover: string;
191
+ "popover-foreground": string;
192
+ muted: string;
193
+ "muted-foreground": string;
194
+ accent: string;
195
+ "accent-foreground": string;
196
+ border: string;
197
+ input: string;
198
+ destructive: string;
199
+ "destructive-foreground": string;
200
+ };
201
+ borderRadius: {
202
+ "fds-sm": string;
203
+ "fds-md": string;
204
+ "fds-lg": string;
205
+ "fds-xl": string;
206
+ "fds-full": string;
207
+ };
208
+ fontFamily: {
209
+ sans: string;
210
+ mono: string;
211
+ };
212
+ };
213
+ declare const freitasCssVariables: {
214
+ "--fds-color-primary": string;
215
+ "--fds-color-on-primary": string;
216
+ "--fds-color-primary-container": string;
217
+ "--fds-color-on-primary-container": string;
218
+ "--fds-color-secondary": string;
219
+ "--fds-color-on-secondary": string;
220
+ "--fds-color-secondary-container": string;
221
+ "--fds-color-on-secondary-container": string;
222
+ "--fds-color-tertiary": string;
223
+ "--fds-color-on-tertiary": string;
224
+ "--fds-color-tertiary-container": string;
225
+ "--fds-color-on-tertiary-container": string;
226
+ "--fds-color-surface": string;
227
+ "--fds-color-on-surface": string;
228
+ "--fds-color-surface-variant": string;
229
+ "--fds-color-on-surface-variant": string;
230
+ "--fds-color-surface-container": string;
231
+ "--fds-color-surface-container-high": string;
232
+ "--fds-color-outline": string;
233
+ "--fds-color-outline-variant": string;
234
+ "--fds-color-error": string;
235
+ "--fds-color-on-error": string;
236
+ "--fds-color-error-container": string;
237
+ "--fds-color-on-error-container": string;
238
+ "--fds-color-success": string;
239
+ "--fds-color-on-success": string;
240
+ "--fds-color-success-container": string;
241
+ "--fds-color-on-success-container": string;
242
+ "--fds-color-warning": string;
243
+ "--fds-color-on-warning": string;
244
+ "--fds-color-warning-container": string;
245
+ "--fds-color-on-warning-container": string;
246
+ "--fds-color-info": string;
247
+ "--fds-color-on-info": string;
248
+ "--fds-color-info-container": string;
249
+ "--fds-color-on-info-container": string;
250
+ "--fds-color-ring": string;
251
+ "--fds-radius-sm": string;
252
+ "--fds-radius-md": string;
253
+ "--fds-radius-lg": string;
254
+ "--fds-radius-xl": string;
255
+ "--fds-radius-full": string;
256
+ "--fds-elevation-menu": string;
257
+ "--fds-elevation-menu-dark": string;
258
+ "--fds-font-sans": string;
259
+ "--fds-font-mono": string;
260
+ "--fds-type-h1-size": string;
261
+ "--fds-type-h1-line": string;
262
+ "--fds-type-h1-weight": string;
263
+ "--fds-type-h1-tracking": string;
264
+ "--fds-type-h2-size": string;
265
+ "--fds-type-h2-line": string;
266
+ "--fds-type-h2-weight": string;
267
+ "--fds-type-h2-tracking": string;
268
+ "--fds-type-h3-size": string;
269
+ "--fds-type-h3-line": string;
270
+ "--fds-type-h3-weight": string;
271
+ "--fds-type-h3-tracking": string;
272
+ "--fds-type-body-size": string;
273
+ "--fds-type-body-line": string;
274
+ "--fds-type-body-weight": string;
275
+ "--fds-type-body-sm-size": string;
276
+ "--fds-type-body-sm-line": string;
277
+ "--fds-type-body-sm-weight": string;
278
+ "--fds-type-caption-size": string;
279
+ "--fds-type-caption-line": string;
280
+ "--fds-type-caption-weight": string;
281
+ };
282
+ //#endregion
283
+ export { freitasPlugin as default, freitasBase, freitasCssVariables, freitasTheme, freitasUtilities };
284
+ //# sourceMappingURL=index.d.cts.map
package/dist/index.d.cts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.cts","names":[],"sources":["../src/base.ts","../src/plugin.ts","../src/tokens.ts"],"mappings":";cAEa,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA0BA,gBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cCvBP,aAAA,+BAAa,gBAUlB;;;cCfY,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4EA,mBAAA"}
package/dist/index.d.mts ADDED
@@ -0,0 +1,284 @@
1
+ //#region src/base.d.ts
2
+ declare const freitasBase: {
3
+ ":root": {
4
+ "--fds-color-primary": string;
5
+ "--fds-color-on-primary": string;
6
+ "--fds-color-primary-container": string;
7
+ "--fds-color-on-primary-container": string;
8
+ "--fds-color-secondary": string;
9
+ "--fds-color-on-secondary": string;
10
+ "--fds-color-secondary-container": string;
11
+ "--fds-color-on-secondary-container": string;
12
+ "--fds-color-tertiary": string;
13
+ "--fds-color-on-tertiary": string;
14
+ "--fds-color-tertiary-container": string;
15
+ "--fds-color-on-tertiary-container": string;
16
+ "--fds-color-surface": string;
17
+ "--fds-color-on-surface": string;
18
+ "--fds-color-surface-variant": string;
19
+ "--fds-color-on-surface-variant": string;
20
+ "--fds-color-surface-container": string;
21
+ "--fds-color-surface-container-high": string;
22
+ "--fds-color-outline": string;
23
+ "--fds-color-outline-variant": string;
24
+ "--fds-color-error": string;
25
+ "--fds-color-on-error": string;
26
+ "--fds-color-error-container": string;
27
+ "--fds-color-on-error-container": string;
28
+ "--fds-color-success": string;
29
+ "--fds-color-on-success": string;
30
+ "--fds-color-success-container": string;
31
+ "--fds-color-on-success-container": string;
32
+ "--fds-color-warning": string;
33
+ "--fds-color-on-warning": string;
34
+ "--fds-color-warning-container": string;
35
+ "--fds-color-on-warning-container": string;
36
+ "--fds-color-info": string;
37
+ "--fds-color-on-info": string;
38
+ "--fds-color-info-container": string;
39
+ "--fds-color-on-info-container": string;
40
+ "--fds-color-ring": string;
41
+ "--fds-radius-sm": string;
42
+ "--fds-radius-md": string;
43
+ "--fds-radius-lg": string;
44
+ "--fds-radius-xl": string;
45
+ "--fds-radius-full": string;
46
+ "--fds-elevation-menu": string;
47
+ "--fds-elevation-menu-dark": string;
48
+ "--fds-font-sans": string;
49
+ "--fds-font-mono": string;
50
+ "--fds-type-h1-size": string;
51
+ "--fds-type-h1-line": string;
52
+ "--fds-type-h1-weight": string;
53
+ "--fds-type-h1-tracking": string;
54
+ "--fds-type-h2-size": string;
55
+ "--fds-type-h2-line": string;
56
+ "--fds-type-h2-weight": string;
57
+ "--fds-type-h2-tracking": string;
58
+ "--fds-type-h3-size": string;
59
+ "--fds-type-h3-line": string;
60
+ "--fds-type-h3-weight": string;
61
+ "--fds-type-h3-tracking": string;
62
+ "--fds-type-body-size": string;
63
+ "--fds-type-body-line": string;
64
+ "--fds-type-body-weight": string;
65
+ "--fds-type-body-sm-size": string;
66
+ "--fds-type-body-sm-line": string;
67
+ "--fds-type-body-sm-weight": string;
68
+ "--fds-type-caption-size": string;
69
+ "--fds-type-caption-line": string;
70
+ "--fds-type-caption-weight": string;
71
+ };
72
+ '[data-fds-theme="dark"]': {
73
+ "--fds-elevation-menu": string;
74
+ };
75
+ html: {
76
+ height: string;
77
+ fontFamily: string;
78
+ background: string;
79
+ color: string;
80
+ textRendering: string;
81
+ WebkitFontSmoothing: string;
82
+ MozOsxFontSmoothing: string;
83
+ };
84
+ body: {
85
+ minHeight: string;
86
+ margin: string;
87
+ };
88
+ "#root": {
89
+ minHeight: string;
90
+ };
91
+ "button, input, textarea, select": {
92
+ font: string;
93
+ };
94
+ };
95
+ declare const freitasUtilities: {
96
+ ".h1, .fds-h1": {
97
+ fontFamily: string;
98
+ fontSize: string;
99
+ lineHeight: string;
100
+ fontWeight: string;
101
+ letterSpacing: string;
102
+ };
103
+ ".h2, .fds-h2": {
104
+ fontFamily: string;
105
+ fontSize: string;
106
+ lineHeight: string;
107
+ fontWeight: string;
108
+ letterSpacing: string;
109
+ };
110
+ ".h3, .fds-h3": {
111
+ fontFamily: string;
112
+ fontSize: string;
113
+ lineHeight: string;
114
+ fontWeight: string;
115
+ letterSpacing: string;
116
+ };
117
+ ".body, .fds-body": {
118
+ fontFamily: string;
119
+ fontSize: string;
120
+ lineHeight: string;
121
+ fontWeight: string;
122
+ };
123
+ ".body-sm, .fds-body-sm": {
124
+ fontFamily: string;
125
+ fontSize: string;
126
+ lineHeight: string;
127
+ fontWeight: string;
128
+ };
129
+ ".caption, .fds-caption": {
130
+ fontFamily: string;
131
+ fontSize: string;
132
+ lineHeight: string;
133
+ fontWeight: string;
134
+ };
135
+ ".mono, .fds-mono": {
136
+ fontFamily: string;
137
+ };
138
+ ".text-muted.text-muted, .fds-text-muted": {
139
+ color: string;
140
+ };
141
+ };
142
+ //#endregion
143
+ //#region src/plugin.d.ts
144
+ declare const freitasPlugin: import("tailwindcss/plugin").PluginWithConfig;
145
+ //#endregion
146
+ //#region src/tokens.d.ts
147
+ declare const freitasTheme: {
148
+ colors: {
149
+ primary: string;
150
+ "on-primary": string;
151
+ "primary-container": string;
152
+ "on-primary-container": string;
153
+ secondary: string;
154
+ "on-secondary": string;
155
+ "secondary-container": string;
156
+ "on-secondary-container": string;
157
+ tertiary: string;
158
+ "on-tertiary": string;
159
+ "tertiary-container": string;
160
+ "on-tertiary-container": string;
161
+ surface: string;
162
+ "on-surface": string;
163
+ "surface-variant": string;
164
+ "on-surface-variant": string;
165
+ "surface-container": string;
166
+ "surface-container-high": string;
167
+ outline: string;
168
+ "outline-variant": string;
169
+ error: string;
170
+ "on-error": string;
171
+ "error-container": string;
172
+ "on-error-container": string;
173
+ success: string;
174
+ "on-success": string;
175
+ "success-container": string;
176
+ "on-success-container": string;
177
+ warning: string;
178
+ "on-warning": string;
179
+ "warning-container": string;
180
+ "on-warning-container": string;
181
+ info: string;
182
+ "on-info": string;
183
+ "info-container": string;
184
+ "on-info-container": string;
185
+ ring: string;
186
+ background: string;
187
+ foreground: string;
188
+ card: string;
189
+ "card-foreground": string;
190
+ popover: string;
191
+ "popover-foreground": string;
192
+ muted: string;
193
+ "muted-foreground": string;
194
+ accent: string;
195
+ "accent-foreground": string;
196
+ border: string;
197
+ input: string;
198
+ destructive: string;
199
+ "destructive-foreground": string;
200
+ };
201
+ borderRadius: {
202
+ "fds-sm": string;
203
+ "fds-md": string;
204
+ "fds-lg": string;
205
+ "fds-xl": string;
206
+ "fds-full": string;
207
+ };
208
+ fontFamily: {
209
+ sans: string;
210
+ mono: string;
211
+ };
212
+ };
213
+ declare const freitasCssVariables: {
214
+ "--fds-color-primary": string;
215
+ "--fds-color-on-primary": string;
216
+ "--fds-color-primary-container": string;
217
+ "--fds-color-on-primary-container": string;
218
+ "--fds-color-secondary": string;
219
+ "--fds-color-on-secondary": string;
220
+ "--fds-color-secondary-container": string;
221
+ "--fds-color-on-secondary-container": string;
222
+ "--fds-color-tertiary": string;
223
+ "--fds-color-on-tertiary": string;
224
+ "--fds-color-tertiary-container": string;
225
+ "--fds-color-on-tertiary-container": string;
226
+ "--fds-color-surface": string;
227
+ "--fds-color-on-surface": string;
228
+ "--fds-color-surface-variant": string;
229
+ "--fds-color-on-surface-variant": string;
230
+ "--fds-color-surface-container": string;
231
+ "--fds-color-surface-container-high": string;
232
+ "--fds-color-outline": string;
233
+ "--fds-color-outline-variant": string;
234
+ "--fds-color-error": string;
235
+ "--fds-color-on-error": string;
236
+ "--fds-color-error-container": string;
237
+ "--fds-color-on-error-container": string;
238
+ "--fds-color-success": string;
239
+ "--fds-color-on-success": string;
240
+ "--fds-color-success-container": string;
241
+ "--fds-color-on-success-container": string;
242
+ "--fds-color-warning": string;
243
+ "--fds-color-on-warning": string;
244
+ "--fds-color-warning-container": string;
245
+ "--fds-color-on-warning-container": string;
246
+ "--fds-color-info": string;
247
+ "--fds-color-on-info": string;
248
+ "--fds-color-info-container": string;
249
+ "--fds-color-on-info-container": string;
250
+ "--fds-color-ring": string;
251
+ "--fds-radius-sm": string;
252
+ "--fds-radius-md": string;
253
+ "--fds-radius-lg": string;
254
+ "--fds-radius-xl": string;
255
+ "--fds-radius-full": string;
256
+ "--fds-elevation-menu": string;
257
+ "--fds-elevation-menu-dark": string;
258
+ "--fds-font-sans": string;
259
+ "--fds-font-mono": string;
260
+ "--fds-type-h1-size": string;
261
+ "--fds-type-h1-line": string;
262
+ "--fds-type-h1-weight": string;
263
+ "--fds-type-h1-tracking": string;
264
+ "--fds-type-h2-size": string;
265
+ "--fds-type-h2-line": string;
266
+ "--fds-type-h2-weight": string;
267
+ "--fds-type-h2-tracking": string;
268
+ "--fds-type-h3-size": string;
269
+ "--fds-type-h3-line": string;
270
+ "--fds-type-h3-weight": string;
271
+ "--fds-type-h3-tracking": string;
272
+ "--fds-type-body-size": string;
273
+ "--fds-type-body-line": string;
274
+ "--fds-type-body-weight": string;
275
+ "--fds-type-body-sm-size": string;
276
+ "--fds-type-body-sm-line": string;
277
+ "--fds-type-body-sm-weight": string;
278
+ "--fds-type-caption-size": string;
279
+ "--fds-type-caption-line": string;
280
+ "--fds-type-caption-weight": string;
281
+ };
282
+ //#endregion
283
+ export { freitasPlugin as default, freitasBase, freitasCssVariables, freitasTheme, freitasUtilities };
284
+ //# sourceMappingURL=index.d.mts.map
package/dist/index.d.mts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.mts","names":[],"sources":["../src/base.ts","../src/plugin.ts","../src/tokens.ts"],"mappings":";cAEa,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA0BA,gBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cCvBP,aAAA,+BAAa,gBAUlB;;;cCfY,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4EA,mBAAA"}
package/dist/index.mjs ADDED
@@ -0,0 +1,211 @@
1
+ import plugin from "tailwindcss/plugin";
2
+ //#region src/tokens.ts
3
+ const freitasTheme = {
4
+ colors: {
5
+ primary: "var(--fds-color-primary)",
6
+ "on-primary": "var(--fds-color-on-primary)",
7
+ "primary-container": "var(--fds-color-primary-container)",
8
+ "on-primary-container": "var(--fds-color-on-primary-container)",
9
+ secondary: "var(--fds-color-secondary)",
10
+ "on-secondary": "var(--fds-color-on-secondary)",
11
+ "secondary-container": "var(--fds-color-secondary-container)",
12
+ "on-secondary-container": "var(--fds-color-on-secondary-container)",
13
+ tertiary: "var(--fds-color-tertiary)",
14
+ "on-tertiary": "var(--fds-color-on-tertiary)",
15
+ "tertiary-container": "var(--fds-color-tertiary-container)",
16
+ "on-tertiary-container": "var(--fds-color-on-tertiary-container)",
17
+ surface: "var(--fds-color-surface)",
18
+ "on-surface": "var(--fds-color-on-surface)",
19
+ "surface-variant": "var(--fds-color-surface-variant)",
20
+ "on-surface-variant": "var(--fds-color-on-surface-variant)",
21
+ "surface-container": "var(--fds-color-surface-container)",
22
+ "surface-container-high": "var(--fds-color-surface-container-high)",
23
+ outline: "var(--fds-color-outline)",
24
+ "outline-variant": "var(--fds-color-outline-variant)",
25
+ error: "var(--fds-color-error)",
26
+ "on-error": "var(--fds-color-on-error)",
27
+ "error-container": "var(--fds-color-error-container)",
28
+ "on-error-container": "var(--fds-color-on-error-container)",
29
+ success: "var(--fds-color-success)",
30
+ "on-success": "var(--fds-color-on-success)",
31
+ "success-container": "var(--fds-color-success-container)",
32
+ "on-success-container": "var(--fds-color-on-success-container)",
33
+ warning: "var(--fds-color-warning)",
34
+ "on-warning": "var(--fds-color-on-warning)",
35
+ "warning-container": "var(--fds-color-warning-container)",
36
+ "on-warning-container": "var(--fds-color-on-warning-container)",
37
+ info: "var(--fds-color-info)",
38
+ "on-info": "var(--fds-color-on-info)",
39
+ "info-container": "var(--fds-color-info-container)",
40
+ "on-info-container": "var(--fds-color-on-info-container)",
41
+ ring: "var(--fds-color-ring)",
42
+ background: "var(--fds-color-surface)",
43
+ foreground: "var(--fds-color-on-surface)",
44
+ card: "var(--fds-color-surface-container)",
45
+ "card-foreground": "var(--fds-color-on-surface)",
46
+ popover: "var(--fds-color-surface)",
47
+ "popover-foreground": "var(--fds-color-on-surface)",
48
+ muted: "var(--fds-color-surface-container)",
49
+ "muted-foreground": "var(--fds-color-on-surface-variant)",
50
+ accent: "var(--fds-color-surface-container-high)",
51
+ "accent-foreground": "var(--fds-color-on-surface)",
52
+ border: "var(--fds-color-outline-variant)",
53
+ input: "var(--fds-color-outline)",
54
+ destructive: "var(--fds-color-error)",
55
+ "destructive-foreground": "var(--fds-color-on-error)"
56
+ },
57
+ borderRadius: {
58
+ "fds-sm": "var(--fds-radius-sm)",
59
+ "fds-md": "var(--fds-radius-md)",
60
+ "fds-lg": "var(--fds-radius-lg)",
61
+ "fds-xl": "var(--fds-radius-xl)",
62
+ "fds-full": "var(--fds-radius-full)"
63
+ },
64
+ fontFamily: {
65
+ sans: "var(--fds-font-sans)",
66
+ mono: "var(--fds-font-mono)"
67
+ }
68
+ };
69
+ const freitasCssVariables = {
70
+ "--fds-color-primary": "#2563eb",
71
+ "--fds-color-on-primary": "#ffffff",
72
+ "--fds-color-primary-container": "#dbeafe",
73
+ "--fds-color-on-primary-container": "#172554",
74
+ "--fds-color-secondary": "#475569",
75
+ "--fds-color-on-secondary": "#ffffff",
76
+ "--fds-color-secondary-container": "#e2e8f0",
77
+ "--fds-color-on-secondary-container": "#0f172a",
78
+ "--fds-color-tertiary": "#7c3aed",
79
+ "--fds-color-on-tertiary": "#ffffff",
80
+ "--fds-color-tertiary-container": "#ede9fe",
81
+ "--fds-color-on-tertiary-container": "#2e1065",
82
+ "--fds-color-surface": "#ffffff",
83
+ "--fds-color-on-surface": "#0f172a",
84
+ "--fds-color-surface-variant": "#f1f5f9",
85
+ "--fds-color-on-surface-variant": "#475569",
86
+ "--fds-color-surface-container": "#f8fafc",
87
+ "--fds-color-surface-container-high": "#f1f5f9",
88
+ "--fds-color-outline": "#94a3b8",
89
+ "--fds-color-outline-variant": "#cbd5e1",
90
+ "--fds-color-error": "#b91c1c",
91
+ "--fds-color-on-error": "#ffffff",
92
+ "--fds-color-error-container": "#fee2e2",
93
+ "--fds-color-on-error-container": "#450a0a",
94
+ "--fds-color-success": "#15803d",
95
+ "--fds-color-on-success": "#ffffff",
96
+ "--fds-color-success-container": "#dcfce7",
97
+ "--fds-color-on-success-container": "#052e16",
98
+ "--fds-color-warning": "#b45309",
99
+ "--fds-color-on-warning": "#ffffff",
100
+ "--fds-color-warning-container": "#fef3c7",
101
+ "--fds-color-on-warning-container": "#451a03",
102
+ "--fds-color-info": "#0369a1",
103
+ "--fds-color-on-info": "#ffffff",
104
+ "--fds-color-info-container": "#e0f2fe",
105
+ "--fds-color-on-info-container": "#082f49",
106
+ "--fds-color-ring": "#2563eb",
107
+ "--fds-radius-sm": "0.375rem",
108
+ "--fds-radius-md": "0.625rem",
109
+ "--fds-radius-lg": "0.875rem",
110
+ "--fds-radius-xl": "1.25rem",
111
+ "--fds-radius-full": "999px",
112
+ "--fds-elevation-menu": "0 18px 45px -28px rgb(15 23 42 / 0.45), 0 8px 20px -18px rgb(15 23 42 / 0.35)",
113
+ "--fds-elevation-menu-dark": "0 18px 45px -28px rgb(0 0 0 / 0.75), 0 8px 20px -18px rgb(0 0 0 / 0.55)",
114
+ "--fds-font-sans": "Inter, ui-sans-serif, system-ui, sans-serif",
115
+ "--fds-font-mono": "\"JetBrains Mono\", ui-monospace, SFMono-Regular, monospace",
116
+ "--fds-type-h1-size": "clamp(2.25rem, 4vw, 3.25rem)",
117
+ "--fds-type-h1-line": "1.05",
118
+ "--fds-type-h1-weight": "750",
119
+ "--fds-type-h1-tracking": "-0.04em",
120
+ "--fds-type-h2-size": "clamp(1.875rem, 3vw, 2.5rem)",
121
+ "--fds-type-h2-line": "1.1",
122
+ "--fds-type-h2-weight": "700",
123
+ "--fds-type-h2-tracking": "-0.035em",
124
+ "--fds-type-h3-size": "1.5rem",
125
+ "--fds-type-h3-line": "1.2",
126
+ "--fds-type-h3-weight": "650",
127
+ "--fds-type-h3-tracking": "-0.025em",
128
+ "--fds-type-body-size": "1rem",
129
+ "--fds-type-body-line": "1.6",
130
+ "--fds-type-body-weight": "400",
131
+ "--fds-type-body-sm-size": "0.875rem",
132
+ "--fds-type-body-sm-line": "1.5",
133
+ "--fds-type-body-sm-weight": "400",
134
+ "--fds-type-caption-size": "0.75rem",
135
+ "--fds-type-caption-line": "1.4",
136
+ "--fds-type-caption-weight": "400"
137
+ };
138
+ //#endregion
139
+ //#region src/base.ts
140
+ const freitasBase = {
141
+ ":root": freitasCssVariables,
142
+ "[data-fds-theme=\"dark\"]": { "--fds-elevation-menu": "var(--fds-elevation-menu-dark)" },
143
+ html: {
144
+ height: "100%",
145
+ fontFamily: "var(--fds-font-sans)",
146
+ background: "var(--fds-color-surface)",
147
+ color: "var(--fds-color-on-surface)",
148
+ textRendering: "optimizeLegibility",
149
+ WebkitFontSmoothing: "antialiased",
150
+ MozOsxFontSmoothing: "grayscale"
151
+ },
152
+ body: {
153
+ minHeight: "100%",
154
+ margin: "0"
155
+ },
156
+ "#root": { minHeight: "100%" },
157
+ "button, input, textarea, select": { font: "inherit" }
158
+ };
159
+ const freitasUtilities = {
160
+ ".h1, .fds-h1": {
161
+ fontFamily: "var(--fds-font-sans)",
162
+ fontSize: "var(--fds-type-h1-size)",
163
+ lineHeight: "var(--fds-type-h1-line)",
164
+ fontWeight: "var(--fds-type-h1-weight)",
165
+ letterSpacing: "var(--fds-type-h1-tracking)"
166
+ },
167
+ ".h2, .fds-h2": {
168
+ fontFamily: "var(--fds-font-sans)",
169
+ fontSize: "var(--fds-type-h2-size)",
170
+ lineHeight: "var(--fds-type-h2-line)",
171
+ fontWeight: "var(--fds-type-h2-weight)",
172
+ letterSpacing: "var(--fds-type-h2-tracking)"
173
+ },
174
+ ".h3, .fds-h3": {
175
+ fontFamily: "var(--fds-font-sans)",
176
+ fontSize: "var(--fds-type-h3-size)",
177
+ lineHeight: "var(--fds-type-h3-line)",
178
+ fontWeight: "var(--fds-type-h3-weight)",
179
+ letterSpacing: "var(--fds-type-h3-tracking)"
180
+ },
181
+ ".body, .fds-body": {
182
+ fontFamily: "var(--fds-font-sans)",
183
+ fontSize: "var(--fds-type-body-size)",
184
+ lineHeight: "var(--fds-type-body-line)",
185
+ fontWeight: "var(--fds-type-body-weight)"
186
+ },
187
+ ".body-sm, .fds-body-sm": {
188
+ fontFamily: "var(--fds-font-sans)",
189
+ fontSize: "var(--fds-type-body-sm-size)",
190
+ lineHeight: "var(--fds-type-body-sm-line)",
191
+ fontWeight: "var(--fds-type-body-sm-weight)"
192
+ },
193
+ ".caption, .fds-caption": {
194
+ fontFamily: "var(--fds-font-sans)",
195
+ fontSize: "var(--fds-type-caption-size)",
196
+ lineHeight: "var(--fds-type-caption-line)",
197
+ fontWeight: "var(--fds-type-caption-weight)"
198
+ },
199
+ ".mono, .fds-mono": { fontFamily: "var(--fds-font-mono)" },
200
+ ".text-muted.text-muted, .fds-text-muted": { color: "var(--fds-color-on-surface-variant)" }
201
+ };
202
+ //#endregion
203
+ //#region src/plugin.ts
204
+ const freitasPlugin = plugin(({ addBase, addUtilities }) => {
205
+ addBase(freitasBase);
206
+ addUtilities(freitasUtilities);
207
+ }, { theme: { extend: freitasTheme } });
208
+ //#endregion
209
+ export { freitasPlugin as default, freitasBase, freitasCssVariables, freitasTheme, freitasUtilities };
210
+
211
+ //# sourceMappingURL=index.mjs.map
package/dist/index.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","names":[],"sources":["../src/tokens.ts","../src/base.ts","../src/plugin.ts"],"sourcesContent":["export const freitasTheme = {\n colors: {\n primary: \"var(--fds-color-primary)\",\n \"on-primary\": \"var(--fds-color-on-primary)\",\n \"primary-container\": \"var(--fds-color-primary-container)\",\n \"on-primary-container\": \"var(--fds-color-on-primary-container)\",\n\n secondary: \"var(--fds-color-secondary)\",\n \"on-secondary\": \"var(--fds-color-on-secondary)\",\n \"secondary-container\": \"var(--fds-color-secondary-container)\",\n \"on-secondary-container\": \"var(--fds-color-on-secondary-container)\",\n\n tertiary: \"var(--fds-color-tertiary)\",\n \"on-tertiary\": \"var(--fds-color-on-tertiary)\",\n \"tertiary-container\": \"var(--fds-color-tertiary-container)\",\n \"on-tertiary-container\": \"var(--fds-color-on-tertiary-container)\",\n\n surface: \"var(--fds-color-surface)\",\n \"on-surface\": \"var(--fds-color-on-surface)\",\n \"surface-variant\": \"var(--fds-color-surface-variant)\",\n \"on-surface-variant\": \"var(--fds-color-on-surface-variant)\",\n \"surface-container\": \"var(--fds-color-surface-container)\",\n \"surface-container-high\": \"var(--fds-color-surface-container-high)\",\n\n outline: \"var(--fds-color-outline)\",\n \"outline-variant\": \"var(--fds-color-outline-variant)\",\n\n error: \"var(--fds-color-error)\",\n \"on-error\": \"var(--fds-color-on-error)\",\n \"error-container\": \"var(--fds-color-error-container)\",\n \"on-error-container\": \"var(--fds-color-on-error-container)\",\n\n success: \"var(--fds-color-success)\",\n \"on-success\": \"var(--fds-color-on-success)\",\n \"success-container\": \"var(--fds-color-success-container)\",\n \"on-success-container\": \"var(--fds-color-on-success-container)\",\n\n warning: \"var(--fds-color-warning)\",\n \"on-warning\": \"var(--fds-color-on-warning)\",\n \"warning-container\": \"var(--fds-color-warning-container)\",\n \"on-warning-container\": \"var(--fds-color-on-warning-container)\",\n\n info: \"var(--fds-color-info)\",\n \"on-info\": \"var(--fds-color-on-info)\",\n \"info-container\": \"var(--fds-color-info-container)\",\n \"on-info-container\": \"var(--fds-color-on-info-container)\",\n\n ring: \"var(--fds-color-ring)\",\n background: \"var(--fds-color-surface)\",\n foreground: \"var(--fds-color-on-surface)\",\n card: \"var(--fds-color-surface-container)\",\n \"card-foreground\": \"var(--fds-color-on-surface)\",\n popover: \"var(--fds-color-surface)\",\n \"popover-foreground\": \"var(--fds-color-on-surface)\",\n muted: \"var(--fds-color-surface-container)\",\n \"muted-foreground\": \"var(--fds-color-on-surface-variant)\",\n accent: \"var(--fds-color-surface-container-high)\",\n \"accent-foreground\": \"var(--fds-color-on-surface)\",\n border: \"var(--fds-color-outline-variant)\",\n input: \"var(--fds-color-outline)\",\n destructive: \"var(--fds-color-error)\",\n \"destructive-foreground\": \"var(--fds-color-on-error)\"\n },\n borderRadius: {\n \"fds-sm\": \"var(--fds-radius-sm)\",\n \"fds-md\": \"var(--fds-radius-md)\",\n \"fds-lg\": \"var(--fds-radius-lg)\",\n \"fds-xl\": \"var(--fds-radius-xl)\",\n \"fds-full\": \"var(--fds-radius-full)\"\n },\n fontFamily: {\n sans: \"var(--fds-font-sans)\",\n mono: \"var(--fds-font-mono)\"\n }\n}\n\nexport const freitasCssVariables = {\n \"--fds-color-primary\": \"#2563eb\",\n \"--fds-color-on-primary\": \"#ffffff\",\n \"--fds-color-primary-container\": \"#dbeafe\",\n \"--fds-color-on-primary-container\": \"#172554\",\n\n \"--fds-color-secondary\": \"#475569\",\n \"--fds-color-on-secondary\": \"#ffffff\",\n \"--fds-color-secondary-container\": \"#e2e8f0\",\n \"--fds-color-on-secondary-container\": \"#0f172a\",\n\n \"--fds-color-tertiary\": \"#7c3aed\",\n \"--fds-color-on-tertiary\": \"#ffffff\",\n \"--fds-color-tertiary-container\": \"#ede9fe\",\n \"--fds-color-on-tertiary-container\": \"#2e1065\",\n\n \"--fds-color-surface\": \"#ffffff\",\n \"--fds-color-on-surface\": \"#0f172a\",\n \"--fds-color-surface-variant\": \"#f1f5f9\",\n \"--fds-color-on-surface-variant\": \"#475569\",\n \"--fds-color-surface-container\": \"#f8fafc\",\n \"--fds-color-surface-container-high\": \"#f1f5f9\",\n\n \"--fds-color-outline\": \"#94a3b8\",\n \"--fds-color-outline-variant\": \"#cbd5e1\",\n\n \"--fds-color-error\": \"#b91c1c\",\n \"--fds-color-on-error\": \"#ffffff\",\n \"--fds-color-error-container\": \"#fee2e2\",\n \"--fds-color-on-error-container\": \"#450a0a\",\n\n \"--fds-color-success\": \"#15803d\",\n \"--fds-color-on-success\": \"#ffffff\",\n \"--fds-color-success-container\": \"#dcfce7\",\n \"--fds-color-on-success-container\": \"#052e16\",\n\n \"--fds-color-warning\": \"#b45309\",\n \"--fds-color-on-warning\": \"#ffffff\",\n \"--fds-color-warning-container\": \"#fef3c7\",\n \"--fds-color-on-warning-container\": \"#451a03\",\n\n \"--fds-color-info\": \"#0369a1\",\n \"--fds-color-on-info\": \"#ffffff\",\n \"--fds-color-info-container\": \"#e0f2fe\",\n \"--fds-color-on-info-container\": \"#082f49\",\n\n \"--fds-color-ring\": \"#2563eb\",\n\n \"--fds-radius-sm\": \"0.375rem\",\n \"--fds-radius-md\": \"0.625rem\",\n \"--fds-radius-lg\": \"0.875rem\",\n \"--fds-radius-xl\": \"1.25rem\",\n \"--fds-radius-full\": \"999px\",\n\n \"--fds-elevation-menu\":\n \"0 18px 45px -28px rgb(15 23 42 / 0.45), 0 8px 20px -18px rgb(15 23 42 / 0.35)\",\n \"--fds-elevation-menu-dark\":\n \"0 18px 45px -28px rgb(0 0 0 / 0.75), 0 8px 20px -18px rgb(0 0 0 / 0.55)\",\n\n \"--fds-font-sans\": \"Inter, ui-sans-serif, system-ui, sans-serif\",\n \"--fds-font-mono\": '\"JetBrains Mono\", ui-monospace, SFMono-Regular, monospace',\n\n \"--fds-type-h1-size\": \"clamp(2.25rem, 4vw, 3.25rem)\",\n \"--fds-type-h1-line\": \"1.05\",\n \"--fds-type-h1-weight\": \"750\",\n \"--fds-type-h1-tracking\": \"-0.04em\",\n\n \"--fds-type-h2-size\": \"clamp(1.875rem, 3vw, 2.5rem)\",\n \"--fds-type-h2-line\": \"1.1\",\n \"--fds-type-h2-weight\": \"700\",\n \"--fds-type-h2-tracking\": \"-0.035em\",\n\n \"--fds-type-h3-size\": \"1.5rem\",\n \"--fds-type-h3-line\": \"1.2\",\n \"--fds-type-h3-weight\": \"650\",\n \"--fds-type-h3-tracking\": \"-0.025em\",\n\n \"--fds-type-body-size\": \"1rem\",\n \"--fds-type-body-line\": \"1.6\",\n \"--fds-type-body-weight\": \"400\",\n\n \"--fds-type-body-sm-size\": \"0.875rem\",\n \"--fds-type-body-sm-line\": \"1.5\",\n \"--fds-type-body-sm-weight\": \"400\",\n\n \"--fds-type-caption-size\": \"0.75rem\",\n \"--fds-type-caption-line\": \"1.4\",\n \"--fds-type-caption-weight\": \"400\"\n}\n","import { freitasCssVariables } from \"./tokens\"\n\nexport const freitasBase = {\n \":root\": freitasCssVariables,\n '[data-fds-theme=\"dark\"]': {\n \"--fds-elevation-menu\": \"var(--fds-elevation-menu-dark)\"\n },\n html: {\n height: \"100%\",\n fontFamily: \"var(--fds-font-sans)\",\n background: \"var(--fds-color-surface)\",\n color: \"var(--fds-color-on-surface)\",\n textRendering: \"optimizeLegibility\",\n WebkitFontSmoothing: \"antialiased\",\n MozOsxFontSmoothing: \"grayscale\"\n },\n body: {\n minHeight: \"100%\",\n margin: \"0\"\n },\n \"#root\": {\n minHeight: \"100%\"\n },\n \"button, input, textarea, select\": {\n font: \"inherit\"\n }\n}\n\nexport const freitasUtilities = {\n \".h1, .fds-h1\": {\n fontFamily: \"var(--fds-font-sans)\",\n fontSize: \"var(--fds-type-h1-size)\",\n lineHeight: \"var(--fds-type-h1-line)\",\n fontWeight: \"var(--fds-type-h1-weight)\",\n letterSpacing: \"var(--fds-type-h1-tracking)\"\n },\n \".h2, .fds-h2\": {\n fontFamily: \"var(--fds-font-sans)\",\n fontSize: \"var(--fds-type-h2-size)\",\n lineHeight: \"var(--fds-type-h2-line)\",\n fontWeight: \"var(--fds-type-h2-weight)\",\n letterSpacing: \"var(--fds-type-h2-tracking)\"\n },\n \".h3, .fds-h3\": {\n fontFamily: \"var(--fds-font-sans)\",\n fontSize: \"var(--fds-type-h3-size)\",\n lineHeight: \"var(--fds-type-h3-line)\",\n fontWeight: \"var(--fds-type-h3-weight)\",\n letterSpacing: \"var(--fds-type-h3-tracking)\"\n },\n \".body, .fds-body\": {\n fontFamily: \"var(--fds-font-sans)\",\n fontSize: \"var(--fds-type-body-size)\",\n lineHeight: \"var(--fds-type-body-line)\",\n fontWeight: \"var(--fds-type-body-weight)\"\n },\n \".body-sm, .fds-body-sm\": {\n fontFamily: \"var(--fds-font-sans)\",\n fontSize: \"var(--fds-type-body-sm-size)\",\n lineHeight: \"var(--fds-type-body-sm-line)\",\n fontWeight: \"var(--fds-type-body-sm-weight)\"\n },\n \".caption, .fds-caption\": {\n fontFamily: \"var(--fds-font-sans)\",\n fontSize: \"var(--fds-type-caption-size)\",\n lineHeight: \"var(--fds-type-caption-line)\",\n fontWeight: \"var(--fds-type-caption-weight)\"\n },\n \".mono, .fds-mono\": {\n fontFamily: \"var(--fds-font-mono)\"\n },\n \".text-muted.text-muted, .fds-text-muted\": {\n color: \"var(--fds-color-on-surface-variant)\"\n }\n}\n","import plugin from \"tailwindcss/plugin\"\n\nimport { freitasBase, freitasUtilities } from \"./base\"\nimport { freitasTheme } from \"./tokens\"\n\nconst freitasPlugin = plugin(\n ({ addBase, addUtilities }) => {\n addBase(freitasBase)\n addUtilities(freitasUtilities)\n },\n {\n theme: {\n extend: freitasTheme\n }\n }\n)\n\nexport default freitasPlugin\n"],"mappings":"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"}
package/package.json ADDED
@@ -0,0 +1,61 @@
1
+ {
2
+ "name": "freitas-ds",
3
+ "version": "0.1.0",
4
+ "description": "Plugin Tailwind CSS v4 oficial do Freitas DS.",
5
+ "keywords": [
6
+ "design-system",
7
+ "tailwindcss",
8
+ "plugin",
9
+ "theme",
10
+ "tokens"
11
+ ],
12
+ "author": {
13
+ "name": "Eric Freitas Sampaio",
14
+ "email": "contato@freitaseric.com",
15
+ "url": "https://freitaseric.com"
16
+ },
17
+ "license": "MIT",
18
+ "repository": {
19
+ "type": "git",
20
+ "url": "git+https://github.com/freitaseric/freitas-ds.git",
21
+ "directory": "packages/tailwind-plugin"
22
+ },
23
+ "homepage": "https://github.com/freitaseric/freitas-ds#readme",
24
+ "bugs": {
25
+ "url": "https://github.com/freitaseric/freitas-ds/issues"
26
+ },
27
+ "type": "module",
28
+ "main": "./dist/index.cjs",
29
+ "module": "./dist/index.mjs",
30
+ "types": "./dist/index.d.mts",
31
+ "exports": {
32
+ ".": {
33
+ "types": "./dist/index.d.mts",
34
+ "import": "./dist/index.mjs",
35
+ "require": "./dist/index.cjs"
36
+ }
37
+ },
38
+ "publishConfig": {
39
+ "access": "public",
40
+ "registry": "https://registry.npmjs.org/"
41
+ },
42
+ "files": [
43
+ "dist",
44
+ "README.md",
45
+ "package.json"
46
+ ],
47
+ "peerDependencies": {
48
+ "tailwindcss": ">=4"
49
+ },
50
+ "devDependencies": {
51
+ "tailwindcss": "^4.3.1",
52
+ "tsdown": "^0.22.2",
53
+ "typescript": "^6.0.3"
54
+ },
55
+ "scripts": {
56
+ "build": "tsdown",
57
+ "test": "pnpm build && node scripts/test-import.mjs",
58
+ "typecheck": "tsc --noEmit",
59
+ "clean": "rm -rf dist"
60
+ }
61
+ }