@adsgency_npm/adsgency-ads-ui 0.1.0-alpha.1
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/README.md +82 -0
- package/dist/chunk-YJFQM6IB.js +71 -0
- package/dist/chunk-YJFQM6IB.js.map +1 -0
- package/dist/index.cjs +4300 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +743 -0
- package/dist/index.d.ts +743 -0
- package/dist/index.js +4080 -0
- package/dist/index.js.map +1 -0
- package/dist/styles/tokens.css +121 -0
- package/dist/tokens/designTokens.cjs +94 -0
- package/dist/tokens/designTokens.cjs.map +1 -0
- package/dist/tokens/designTokens.d.cts +66 -0
- package/dist/tokens/designTokens.d.ts +66 -0
- package/dist/tokens/designTokens.js +8 -0
- package/dist/tokens/designTokens.js.map +1 -0
- package/dist/tokens/tailwindPreset.cjs +140 -0
- package/dist/tokens/tailwindPreset.cjs.map +1 -0
- package/dist/tokens/tailwindPreset.d.cts +114 -0
- package/dist/tokens/tailwindPreset.d.ts +114 -0
- package/dist/tokens/tailwindPreset.js +120 -0
- package/dist/tokens/tailwindPreset.js.map +1 -0
- package/package.json +112 -0
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
@tailwind base;
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--background: #151619;
|
|
5
|
+
--foreground: #fdfdfd;
|
|
6
|
+
--card: #1b1c21;
|
|
7
|
+
--card-foreground: #fdfdfd;
|
|
8
|
+
--popover: #2a2b2f;
|
|
9
|
+
--popover-foreground: #fdfdfd;
|
|
10
|
+
--primary: #844fff;
|
|
11
|
+
--primary-foreground: #fdfdfd;
|
|
12
|
+
--secondary: #3f4043;
|
|
13
|
+
--secondary-foreground: #fdfdfd;
|
|
14
|
+
--muted: #3f4043;
|
|
15
|
+
--muted-foreground: #7e7f81;
|
|
16
|
+
--accent: #3f4043;
|
|
17
|
+
--accent-foreground: #fdfdfd;
|
|
18
|
+
--destructive: #dc2626;
|
|
19
|
+
--destructive-foreground: #ff9b9b;
|
|
20
|
+
--input: #151619;
|
|
21
|
+
--ring: #a984ff;
|
|
22
|
+
--brand-secondary: #af41ff;
|
|
23
|
+
--brand-secondary-foreground: #151619;
|
|
24
|
+
--brand-gradient-from: #6859ff;
|
|
25
|
+
--brand-gradient-to: #af41ff;
|
|
26
|
+
--success: #008e61;
|
|
27
|
+
--success-foreground: #fdfdfd;
|
|
28
|
+
--warning: #cd6c00;
|
|
29
|
+
--warning-foreground: #fdfdfd;
|
|
30
|
+
--info: #844fff;
|
|
31
|
+
--info-foreground: #fdfdfd;
|
|
32
|
+
--border: #545558;
|
|
33
|
+
--border-muted: #3f4043;
|
|
34
|
+
--active: #422880;
|
|
35
|
+
--active-foreground: #fdfdfd;
|
|
36
|
+
--label-foreground: #a8a9aa;
|
|
37
|
+
--icon: #939496;
|
|
38
|
+
--icon-muted: #545558;
|
|
39
|
+
--chart-1: #844fff;
|
|
40
|
+
--chart-2: #af41ff;
|
|
41
|
+
--chart-3: #9061ff;
|
|
42
|
+
--chart-4: #a01cff;
|
|
43
|
+
--chart-5: #9d72ff;
|
|
44
|
+
--sidebar: #1b1c21;
|
|
45
|
+
--sidebar-foreground: #fdfdfd;
|
|
46
|
+
--sidebar-primary: #844fff;
|
|
47
|
+
--sidebar-primary-foreground: #fdfdfd;
|
|
48
|
+
--sidebar-accent: #3f4043;
|
|
49
|
+
--sidebar-accent-foreground: #fdfdfd;
|
|
50
|
+
--sidebar-border: #545558;
|
|
51
|
+
--sidebar-ring: #a984ff;
|
|
52
|
+
--color-surface-canvas: #151619;
|
|
53
|
+
--color-surface-panel: #1b1c21;
|
|
54
|
+
--color-surface-raised: #2a2b2f;
|
|
55
|
+
--color-surface-inset: #151619;
|
|
56
|
+
--color-surface-hover: #3f4043;
|
|
57
|
+
--color-border-subtle: #3f4043;
|
|
58
|
+
--color-border-default: #545558;
|
|
59
|
+
--color-border-strong: #545558;
|
|
60
|
+
--color-border-focus: #a984ff;
|
|
61
|
+
--color-text-primary: #fdfdfd;
|
|
62
|
+
--color-text-secondary: #a8a9aa;
|
|
63
|
+
--color-text-muted: #7e7f81;
|
|
64
|
+
--color-text-disabled: #545558;
|
|
65
|
+
--color-text-inverse: #151619;
|
|
66
|
+
--color-brand-primary: #844fff;
|
|
67
|
+
--color-brand-primary-hover: #7d55fa;
|
|
68
|
+
--color-brand-gradient-from: #6859ff;
|
|
69
|
+
--color-brand-gradient-to: #af41ff;
|
|
70
|
+
--color-status-success: #008e61;
|
|
71
|
+
--color-status-warning: #cd6c00;
|
|
72
|
+
--color-status-danger: #dc2626;
|
|
73
|
+
--color-status-info: #844fff;
|
|
74
|
+
--spacing-xs: 0.25rem;
|
|
75
|
+
--spacing-sm: 0.5rem;
|
|
76
|
+
--spacing-md: 0.75rem;
|
|
77
|
+
--spacing-lg: 1rem;
|
|
78
|
+
--spacing-xl: 1.5rem;
|
|
79
|
+
--spacing-2xl: 2rem;
|
|
80
|
+
--radius-none: 0;
|
|
81
|
+
--radius-xs: 0.125rem;
|
|
82
|
+
--radius-sm: 0.25rem;
|
|
83
|
+
--radius: 0.375rem;
|
|
84
|
+
--radius-md: 0.375rem;
|
|
85
|
+
--radius-lg: 0.5rem;
|
|
86
|
+
--radius-xl: 0.75rem;
|
|
87
|
+
--radius-2xl: 1.125rem;
|
|
88
|
+
--radius-3xl: 1.375rem;
|
|
89
|
+
--radius-4xl: 1.625rem;
|
|
90
|
+
--radius-full: 9999px;
|
|
91
|
+
--size-control-height: 2.5rem;
|
|
92
|
+
--size-modal-width: 42rem;
|
|
93
|
+
--size-sidebar-width: 17.5rem;
|
|
94
|
+
--z-index-toolbar: 30;
|
|
95
|
+
--z-index-overlay: 40;
|
|
96
|
+
--z-index-modal: 50;
|
|
97
|
+
--z-index-toast: 60;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
@layer base {
|
|
101
|
+
:root {
|
|
102
|
+
--sidebar-background: 0 0% 98%;
|
|
103
|
+
--sidebar-foreground: 240 5.3% 26.1%;
|
|
104
|
+
--sidebar-primary: 240 5.9% 10%;
|
|
105
|
+
--sidebar-primary-foreground: 0 0% 98%;
|
|
106
|
+
--sidebar-accent: 240 4.8% 95.9%;
|
|
107
|
+
--sidebar-accent-foreground: 240 5.9% 10%;
|
|
108
|
+
--sidebar-border: 220 13% 91%;
|
|
109
|
+
--sidebar-ring: 217.2 91.2% 59.8%;
|
|
110
|
+
}
|
|
111
|
+
.dark {
|
|
112
|
+
--sidebar-background: 240 5.9% 10%;
|
|
113
|
+
--sidebar-foreground: 240 4.8% 95.9%;
|
|
114
|
+
--sidebar-primary: 224.3 76.3% 48%;
|
|
115
|
+
--sidebar-primary-foreground: 0 0% 100%;
|
|
116
|
+
--sidebar-accent: 240 3.7% 15.9%;
|
|
117
|
+
--sidebar-accent-foreground: 240 4.8% 95.9%;
|
|
118
|
+
--sidebar-border: 240 3.7% 15.9%;
|
|
119
|
+
--sidebar-ring: 217.2 91.2% 59.8%;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
|
+
|
|
21
|
+
// src/tokens/designTokens.ts
|
|
22
|
+
var designTokens_exports = {};
|
|
23
|
+
__export(designTokens_exports, {
|
|
24
|
+
designTokens: () => designTokens
|
|
25
|
+
});
|
|
26
|
+
module.exports = __toCommonJS(designTokens_exports);
|
|
27
|
+
var designTokens = {
|
|
28
|
+
background: "#151619",
|
|
29
|
+
foreground: "#fdfdfd",
|
|
30
|
+
card: "#1b1c21",
|
|
31
|
+
cardForeground: "#fdfdfd",
|
|
32
|
+
popover: "#2a2b2f",
|
|
33
|
+
popoverForeground: "#fdfdfd",
|
|
34
|
+
primary: "#844fff",
|
|
35
|
+
primaryForeground: "#fdfdfd",
|
|
36
|
+
secondary: "#3f4043",
|
|
37
|
+
secondaryForeground: "#fdfdfd",
|
|
38
|
+
muted: "#3f4043",
|
|
39
|
+
mutedForeground: "#7e7f81",
|
|
40
|
+
accent: "#3f4043",
|
|
41
|
+
accentForeground: "#fdfdfd",
|
|
42
|
+
destructive: "#dc2626",
|
|
43
|
+
destructiveForeground: "#ff9b9b",
|
|
44
|
+
border: "#545558",
|
|
45
|
+
input: "#151619",
|
|
46
|
+
ring: "#a984ff",
|
|
47
|
+
brandSecondary: "#af41ff",
|
|
48
|
+
brandSecondaryForeground: "#151619",
|
|
49
|
+
brandGradientFrom: "#6859ff",
|
|
50
|
+
brandGradientTo: "#af41ff",
|
|
51
|
+
success: "#008e61",
|
|
52
|
+
successForeground: "#fdfdfd",
|
|
53
|
+
warning: "#cd6c00",
|
|
54
|
+
warningForeground: "#fdfdfd",
|
|
55
|
+
info: "#844fff",
|
|
56
|
+
infoForeground: "#fdfdfd",
|
|
57
|
+
borderMuted: "#3f4043",
|
|
58
|
+
active: "#422880",
|
|
59
|
+
activeForeground: "#fdfdfd",
|
|
60
|
+
labelForeground: "#a8a9aa",
|
|
61
|
+
icon: "#939496",
|
|
62
|
+
iconMuted: "#545558",
|
|
63
|
+
spacing: {
|
|
64
|
+
xs: "0.25rem",
|
|
65
|
+
sm: "0.5rem",
|
|
66
|
+
md: "0.75rem",
|
|
67
|
+
lg: "1rem",
|
|
68
|
+
xl: "1.5rem",
|
|
69
|
+
"2xl": "2rem"
|
|
70
|
+
},
|
|
71
|
+
radius: {
|
|
72
|
+
sm: "0.25rem",
|
|
73
|
+
md: "0.375rem",
|
|
74
|
+
lg: "0.5rem",
|
|
75
|
+
xl: "0.75rem",
|
|
76
|
+
full: "9999px"
|
|
77
|
+
},
|
|
78
|
+
size: {
|
|
79
|
+
controlHeight: "2.5rem",
|
|
80
|
+
modalWidth: "42rem",
|
|
81
|
+
sidebarWidth: "17.5rem"
|
|
82
|
+
},
|
|
83
|
+
zIndex: {
|
|
84
|
+
toolbar: 30,
|
|
85
|
+
overlay: 40,
|
|
86
|
+
modal: 50,
|
|
87
|
+
toast: 60
|
|
88
|
+
}
|
|
89
|
+
};
|
|
90
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
91
|
+
0 && (module.exports = {
|
|
92
|
+
designTokens
|
|
93
|
+
});
|
|
94
|
+
//# sourceMappingURL=designTokens.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/tokens/designTokens.ts"],"sourcesContent":["export const designTokens = {\n background: \"#151619\",\n foreground: \"#fdfdfd\",\n card: \"#1b1c21\",\n cardForeground: \"#fdfdfd\",\n popover: \"#2a2b2f\",\n popoverForeground: \"#fdfdfd\",\n primary: \"#844fff\",\n primaryForeground: \"#fdfdfd\",\n secondary: \"#3f4043\",\n secondaryForeground: \"#fdfdfd\",\n muted: \"#3f4043\",\n mutedForeground: \"#7e7f81\",\n accent: \"#3f4043\",\n accentForeground: \"#fdfdfd\",\n destructive: \"#dc2626\",\n destructiveForeground: \"#ff9b9b\",\n border: \"#545558\",\n input: \"#151619\",\n ring: \"#a984ff\",\n brandSecondary: \"#af41ff\",\n brandSecondaryForeground: \"#151619\",\n brandGradientFrom: \"#6859ff\",\n brandGradientTo: \"#af41ff\",\n success: \"#008e61\",\n successForeground: \"#fdfdfd\",\n warning: \"#cd6c00\",\n warningForeground: \"#fdfdfd\",\n info: \"#844fff\",\n infoForeground: \"#fdfdfd\",\n borderMuted: \"#3f4043\",\n active: \"#422880\",\n activeForeground: \"#fdfdfd\",\n labelForeground: \"#a8a9aa\",\n icon: \"#939496\",\n iconMuted: \"#545558\",\n spacing: {\n xs: \"0.25rem\",\n sm: \"0.5rem\",\n md: \"0.75rem\",\n lg: \"1rem\",\n xl: \"1.5rem\",\n \"2xl\": \"2rem\",\n },\n radius: {\n sm: \"0.25rem\",\n md: \"0.375rem\",\n lg: \"0.5rem\",\n xl: \"0.75rem\",\n full: \"9999px\",\n },\n size: {\n controlHeight: \"2.5rem\",\n modalWidth: \"42rem\",\n sidebarWidth: \"17.5rem\",\n },\n zIndex: {\n toolbar: 30,\n overlay: 40,\n modal: 50,\n toast: 60,\n },\n} as const;\n\nexport type DesignTokens = typeof designTokens;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,eAAe;AAAA,EAC1B,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,qBAAqB;AAAA,EACrB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AAAA,IACJ,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,cAAc;AAAA,EAChB;AAAA,EACA,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;","names":[]}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
declare const designTokens: {
|
|
2
|
+
readonly background: "#151619";
|
|
3
|
+
readonly foreground: "#fdfdfd";
|
|
4
|
+
readonly card: "#1b1c21";
|
|
5
|
+
readonly cardForeground: "#fdfdfd";
|
|
6
|
+
readonly popover: "#2a2b2f";
|
|
7
|
+
readonly popoverForeground: "#fdfdfd";
|
|
8
|
+
readonly primary: "#844fff";
|
|
9
|
+
readonly primaryForeground: "#fdfdfd";
|
|
10
|
+
readonly secondary: "#3f4043";
|
|
11
|
+
readonly secondaryForeground: "#fdfdfd";
|
|
12
|
+
readonly muted: "#3f4043";
|
|
13
|
+
readonly mutedForeground: "#7e7f81";
|
|
14
|
+
readonly accent: "#3f4043";
|
|
15
|
+
readonly accentForeground: "#fdfdfd";
|
|
16
|
+
readonly destructive: "#dc2626";
|
|
17
|
+
readonly destructiveForeground: "#ff9b9b";
|
|
18
|
+
readonly border: "#545558";
|
|
19
|
+
readonly input: "#151619";
|
|
20
|
+
readonly ring: "#a984ff";
|
|
21
|
+
readonly brandSecondary: "#af41ff";
|
|
22
|
+
readonly brandSecondaryForeground: "#151619";
|
|
23
|
+
readonly brandGradientFrom: "#6859ff";
|
|
24
|
+
readonly brandGradientTo: "#af41ff";
|
|
25
|
+
readonly success: "#008e61";
|
|
26
|
+
readonly successForeground: "#fdfdfd";
|
|
27
|
+
readonly warning: "#cd6c00";
|
|
28
|
+
readonly warningForeground: "#fdfdfd";
|
|
29
|
+
readonly info: "#844fff";
|
|
30
|
+
readonly infoForeground: "#fdfdfd";
|
|
31
|
+
readonly borderMuted: "#3f4043";
|
|
32
|
+
readonly active: "#422880";
|
|
33
|
+
readonly activeForeground: "#fdfdfd";
|
|
34
|
+
readonly labelForeground: "#a8a9aa";
|
|
35
|
+
readonly icon: "#939496";
|
|
36
|
+
readonly iconMuted: "#545558";
|
|
37
|
+
readonly spacing: {
|
|
38
|
+
readonly xs: "0.25rem";
|
|
39
|
+
readonly sm: "0.5rem";
|
|
40
|
+
readonly md: "0.75rem";
|
|
41
|
+
readonly lg: "1rem";
|
|
42
|
+
readonly xl: "1.5rem";
|
|
43
|
+
readonly "2xl": "2rem";
|
|
44
|
+
};
|
|
45
|
+
readonly radius: {
|
|
46
|
+
readonly sm: "0.25rem";
|
|
47
|
+
readonly md: "0.375rem";
|
|
48
|
+
readonly lg: "0.5rem";
|
|
49
|
+
readonly xl: "0.75rem";
|
|
50
|
+
readonly full: "9999px";
|
|
51
|
+
};
|
|
52
|
+
readonly size: {
|
|
53
|
+
readonly controlHeight: "2.5rem";
|
|
54
|
+
readonly modalWidth: "42rem";
|
|
55
|
+
readonly sidebarWidth: "17.5rem";
|
|
56
|
+
};
|
|
57
|
+
readonly zIndex: {
|
|
58
|
+
readonly toolbar: 30;
|
|
59
|
+
readonly overlay: 40;
|
|
60
|
+
readonly modal: 50;
|
|
61
|
+
readonly toast: 60;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
type DesignTokens = typeof designTokens;
|
|
65
|
+
|
|
66
|
+
export { type DesignTokens, designTokens };
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
declare const designTokens: {
|
|
2
|
+
readonly background: "#151619";
|
|
3
|
+
readonly foreground: "#fdfdfd";
|
|
4
|
+
readonly card: "#1b1c21";
|
|
5
|
+
readonly cardForeground: "#fdfdfd";
|
|
6
|
+
readonly popover: "#2a2b2f";
|
|
7
|
+
readonly popoverForeground: "#fdfdfd";
|
|
8
|
+
readonly primary: "#844fff";
|
|
9
|
+
readonly primaryForeground: "#fdfdfd";
|
|
10
|
+
readonly secondary: "#3f4043";
|
|
11
|
+
readonly secondaryForeground: "#fdfdfd";
|
|
12
|
+
readonly muted: "#3f4043";
|
|
13
|
+
readonly mutedForeground: "#7e7f81";
|
|
14
|
+
readonly accent: "#3f4043";
|
|
15
|
+
readonly accentForeground: "#fdfdfd";
|
|
16
|
+
readonly destructive: "#dc2626";
|
|
17
|
+
readonly destructiveForeground: "#ff9b9b";
|
|
18
|
+
readonly border: "#545558";
|
|
19
|
+
readonly input: "#151619";
|
|
20
|
+
readonly ring: "#a984ff";
|
|
21
|
+
readonly brandSecondary: "#af41ff";
|
|
22
|
+
readonly brandSecondaryForeground: "#151619";
|
|
23
|
+
readonly brandGradientFrom: "#6859ff";
|
|
24
|
+
readonly brandGradientTo: "#af41ff";
|
|
25
|
+
readonly success: "#008e61";
|
|
26
|
+
readonly successForeground: "#fdfdfd";
|
|
27
|
+
readonly warning: "#cd6c00";
|
|
28
|
+
readonly warningForeground: "#fdfdfd";
|
|
29
|
+
readonly info: "#844fff";
|
|
30
|
+
readonly infoForeground: "#fdfdfd";
|
|
31
|
+
readonly borderMuted: "#3f4043";
|
|
32
|
+
readonly active: "#422880";
|
|
33
|
+
readonly activeForeground: "#fdfdfd";
|
|
34
|
+
readonly labelForeground: "#a8a9aa";
|
|
35
|
+
readonly icon: "#939496";
|
|
36
|
+
readonly iconMuted: "#545558";
|
|
37
|
+
readonly spacing: {
|
|
38
|
+
readonly xs: "0.25rem";
|
|
39
|
+
readonly sm: "0.5rem";
|
|
40
|
+
readonly md: "0.75rem";
|
|
41
|
+
readonly lg: "1rem";
|
|
42
|
+
readonly xl: "1.5rem";
|
|
43
|
+
readonly "2xl": "2rem";
|
|
44
|
+
};
|
|
45
|
+
readonly radius: {
|
|
46
|
+
readonly sm: "0.25rem";
|
|
47
|
+
readonly md: "0.375rem";
|
|
48
|
+
readonly lg: "0.5rem";
|
|
49
|
+
readonly xl: "0.75rem";
|
|
50
|
+
readonly full: "9999px";
|
|
51
|
+
};
|
|
52
|
+
readonly size: {
|
|
53
|
+
readonly controlHeight: "2.5rem";
|
|
54
|
+
readonly modalWidth: "42rem";
|
|
55
|
+
readonly sidebarWidth: "17.5rem";
|
|
56
|
+
};
|
|
57
|
+
readonly zIndex: {
|
|
58
|
+
readonly toolbar: 30;
|
|
59
|
+
readonly overlay: 40;
|
|
60
|
+
readonly modal: 50;
|
|
61
|
+
readonly toast: 60;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
type DesignTokens = typeof designTokens;
|
|
65
|
+
|
|
66
|
+
export { type DesignTokens, designTokens };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
|
+
|
|
21
|
+
// src/tokens/tailwindPreset.ts
|
|
22
|
+
var tailwindPreset_exports = {};
|
|
23
|
+
__export(tailwindPreset_exports, {
|
|
24
|
+
default: () => tailwindPreset_default
|
|
25
|
+
});
|
|
26
|
+
module.exports = __toCommonJS(tailwindPreset_exports);
|
|
27
|
+
var tailwindPreset = {
|
|
28
|
+
theme: {
|
|
29
|
+
extend: {
|
|
30
|
+
backgroundImage: {
|
|
31
|
+
"brand-gradient": "linear-gradient(to right, var(--brand-gradient-from), var(--brand-gradient-to))"
|
|
32
|
+
},
|
|
33
|
+
colors: {
|
|
34
|
+
background: "var(--background)",
|
|
35
|
+
foreground: "var(--foreground)",
|
|
36
|
+
card: {
|
|
37
|
+
DEFAULT: "var(--card)",
|
|
38
|
+
foreground: "var(--card-foreground)"
|
|
39
|
+
},
|
|
40
|
+
popover: {
|
|
41
|
+
DEFAULT: "var(--popover)",
|
|
42
|
+
foreground: "var(--popover-foreground)"
|
|
43
|
+
},
|
|
44
|
+
primary: {
|
|
45
|
+
DEFAULT: "var(--primary)",
|
|
46
|
+
foreground: "var(--primary-foreground)"
|
|
47
|
+
},
|
|
48
|
+
secondary: {
|
|
49
|
+
DEFAULT: "var(--secondary)",
|
|
50
|
+
foreground: "var(--secondary-foreground)"
|
|
51
|
+
},
|
|
52
|
+
muted: {
|
|
53
|
+
DEFAULT: "var(--muted)",
|
|
54
|
+
foreground: "var(--muted-foreground)"
|
|
55
|
+
},
|
|
56
|
+
accent: {
|
|
57
|
+
DEFAULT: "var(--accent)",
|
|
58
|
+
foreground: "var(--accent-foreground)"
|
|
59
|
+
},
|
|
60
|
+
destructive: {
|
|
61
|
+
DEFAULT: "var(--destructive)",
|
|
62
|
+
foreground: "var(--destructive-foreground)"
|
|
63
|
+
},
|
|
64
|
+
input: "var(--input)",
|
|
65
|
+
ring: "var(--ring)",
|
|
66
|
+
border: {
|
|
67
|
+
DEFAULT: "var(--border)",
|
|
68
|
+
muted: "var(--border-muted)",
|
|
69
|
+
focus: "var(--color-border-focus)"
|
|
70
|
+
},
|
|
71
|
+
icon: {
|
|
72
|
+
DEFAULT: "var(--icon)",
|
|
73
|
+
muted: "var(--icon-muted)"
|
|
74
|
+
},
|
|
75
|
+
label: {
|
|
76
|
+
foreground: "var(--label-foreground)"
|
|
77
|
+
},
|
|
78
|
+
brand: {
|
|
79
|
+
primary: "var(--color-brand-primary)",
|
|
80
|
+
"primary-hover": "var(--color-brand-primary-hover)",
|
|
81
|
+
secondary: "var(--brand-secondary)",
|
|
82
|
+
"secondary-foreground": "var(--brand-secondary-foreground)"
|
|
83
|
+
},
|
|
84
|
+
text: {
|
|
85
|
+
primary: "var(--color-text-primary)",
|
|
86
|
+
secondary: "var(--color-text-secondary)",
|
|
87
|
+
muted: "var(--color-text-muted)",
|
|
88
|
+
disabled: "var(--color-text-disabled)",
|
|
89
|
+
inverse: "var(--color-text-inverse)"
|
|
90
|
+
},
|
|
91
|
+
success: {
|
|
92
|
+
DEFAULT: "var(--success)",
|
|
93
|
+
foreground: "var(--success-foreground)"
|
|
94
|
+
},
|
|
95
|
+
warning: {
|
|
96
|
+
DEFAULT: "var(--warning)",
|
|
97
|
+
foreground: "var(--warning-foreground)"
|
|
98
|
+
},
|
|
99
|
+
info: {
|
|
100
|
+
DEFAULT: "var(--info)",
|
|
101
|
+
foreground: "var(--info-foreground)"
|
|
102
|
+
}
|
|
103
|
+
},
|
|
104
|
+
spacing: {
|
|
105
|
+
xs: "var(--spacing-xs)",
|
|
106
|
+
sm: "var(--spacing-sm)",
|
|
107
|
+
md: "var(--spacing-md)",
|
|
108
|
+
lg: "var(--spacing-lg)",
|
|
109
|
+
xl: "var(--spacing-xl)",
|
|
110
|
+
"2xl": "var(--spacing-2xl)"
|
|
111
|
+
},
|
|
112
|
+
borderRadius: {
|
|
113
|
+
"radius-sm": "var(--radius-sm)",
|
|
114
|
+
"radius-md": "var(--radius-md)",
|
|
115
|
+
"radius-lg": "var(--radius-lg)",
|
|
116
|
+
"radius-xl": "var(--radius-xl)",
|
|
117
|
+
"radius-full": "var(--radius-full)"
|
|
118
|
+
},
|
|
119
|
+
height: {
|
|
120
|
+
control: "var(--size-control-height)"
|
|
121
|
+
},
|
|
122
|
+
minHeight: {
|
|
123
|
+
control: "var(--size-control-height)"
|
|
124
|
+
},
|
|
125
|
+
width: {
|
|
126
|
+
control: "var(--size-control-height)",
|
|
127
|
+
modal: "var(--size-modal-width)",
|
|
128
|
+
sidebar: "var(--size-sidebar-width)"
|
|
129
|
+
},
|
|
130
|
+
zIndex: {
|
|
131
|
+
toolbar: "var(--z-index-toolbar)",
|
|
132
|
+
overlay: "var(--z-index-overlay)",
|
|
133
|
+
modal: "var(--z-index-modal)",
|
|
134
|
+
toast: "var(--z-index-toast)"
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
};
|
|
139
|
+
var tailwindPreset_default = tailwindPreset;
|
|
140
|
+
//# sourceMappingURL=tailwindPreset.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/tokens/tailwindPreset.ts"],"sourcesContent":["const tailwindPreset = {\n theme: {\n extend: {\n backgroundImage: {\n \"brand-gradient\":\n \"linear-gradient(to right, var(--brand-gradient-from), var(--brand-gradient-to))\",\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 foreground: \"var(--destructive-foreground)\",\n },\n input: \"var(--input)\",\n ring: \"var(--ring)\",\n border: {\n DEFAULT: \"var(--border)\",\n muted: \"var(--border-muted)\",\n focus: \"var(--color-border-focus)\",\n },\n icon: {\n DEFAULT: \"var(--icon)\",\n muted: \"var(--icon-muted)\",\n },\n label: {\n foreground: \"var(--label-foreground)\",\n },\n brand: {\n primary: \"var(--color-brand-primary)\",\n \"primary-hover\": \"var(--color-brand-primary-hover)\",\n secondary: \"var(--brand-secondary)\",\n \"secondary-foreground\": \"var(--brand-secondary-foreground)\",\n },\n text: {\n primary: \"var(--color-text-primary)\",\n secondary: \"var(--color-text-secondary)\",\n muted: \"var(--color-text-muted)\",\n disabled: \"var(--color-text-disabled)\",\n inverse: \"var(--color-text-inverse)\",\n },\n success: {\n DEFAULT: \"var(--success)\",\n foreground: \"var(--success-foreground)\",\n },\n warning: {\n DEFAULT: \"var(--warning)\",\n foreground: \"var(--warning-foreground)\",\n },\n info: {\n DEFAULT: \"var(--info)\",\n foreground: \"var(--info-foreground)\",\n },\n },\n spacing: {\n xs: \"var(--spacing-xs)\",\n sm: \"var(--spacing-sm)\",\n md: \"var(--spacing-md)\",\n lg: \"var(--spacing-lg)\",\n xl: \"var(--spacing-xl)\",\n \"2xl\": \"var(--spacing-2xl)\",\n },\n borderRadius: {\n \"radius-sm\": \"var(--radius-sm)\",\n \"radius-md\": \"var(--radius-md)\",\n \"radius-lg\": \"var(--radius-lg)\",\n \"radius-xl\": \"var(--radius-xl)\",\n \"radius-full\": \"var(--radius-full)\",\n },\n height: {\n control: \"var(--size-control-height)\",\n },\n minHeight: {\n control: \"var(--size-control-height)\",\n },\n width: {\n control: \"var(--size-control-height)\",\n modal: \"var(--size-modal-width)\",\n sidebar: \"var(--size-sidebar-width)\",\n },\n zIndex: {\n toolbar: \"var(--z-index-toolbar)\",\n overlay: \"var(--z-index-overlay)\",\n modal: \"var(--z-index-modal)\",\n toast: \"var(--z-index-toast)\",\n },\n },\n },\n} as const;\n\nexport default tailwindPreset;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,iBAAiB;AAAA,QACf,kBACE;AAAA,MACJ;AAAA,MACA,QAAQ;AAAA,QACN,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,QAAQ;AAAA,UACN,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,aAAa;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,QACP,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,SAAS;AAAA,UACT,OAAO;AAAA,UACP,OAAO;AAAA,QACT;AAAA,QACA,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,OAAO;AAAA,QACT;AAAA,QACA,OAAO;AAAA,UACL,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,WAAW;AAAA,UACX,wBAAwB;AAAA,QAC1B;AAAA,QACA,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,WAAW;AAAA,UACX,OAAO;AAAA,UACP,UAAU;AAAA,UACV,SAAS;AAAA,QACX;AAAA,QACA,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,MACF;AAAA,MACA,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,MACA,cAAc;AAAA,QACZ,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,eAAe;AAAA,MACjB;AAAA,MACA,QAAQ;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,OAAO;AAAA,QACP,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,yBAAQ;","names":[]}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
declare const tailwindPreset: {
|
|
2
|
+
readonly theme: {
|
|
3
|
+
readonly extend: {
|
|
4
|
+
readonly backgroundImage: {
|
|
5
|
+
readonly "brand-gradient": "linear-gradient(to right, var(--brand-gradient-from), var(--brand-gradient-to))";
|
|
6
|
+
};
|
|
7
|
+
readonly colors: {
|
|
8
|
+
readonly background: "var(--background)";
|
|
9
|
+
readonly foreground: "var(--foreground)";
|
|
10
|
+
readonly card: {
|
|
11
|
+
readonly DEFAULT: "var(--card)";
|
|
12
|
+
readonly foreground: "var(--card-foreground)";
|
|
13
|
+
};
|
|
14
|
+
readonly popover: {
|
|
15
|
+
readonly DEFAULT: "var(--popover)";
|
|
16
|
+
readonly foreground: "var(--popover-foreground)";
|
|
17
|
+
};
|
|
18
|
+
readonly primary: {
|
|
19
|
+
readonly DEFAULT: "var(--primary)";
|
|
20
|
+
readonly foreground: "var(--primary-foreground)";
|
|
21
|
+
};
|
|
22
|
+
readonly secondary: {
|
|
23
|
+
readonly DEFAULT: "var(--secondary)";
|
|
24
|
+
readonly foreground: "var(--secondary-foreground)";
|
|
25
|
+
};
|
|
26
|
+
readonly muted: {
|
|
27
|
+
readonly DEFAULT: "var(--muted)";
|
|
28
|
+
readonly foreground: "var(--muted-foreground)";
|
|
29
|
+
};
|
|
30
|
+
readonly accent: {
|
|
31
|
+
readonly DEFAULT: "var(--accent)";
|
|
32
|
+
readonly foreground: "var(--accent-foreground)";
|
|
33
|
+
};
|
|
34
|
+
readonly destructive: {
|
|
35
|
+
readonly DEFAULT: "var(--destructive)";
|
|
36
|
+
readonly foreground: "var(--destructive-foreground)";
|
|
37
|
+
};
|
|
38
|
+
readonly input: "var(--input)";
|
|
39
|
+
readonly ring: "var(--ring)";
|
|
40
|
+
readonly border: {
|
|
41
|
+
readonly DEFAULT: "var(--border)";
|
|
42
|
+
readonly muted: "var(--border-muted)";
|
|
43
|
+
readonly focus: "var(--color-border-focus)";
|
|
44
|
+
};
|
|
45
|
+
readonly icon: {
|
|
46
|
+
readonly DEFAULT: "var(--icon)";
|
|
47
|
+
readonly muted: "var(--icon-muted)";
|
|
48
|
+
};
|
|
49
|
+
readonly label: {
|
|
50
|
+
readonly foreground: "var(--label-foreground)";
|
|
51
|
+
};
|
|
52
|
+
readonly brand: {
|
|
53
|
+
readonly primary: "var(--color-brand-primary)";
|
|
54
|
+
readonly "primary-hover": "var(--color-brand-primary-hover)";
|
|
55
|
+
readonly secondary: "var(--brand-secondary)";
|
|
56
|
+
readonly "secondary-foreground": "var(--brand-secondary-foreground)";
|
|
57
|
+
};
|
|
58
|
+
readonly text: {
|
|
59
|
+
readonly primary: "var(--color-text-primary)";
|
|
60
|
+
readonly secondary: "var(--color-text-secondary)";
|
|
61
|
+
readonly muted: "var(--color-text-muted)";
|
|
62
|
+
readonly disabled: "var(--color-text-disabled)";
|
|
63
|
+
readonly inverse: "var(--color-text-inverse)";
|
|
64
|
+
};
|
|
65
|
+
readonly success: {
|
|
66
|
+
readonly DEFAULT: "var(--success)";
|
|
67
|
+
readonly foreground: "var(--success-foreground)";
|
|
68
|
+
};
|
|
69
|
+
readonly warning: {
|
|
70
|
+
readonly DEFAULT: "var(--warning)";
|
|
71
|
+
readonly foreground: "var(--warning-foreground)";
|
|
72
|
+
};
|
|
73
|
+
readonly info: {
|
|
74
|
+
readonly DEFAULT: "var(--info)";
|
|
75
|
+
readonly foreground: "var(--info-foreground)";
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
readonly spacing: {
|
|
79
|
+
readonly xs: "var(--spacing-xs)";
|
|
80
|
+
readonly sm: "var(--spacing-sm)";
|
|
81
|
+
readonly md: "var(--spacing-md)";
|
|
82
|
+
readonly lg: "var(--spacing-lg)";
|
|
83
|
+
readonly xl: "var(--spacing-xl)";
|
|
84
|
+
readonly "2xl": "var(--spacing-2xl)";
|
|
85
|
+
};
|
|
86
|
+
readonly borderRadius: {
|
|
87
|
+
readonly "radius-sm": "var(--radius-sm)";
|
|
88
|
+
readonly "radius-md": "var(--radius-md)";
|
|
89
|
+
readonly "radius-lg": "var(--radius-lg)";
|
|
90
|
+
readonly "radius-xl": "var(--radius-xl)";
|
|
91
|
+
readonly "radius-full": "var(--radius-full)";
|
|
92
|
+
};
|
|
93
|
+
readonly height: {
|
|
94
|
+
readonly control: "var(--size-control-height)";
|
|
95
|
+
};
|
|
96
|
+
readonly minHeight: {
|
|
97
|
+
readonly control: "var(--size-control-height)";
|
|
98
|
+
};
|
|
99
|
+
readonly width: {
|
|
100
|
+
readonly control: "var(--size-control-height)";
|
|
101
|
+
readonly modal: "var(--size-modal-width)";
|
|
102
|
+
readonly sidebar: "var(--size-sidebar-width)";
|
|
103
|
+
};
|
|
104
|
+
readonly zIndex: {
|
|
105
|
+
readonly toolbar: "var(--z-index-toolbar)";
|
|
106
|
+
readonly overlay: "var(--z-index-overlay)";
|
|
107
|
+
readonly modal: "var(--z-index-modal)";
|
|
108
|
+
readonly toast: "var(--z-index-toast)";
|
|
109
|
+
};
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
};
|
|
113
|
+
|
|
114
|
+
export { tailwindPreset as default };
|