@mohasinac/appkit 3.4.4 → 3.4.5
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/_internal/client/features/maintenance/views/AnalysisRunnerView.js +2 -9
- package/dist/features/account/components/NotificationPreferencesPanel.js +2 -11
- package/dist/features/account/components/UserSidebar.js +4 -4
- package/dist/features/admin/components/AdminBrandsView.js +7 -9
- package/dist/features/admin/components/AdminBundlesView.js +10 -14
- package/dist/features/admin/components/AdminCarouselEditorView.js +1 -5
- package/dist/features/admin/components/AdminCategoriesView.js +10 -14
- package/dist/features/admin/components/AdminFaqsView.js +7 -9
- package/dist/features/admin/components/AdminFeatureFlagsView.js +1 -1
- package/dist/features/admin/components/AdminFeaturesView.js +9 -18
- package/dist/features/admin/components/AdminNotificationsView.js +4 -6
- package/dist/features/admin/components/AdminSessionsView.js +7 -9
- package/dist/features/admin/components/AdminSidebar.js +4 -4
- package/dist/features/admin/components/AdminSiteSettingsView.js +1 -1
- package/dist/features/admin/components/QuickActionsPanel.js +2 -2
- package/dist/features/seller/components/SellerCouponsView.js +7 -9
- package/dist/features/seller/components/SellerSidebar.js +4 -4
- package/dist/styles.css +40 -1
- package/dist/tailwind-utilities.css +1 -1
- package/dist/tokens/themes/default-dark.js +28 -0
- package/dist/tokens/themes/default-light.js +28 -0
- package/dist/tokens/themes/required.d.ts +1 -1
- package/dist/tokens/themes/required.js +30 -0
- package/dist/tokens/tokens.css +39 -0
- package/dist/ui/components/Toggle.d.ts +3 -1
- package/dist/ui/components/Toggle.js +2 -2
- package/dist/ui/components/surface-tokens.d.ts +113 -113
- package/dist/ui/components/surface-tokens.js +104 -102
- package/package.json +1 -1
|
@@ -66,6 +66,34 @@ export const DEFAULT_LIGHT_THEME = {
|
|
|
66
66
|
"appkit-font-sans": "var(--font-body), ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
|
|
67
67
|
"appkit-font-editorial": "var(--font-editorial), \"Georgia\", serif",
|
|
68
68
|
"appkit-font-mono": "ui-monospace, \"SFMono-Regular\", \"Cascadia Mono\", \"Consolas\", monospace",
|
|
69
|
+
"appkit-space-0-5": "0.125rem",
|
|
70
|
+
"appkit-space-1": "0.25rem",
|
|
71
|
+
"appkit-space-1-5": "0.375rem",
|
|
72
|
+
"appkit-space-2": "0.5rem",
|
|
73
|
+
"appkit-space-2-5": "0.625rem",
|
|
74
|
+
"appkit-space-3": "0.75rem",
|
|
75
|
+
"appkit-space-3-5": "0.875rem",
|
|
76
|
+
"appkit-space-4": "1rem",
|
|
77
|
+
"appkit-space-5": "1.25rem",
|
|
78
|
+
"appkit-space-6": "1.5rem",
|
|
79
|
+
"appkit-space-8": "2rem",
|
|
80
|
+
"appkit-space-10": "2.5rem",
|
|
81
|
+
"appkit-space-12": "3rem",
|
|
82
|
+
"appkit-space-14": "3.5rem",
|
|
83
|
+
"appkit-space-16": "4rem",
|
|
84
|
+
"appkit-space-18": "4.5rem",
|
|
85
|
+
"appkit-space-20": "5rem",
|
|
86
|
+
"appkit-space-24": "6rem",
|
|
87
|
+
"appkit-text-2xs": "0.625rem",
|
|
88
|
+
"appkit-text-xs": "0.75rem",
|
|
89
|
+
"appkit-text-sm": "0.875rem",
|
|
90
|
+
"appkit-text-base": "1rem",
|
|
91
|
+
"appkit-text-lg": "1.125rem",
|
|
92
|
+
"appkit-text-xl": "1.25rem",
|
|
93
|
+
"appkit-text-2xl": "1.5rem",
|
|
94
|
+
"appkit-text-3xl": "1.875rem",
|
|
95
|
+
"appkit-text-4xl": "2.25rem",
|
|
96
|
+
"appkit-text-5xl": "3rem",
|
|
69
97
|
},
|
|
70
98
|
gradients: {
|
|
71
99
|
brand: "linear-gradient(to right, var(--appkit-color-primary), var(--appkit-color-secondary))",
|
|
@@ -10,6 +10,6 @@ import type { GradientKey } from "./types";
|
|
|
10
10
|
* unknown keys are rejected; missing keys fall back to the active mode's
|
|
11
11
|
* default theme value (so a theme can override only a subset).
|
|
12
12
|
*/
|
|
13
|
-
export declare const REQUIRED_THEME_TOKENS: readonly ["appkit-color-primary", "appkit-color-primary-50", "appkit-color-primary-100", "appkit-color-primary-200", "appkit-color-primary-300", "appkit-color-primary-400", "appkit-color-primary-500", "appkit-color-primary-600", "appkit-color-primary-700", "appkit-color-primary-800", "appkit-color-primary-900", "appkit-color-primary-950", "appkit-color-secondary", "appkit-color-secondary-50", "appkit-color-secondary-100", "appkit-color-secondary-200", "appkit-color-secondary-300", "appkit-color-secondary-400", "appkit-color-secondary-500", "appkit-color-secondary-600", "appkit-color-secondary-700", "appkit-color-secondary-800", "appkit-color-secondary-900", "appkit-color-secondary-950", "appkit-color-bg", "appkit-color-surface", "appkit-color-surface-elevated", "appkit-color-surface-input", "appkit-color-border", "appkit-color-border-subtle", "appkit-color-text", "appkit-color-text-muted", "appkit-color-text-faint", "appkit-color-text-on-primary", "appkit-color-success", "appkit-color-success-surface", "appkit-color-warning", "appkit-color-warning-surface", "appkit-color-error", "appkit-color-error-surface", "appkit-color-info", "appkit-color-info-surface", "appkit-color-focus-ring", "appkit-shadow-glow", "appkit-shadow-glow-pink", "appkit-font-display", "appkit-font-sans", "appkit-font-editorial", "appkit-font-mono"];
|
|
13
|
+
export declare const REQUIRED_THEME_TOKENS: readonly ["appkit-color-primary", "appkit-color-primary-50", "appkit-color-primary-100", "appkit-color-primary-200", "appkit-color-primary-300", "appkit-color-primary-400", "appkit-color-primary-500", "appkit-color-primary-600", "appkit-color-primary-700", "appkit-color-primary-800", "appkit-color-primary-900", "appkit-color-primary-950", "appkit-color-secondary", "appkit-color-secondary-50", "appkit-color-secondary-100", "appkit-color-secondary-200", "appkit-color-secondary-300", "appkit-color-secondary-400", "appkit-color-secondary-500", "appkit-color-secondary-600", "appkit-color-secondary-700", "appkit-color-secondary-800", "appkit-color-secondary-900", "appkit-color-secondary-950", "appkit-color-bg", "appkit-color-surface", "appkit-color-surface-elevated", "appkit-color-surface-input", "appkit-color-border", "appkit-color-border-subtle", "appkit-color-text", "appkit-color-text-muted", "appkit-color-text-faint", "appkit-color-text-on-primary", "appkit-color-success", "appkit-color-success-surface", "appkit-color-warning", "appkit-color-warning-surface", "appkit-color-error", "appkit-color-error-surface", "appkit-color-info", "appkit-color-info-surface", "appkit-color-focus-ring", "appkit-shadow-glow", "appkit-shadow-glow-pink", "appkit-font-display", "appkit-font-sans", "appkit-font-editorial", "appkit-font-mono", "appkit-space-0-5", "appkit-space-1", "appkit-space-1-5", "appkit-space-2", "appkit-space-2-5", "appkit-space-3", "appkit-space-3-5", "appkit-space-4", "appkit-space-5", "appkit-space-6", "appkit-space-8", "appkit-space-10", "appkit-space-12", "appkit-space-14", "appkit-space-16", "appkit-space-18", "appkit-space-20", "appkit-space-24", "appkit-text-2xs", "appkit-text-xs", "appkit-text-sm", "appkit-text-base", "appkit-text-lg", "appkit-text-xl", "appkit-text-2xl", "appkit-text-3xl", "appkit-text-4xl", "appkit-text-5xl"];
|
|
14
14
|
export type RequiredThemeToken = (typeof REQUIRED_THEME_TOKENS)[number];
|
|
15
15
|
export declare const REQUIRED_GRADIENT_KEYS: readonly GradientKey[];
|
|
@@ -66,6 +66,36 @@ export const REQUIRED_THEME_TOKENS = [
|
|
|
66
66
|
"appkit-font-sans",
|
|
67
67
|
"appkit-font-editorial",
|
|
68
68
|
"appkit-font-mono",
|
|
69
|
+
// Spacing scale
|
|
70
|
+
"appkit-space-0-5",
|
|
71
|
+
"appkit-space-1",
|
|
72
|
+
"appkit-space-1-5",
|
|
73
|
+
"appkit-space-2",
|
|
74
|
+
"appkit-space-2-5",
|
|
75
|
+
"appkit-space-3",
|
|
76
|
+
"appkit-space-3-5",
|
|
77
|
+
"appkit-space-4",
|
|
78
|
+
"appkit-space-5",
|
|
79
|
+
"appkit-space-6",
|
|
80
|
+
"appkit-space-8",
|
|
81
|
+
"appkit-space-10",
|
|
82
|
+
"appkit-space-12",
|
|
83
|
+
"appkit-space-14",
|
|
84
|
+
"appkit-space-16",
|
|
85
|
+
"appkit-space-18",
|
|
86
|
+
"appkit-space-20",
|
|
87
|
+
"appkit-space-24",
|
|
88
|
+
// Font-size scale
|
|
89
|
+
"appkit-text-2xs",
|
|
90
|
+
"appkit-text-xs",
|
|
91
|
+
"appkit-text-sm",
|
|
92
|
+
"appkit-text-base",
|
|
93
|
+
"appkit-text-lg",
|
|
94
|
+
"appkit-text-xl",
|
|
95
|
+
"appkit-text-2xl",
|
|
96
|
+
"appkit-text-3xl",
|
|
97
|
+
"appkit-text-4xl",
|
|
98
|
+
"appkit-text-5xl",
|
|
69
99
|
];
|
|
70
100
|
export const REQUIRED_GRADIENT_KEYS = [
|
|
71
101
|
"brand",
|
package/dist/tokens/tokens.css
CHANGED
|
@@ -391,6 +391,40 @@
|
|
|
391
391
|
--appkit-logo-stop-from: var(--appkit-color-primary-300);
|
|
392
392
|
--appkit-logo-stop-mid: var(--appkit-color-primary-400);
|
|
393
393
|
--appkit-logo-stop-to: var(--appkit-color-info);
|
|
394
|
+
|
|
395
|
+
/* Spacing + font-size scale — identical to :root; declared here only so the
|
|
396
|
+
built-in dark theme record can satisfy audit-theme-drift (which diffs
|
|
397
|
+
default-dark.ts against this block). Admin custom dark themes may still
|
|
398
|
+
override these independently. */
|
|
399
|
+
--appkit-space-0-5: 0.125rem;
|
|
400
|
+
--appkit-space-1: 0.25rem;
|
|
401
|
+
--appkit-space-1-5: 0.375rem;
|
|
402
|
+
--appkit-space-2: 0.5rem;
|
|
403
|
+
--appkit-space-2-5: 0.625rem;
|
|
404
|
+
--appkit-space-3: 0.75rem;
|
|
405
|
+
--appkit-space-3-5: 0.875rem;
|
|
406
|
+
--appkit-space-4: 1rem;
|
|
407
|
+
--appkit-space-5: 1.25rem;
|
|
408
|
+
--appkit-space-6: 1.5rem;
|
|
409
|
+
--appkit-space-8: 2rem;
|
|
410
|
+
--appkit-space-10: 2.5rem;
|
|
411
|
+
--appkit-space-12: 3rem;
|
|
412
|
+
--appkit-space-14: 3.5rem;
|
|
413
|
+
--appkit-space-16: 4rem;
|
|
414
|
+
--appkit-space-18: 4.5rem;
|
|
415
|
+
--appkit-space-20: 5rem;
|
|
416
|
+
--appkit-space-24: 6rem;
|
|
417
|
+
|
|
418
|
+
--appkit-text-2xs: 0.625rem;
|
|
419
|
+
--appkit-text-xs: 0.75rem;
|
|
420
|
+
--appkit-text-sm: 0.875rem;
|
|
421
|
+
--appkit-text-base: 1rem;
|
|
422
|
+
--appkit-text-lg: 1.125rem;
|
|
423
|
+
--appkit-text-xl: 1.25rem;
|
|
424
|
+
--appkit-text-2xl: 1.5rem;
|
|
425
|
+
--appkit-text-3xl: 1.875rem;
|
|
426
|
+
--appkit-text-4xl: 2.25rem;
|
|
427
|
+
--appkit-text-5xl: 3rem;
|
|
394
428
|
}
|
|
395
429
|
|
|
396
430
|
/* --- Theme — Cobalt Night ([data-theme="cobalt-night"]) ------------------- */
|
|
@@ -499,15 +533,20 @@
|
|
|
499
533
|
|
|
500
534
|
/* --- Spacing -------------------------------------------------------------- */
|
|
501
535
|
:root {
|
|
536
|
+
--appkit-space-0-5: 0.125rem; /* 2px */
|
|
502
537
|
--appkit-space-1: 0.25rem; /* 4px */
|
|
538
|
+
--appkit-space-1-5: 0.375rem; /* 6px */
|
|
503
539
|
--appkit-space-2: 0.5rem; /* 8px */
|
|
540
|
+
--appkit-space-2-5: 0.625rem; /* 10px */
|
|
504
541
|
--appkit-space-3: 0.75rem; /* 12px */
|
|
542
|
+
--appkit-space-3-5: 0.875rem; /* 14px */
|
|
505
543
|
--appkit-space-4: 1rem; /* 16px */
|
|
506
544
|
--appkit-space-5: 1.25rem; /* 20px */
|
|
507
545
|
--appkit-space-6: 1.5rem; /* 24px */
|
|
508
546
|
--appkit-space-8: 2rem; /* 32px */
|
|
509
547
|
--appkit-space-10: 2.5rem; /* 40px */
|
|
510
548
|
--appkit-space-12: 3rem; /* 48px */
|
|
549
|
+
--appkit-space-14: 3.5rem; /* 56px */
|
|
511
550
|
--appkit-space-16: 4rem; /* 64px */
|
|
512
551
|
--appkit-space-20: 5rem; /* 80px */
|
|
513
552
|
--appkit-space-18: 4.5rem; /* 72px — custom */
|
|
@@ -5,8 +5,10 @@ export interface ToggleProps {
|
|
|
5
5
|
onChange?: (checked: boolean) => void;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
label?: React.ReactNode;
|
|
8
|
+
/** Accessible name for the switch when no visible `label` is rendered alongside it. */
|
|
9
|
+
ariaLabel?: string;
|
|
8
10
|
size?: "sm" | "md" | "lg";
|
|
9
11
|
className?: string;
|
|
10
12
|
id?: string;
|
|
11
13
|
}
|
|
12
|
-
export declare function Toggle({ checked: checkedProp, defaultChecked, onChange, disabled, label, size, className, id, }: ToggleProps): React.JSX.Element;
|
|
14
|
+
export declare function Toggle({ checked: checkedProp, defaultChecked, onChange, disabled, label, ariaLabel, size, className, id, }: ToggleProps): React.JSX.Element;
|
|
@@ -17,7 +17,7 @@ const UI_TOGGLE = {
|
|
|
17
17
|
thumbOn: "appkit-toggle__thumb--on",
|
|
18
18
|
thumbOff: "appkit-toggle__thumb--off",
|
|
19
19
|
};
|
|
20
|
-
export function Toggle({ checked: checkedProp, defaultChecked = false, onChange, disabled = false, label, size = "md", className = "", id, }) {
|
|
20
|
+
export function Toggle({ checked: checkedProp, defaultChecked = false, onChange, disabled = false, label, ariaLabel, size = "md", className = "", id, }) {
|
|
21
21
|
const generatedId = React.useId();
|
|
22
22
|
const toggleId = id ?? generatedId;
|
|
23
23
|
const [internalChecked, setInternalChecked] = React.useState(defaultChecked);
|
|
@@ -34,7 +34,7 @@ export function Toggle({ checked: checkedProp, defaultChecked = false, onChange,
|
|
|
34
34
|
};
|
|
35
35
|
return (_jsxs("div", { className: [UI_TOGGLE.base, UI_TOGGLE.sizes[size], className]
|
|
36
36
|
.filter(Boolean)
|
|
37
|
-
.join(" "), "data-section": "toggle-div-626", children: [_jsx("button", { id: toggleId, type: "button", role: "switch", "aria-checked": checked, "aria-labelledby": label ? `${toggleId}-label` : undefined, disabled: disabled, onClick: handleToggle, className: [
|
|
37
|
+
.join(" "), "data-section": "toggle-div-626", children: [_jsx("button", { id: toggleId, type: "button", role: "switch", "aria-checked": checked, "aria-labelledby": label ? `${toggleId}-label` : undefined, "aria-label": label ? undefined : ariaLabel, disabled: disabled, onClick: handleToggle, className: [
|
|
38
38
|
UI_TOGGLE.track,
|
|
39
39
|
checked ? UI_TOGGLE.trackOn : UI_TOGGLE.trackOff,
|
|
40
40
|
disabled ? UI_TOGGLE.trackDisabled : "",
|
|
@@ -34,58 +34,58 @@ export declare const SURFACE_MAP: {
|
|
|
34
34
|
export type SurfaceKey = keyof typeof SURFACE_MAP;
|
|
35
35
|
export declare const PADDING_MAP: {
|
|
36
36
|
readonly none: "";
|
|
37
|
-
readonly "2xs":
|
|
38
|
-
readonly xs:
|
|
39
|
-
readonly sm:
|
|
40
|
-
readonly md:
|
|
41
|
-
readonly "5":
|
|
42
|
-
readonly lg:
|
|
43
|
-
readonly xl:
|
|
44
|
-
readonly "3xl":
|
|
45
|
-
readonly card:
|
|
46
|
-
readonly "card-tight":
|
|
47
|
-
readonly section:
|
|
48
|
-
readonly sectionSm:
|
|
49
|
-
readonly page:
|
|
50
|
-
readonly hero:
|
|
51
|
-
readonly toolbar:
|
|
52
|
-
readonly inline:
|
|
53
|
-
readonly inlineSm:
|
|
54
|
-
readonly inlineLg:
|
|
37
|
+
readonly "2xs": `p-[${string}]`;
|
|
38
|
+
readonly xs: `p-[${string}]`;
|
|
39
|
+
readonly sm: `p-[${string}]`;
|
|
40
|
+
readonly md: `p-[${string}]`;
|
|
41
|
+
readonly "5": `p-[${string}]`;
|
|
42
|
+
readonly lg: `p-[${string}]`;
|
|
43
|
+
readonly xl: `p-[${string}]`;
|
|
44
|
+
readonly "3xl": `p-[${string}]`;
|
|
45
|
+
readonly card: `p-[${string}] sm:p-[${string}] lg:p-[${string}]`;
|
|
46
|
+
readonly "card-tight": `p-[${string}] sm:p-[${string}]`;
|
|
47
|
+
readonly section: `py-[${string}] sm:py-[${string}] xl:py-[${string}]`;
|
|
48
|
+
readonly sectionSm: `py-[${string}] sm:py-[${string}]`;
|
|
49
|
+
readonly page: `py-[${string}] sm:py-[${string}] lg:py-[${string}]`;
|
|
50
|
+
readonly hero: `py-[${string}] sm:py-[${string}] lg:py-[${string}]`;
|
|
51
|
+
readonly toolbar: `px-[${string}] py-[${string}]`;
|
|
52
|
+
readonly inline: `px-[${string}] py-[${string}]`;
|
|
53
|
+
readonly inlineSm: `px-[${string}] py-[${string}]`;
|
|
54
|
+
readonly inlineLg: `px-[${string}] py-[${string}]`;
|
|
55
55
|
/** Tiny pill chip — `px-1.5 py-0.5`. Used by Bundle/PrizeDraw badge labels. */
|
|
56
|
-
readonly "chip-2xs":
|
|
57
|
-
readonly "y-2xs":
|
|
58
|
-
readonly "y-xs":
|
|
59
|
-
readonly "y-sm":
|
|
60
|
-
readonly "y-md":
|
|
61
|
-
readonly "y-lg":
|
|
62
|
-
readonly "y-xl":
|
|
63
|
-
readonly "y-2xl":
|
|
64
|
-
readonly "y-3xl":
|
|
65
|
-
readonly "y-4xl":
|
|
66
|
-
readonly "x-xs":
|
|
67
|
-
readonly "x-sm":
|
|
68
|
-
readonly "x-md":
|
|
69
|
-
readonly "x-lg":
|
|
70
|
-
readonly "x-xl":
|
|
71
|
-
readonly "t-2xs":
|
|
72
|
-
readonly "b-2xs":
|
|
73
|
-
readonly "t-xs":
|
|
74
|
-
readonly "t-sm":
|
|
75
|
-
readonly "t-md":
|
|
76
|
-
readonly "t-lg":
|
|
77
|
-
readonly "t-xl":
|
|
78
|
-
readonly "b-xs":
|
|
79
|
-
readonly "b-sm":
|
|
80
|
-
readonly "b-md":
|
|
81
|
-
readonly "b-lg":
|
|
82
|
-
readonly "b-xl":
|
|
83
|
-
readonly "b-2xl":
|
|
84
|
-
readonly "y-2-5xl":
|
|
85
|
-
readonly "y-5xl":
|
|
86
|
-
readonly "y-6xl":
|
|
87
|
-
readonly banner:
|
|
88
|
-
readonly "content-banner":
|
|
56
|
+
readonly "chip-2xs": `px-[${string}] py-[${string}]`;
|
|
57
|
+
readonly "y-2xs": `py-[${string}]`;
|
|
58
|
+
readonly "y-xs": `py-[${string}]`;
|
|
59
|
+
readonly "y-sm": `py-[${string}]`;
|
|
60
|
+
readonly "y-md": `py-[${string}]`;
|
|
61
|
+
readonly "y-lg": `py-[${string}]`;
|
|
62
|
+
readonly "y-xl": `py-[${string}]`;
|
|
63
|
+
readonly "y-2xl": `py-[${string}]`;
|
|
64
|
+
readonly "y-3xl": `py-[${string}]`;
|
|
65
|
+
readonly "y-4xl": `py-[${string}]`;
|
|
66
|
+
readonly "x-xs": `px-[${string}]`;
|
|
67
|
+
readonly "x-sm": `px-[${string}]`;
|
|
68
|
+
readonly "x-md": `px-[${string}]`;
|
|
69
|
+
readonly "x-lg": `px-[${string}]`;
|
|
70
|
+
readonly "x-xl": `px-[${string}]`;
|
|
71
|
+
readonly "t-2xs": `pt-[${string}]`;
|
|
72
|
+
readonly "b-2xs": `pb-[${string}]`;
|
|
73
|
+
readonly "t-xs": `pt-[${string}]`;
|
|
74
|
+
readonly "t-sm": `pt-[${string}]`;
|
|
75
|
+
readonly "t-md": `pt-[${string}]`;
|
|
76
|
+
readonly "t-lg": `pt-[${string}]`;
|
|
77
|
+
readonly "t-xl": `pt-[${string}]`;
|
|
78
|
+
readonly "b-xs": `pb-[${string}]`;
|
|
79
|
+
readonly "b-sm": `pb-[${string}]`;
|
|
80
|
+
readonly "b-md": `pb-[${string}]`;
|
|
81
|
+
readonly "b-lg": `pb-[${string}]`;
|
|
82
|
+
readonly "b-xl": `pb-[${string}]`;
|
|
83
|
+
readonly "b-2xl": `pb-[${string}]`;
|
|
84
|
+
readonly "y-2-5xl": `py-[${string}]`;
|
|
85
|
+
readonly "y-5xl": `py-[${string}]`;
|
|
86
|
+
readonly "y-6xl": `py-[${string}]`;
|
|
87
|
+
readonly banner: `py-[${string}] md:py-[${string}] lg:py-[${string}]`;
|
|
88
|
+
readonly "content-banner": `py-[${string}] md:py-[${string}] lg:py-[${string}]`;
|
|
89
89
|
};
|
|
90
90
|
export type PaddingKey = keyof typeof PADDING_MAP;
|
|
91
91
|
export declare const ROUNDED_MAP: {
|
|
@@ -143,17 +143,17 @@ export type ShadowKey = keyof typeof SHADOW_MAP;
|
|
|
143
143
|
export declare const GAP_PRESETS: {
|
|
144
144
|
readonly none: "gap-0";
|
|
145
145
|
readonly px: "gap-px";
|
|
146
|
-
readonly xs:
|
|
147
|
-
readonly sm:
|
|
148
|
-
readonly dense:
|
|
149
|
-
readonly md:
|
|
150
|
-
readonly comfortable:
|
|
151
|
-
readonly lg:
|
|
152
|
-
readonly loose:
|
|
153
|
-
readonly xl:
|
|
154
|
-
readonly "2xl":
|
|
155
|
-
readonly section:
|
|
156
|
-
readonly hero:
|
|
146
|
+
readonly xs: `gap-[${string}]`;
|
|
147
|
+
readonly sm: `gap-[${string}]`;
|
|
148
|
+
readonly dense: `gap-[${string}]`;
|
|
149
|
+
readonly md: `gap-[${string}]`;
|
|
150
|
+
readonly comfortable: `gap-[${string}]`;
|
|
151
|
+
readonly lg: `gap-[${string}]`;
|
|
152
|
+
readonly loose: `gap-[${string}]`;
|
|
153
|
+
readonly xl: `gap-[${string}]`;
|
|
154
|
+
readonly "2xl": `gap-[${string}]`;
|
|
155
|
+
readonly section: `gap-[${string}] sm:gap-[${string}]`;
|
|
156
|
+
readonly hero: `gap-[${string}] sm:gap-[${string}]`;
|
|
157
157
|
};
|
|
158
158
|
export type GapPresetKey = keyof typeof GAP_PRESETS;
|
|
159
159
|
/**
|
|
@@ -164,58 +164,58 @@ export type GapPresetKey = keyof typeof GAP_PRESETS;
|
|
|
164
164
|
*/
|
|
165
165
|
export declare const PADDING_PRESETS: {
|
|
166
166
|
readonly none: "";
|
|
167
|
-
readonly "2xs":
|
|
168
|
-
readonly xs:
|
|
169
|
-
readonly sm:
|
|
170
|
-
readonly md:
|
|
171
|
-
readonly "5":
|
|
172
|
-
readonly lg:
|
|
173
|
-
readonly xl:
|
|
174
|
-
readonly "3xl":
|
|
175
|
-
readonly card:
|
|
176
|
-
readonly "card-tight":
|
|
177
|
-
readonly section:
|
|
178
|
-
readonly sectionSm:
|
|
179
|
-
readonly page:
|
|
180
|
-
readonly hero:
|
|
181
|
-
readonly toolbar:
|
|
182
|
-
readonly inline:
|
|
183
|
-
readonly inlineSm:
|
|
184
|
-
readonly inlineLg:
|
|
167
|
+
readonly "2xs": `p-[${string}]`;
|
|
168
|
+
readonly xs: `p-[${string}]`;
|
|
169
|
+
readonly sm: `p-[${string}]`;
|
|
170
|
+
readonly md: `p-[${string}]`;
|
|
171
|
+
readonly "5": `p-[${string}]`;
|
|
172
|
+
readonly lg: `p-[${string}]`;
|
|
173
|
+
readonly xl: `p-[${string}]`;
|
|
174
|
+
readonly "3xl": `p-[${string}]`;
|
|
175
|
+
readonly card: `p-[${string}] sm:p-[${string}] lg:p-[${string}]`;
|
|
176
|
+
readonly "card-tight": `p-[${string}] sm:p-[${string}]`;
|
|
177
|
+
readonly section: `py-[${string}] sm:py-[${string}] xl:py-[${string}]`;
|
|
178
|
+
readonly sectionSm: `py-[${string}] sm:py-[${string}]`;
|
|
179
|
+
readonly page: `py-[${string}] sm:py-[${string}] lg:py-[${string}]`;
|
|
180
|
+
readonly hero: `py-[${string}] sm:py-[${string}] lg:py-[${string}]`;
|
|
181
|
+
readonly toolbar: `px-[${string}] py-[${string}]`;
|
|
182
|
+
readonly inline: `px-[${string}] py-[${string}]`;
|
|
183
|
+
readonly inlineSm: `px-[${string}] py-[${string}]`;
|
|
184
|
+
readonly inlineLg: `px-[${string}] py-[${string}]`;
|
|
185
185
|
/** Tiny pill chip — `px-1.5 py-0.5`. Used by Bundle/PrizeDraw badge labels. */
|
|
186
|
-
readonly "chip-2xs":
|
|
187
|
-
readonly "y-2xs":
|
|
188
|
-
readonly "y-xs":
|
|
189
|
-
readonly "y-sm":
|
|
190
|
-
readonly "y-md":
|
|
191
|
-
readonly "y-lg":
|
|
192
|
-
readonly "y-xl":
|
|
193
|
-
readonly "y-2xl":
|
|
194
|
-
readonly "y-3xl":
|
|
195
|
-
readonly "y-4xl":
|
|
196
|
-
readonly "x-xs":
|
|
197
|
-
readonly "x-sm":
|
|
198
|
-
readonly "x-md":
|
|
199
|
-
readonly "x-lg":
|
|
200
|
-
readonly "x-xl":
|
|
201
|
-
readonly "t-2xs":
|
|
202
|
-
readonly "b-2xs":
|
|
203
|
-
readonly "t-xs":
|
|
204
|
-
readonly "t-sm":
|
|
205
|
-
readonly "t-md":
|
|
206
|
-
readonly "t-lg":
|
|
207
|
-
readonly "t-xl":
|
|
208
|
-
readonly "b-xs":
|
|
209
|
-
readonly "b-sm":
|
|
210
|
-
readonly "b-md":
|
|
211
|
-
readonly "b-lg":
|
|
212
|
-
readonly "b-xl":
|
|
213
|
-
readonly "b-2xl":
|
|
214
|
-
readonly "y-2-5xl":
|
|
215
|
-
readonly "y-5xl":
|
|
216
|
-
readonly "y-6xl":
|
|
217
|
-
readonly banner:
|
|
218
|
-
readonly "content-banner":
|
|
186
|
+
readonly "chip-2xs": `px-[${string}] py-[${string}]`;
|
|
187
|
+
readonly "y-2xs": `py-[${string}]`;
|
|
188
|
+
readonly "y-xs": `py-[${string}]`;
|
|
189
|
+
readonly "y-sm": `py-[${string}]`;
|
|
190
|
+
readonly "y-md": `py-[${string}]`;
|
|
191
|
+
readonly "y-lg": `py-[${string}]`;
|
|
192
|
+
readonly "y-xl": `py-[${string}]`;
|
|
193
|
+
readonly "y-2xl": `py-[${string}]`;
|
|
194
|
+
readonly "y-3xl": `py-[${string}]`;
|
|
195
|
+
readonly "y-4xl": `py-[${string}]`;
|
|
196
|
+
readonly "x-xs": `px-[${string}]`;
|
|
197
|
+
readonly "x-sm": `px-[${string}]`;
|
|
198
|
+
readonly "x-md": `px-[${string}]`;
|
|
199
|
+
readonly "x-lg": `px-[${string}]`;
|
|
200
|
+
readonly "x-xl": `px-[${string}]`;
|
|
201
|
+
readonly "t-2xs": `pt-[${string}]`;
|
|
202
|
+
readonly "b-2xs": `pb-[${string}]`;
|
|
203
|
+
readonly "t-xs": `pt-[${string}]`;
|
|
204
|
+
readonly "t-sm": `pt-[${string}]`;
|
|
205
|
+
readonly "t-md": `pt-[${string}]`;
|
|
206
|
+
readonly "t-lg": `pt-[${string}]`;
|
|
207
|
+
readonly "t-xl": `pt-[${string}]`;
|
|
208
|
+
readonly "b-xs": `pb-[${string}]`;
|
|
209
|
+
readonly "b-sm": `pb-[${string}]`;
|
|
210
|
+
readonly "b-md": `pb-[${string}]`;
|
|
211
|
+
readonly "b-lg": `pb-[${string}]`;
|
|
212
|
+
readonly "b-xl": `pb-[${string}]`;
|
|
213
|
+
readonly "b-2xl": `pb-[${string}]`;
|
|
214
|
+
readonly "y-2-5xl": `py-[${string}]`;
|
|
215
|
+
readonly "y-5xl": `py-[${string}]`;
|
|
216
|
+
readonly "y-6xl": `py-[${string}]`;
|
|
217
|
+
readonly banner: `py-[${string}] md:py-[${string}] lg:py-[${string}]`;
|
|
218
|
+
readonly "content-banner": `py-[${string}] md:py-[${string}] lg:py-[${string}]`;
|
|
219
219
|
};
|
|
220
220
|
export type PaddingPresetKey = PaddingKey;
|
|
221
221
|
export type XPaddingKey = "none" | "x-xs" | "x-sm" | "x-md" | "x-5" | "x-lg" | "x-xl" | "x-sm-md" | "x-sm-lg-md" | "x-md-lg" | "x-md-xl" | "x-md-2xl" | "x-page" | "l-xl";
|