@tinyrack/themes 0.0.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 (100) hide show
  1. package/README.md +179 -0
  2. package/dist/astro/starlight/index.d.ts +2 -0
  3. package/dist/astro/starlight/index.d.ts.map +1 -0
  4. package/dist/astro/starlight/index.js +2 -0
  5. package/dist/astro/starlight/index.js.map +1 -0
  6. package/dist/astro/starlight/starlight-theme.d.ts +11 -0
  7. package/dist/astro/starlight/starlight-theme.d.ts.map +1 -0
  8. package/dist/astro/starlight/starlight-theme.js +11 -0
  9. package/dist/astro/starlight/starlight-theme.js.map +1 -0
  10. package/dist/astro/starlight/theme.css +46 -0
  11. package/dist/daisyui/index.d.ts +2 -0
  12. package/dist/daisyui/index.d.ts.map +1 -0
  13. package/dist/daisyui/index.js +2 -0
  14. package/dist/daisyui/index.js.map +1 -0
  15. package/dist/daisyui/theme.css +59 -0
  16. package/dist/daisyui/themes.d.ts +66 -0
  17. package/dist/daisyui/themes.d.ts.map +1 -0
  18. package/dist/daisyui/themes.js +62 -0
  19. package/dist/daisyui/themes.js.map +1 -0
  20. package/dist/index.d.ts +2 -0
  21. package/dist/index.d.ts.map +1 -0
  22. package/dist/index.js +2 -0
  23. package/dist/index.js.map +1 -0
  24. package/dist/mantine/create-tinyrack-mantine-theme.d.ts +155 -0
  25. package/dist/mantine/create-tinyrack-mantine-theme.d.ts.map +1 -0
  26. package/dist/mantine/create-tinyrack-mantine-theme.js +59 -0
  27. package/dist/mantine/create-tinyrack-mantine-theme.js.map +1 -0
  28. package/dist/mantine/index.d.ts +3 -0
  29. package/dist/mantine/index.d.ts.map +1 -0
  30. package/dist/mantine/index.js +3 -0
  31. package/dist/mantine/index.js.map +1 -0
  32. package/dist/mantine/provider.d.ts +10 -0
  33. package/dist/mantine/provider.d.ts.map +1 -0
  34. package/dist/mantine/provider.js +7 -0
  35. package/dist/mantine/provider.js.map +1 -0
  36. package/dist/mantine/styles.css +18 -0
  37. package/dist/showcase/daisyui-showcase.d.ts +3 -0
  38. package/dist/showcase/daisyui-showcase.d.ts.map +1 -0
  39. package/dist/showcase/daisyui-showcase.js +410 -0
  40. package/dist/showcase/daisyui-showcase.js.map +1 -0
  41. package/dist/showcase/gallery.d.ts +15 -0
  42. package/dist/showcase/gallery.d.ts.map +1 -0
  43. package/dist/showcase/gallery.js +21 -0
  44. package/dist/showcase/gallery.js.map +1 -0
  45. package/dist/showcase/index.d.ts +6 -0
  46. package/dist/showcase/index.d.ts.map +1 -0
  47. package/dist/showcase/index.js +6 -0
  48. package/dist/showcase/index.js.map +1 -0
  49. package/dist/showcase/mantine-showcase.d.ts +8 -0
  50. package/dist/showcase/mantine-showcase.d.ts.map +1 -0
  51. package/dist/showcase/mantine-showcase.js +670 -0
  52. package/dist/showcase/mantine-showcase.js.map +1 -0
  53. package/dist/showcase/scenarios.d.ts +8 -0
  54. package/dist/showcase/scenarios.d.ts.map +1 -0
  55. package/dist/showcase/scenarios.js +153 -0
  56. package/dist/showcase/scenarios.js.map +1 -0
  57. package/dist/showcase/showcase.css +240 -0
  58. package/dist/showcase/types.d.ts +17 -0
  59. package/dist/showcase/types.d.ts.map +1 -0
  60. package/dist/showcase/types.js +2 -0
  61. package/dist/showcase/types.js.map +1 -0
  62. package/dist/tailwind/daisyui.css +8 -0
  63. package/dist/tailwind/mantine.css +2 -0
  64. package/dist/tailwind/theme.css +41 -0
  65. package/dist/tokens/colors.d.ts +73 -0
  66. package/dist/tokens/colors.d.ts.map +1 -0
  67. package/dist/tokens/colors.js +72 -0
  68. package/dist/tokens/colors.js.map +1 -0
  69. package/dist/tokens/index.d.ts +173 -0
  70. package/dist/tokens/index.d.ts.map +1 -0
  71. package/dist/tokens/index.js +24 -0
  72. package/dist/tokens/index.js.map +1 -0
  73. package/dist/tokens/motion.d.ts +12 -0
  74. package/dist/tokens/motion.d.ts.map +1 -0
  75. package/dist/tokens/motion.js +12 -0
  76. package/dist/tokens/motion.js.map +1 -0
  77. package/dist/tokens/radii.d.ts +9 -0
  78. package/dist/tokens/radii.d.ts.map +1 -0
  79. package/dist/tokens/radii.js +9 -0
  80. package/dist/tokens/radii.js.map +1 -0
  81. package/dist/tokens/semantic.d.ts +43 -0
  82. package/dist/tokens/semantic.d.ts.map +1 -0
  83. package/dist/tokens/semantic.js +41 -0
  84. package/dist/tokens/semantic.js.map +1 -0
  85. package/dist/tokens/shadows.d.ts +7 -0
  86. package/dist/tokens/shadows.d.ts.map +1 -0
  87. package/dist/tokens/shadows.js +7 -0
  88. package/dist/tokens/shadows.js.map +1 -0
  89. package/dist/tokens/spacing.d.ts +9 -0
  90. package/dist/tokens/spacing.d.ts.map +1 -0
  91. package/dist/tokens/spacing.js +9 -0
  92. package/dist/tokens/spacing.js.map +1 -0
  93. package/dist/tokens/typography.d.ts +20 -0
  94. package/dist/tokens/typography.d.ts.map +1 -0
  95. package/dist/tokens/typography.js +20 -0
  96. package/dist/tokens/typography.js.map +1 -0
  97. package/docs/npm-publishing.md +96 -0
  98. package/docs/setup-guide.md +352 -0
  99. package/docs/storybook-deployment.md +84 -0
  100. package/package.json +105 -0
package/README.md ADDED
@@ -0,0 +1,179 @@
1
+ # @tinyrack/themes
2
+
3
+ Tinyrack design-system themes for Mantine, daisyUI, and Astro Starlight.
4
+
5
+ This package is intentionally theme-first. It exports shared design tokens and thin adapters for UI libraries used across Tinyrack products. It is not a general component library.
6
+
7
+ ## Install
8
+
9
+ ```bash
10
+ pnpm add @tinyrack/themes
11
+ ```
12
+
13
+ Install the peer libraries needed by the surface you are using.
14
+
15
+ For environment-specific setup recipes, see [docs/setup-guide.md](docs/setup-guide.md). It covers Tailwind-only, Tailwind+daisyUI, Mantine-only, Tailwind+Mantine, Tailwind+daisyUI+Mantine, and Astro Starlight integration.
16
+
17
+ For npm release automation, see [docs/npm-publishing.md](docs/npm-publishing.md).
18
+
19
+ ## Shared tokens
20
+
21
+ ```ts
22
+ import { tinyrackTokens, tinyrackSemanticColors } from '@tinyrack/themes/tokens';
23
+ ```
24
+
25
+ Shared tokens are library-agnostic. Mantine, daisyUI, and Starlight adapters map these tokens into each library's native theme shape.
26
+
27
+ ## Tailwind CSS 4
28
+
29
+ For shared Tinyrack Tailwind tokens without a component library:
30
+
31
+ ```css
32
+ @import "tailwindcss";
33
+ @import "@tinyrack/themes/tailwind.css";
34
+ ```
35
+
36
+ This exposes utilities such as `bg-tinyrack-surface`, `text-tinyrack-text`, `text-tinyrack-primary`, `font-tinyrack-body`, and `rounded-tinyrack-box`.
37
+
38
+ ## Mantine
39
+
40
+ ```tsx
41
+ import '@mantine/core/styles.css';
42
+ import '@tinyrack/themes/mantine.css';
43
+ import { MantineProvider } from '@mantine/core';
44
+ import { tinyrackMantineTheme } from '@tinyrack/themes/mantine';
45
+
46
+ export function App({ children }: { children: React.ReactNode }) {
47
+ return <MantineProvider theme={tinyrackMantineTheme}>{children}</MantineProvider>;
48
+ }
49
+ ```
50
+
51
+ For extension/content-script roots that need scoped Mantine CSS variables:
52
+
53
+ ```tsx
54
+ import { TinyrackMantineProvider } from '@tinyrack/themes/mantine';
55
+
56
+ <TinyrackMantineProvider cssVariablesSelector="#tiny-translate-root">
57
+ <App />
58
+ </TinyrackMantineProvider>;
59
+ ```
60
+
61
+ ## daisyUI / Tailwind CSS 4
62
+
63
+ Use the combined preset when you want Tailwind utilities and Tinyrack daisyUI themes together:
64
+
65
+ ```css
66
+ @import "tailwindcss";
67
+ @import "@tinyrack/themes/tailwind/daisyui.css";
68
+ ```
69
+
70
+ Equivalent explicit composition:
71
+
72
+ ```css
73
+ @import "tailwindcss";
74
+ @import "@tinyrack/themes/tailwind.css";
75
+ @import "@tinyrack/themes/daisyui.css";
76
+ @plugin "daisyui" {
77
+ themes: tinyrack-light --default, tinyrack-dark --prefersdark;
78
+ }
79
+ ```
80
+
81
+ For Tailwind plus Mantine, combine the Tailwind preset with Mantine's CSS and provider:
82
+
83
+ ```css
84
+ @import "tailwindcss";
85
+ @import "@tinyrack/themes/tailwind/mantine.css";
86
+ ```
87
+
88
+ ```tsx
89
+ import '@mantine/core/styles.css';
90
+ import { TinyrackMantineProvider } from '@tinyrack/themes/mantine';
91
+ ```
92
+
93
+ The package also exports JS metadata for tests and tooling:
94
+
95
+ ```ts
96
+ import { tinyrackDaisyUiThemes } from '@tinyrack/themes/daisyui';
97
+ ```
98
+
99
+ ## Astro Starlight
100
+
101
+ ```js
102
+ import starlight from '@astrojs/starlight';
103
+ import { defineConfig } from 'astro/config';
104
+ import { withTinyrackStarlightTheme } from '@tinyrack/themes/astro/starlight';
105
+
106
+ export default defineConfig({
107
+ integrations: [
108
+ starlight(
109
+ withTinyrackStarlightTheme({
110
+ title: 'Docs',
111
+ customCss: ['./src/styles/global.css'],
112
+ }),
113
+ ),
114
+ ],
115
+ });
116
+ ```
117
+
118
+ If your Starlight/Astro version does not resolve package subpath CSS inside `customCss`, import it from your local global CSS instead:
119
+
120
+ ```css
121
+ @import "@tinyrack/themes/astro/starlight.css";
122
+ ```
123
+
124
+
125
+ ## Storybook component galleries
126
+
127
+ Storybook includes full-theme review galleries for both UI systems. Cloudflare deployment setup is documented in [docs/storybook-deployment.md](docs/storybook-deployment.md):
128
+
129
+ - `Mantine/Components/*`: one Storybook story per Mantine Core component selected for Tinyrack theme review.
130
+ - `daisyUI/Components/*`: one Storybook story per component directory shipped by daisyUI 5.5.
131
+
132
+ The same registries are covered by browser-mode Vitest so missing/broken previews and missing per-component story files fail CI:
133
+
134
+ ```bash
135
+ pnpm test:showcase
136
+ ```
137
+
138
+ ## Development
139
+
140
+ ```bash
141
+ pnpm install
142
+ pnpm test
143
+ pnpm build
144
+ pnpm storybook
145
+ pnpm storybook:build
146
+ pnpm biome
147
+ ```
148
+
149
+ On this Windows workstation, if mise shims are present but `mise` itself is not on `PATH`, run pnpm through Corepack with the mise shim path removed:
150
+
151
+ ```bash
152
+ PATH_CLEAN=$(printf '%s' "$PATH" | tr ':' '\n' | grep -v '/mise/shims' | paste -sd: -)
153
+ PATH="$PATH_CLEAN" '/c/Program Files/nodejs/corepack.cmd' pnpm test
154
+ ```
155
+
156
+ ## Compatibility target
157
+
158
+ | Adapter | Target |
159
+ | --- | --- |
160
+ | Mantine | 9.x |
161
+ | daisyUI | 5.x |
162
+ | Tailwind CSS | 4.x |
163
+ | Astro | 6.x |
164
+ | Starlight | 0.40.x |
165
+ | Vitest | 4.x browser mode with Playwright |
166
+
167
+ ## Export map
168
+
169
+ - `@tinyrack/themes`
170
+ - `@tinyrack/themes/tokens`
171
+ - `@tinyrack/themes/tailwind.css`
172
+ - `@tinyrack/themes/tailwind/daisyui.css`
173
+ - `@tinyrack/themes/tailwind/mantine.css`
174
+ - `@tinyrack/themes/mantine`
175
+ - `@tinyrack/themes/mantine.css`
176
+ - `@tinyrack/themes/daisyui`
177
+ - `@tinyrack/themes/daisyui.css`
178
+ - `@tinyrack/themes/astro/starlight`
179
+ - `@tinyrack/themes/astro/starlight.css`
@@ -0,0 +1,2 @@
1
+ export * from './starlight-theme.js';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/astro/starlight/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './starlight-theme.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/astro/starlight/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
@@ -0,0 +1,11 @@
1
+ export declare const tinyrackStarlightTheme: {
2
+ readonly customCss: readonly ["@tinyrack/themes/astro/starlight.css"];
3
+ readonly colorMode: "system";
4
+ };
5
+ export type StarlightThemeConfig = {
6
+ customCss?: string[];
7
+ };
8
+ export declare function withTinyrackStarlightTheme<TConfig extends StarlightThemeConfig>(config: TConfig): TConfig & {
9
+ customCss: string[];
10
+ };
11
+ //# sourceMappingURL=starlight-theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"starlight-theme.d.ts","sourceRoot":"","sources":["../../../src/astro/starlight/starlight-theme.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB;;;CAGzB,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,OAAO,SAAS,oBAAoB,EAC7E,MAAM,EAAE,OAAO,GACd,OAAO,GAAG;IAAE,SAAS,EAAE,MAAM,EAAE,CAAA;CAAE,CAKnC"}
@@ -0,0 +1,11 @@
1
+ export const tinyrackStarlightTheme = {
2
+ customCss: ['@tinyrack/themes/astro/starlight.css'],
3
+ colorMode: 'system',
4
+ };
5
+ export function withTinyrackStarlightTheme(config) {
6
+ return {
7
+ ...config,
8
+ customCss: ['@tinyrack/themes/astro/starlight.css', ...(config.customCss ?? [])],
9
+ };
10
+ }
11
+ //# sourceMappingURL=starlight-theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"starlight-theme.js","sourceRoot":"","sources":["../../../src/astro/starlight/starlight-theme.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,SAAS,EAAE,CAAC,sCAAsC,CAAC;IACnD,SAAS,EAAE,QAAQ;CACX,CAAC;AAMX,MAAM,UAAU,0BAA0B,CACxC,MAAe;IAEf,OAAO;QACL,GAAG,MAAM;QACT,SAAS,EAAE,CAAC,sCAAsC,EAAE,GAAG,CAAC,MAAM,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;KACjF,CAAC;AACJ,CAAC"}
@@ -0,0 +1,46 @@
1
+ :root {
2
+ --sl-font: var(
3
+ --tinyrack-font-body,
4
+ Inter,
5
+ "IBM Plex Sans KR",
6
+ "Noto Sans JP",
7
+ ui-sans-serif,
8
+ system-ui,
9
+ sans-serif
10
+ );
11
+ --sl-font-mono: var(
12
+ --tinyrack-font-mono,
13
+ "JetBrains Mono",
14
+ ui-monospace,
15
+ SFMono-Regular,
16
+ Menlo,
17
+ Monaco,
18
+ Consolas,
19
+ monospace
20
+ );
21
+ --sl-color-accent-low: #d9ebff;
22
+ --sl-color-accent: #3468d8;
23
+ --sl-color-accent-high: #112347;
24
+ --sl-color-white: #ffffff;
25
+ --sl-color-gray-1: #f7f8f8;
26
+ --sl-color-gray-2: #eef0f3;
27
+ --sl-color-gray-3: #d8dde6;
28
+ --sl-color-gray-4: #8f99aa;
29
+ --sl-color-gray-5: #687181;
30
+ --sl-color-gray-6: #2f3440;
31
+ --sl-color-black: #0b0d12;
32
+ }
33
+
34
+ :root[data-theme="dark"] {
35
+ --sl-color-accent-low: #112347;
36
+ --sl-color-accent: #72a7ff;
37
+ --sl-color-accent-high: #d9ebff;
38
+ --sl-color-white: #f7f8f8;
39
+ --sl-color-gray-1: #eef0f3;
40
+ --sl-color-gray-2: #b8c0cf;
41
+ --sl-color-gray-3: #687181;
42
+ --sl-color-gray-4: #4b5260;
43
+ --sl-color-gray-5: #272b35;
44
+ --sl-color-gray-6: #141821;
45
+ --sl-color-black: #050506;
46
+ }
@@ -0,0 +1,2 @@
1
+ export * from './themes.js';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/daisyui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './themes.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/daisyui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
@@ -0,0 +1,59 @@
1
+ @plugin "daisyui/theme" {
2
+ name: "tinyrack-light";
3
+ default: false;
4
+ prefersdark: false;
5
+ color-scheme: light;
6
+ --color-base-100: #ffffff;
7
+ --color-base-200: #eef0f3;
8
+ --color-base-300: #d8dde6;
9
+ --color-base-content: #0b0d12;
10
+ --color-primary: #3468d8;
11
+ --color-primary-content: #ffffff;
12
+ --color-secondary: #ea5c1f;
13
+ --color-secondary-content: #ffffff;
14
+ --color-accent: #7667f5;
15
+ --color-accent-content: #ffffff;
16
+ --color-neutral: #0b0d12;
17
+ --color-neutral-content: #f7f8f8;
18
+ --color-info: #4f86f7;
19
+ --color-info-content: #ffffff;
20
+ --color-success: #12a57c;
21
+ --color-success-content: #ffffff;
22
+ --color-warning: #d9962c;
23
+ --color-warning-content: #0b0d12;
24
+ --color-error: #e5484d;
25
+ --color-error-content: #ffffff;
26
+ --radius-selector: 0.75rem;
27
+ --radius-field: 0.375rem;
28
+ --radius-box: 1rem;
29
+ }
30
+
31
+ @plugin "daisyui/theme" {
32
+ name: "tinyrack-dark";
33
+ default: true;
34
+ prefersdark: true;
35
+ color-scheme: dark;
36
+ --color-base-100: #0b0d12;
37
+ --color-base-200: #141821;
38
+ --color-base-300: #272b35;
39
+ --color-base-content: #f7f8f8;
40
+ --color-primary: #72a7ff;
41
+ --color-primary-content: #050506;
42
+ --color-secondary: #ff7a3d;
43
+ --color-secondary-content: #431508;
44
+ --color-accent: #8b7cff;
45
+ --color-accent-content: #f7f8f8;
46
+ --color-neutral: #1d212a;
47
+ --color-neutral-content: #f7f8f8;
48
+ --color-info: #72a7ff;
49
+ --color-info-content: #050506;
50
+ --color-success: #20c997;
51
+ --color-success-content: #050506;
52
+ --color-warning: #f7b955;
53
+ --color-warning-content: #050506;
54
+ --color-error: #ff5d5d;
55
+ --color-error-content: #050506;
56
+ --radius-selector: 0.75rem;
57
+ --radius-field: 0.375rem;
58
+ --radius-box: 1rem;
59
+ }
@@ -0,0 +1,66 @@
1
+ export type TinyrackDaisyUiTheme = {
2
+ name: string;
3
+ colorScheme: 'light' | 'dark';
4
+ tokens: Record<string, string>;
5
+ };
6
+ export declare const tinyrackDaisyUiThemes: {
7
+ readonly light: {
8
+ readonly name: "tinyrack-light";
9
+ readonly colorScheme: "light";
10
+ readonly tokens: {
11
+ readonly '--color-base-100': "#ffffff";
12
+ readonly '--color-base-200': "#eef0f3";
13
+ readonly '--color-base-300': "#d8dde6";
14
+ readonly '--color-base-content': "#0b0d12";
15
+ readonly '--color-primary': "#3468d8";
16
+ readonly '--color-primary-content': "#ffffff";
17
+ readonly '--color-secondary': "#ea5c1f";
18
+ readonly '--color-secondary-content': "#ffffff";
19
+ readonly '--color-accent': "#7667f5";
20
+ readonly '--color-accent-content': "#ffffff";
21
+ readonly '--color-neutral': "#0b0d12";
22
+ readonly '--color-neutral-content': "#f7f8f8";
23
+ readonly '--color-info': "#4f86f7";
24
+ readonly '--color-info-content': "#ffffff";
25
+ readonly '--color-success': "#12a57c";
26
+ readonly '--color-success-content': "#ffffff";
27
+ readonly '--color-warning': "#d9962c";
28
+ readonly '--color-warning-content': "#111827";
29
+ readonly '--color-error': "#e5484d";
30
+ readonly '--color-error-content': "#ffffff";
31
+ readonly '--radius-selector': "0.75rem";
32
+ readonly '--radius-field': "0.375rem";
33
+ readonly '--radius-box': "1rem";
34
+ };
35
+ };
36
+ readonly dark: {
37
+ readonly name: "tinyrack-dark";
38
+ readonly colorScheme: "dark";
39
+ readonly tokens: {
40
+ readonly '--color-base-100': "#0b0d12";
41
+ readonly '--color-base-200': "#141821";
42
+ readonly '--color-base-300': "#272b35";
43
+ readonly '--color-base-content': "#f7f8f8";
44
+ readonly '--color-primary': "#72a7ff";
45
+ readonly '--color-primary-content': "#050506";
46
+ readonly '--color-secondary': "#ff7a3d";
47
+ readonly '--color-secondary-content': "#431508";
48
+ readonly '--color-accent': "#8b7cff";
49
+ readonly '--color-accent-content': "#f7f8f8";
50
+ readonly '--color-neutral': "#1d212a";
51
+ readonly '--color-neutral-content': "#f7f8f8";
52
+ readonly '--color-info': "#72a7ff";
53
+ readonly '--color-info-content': "#ffffff";
54
+ readonly '--color-success': "#20c997";
55
+ readonly '--color-success-content': "#ffffff";
56
+ readonly '--color-warning': "#f7b955";
57
+ readonly '--color-warning-content': "#111827";
58
+ readonly '--color-error': "#ff5d5d";
59
+ readonly '--color-error-content': "#ffffff";
60
+ readonly '--radius-selector': "0.75rem";
61
+ readonly '--radius-field': "0.375rem";
62
+ readonly '--radius-box': "1rem";
63
+ };
64
+ };
65
+ };
66
+ //# sourceMappingURL=themes.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/daisyui/themes.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DuB,CAAC"}
@@ -0,0 +1,62 @@
1
+ import { tinyrackRadii, tinyrackSemanticColors } from '../tokens/index.js';
2
+ export const tinyrackDaisyUiThemes = {
3
+ light: {
4
+ name: 'tinyrack-light',
5
+ colorScheme: 'light',
6
+ tokens: {
7
+ '--color-base-100': tinyrackSemanticColors.light.surface,
8
+ '--color-base-200': tinyrackSemanticColors.light.surfaceMuted,
9
+ '--color-base-300': tinyrackSemanticColors.light.border,
10
+ '--color-base-content': tinyrackSemanticColors.light.text,
11
+ '--color-primary': tinyrackSemanticColors.light.primary,
12
+ '--color-primary-content': tinyrackSemanticColors.light.primaryContent,
13
+ '--color-secondary': tinyrackSemanticColors.light.secondary,
14
+ '--color-secondary-content': tinyrackSemanticColors.light.secondaryContent,
15
+ '--color-accent': tinyrackSemanticColors.light.accent,
16
+ '--color-accent-content': tinyrackSemanticColors.light.accentContent,
17
+ '--color-neutral': '#0b0d12',
18
+ '--color-neutral-content': '#f7f8f8',
19
+ '--color-info': tinyrackSemanticColors.light.info,
20
+ '--color-info-content': '#ffffff',
21
+ '--color-success': tinyrackSemanticColors.light.success,
22
+ '--color-success-content': '#ffffff',
23
+ '--color-warning': tinyrackSemanticColors.light.warning,
24
+ '--color-warning-content': '#111827',
25
+ '--color-error': tinyrackSemanticColors.light.error,
26
+ '--color-error-content': '#ffffff',
27
+ '--radius-selector': tinyrackRadii.md,
28
+ '--radius-field': tinyrackRadii.sm,
29
+ '--radius-box': tinyrackRadii.lg,
30
+ },
31
+ },
32
+ dark: {
33
+ name: 'tinyrack-dark',
34
+ colorScheme: 'dark',
35
+ tokens: {
36
+ '--color-base-100': tinyrackSemanticColors.dark.surface,
37
+ '--color-base-200': tinyrackSemanticColors.dark.surfaceMuted,
38
+ '--color-base-300': tinyrackSemanticColors.dark.border,
39
+ '--color-base-content': tinyrackSemanticColors.dark.text,
40
+ '--color-primary': tinyrackSemanticColors.dark.primary,
41
+ '--color-primary-content': tinyrackSemanticColors.dark.primaryContent,
42
+ '--color-secondary': tinyrackSemanticColors.dark.secondary,
43
+ '--color-secondary-content': tinyrackSemanticColors.dark.secondaryContent,
44
+ '--color-accent': tinyrackSemanticColors.dark.accent,
45
+ '--color-accent-content': tinyrackSemanticColors.dark.accentContent,
46
+ '--color-neutral': '#1d212a',
47
+ '--color-neutral-content': '#f7f8f8',
48
+ '--color-info': tinyrackSemanticColors.dark.info,
49
+ '--color-info-content': '#ffffff',
50
+ '--color-success': tinyrackSemanticColors.dark.success,
51
+ '--color-success-content': '#ffffff',
52
+ '--color-warning': tinyrackSemanticColors.dark.warning,
53
+ '--color-warning-content': '#111827',
54
+ '--color-error': tinyrackSemanticColors.dark.error,
55
+ '--color-error-content': '#ffffff',
56
+ '--radius-selector': tinyrackRadii.md,
57
+ '--radius-field': tinyrackRadii.sm,
58
+ '--radius-box': tinyrackRadii.lg,
59
+ },
60
+ },
61
+ };
62
+ //# sourceMappingURL=themes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../src/daisyui/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAQ3E,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,KAAK,EAAE;QACL,IAAI,EAAE,gBAAgB;QACtB,WAAW,EAAE,OAAO;QACpB,MAAM,EAAE;YACN,kBAAkB,EAAE,sBAAsB,CAAC,KAAK,CAAC,OAAO;YACxD,kBAAkB,EAAE,sBAAsB,CAAC,KAAK,CAAC,YAAY;YAC7D,kBAAkB,EAAE,sBAAsB,CAAC,KAAK,CAAC,MAAM;YACvD,sBAAsB,EAAE,sBAAsB,CAAC,KAAK,CAAC,IAAI;YACzD,iBAAiB,EAAE,sBAAsB,CAAC,KAAK,CAAC,OAAO;YACvD,yBAAyB,EAAE,sBAAsB,CAAC,KAAK,CAAC,cAAc;YACtE,mBAAmB,EAAE,sBAAsB,CAAC,KAAK,CAAC,SAAS;YAC3D,2BAA2B,EAAE,sBAAsB,CAAC,KAAK,CAAC,gBAAgB;YAC1E,gBAAgB,EAAE,sBAAsB,CAAC,KAAK,CAAC,MAAM;YACrD,wBAAwB,EAAE,sBAAsB,CAAC,KAAK,CAAC,aAAa;YACpE,iBAAiB,EAAE,SAAS;YAC5B,yBAAyB,EAAE,SAAS;YACpC,cAAc,EAAE,sBAAsB,CAAC,KAAK,CAAC,IAAI;YACjD,sBAAsB,EAAE,SAAS;YACjC,iBAAiB,EAAE,sBAAsB,CAAC,KAAK,CAAC,OAAO;YACvD,yBAAyB,EAAE,SAAS;YACpC,iBAAiB,EAAE,sBAAsB,CAAC,KAAK,CAAC,OAAO;YACvD,yBAAyB,EAAE,SAAS;YACpC,eAAe,EAAE,sBAAsB,CAAC,KAAK,CAAC,KAAK;YACnD,uBAAuB,EAAE,SAAS;YAClC,mBAAmB,EAAE,aAAa,CAAC,EAAE;YACrC,gBAAgB,EAAE,aAAa,CAAC,EAAE;YAClC,cAAc,EAAE,aAAa,CAAC,EAAE;SACjC;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,eAAe;QACrB,WAAW,EAAE,MAAM;QACnB,MAAM,EAAE;YACN,kBAAkB,EAAE,sBAAsB,CAAC,IAAI,CAAC,OAAO;YACvD,kBAAkB,EAAE,sBAAsB,CAAC,IAAI,CAAC,YAAY;YAC5D,kBAAkB,EAAE,sBAAsB,CAAC,IAAI,CAAC,MAAM;YACtD,sBAAsB,EAAE,sBAAsB,CAAC,IAAI,CAAC,IAAI;YACxD,iBAAiB,EAAE,sBAAsB,CAAC,IAAI,CAAC,OAAO;YACtD,yBAAyB,EAAE,sBAAsB,CAAC,IAAI,CAAC,cAAc;YACrE,mBAAmB,EAAE,sBAAsB,CAAC,IAAI,CAAC,SAAS;YAC1D,2BAA2B,EAAE,sBAAsB,CAAC,IAAI,CAAC,gBAAgB;YACzE,gBAAgB,EAAE,sBAAsB,CAAC,IAAI,CAAC,MAAM;YACpD,wBAAwB,EAAE,sBAAsB,CAAC,IAAI,CAAC,aAAa;YACnE,iBAAiB,EAAE,SAAS;YAC5B,yBAAyB,EAAE,SAAS;YACpC,cAAc,EAAE,sBAAsB,CAAC,IAAI,CAAC,IAAI;YAChD,sBAAsB,EAAE,SAAS;YACjC,iBAAiB,EAAE,sBAAsB,CAAC,IAAI,CAAC,OAAO;YACtD,yBAAyB,EAAE,SAAS;YACpC,iBAAiB,EAAE,sBAAsB,CAAC,IAAI,CAAC,OAAO;YACtD,yBAAyB,EAAE,SAAS;YACpC,eAAe,EAAE,sBAAsB,CAAC,IAAI,CAAC,KAAK;YAClD,uBAAuB,EAAE,SAAS;YAClC,mBAAmB,EAAE,aAAa,CAAC,EAAE;YACrC,gBAAgB,EAAE,aAAa,CAAC,EAAE;YAClC,cAAc,EAAE,aAAa,CAAC,EAAE;SACjC;KACF;CACsD,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './tokens/index.js';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
package/dist/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export * from './tokens/index.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
@@ -0,0 +1,155 @@
1
+ import { type MantineThemeOverride } from '@mantine/core';
2
+ export type TinyrackMantineThemeOptions = {
3
+ fontFamily?: string;
4
+ headingFontFamily?: string;
5
+ primaryColor?: 'tinyrack';
6
+ };
7
+ export declare function createTinyrackMantineTheme(options?: TinyrackMantineThemeOptions): MantineThemeOverride;
8
+ export declare const tinyrackMantineTheme: {
9
+ focusRing?: "auto" | "always" | "never" | undefined;
10
+ scale?: number | undefined;
11
+ fontSmoothing?: boolean | undefined;
12
+ white?: string | undefined;
13
+ black?: string | undefined;
14
+ colors?: {
15
+ [x: string & {}]: import("@mantine/core").MantineColorsTuple | undefined;
16
+ dark?: import("@mantine/core").MantineColorsTuple | undefined;
17
+ gray?: import("@mantine/core").MantineColorsTuple | undefined;
18
+ red?: import("@mantine/core").MantineColorsTuple | undefined;
19
+ pink?: import("@mantine/core").MantineColorsTuple | undefined;
20
+ grape?: import("@mantine/core").MantineColorsTuple | undefined;
21
+ violet?: import("@mantine/core").MantineColorsTuple | undefined;
22
+ indigo?: import("@mantine/core").MantineColorsTuple | undefined;
23
+ blue?: import("@mantine/core").MantineColorsTuple | undefined;
24
+ cyan?: import("@mantine/core").MantineColorsTuple | undefined;
25
+ green?: import("@mantine/core").MantineColorsTuple | undefined;
26
+ lime?: import("@mantine/core").MantineColorsTuple | undefined;
27
+ yellow?: import("@mantine/core").MantineColorsTuple | undefined;
28
+ orange?: import("@mantine/core").MantineColorsTuple | undefined;
29
+ teal?: import("@mantine/core").MantineColorsTuple | undefined;
30
+ } | undefined;
31
+ primaryShade?: import("@mantine/core").MantineColorShade | {
32
+ light?: import("@mantine/core").MantineColorShade | undefined;
33
+ dark?: import("@mantine/core").MantineColorShade | undefined;
34
+ } | undefined;
35
+ primaryColor?: string | undefined;
36
+ variantColorResolver?: import("@mantine/core").VariantColorsResolver | undefined;
37
+ autoContrast?: boolean | undefined;
38
+ luminanceThreshold?: number | undefined;
39
+ fontFamily?: string | undefined;
40
+ fontFamilyMonospace?: string | undefined;
41
+ headings?: {
42
+ fontFamily?: string | undefined;
43
+ fontWeight?: string | undefined;
44
+ textWrap?: "wrap" | "nowrap" | "balance" | "pretty" | "stable" | undefined;
45
+ sizes?: {
46
+ h1?: {
47
+ fontSize?: string | undefined;
48
+ fontWeight?: string | undefined;
49
+ lineHeight?: string | undefined;
50
+ } | undefined;
51
+ h2?: {
52
+ fontSize?: string | undefined;
53
+ fontWeight?: string | undefined;
54
+ lineHeight?: string | undefined;
55
+ } | undefined;
56
+ h3?: {
57
+ fontSize?: string | undefined;
58
+ fontWeight?: string | undefined;
59
+ lineHeight?: string | undefined;
60
+ } | undefined;
61
+ h4?: {
62
+ fontSize?: string | undefined;
63
+ fontWeight?: string | undefined;
64
+ lineHeight?: string | undefined;
65
+ } | undefined;
66
+ h5?: {
67
+ fontSize?: string | undefined;
68
+ fontWeight?: string | undefined;
69
+ lineHeight?: string | undefined;
70
+ } | undefined;
71
+ h6?: {
72
+ fontSize?: string | undefined;
73
+ fontWeight?: string | undefined;
74
+ lineHeight?: string | undefined;
75
+ } | undefined;
76
+ } | undefined;
77
+ } | undefined;
78
+ radius?: {
79
+ [x: string & {}]: string | undefined;
80
+ md?: string | undefined;
81
+ xs?: string | undefined;
82
+ sm?: string | undefined;
83
+ lg?: string | undefined;
84
+ xl?: string | undefined;
85
+ } | undefined;
86
+ defaultRadius?: import("@mantine/core").MantineRadius | undefined;
87
+ spacing?: {
88
+ [x: number]: string | undefined;
89
+ [x: string & {}]: string | undefined;
90
+ md?: string | undefined;
91
+ xs?: string | undefined;
92
+ sm?: string | undefined;
93
+ lg?: string | undefined;
94
+ xl?: string | undefined;
95
+ } | undefined;
96
+ fontSizes?: {
97
+ [x: string & {}]: string | undefined;
98
+ md?: string | undefined;
99
+ xs?: string | undefined;
100
+ sm?: string | undefined;
101
+ lg?: string | undefined;
102
+ xl?: string | undefined;
103
+ } | undefined;
104
+ lineHeights?: {
105
+ [x: string & {}]: string | undefined;
106
+ md?: string | undefined;
107
+ xs?: string | undefined;
108
+ sm?: string | undefined;
109
+ lg?: string | undefined;
110
+ xl?: string | undefined;
111
+ } | undefined;
112
+ fontWeights?: {
113
+ [x: string & {}]: string | undefined;
114
+ bold?: string | undefined;
115
+ regular?: string | undefined;
116
+ medium?: string | undefined;
117
+ } | undefined;
118
+ breakpoints?: {
119
+ [x: string & {}]: string | undefined;
120
+ md?: string | undefined;
121
+ xs?: string | undefined;
122
+ sm?: string | undefined;
123
+ lg?: string | undefined;
124
+ xl?: string | undefined;
125
+ } | undefined;
126
+ shadows?: {
127
+ [x: string & {}]: string | undefined;
128
+ md?: string | undefined;
129
+ xs?: string | undefined;
130
+ sm?: string | undefined;
131
+ lg?: string | undefined;
132
+ xl?: string | undefined;
133
+ } | undefined;
134
+ respectReducedMotion?: boolean | undefined;
135
+ cursorType?: "pointer" | "default" | undefined;
136
+ defaultGradient?: {
137
+ from?: string | undefined;
138
+ to?: string | undefined;
139
+ deg?: number | undefined;
140
+ } | undefined;
141
+ activeClassName?: string | undefined;
142
+ focusClassName?: string | undefined;
143
+ components?: {
144
+ [x: string]: {
145
+ classNames?: any;
146
+ styles?: any;
147
+ vars?: any;
148
+ defaultProps?: any;
149
+ } | undefined;
150
+ } | undefined;
151
+ other?: {
152
+ [x: string]: any;
153
+ } | undefined;
154
+ };
155
+ //# sourceMappingURL=create-tinyrack-mantine-theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"create-tinyrack-mantine-theme.d.ts","sourceRoot":"","sources":["../../src/mantine/create-tinyrack-mantine-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAQvE,MAAM,MAAM,2BAA2B,GAAG;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,UAAU,CAAC;CAC3B,CAAC;AA4BF,wBAAgB,0BAA0B,CACxC,OAAO,GAAE,2BAAgC,GACxC,oBAAoB,CA8BtB;AAED,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA+B,CAAC"}