@privateers/ui 0.3.19 → 0.3.20
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/dist/index.cjs +4 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/dist/styles/brands/dis-creadis.css +12 -7
- package/dist/styles/library.css +1 -0
- package/dist/styles/tokens.css +8 -0
- package/dist/tailwind/preset.cjs +1 -0
- package/dist/tailwind/preset.cjs.map +1 -1
- package/dist/tailwind/preset.js +1 -0
- package/dist/tailwind/preset.js.map +1 -1
- package/package.json +1 -1
|
@@ -84,10 +84,14 @@ html.brand-dis-creadis {
|
|
|
84
84
|
--sidebar-ring: oklch(0.50 0.12 250);
|
|
85
85
|
}
|
|
86
86
|
|
|
87
|
-
/*
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
87
|
+
/*
|
|
88
|
+
* Light mode only: semi-transparent white background on input elements and outline buttons.
|
|
89
|
+
* The :not(.dark *) guard ensures this does not leak into dark mode where it would produce
|
|
90
|
+
* white-on-white (near-illegible inputs, outline buttons, pagination).
|
|
91
|
+
*/
|
|
92
|
+
:root .brand-dis-creadis :is([data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"], [data-slot="input-group"], [data-slot="combobox-chips"], [data-slot="button"][data-variant="outline"], [data-slot="pagination-link"][data-variant="outline"]):not(.dark *),
|
|
93
|
+
.brand-dis-creadis :is([data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"], [data-slot="input-group"], [data-slot="combobox-chips"], [data-slot="button"][data-variant="outline"], [data-slot="pagination-link"][data-variant="outline"]):not(.dark *),
|
|
94
|
+
html.brand-dis-creadis :is([data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"], [data-slot="input-group"], [data-slot="combobox-chips"], [data-slot="button"][data-variant="outline"], [data-slot="pagination-link"][data-variant="outline"]):not(.dark *) {
|
|
91
95
|
background-color: oklch(1 0 0 / 70%);
|
|
92
96
|
}
|
|
93
97
|
|
|
@@ -120,9 +124,10 @@ html.dark.brand-dis-creadis {
|
|
|
120
124
|
--secondary: oklch(0.3644 0.029 220.58);
|
|
121
125
|
--secondary-foreground: oklch(0.95 0.005 250);
|
|
122
126
|
|
|
123
|
-
/* Muted
|
|
124
|
-
|
|
125
|
-
--muted
|
|
127
|
+
/* Muted — lightness bumped from 0.25 to 0.33 so surfaces like TabsList / AlertDialogMedia
|
|
128
|
+
have visible contrast against --background (0.2368) in dark mode. */
|
|
129
|
+
--muted: oklch(0.33 0.015 250);
|
|
130
|
+
--muted-foreground: oklch(0.72 0.010 250);
|
|
126
131
|
|
|
127
132
|
/* Accent - Brighter for dark mode */
|
|
128
133
|
--accent: oklch(0.9196 0.0046 78.3);
|
package/dist/styles/library.css
CHANGED
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
--color-ring: var(--ring);
|
|
34
34
|
--color-input: var(--input);
|
|
35
35
|
--color-border: var(--border);
|
|
36
|
+
--color-overlay: var(--overlay);
|
|
36
37
|
--color-destructive: var(--destructive);
|
|
37
38
|
--color-accent-foreground: var(--accent-foreground);
|
|
38
39
|
--color-accent: var(--accent);
|
package/dist/styles/tokens.css
CHANGED
|
@@ -45,6 +45,10 @@
|
|
|
45
45
|
--input: oklch(0.92 0.004 286.32);
|
|
46
46
|
--ring: oklch(0.705 0.015 286.067);
|
|
47
47
|
|
|
48
|
+
/* Overlay — used by dialog/sheet/alert-dialog scrims. Components apply
|
|
49
|
+
opacity via Tailwind (bg-overlay/50 etc), so the token carries only the base color. */
|
|
50
|
+
--overlay: oklch(0 0 0);
|
|
51
|
+
|
|
48
52
|
/* Chart colors */
|
|
49
53
|
--chart-1: oklch(0.79 0.10 275);
|
|
50
54
|
--chart-2: oklch(0.68 0.16 277);
|
|
@@ -103,6 +107,10 @@
|
|
|
103
107
|
--input: oklch(1 0 0 / 15%);
|
|
104
108
|
--ring: oklch(0.552 0.016 285.938);
|
|
105
109
|
|
|
110
|
+
/* Overlay — kept black in dark mode; dialog surfaces carry their own lighter
|
|
111
|
+
--background/ring so the scrim still reads as "dim". */
|
|
112
|
+
--overlay: oklch(0 0 0);
|
|
113
|
+
|
|
106
114
|
/* Chart colors */
|
|
107
115
|
--chart-1: oklch(0.79 0.10 275);
|
|
108
116
|
--chart-2: oklch(0.68 0.16 277);
|
package/dist/tailwind/preset.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"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","file":"preset.cjs","sourcesContent":["import type { Config } from \"tailwindcss\"\n\n/**\n * Privateers Design System Tailwind Preset\n *\n * Use this preset in your tailwind.config.ts:\n *\n * ```ts\n * import { privateersPreset } from '@privateers/ui/tailwind/preset'\n *\n * export default {\n * presets: [privateersPreset],\n * // ... your config\n * }\n * ```\n */\nexport const privateersPreset: Partial<Config> = {\n theme: {\n extend: {\n fontFamily: {\n sans: [\"var(--font-sans)\"],\n mono: [\"var(--font-mono)\"],\n },\n colors: {\n background: \"var(--background)\",\n foreground: \"var(--foreground)\",\n card: {\n DEFAULT: \"var(--card)\",\n foreground: \"var(--card-foreground)\",\n },\n popover: {\n DEFAULT: \"var(--popover)\",\n foreground: \"var(--popover-foreground)\",\n },\n primary: {\n DEFAULT: \"var(--primary)\",\n foreground: \"var(--primary-foreground)\",\n },\n secondary: {\n DEFAULT: \"var(--secondary)\",\n foreground: \"var(--secondary-foreground)\",\n },\n muted: {\n DEFAULT: \"var(--muted)\",\n foreground: \"var(--muted-foreground)\",\n },\n accent: {\n DEFAULT: \"var(--accent)\",\n foreground: \"var(--accent-foreground)\",\n },\n destructive: {\n DEFAULT: \"var(--destructive)\",\n },\n border: \"var(--border)\",\n input: \"var(--input)\",\n ring: \"var(--ring)\",\n chart: {\n 1: \"var(--chart-1)\",\n 2: \"var(--chart-2)\",\n 3: \"var(--chart-3)\",\n 4: \"var(--chart-4)\",\n 5: \"var(--chart-5)\",\n },\n sidebar: {\n DEFAULT: \"var(--sidebar)\",\n foreground: \"var(--sidebar-foreground)\",\n primary: \"var(--sidebar-primary)\",\n \"primary-foreground\": \"var(--sidebar-primary-foreground)\",\n accent: \"var(--sidebar-accent)\",\n \"accent-foreground\": \"var(--sidebar-accent-foreground)\",\n border: \"var(--sidebar-border)\",\n ring: \"var(--sidebar-ring)\",\n },\n },\n borderRadius: {\n sm: \"calc(var(--radius) - 4px)\",\n md: \"calc(var(--radius) - 2px)\",\n lg: \"var(--radius)\",\n xl: \"calc(var(--radius) + 4px)\",\n \"2xl\": \"calc(var(--radius) + 8px)\",\n \"3xl\": \"calc(var(--radius) + 12px)\",\n \"4xl\": \"calc(var(--radius) + 16px)\",\n },\n keyframes: {\n \"accordion-down\": {\n from: { height: \"0\" },\n to: { height: \"var(--radix-accordion-content-height)\" },\n },\n \"accordion-up\": {\n from: { height: \"var(--radix-accordion-content-height)\" },\n to: { height: \"0\" },\n },\n \"fade-in\": {\n from: { opacity: \"0\" },\n to: { opacity: \"1\" },\n },\n \"fade-out\": {\n from: { opacity: \"1\" },\n to: { opacity: \"0\" },\n },\n \"slide-in-from-top\": {\n from: { transform: \"translateY(-100%)\" },\n to: { transform: \"translateY(0)\" },\n },\n \"slide-in-from-bottom\": {\n from: { transform: \"translateY(100%)\" },\n to: { transform: \"translateY(0)\" },\n },\n \"slide-in-from-left\": {\n from: { transform: \"translateX(-100%)\" },\n to: { transform: \"translateX(0)\" },\n },\n \"slide-in-from-right\": {\n from: { transform: \"translateX(100%)\" },\n to: { transform: \"translateX(0)\" },\n },\n },\n animation: {\n \"accordion-down\": \"accordion-down 0.2s ease-out\",\n \"accordion-up\": \"accordion-up 0.2s ease-out\",\n \"fade-in\": \"fade-in 0.2s ease-out\",\n \"fade-out\": \"fade-out 0.2s ease-out\",\n \"slide-in-from-top\": \"slide-in-from-top 0.3s ease-out\",\n \"slide-in-from-bottom\": \"slide-in-from-bottom 0.3s ease-out\",\n \"slide-in-from-left\": \"slide-in-from-left 0.3s ease-out\",\n \"slide-in-from-right\": \"slide-in-from-right 0.3s ease-out\",\n },\n },\n },\n}\n\nexport default privateersPreset\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"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","file":"preset.cjs","sourcesContent":["import type { Config } from \"tailwindcss\"\n\n/**\n * Privateers Design System Tailwind Preset\n *\n * Use this preset in your tailwind.config.ts:\n *\n * ```ts\n * import { privateersPreset } from '@privateers/ui/tailwind/preset'\n *\n * export default {\n * presets: [privateersPreset],\n * // ... your config\n * }\n * ```\n */\nexport const privateersPreset: Partial<Config> = {\n theme: {\n extend: {\n fontFamily: {\n sans: [\"var(--font-sans)\"],\n mono: [\"var(--font-mono)\"],\n },\n colors: {\n background: \"var(--background)\",\n foreground: \"var(--foreground)\",\n card: {\n DEFAULT: \"var(--card)\",\n foreground: \"var(--card-foreground)\",\n },\n popover: {\n DEFAULT: \"var(--popover)\",\n foreground: \"var(--popover-foreground)\",\n },\n primary: {\n DEFAULT: \"var(--primary)\",\n foreground: \"var(--primary-foreground)\",\n },\n secondary: {\n DEFAULT: \"var(--secondary)\",\n foreground: \"var(--secondary-foreground)\",\n },\n muted: {\n DEFAULT: \"var(--muted)\",\n foreground: \"var(--muted-foreground)\",\n },\n accent: {\n DEFAULT: \"var(--accent)\",\n foreground: \"var(--accent-foreground)\",\n },\n destructive: {\n DEFAULT: \"var(--destructive)\",\n },\n border: \"var(--border)\",\n input: \"var(--input)\",\n ring: \"var(--ring)\",\n overlay: \"var(--overlay)\",\n chart: {\n 1: \"var(--chart-1)\",\n 2: \"var(--chart-2)\",\n 3: \"var(--chart-3)\",\n 4: \"var(--chart-4)\",\n 5: \"var(--chart-5)\",\n },\n sidebar: {\n DEFAULT: \"var(--sidebar)\",\n foreground: \"var(--sidebar-foreground)\",\n primary: \"var(--sidebar-primary)\",\n \"primary-foreground\": \"var(--sidebar-primary-foreground)\",\n accent: \"var(--sidebar-accent)\",\n \"accent-foreground\": \"var(--sidebar-accent-foreground)\",\n border: \"var(--sidebar-border)\",\n ring: \"var(--sidebar-ring)\",\n },\n },\n borderRadius: {\n sm: \"calc(var(--radius) - 4px)\",\n md: \"calc(var(--radius) - 2px)\",\n lg: \"var(--radius)\",\n xl: \"calc(var(--radius) + 4px)\",\n \"2xl\": \"calc(var(--radius) + 8px)\",\n \"3xl\": \"calc(var(--radius) + 12px)\",\n \"4xl\": \"calc(var(--radius) + 16px)\",\n },\n keyframes: {\n \"accordion-down\": {\n from: { height: \"0\" },\n to: { height: \"var(--radix-accordion-content-height)\" },\n },\n \"accordion-up\": {\n from: { height: \"var(--radix-accordion-content-height)\" },\n to: { height: \"0\" },\n },\n \"fade-in\": {\n from: { opacity: \"0\" },\n to: { opacity: \"1\" },\n },\n \"fade-out\": {\n from: { opacity: \"1\" },\n to: { opacity: \"0\" },\n },\n \"slide-in-from-top\": {\n from: { transform: \"translateY(-100%)\" },\n to: { transform: \"translateY(0)\" },\n },\n \"slide-in-from-bottom\": {\n from: { transform: \"translateY(100%)\" },\n to: { transform: \"translateY(0)\" },\n },\n \"slide-in-from-left\": {\n from: { transform: \"translateX(-100%)\" },\n to: { transform: \"translateX(0)\" },\n },\n \"slide-in-from-right\": {\n from: { transform: \"translateX(100%)\" },\n to: { transform: \"translateX(0)\" },\n },\n },\n animation: {\n \"accordion-down\": \"accordion-down 0.2s ease-out\",\n \"accordion-up\": \"accordion-up 0.2s ease-out\",\n \"fade-in\": \"fade-in 0.2s ease-out\",\n \"fade-out\": \"fade-out 0.2s ease-out\",\n \"slide-in-from-top\": \"slide-in-from-top 0.3s ease-out\",\n \"slide-in-from-bottom\": \"slide-in-from-bottom 0.3s ease-out\",\n \"slide-in-from-left\": \"slide-in-from-left 0.3s ease-out\",\n \"slide-in-from-right\": \"slide-in-from-right 0.3s ease-out\",\n },\n },\n },\n}\n\nexport default privateersPreset\n"]}
|
package/dist/tailwind/preset.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"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","file":"preset.js","sourcesContent":["import type { Config } from \"tailwindcss\"\n\n/**\n * Privateers Design System Tailwind Preset\n *\n * Use this preset in your tailwind.config.ts:\n *\n * ```ts\n * import { privateersPreset } from '@privateers/ui/tailwind/preset'\n *\n * export default {\n * presets: [privateersPreset],\n * // ... your config\n * }\n * ```\n */\nexport const privateersPreset: Partial<Config> = {\n theme: {\n extend: {\n fontFamily: {\n sans: [\"var(--font-sans)\"],\n mono: [\"var(--font-mono)\"],\n },\n colors: {\n background: \"var(--background)\",\n foreground: \"var(--foreground)\",\n card: {\n DEFAULT: \"var(--card)\",\n foreground: \"var(--card-foreground)\",\n },\n popover: {\n DEFAULT: \"var(--popover)\",\n foreground: \"var(--popover-foreground)\",\n },\n primary: {\n DEFAULT: \"var(--primary)\",\n foreground: \"var(--primary-foreground)\",\n },\n secondary: {\n DEFAULT: \"var(--secondary)\",\n foreground: \"var(--secondary-foreground)\",\n },\n muted: {\n DEFAULT: \"var(--muted)\",\n foreground: \"var(--muted-foreground)\",\n },\n accent: {\n DEFAULT: \"var(--accent)\",\n foreground: \"var(--accent-foreground)\",\n },\n destructive: {\n DEFAULT: \"var(--destructive)\",\n },\n border: \"var(--border)\",\n input: \"var(--input)\",\n ring: \"var(--ring)\",\n chart: {\n 1: \"var(--chart-1)\",\n 2: \"var(--chart-2)\",\n 3: \"var(--chart-3)\",\n 4: \"var(--chart-4)\",\n 5: \"var(--chart-5)\",\n },\n sidebar: {\n DEFAULT: \"var(--sidebar)\",\n foreground: \"var(--sidebar-foreground)\",\n primary: \"var(--sidebar-primary)\",\n \"primary-foreground\": \"var(--sidebar-primary-foreground)\",\n accent: \"var(--sidebar-accent)\",\n \"accent-foreground\": \"var(--sidebar-accent-foreground)\",\n border: \"var(--sidebar-border)\",\n ring: \"var(--sidebar-ring)\",\n },\n },\n borderRadius: {\n sm: \"calc(var(--radius) - 4px)\",\n md: \"calc(var(--radius) - 2px)\",\n lg: \"var(--radius)\",\n xl: \"calc(var(--radius) + 4px)\",\n \"2xl\": \"calc(var(--radius) + 8px)\",\n \"3xl\": \"calc(var(--radius) + 12px)\",\n \"4xl\": \"calc(var(--radius) + 16px)\",\n },\n keyframes: {\n \"accordion-down\": {\n from: { height: \"0\" },\n to: { height: \"var(--radix-accordion-content-height)\" },\n },\n \"accordion-up\": {\n from: { height: \"var(--radix-accordion-content-height)\" },\n to: { height: \"0\" },\n },\n \"fade-in\": {\n from: { opacity: \"0\" },\n to: { opacity: \"1\" },\n },\n \"fade-out\": {\n from: { opacity: \"1\" },\n to: { opacity: \"0\" },\n },\n \"slide-in-from-top\": {\n from: { transform: \"translateY(-100%)\" },\n to: { transform: \"translateY(0)\" },\n },\n \"slide-in-from-bottom\": {\n from: { transform: \"translateY(100%)\" },\n to: { transform: \"translateY(0)\" },\n },\n \"slide-in-from-left\": {\n from: { transform: \"translateX(-100%)\" },\n to: { transform: \"translateX(0)\" },\n },\n \"slide-in-from-right\": {\n from: { transform: \"translateX(100%)\" },\n to: { transform: \"translateX(0)\" },\n },\n },\n animation: {\n \"accordion-down\": \"accordion-down 0.2s ease-out\",\n \"accordion-up\": \"accordion-up 0.2s ease-out\",\n \"fade-in\": \"fade-in 0.2s ease-out\",\n \"fade-out\": \"fade-out 0.2s ease-out\",\n \"slide-in-from-top\": \"slide-in-from-top 0.3s ease-out\",\n \"slide-in-from-bottom\": \"slide-in-from-bottom 0.3s ease-out\",\n \"slide-in-from-left\": \"slide-in-from-left 0.3s ease-out\",\n \"slide-in-from-right\": \"slide-in-from-right 0.3s ease-out\",\n },\n },\n },\n}\n\nexport default privateersPreset\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"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","file":"preset.js","sourcesContent":["import type { Config } from \"tailwindcss\"\n\n/**\n * Privateers Design System Tailwind Preset\n *\n * Use this preset in your tailwind.config.ts:\n *\n * ```ts\n * import { privateersPreset } from '@privateers/ui/tailwind/preset'\n *\n * export default {\n * presets: [privateersPreset],\n * // ... your config\n * }\n * ```\n */\nexport const privateersPreset: Partial<Config> = {\n theme: {\n extend: {\n fontFamily: {\n sans: [\"var(--font-sans)\"],\n mono: [\"var(--font-mono)\"],\n },\n colors: {\n background: \"var(--background)\",\n foreground: \"var(--foreground)\",\n card: {\n DEFAULT: \"var(--card)\",\n foreground: \"var(--card-foreground)\",\n },\n popover: {\n DEFAULT: \"var(--popover)\",\n foreground: \"var(--popover-foreground)\",\n },\n primary: {\n DEFAULT: \"var(--primary)\",\n foreground: \"var(--primary-foreground)\",\n },\n secondary: {\n DEFAULT: \"var(--secondary)\",\n foreground: \"var(--secondary-foreground)\",\n },\n muted: {\n DEFAULT: \"var(--muted)\",\n foreground: \"var(--muted-foreground)\",\n },\n accent: {\n DEFAULT: \"var(--accent)\",\n foreground: \"var(--accent-foreground)\",\n },\n destructive: {\n DEFAULT: \"var(--destructive)\",\n },\n border: \"var(--border)\",\n input: \"var(--input)\",\n ring: \"var(--ring)\",\n overlay: \"var(--overlay)\",\n chart: {\n 1: \"var(--chart-1)\",\n 2: \"var(--chart-2)\",\n 3: \"var(--chart-3)\",\n 4: \"var(--chart-4)\",\n 5: \"var(--chart-5)\",\n },\n sidebar: {\n DEFAULT: \"var(--sidebar)\",\n foreground: \"var(--sidebar-foreground)\",\n primary: \"var(--sidebar-primary)\",\n \"primary-foreground\": \"var(--sidebar-primary-foreground)\",\n accent: \"var(--sidebar-accent)\",\n \"accent-foreground\": \"var(--sidebar-accent-foreground)\",\n border: \"var(--sidebar-border)\",\n ring: \"var(--sidebar-ring)\",\n },\n },\n borderRadius: {\n sm: \"calc(var(--radius) - 4px)\",\n md: \"calc(var(--radius) - 2px)\",\n lg: \"var(--radius)\",\n xl: \"calc(var(--radius) + 4px)\",\n \"2xl\": \"calc(var(--radius) + 8px)\",\n \"3xl\": \"calc(var(--radius) + 12px)\",\n \"4xl\": \"calc(var(--radius) + 16px)\",\n },\n keyframes: {\n \"accordion-down\": {\n from: { height: \"0\" },\n to: { height: \"var(--radix-accordion-content-height)\" },\n },\n \"accordion-up\": {\n from: { height: \"var(--radix-accordion-content-height)\" },\n to: { height: \"0\" },\n },\n \"fade-in\": {\n from: { opacity: \"0\" },\n to: { opacity: \"1\" },\n },\n \"fade-out\": {\n from: { opacity: \"1\" },\n to: { opacity: \"0\" },\n },\n \"slide-in-from-top\": {\n from: { transform: \"translateY(-100%)\" },\n to: { transform: \"translateY(0)\" },\n },\n \"slide-in-from-bottom\": {\n from: { transform: \"translateY(100%)\" },\n to: { transform: \"translateY(0)\" },\n },\n \"slide-in-from-left\": {\n from: { transform: \"translateX(-100%)\" },\n to: { transform: \"translateX(0)\" },\n },\n \"slide-in-from-right\": {\n from: { transform: \"translateX(100%)\" },\n to: { transform: \"translateX(0)\" },\n },\n },\n animation: {\n \"accordion-down\": \"accordion-down 0.2s ease-out\",\n \"accordion-up\": \"accordion-up 0.2s ease-out\",\n \"fade-in\": \"fade-in 0.2s ease-out\",\n \"fade-out\": \"fade-out 0.2s ease-out\",\n \"slide-in-from-top\": \"slide-in-from-top 0.3s ease-out\",\n \"slide-in-from-bottom\": \"slide-in-from-bottom 0.3s ease-out\",\n \"slide-in-from-left\": \"slide-in-from-left 0.3s ease-out\",\n \"slide-in-from-right\": \"slide-in-from-right 0.3s ease-out\",\n },\n },\n },\n}\n\nexport default privateersPreset\n"]}
|