ksk-design-system 1.35.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.
- package/AGENTS.md +190 -0
- package/CLAUDE.md +189 -0
- package/DESIGN.md +190 -0
- package/LICENSE +21 -0
- package/MIGRATION.md +107 -0
- package/PUBLISHING.md +160 -0
- package/README.md +59 -0
- package/RELEASE.md +82 -0
- package/bin/init.js +112 -0
- package/contracts/components.json +1443 -0
- package/contracts/rules.json +447 -0
- package/dist/class-names.js +4 -0
- package/dist/index.js +13157 -0
- package/dist/native/ui.js +4928 -0
- package/dist/native.js +1559 -0
- package/dist/server-variants-Dr_V3bDI.js +55 -0
- package/dist/types/class-names.d.ts +27 -0
- package/dist/types/components/patterns/admin/bulk-actions.d.ts +17 -0
- package/dist/types/components/patterns/admin/chart-controls.d.ts +16 -0
- package/dist/types/components/patterns/admin/data-table.d.ts +165 -0
- package/dist/types/components/patterns/admin/image-uploader.d.ts +14 -0
- package/dist/types/components/patterns/admin/kebab-menu.d.ts +17 -0
- package/dist/types/components/patterns/admin/notification-list.d.ts +16 -0
- package/dist/types/components/patterns/admin/search-panel.d.ts +9 -0
- package/dist/types/components/patterns/admin/status-tabs.d.ts +13 -0
- package/dist/types/components/patterns/app-header.d.ts +76 -0
- package/dist/types/components/patterns/banner-carousel.d.ts +25 -0
- package/dist/types/components/patterns/banner.d.ts +13 -0
- package/dist/types/components/patterns/bottom-sheet-form.d.ts +17 -0
- package/dist/types/components/patterns/category-nav.d.ts +43 -0
- package/dist/types/components/patterns/category-scroll.d.ts +53 -0
- package/dist/types/components/patterns/chip-selector.d.ts +20 -0
- package/dist/types/components/patterns/chip.d.ts +42 -0
- package/dist/types/components/patterns/coach-mark-overlay.d.ts +66 -0
- package/dist/types/components/patterns/commerce/bottom-tab-bar.d.ts +27 -0
- package/dist/types/components/patterns/commerce/filter-bar.d.ts +39 -0
- package/dist/types/components/patterns/commerce/image-carousel.d.ts +14 -0
- package/dist/types/components/patterns/commerce/order-summary.d.ts +26 -0
- package/dist/types/components/patterns/commerce/price-display.d.ts +20 -0
- package/dist/types/components/patterns/commerce/product-card.d.ts +50 -0
- package/dist/types/components/patterns/commerce/product-carousel.d.ts +15 -0
- package/dist/types/components/patterns/commerce/quantity-selector.d.ts +21 -0
- package/dist/types/components/patterns/commerce/rating-display.d.ts +15 -0
- package/dist/types/components/patterns/commerce/review-card.d.ts +22 -0
- package/dist/types/components/patterns/commerce/review-summary.d.ts +12 -0
- package/dist/types/components/patterns/confirm-dialog.d.ts +32 -0
- package/dist/types/components/patterns/cookie-consent.d.ts +62 -0
- package/dist/types/components/patterns/empty-state.d.ts +15 -0
- package/dist/types/components/patterns/error-state.d.ts +10 -0
- package/dist/types/components/patterns/file-upload.d.ts +31 -0
- package/dist/types/components/patterns/filter-chip.d.ts +26 -0
- package/dist/types/components/patterns/footer.d.ts +24 -0
- package/dist/types/components/patterns/form-field.d.ts +30 -0
- package/dist/types/components/patterns/form.d.ts +13 -0
- package/dist/types/components/patterns/list-item.d.ts +23 -0
- package/dist/types/components/patterns/list-skeletons.d.ts +43 -0
- package/dist/types/components/patterns/menu-drawer.d.ts +27 -0
- package/dist/types/components/patterns/notification-badge.d.ts +15 -0
- package/dist/types/components/patterns/progress-steps.d.ts +7 -0
- package/dist/types/components/patterns/review-overlay.d.ts +25 -0
- package/dist/types/components/patterns/search-bar.d.ts +6 -0
- package/dist/types/components/patterns/section-header.d.ts +8 -0
- package/dist/types/components/patterns/share-buttons.d.ts +13 -0
- package/dist/types/components/patterns/shells/admin-shell.d.ts +8 -0
- package/dist/types/components/patterns/shells/app-shell.d.ts +7 -0
- package/dist/types/components/patterns/shells/marketing-shell.d.ts +7 -0
- package/dist/types/components/patterns/simple-pagination.d.ts +69 -0
- package/dist/types/components/patterns/stat-card.d.ts +43 -0
- package/dist/types/components/patterns/sticky-action-bar.d.ts +27 -0
- package/dist/types/components/patterns/swipe-row.d.ts +17 -0
- package/dist/types/components/patterns/tag-input.d.ts +20 -0
- package/dist/types/components/patterns/tag.d.ts +7 -0
- package/dist/types/components/ui/accordion.d.ts +7 -0
- package/dist/types/components/ui/alert-dialog.d.ts +47 -0
- package/dist/types/components/ui/alert.d.ts +45 -0
- package/dist/types/components/ui/auto-grow-textarea.d.ts +40 -0
- package/dist/types/components/ui/avatar.d.ts +6 -0
- package/dist/types/components/ui/badge.d.ts +18 -0
- package/dist/types/components/ui/breadcrumb.d.ts +16 -0
- package/dist/types/components/ui/button.d.ts +29 -0
- package/dist/types/components/ui/calendar.d.ts +5 -0
- package/dist/types/components/ui/card.d.ts +28 -0
- package/dist/types/components/ui/checkbox-card.d.ts +29 -0
- package/dist/types/components/ui/checkbox-field.d.ts +24 -0
- package/dist/types/components/ui/checkbox-group.d.ts +33 -0
- package/dist/types/components/ui/checkbox.d.ts +44 -0
- package/dist/types/components/ui/coach-mark.d.ts +27 -0
- package/dist/types/components/ui/collapsible.d.ts +24 -0
- package/dist/types/components/ui/combobox.d.ts +19 -0
- package/dist/types/components/ui/countdown-timer.d.ts +39 -0
- package/dist/types/components/ui/date-picker.d.ts +53 -0
- package/dist/types/components/ui/dialog.d.ts +54 -0
- package/dist/types/components/ui/dropdown-filter.d.ts +35 -0
- package/dist/types/components/ui/dropdown-menu.d.ts +42 -0
- package/dist/types/components/ui/error-boundary.d.ts +66 -0
- package/dist/types/components/ui/form.d.ts +61 -0
- package/dist/types/components/ui/hover-card.d.ts +24 -0
- package/dist/types/components/ui/image-gallery.d.ts +28 -0
- package/dist/types/components/ui/input.d.ts +17 -0
- package/dist/types/components/ui/label.d.ts +4 -0
- package/dist/types/components/ui/multi-select.d.ts +21 -0
- package/dist/types/components/ui/navigation-bar.d.ts +58 -0
- package/dist/types/components/ui/number-input.d.ts +20 -0
- package/dist/types/components/ui/pagination.d.ts +26 -0
- package/dist/types/components/ui/pill-toggle.d.ts +16 -0
- package/dist/types/components/ui/popover.d.ts +7 -0
- package/dist/types/components/ui/progress-ring.d.ts +31 -0
- package/dist/types/components/ui/progress.d.ts +34 -0
- package/dist/types/components/ui/radio-group.d.ts +22 -0
- package/dist/types/components/ui/responsive-dialog.d.ts +31 -0
- package/dist/types/components/ui/scroll-area.d.ts +5 -0
- package/dist/types/components/ui/select.d.ts +22 -0
- package/dist/types/components/ui/separator.d.ts +4 -0
- package/dist/types/components/ui/sheet.d.ts +139 -0
- package/dist/types/components/ui/skeleton.d.ts +31 -0
- package/dist/types/components/ui/slider.d.ts +14 -0
- package/dist/types/components/ui/social-icon-data.d.ts +10 -0
- package/dist/types/components/ui/social-icon.d.ts +38 -0
- package/dist/types/components/ui/social-login-button.d.ts +10 -0
- package/dist/types/components/ui/spinner.d.ts +22 -0
- package/dist/types/components/ui/star-rating.d.ts +12 -0
- package/dist/types/components/ui/sub-nav.d.ts +17 -0
- package/dist/types/components/ui/switch.d.ts +4 -0
- package/dist/types/components/ui/sync-status-badge.d.ts +17 -0
- package/dist/types/components/ui/tabs.d.ts +15 -0
- package/dist/types/components/ui/textarea.d.ts +8 -0
- package/dist/types/components/ui/time-picker.d.ts +14 -0
- package/dist/types/components/ui/toast.d.ts +49 -0
- package/dist/types/components/ui/tooltip.d.ts +7 -0
- package/dist/types/index.d.ts +174 -0
- package/dist/types/lib/server-variants/button-variants.d.ts +20 -0
- package/dist/types/lib/utils.d.ts +2 -0
- package/dist/types/native/components/Accordion.d.ts +12 -0
- package/dist/types/native/components/Alert.d.ts +9 -0
- package/dist/types/native/components/AlertDialog.d.ts +11 -0
- package/dist/types/native/components/AppHeader.d.ts +10 -0
- package/dist/types/native/components/AppShell.d.ts +13 -0
- package/dist/types/native/components/AutoGrowTextarea.d.ts +8 -0
- package/dist/types/native/components/Avatar.d.ts +8 -0
- package/dist/types/native/components/Badge.d.ts +8 -0
- package/dist/types/native/components/Banner.d.ts +10 -0
- package/dist/types/native/components/BannerCarousel.d.ts +8 -0
- package/dist/types/native/components/BottomSheetForm.d.ts +10 -0
- package/dist/types/native/components/BottomTabBar.d.ts +8 -0
- package/dist/types/native/components/Breadcrumb.d.ts +12 -0
- package/dist/types/native/components/Button.d.ts +9 -0
- package/dist/types/native/components/Calendar.d.ts +8 -0
- package/dist/types/native/components/Card.d.ts +11 -0
- package/dist/types/native/components/CategoryNav.d.ts +13 -0
- package/dist/types/native/components/CategoryScroll.d.ts +12 -0
- package/dist/types/native/components/Checkbox.d.ts +7 -0
- package/dist/types/native/components/CheckboxCard.d.ts +8 -0
- package/dist/types/native/components/CheckboxField.d.ts +8 -0
- package/dist/types/native/components/CheckboxGroup.d.ts +12 -0
- package/dist/types/native/components/Chip.d.ts +17 -0
- package/dist/types/native/components/ChipSelector.d.ts +13 -0
- package/dist/types/native/components/CoachMark.d.ts +12 -0
- package/dist/types/native/components/CoachMarkOverlay.d.ts +19 -0
- package/dist/types/native/components/Collapsible.d.ts +7 -0
- package/dist/types/native/components/Combobox.d.ts +14 -0
- package/dist/types/native/components/ConfirmDialog.d.ts +7 -0
- package/dist/types/native/components/CountdownTimer.d.ts +7 -0
- package/dist/types/native/components/DatePicker.d.ts +10 -0
- package/dist/types/native/components/Dialog.d.ts +12 -0
- package/dist/types/native/components/DropdownFilter.d.ts +12 -0
- package/dist/types/native/components/DropdownMenu.d.ts +19 -0
- package/dist/types/native/components/EmptyState.d.ts +8 -0
- package/dist/types/native/components/ErrorState.d.ts +8 -0
- package/dist/types/native/components/FileUpload.d.ts +12 -0
- package/dist/types/native/components/FilterBar.d.ts +13 -0
- package/dist/types/native/components/FilterChip.d.ts +7 -0
- package/dist/types/native/components/Footer.d.ts +9 -0
- package/dist/types/native/components/FormField.d.ts +9 -0
- package/dist/types/native/components/GlassView.d.ts +25 -0
- package/dist/types/native/components/ImageCarousel.d.ts +8 -0
- package/dist/types/native/components/ImageGallery.d.ts +7 -0
- package/dist/types/native/components/Input.d.ts +9 -0
- package/dist/types/native/components/Label.d.ts +7 -0
- package/dist/types/native/components/ListItem.d.ts +11 -0
- package/dist/types/native/components/ListSkeletons.d.ts +6 -0
- package/dist/types/native/components/MarketingShell.d.ts +9 -0
- package/dist/types/native/components/MenuDrawer.d.ts +21 -0
- package/dist/types/native/components/MultiSelect.d.ts +13 -0
- package/dist/types/native/components/NavigationBar.d.ts +18 -0
- package/dist/types/native/components/NotificationBadge.d.ts +9 -0
- package/dist/types/native/components/NumberInput.d.ts +9 -0
- package/dist/types/native/components/OrderSummary.d.ts +10 -0
- package/dist/types/native/components/Pagination.d.ts +7 -0
- package/dist/types/native/components/PillToggle.d.ts +12 -0
- package/dist/types/native/components/Popover.d.ts +14 -0
- package/dist/types/native/components/PriceDisplay.d.ts +8 -0
- package/dist/types/native/components/ProductCard.d.ts +14 -0
- package/dist/types/native/components/ProductCarousel.d.ts +11 -0
- package/dist/types/native/components/Progress.d.ts +7 -0
- package/dist/types/native/components/ProgressRing.d.ts +12 -0
- package/dist/types/native/components/ProgressSteps.d.ts +9 -0
- package/dist/types/native/components/QuantitySelector.d.ts +6 -0
- package/dist/types/native/components/RadioGroup.d.ts +13 -0
- package/dist/types/native/components/RatingDisplay.d.ts +7 -0
- package/dist/types/native/components/ResponsiveDialog.d.ts +7 -0
- package/dist/types/native/components/ReviewCard.d.ts +11 -0
- package/dist/types/native/components/ReviewOverlay.d.ts +7 -0
- package/dist/types/native/components/ReviewSummary.d.ts +7 -0
- package/dist/types/native/components/ScrollArea.d.ts +9 -0
- package/dist/types/native/components/SearchBar.d.ts +9 -0
- package/dist/types/native/components/SectionHeader.d.ts +10 -0
- package/dist/types/native/components/Select.d.ts +14 -0
- package/dist/types/native/components/Separator.d.ts +5 -0
- package/dist/types/native/components/ShareButtons.d.ts +11 -0
- package/dist/types/native/components/Sheet.d.ts +20 -0
- package/dist/types/native/components/SimplePagination.d.ts +7 -0
- package/dist/types/native/components/Skeleton.d.ts +11 -0
- package/dist/types/native/components/Slider.d.ts +9 -0
- package/dist/types/native/components/SocialIcon.d.ts +12 -0
- package/dist/types/native/components/SocialLoginButton.d.ts +8 -0
- package/dist/types/native/components/Spinner.d.ts +6 -0
- package/dist/types/native/components/Stack.d.ts +13 -0
- package/dist/types/native/components/StarRating.d.ts +9 -0
- package/dist/types/native/components/StatCard.d.ts +7 -0
- package/dist/types/native/components/StickyActionBar.d.ts +6 -0
- package/dist/types/native/components/SubNav.d.ts +12 -0
- package/dist/types/native/components/SwipeRow.d.ts +14 -0
- package/dist/types/native/components/Switch.d.ts +4 -0
- package/dist/types/native/components/SyncStatusBadge.d.ts +6 -0
- package/dist/types/native/components/Tabs.d.ts +23 -0
- package/dist/types/native/components/Tag.d.ts +10 -0
- package/dist/types/native/components/TagInput.d.ts +7 -0
- package/dist/types/native/components/Text.d.ts +10 -0
- package/dist/types/native/components/Textarea.d.ts +7 -0
- package/dist/types/native/components/TimePicker.d.ts +12 -0
- package/dist/types/native/components/Toast.d.ts +18 -0
- package/dist/types/native/components/index.d.ts +99 -0
- package/dist/types/native/components/social-icon-data.d.ts +5 -0
- package/dist/types/native/index.d.ts +4 -0
- package/dist/types/native/theme/ThemeProvider.d.ts +21 -0
- package/dist/types/native/typography.d.ts +8 -0
- package/dist/types/tokens/native/index.d.ts +13 -0
- package/dist/types/tokens/native/primitives.d.ts +116 -0
- package/dist/types/tokens/native/scales.d.ts +270 -0
- package/dist/types/tokens/native/themes.d.ts +1147 -0
- package/eslint/deprecated.js +104 -0
- package/eslint/no-colorless-border.js +217 -0
- package/package.json +215 -0
- package/scripts/codemod/README.md +51 -0
- package/scripts/codemod/template.mjs +164 -0
- package/src/components/COMPONENT_LOOKUP.md +190 -0
- package/src/preset.css +168 -0
- package/src/styles/categorical.css +161 -0
- package/src/styles/glass.css +365 -0
- package/src/styles/primitive.css +161 -0
- package/src/styles/semantic.css +247 -0
- package/src/styles/typography.css +140 -0
- package/src/themes/README.md +44 -0
- package/src/themes/blue.css +21 -0
- package/src/themes/default.css +12 -0
- package/src/themes/green.css +22 -0
- package/src/themes/orange.css +21 -0
- package/src/themes/violet.css +22 -0
- package/templates/AGENTS.md +77 -0
- package/templates/CLAUDE.md +77 -0
- package/tokens.json +607 -0
|
@@ -0,0 +1,1147 @@
|
|
|
1
|
+
export declare const themes: {
|
|
2
|
+
readonly default: {
|
|
3
|
+
readonly light: {
|
|
4
|
+
readonly surface: {
|
|
5
|
+
readonly primary: "#FFFFFF";
|
|
6
|
+
readonly secondary: "#F9FAFB";
|
|
7
|
+
readonly tertiary: "#F3F4F6";
|
|
8
|
+
readonly quaternary: "#E5E7EB";
|
|
9
|
+
readonly disable: "#F3F4F6";
|
|
10
|
+
readonly inverse: "#111827";
|
|
11
|
+
readonly "accent-primary": "#3B82F6";
|
|
12
|
+
readonly "accent-primary-light": "#EFF6FF";
|
|
13
|
+
readonly "accent-primary-ultra-light": "#EFF6FF";
|
|
14
|
+
readonly caution: "#FEF2F2";
|
|
15
|
+
readonly success: "#F0FDF4";
|
|
16
|
+
readonly warning: "#FFFBEB";
|
|
17
|
+
readonly info: "#EFF6FF";
|
|
18
|
+
readonly "caution-subtle": "rgba(239, 68, 68, 0.15)";
|
|
19
|
+
readonly "success-subtle": "rgba(34, 197, 94, 0.15)";
|
|
20
|
+
readonly "warning-subtle": "rgba(249, 115, 22, 0.15)";
|
|
21
|
+
readonly "info-subtle": "rgba(59, 130, 246, 0.15)";
|
|
22
|
+
readonly "accent-primary-subtle": "rgba(59, 130, 246, 0.15)";
|
|
23
|
+
readonly "caution-strong": "#EF4444";
|
|
24
|
+
readonly "success-strong": "#22C55E";
|
|
25
|
+
readonly "warning-strong": "#F97316";
|
|
26
|
+
readonly "info-strong": "#3B82F6";
|
|
27
|
+
readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
|
|
28
|
+
readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
|
|
29
|
+
readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
|
|
30
|
+
};
|
|
31
|
+
readonly text: {
|
|
32
|
+
readonly "high-emphasis": "#111827";
|
|
33
|
+
readonly "medium-emphasis": "#374151";
|
|
34
|
+
readonly "low-emphasis": "#6B7280";
|
|
35
|
+
readonly disable: "#9CA3AF";
|
|
36
|
+
readonly "on-inverse": "#FFFFFF";
|
|
37
|
+
readonly "on-inverse-secondary": "rgba(255, 255, 255, 0.80)";
|
|
38
|
+
readonly "accent-primary": "#2563EB";
|
|
39
|
+
readonly success: "#15803D";
|
|
40
|
+
readonly caution: "#DC2626";
|
|
41
|
+
readonly warning: "#EA580C";
|
|
42
|
+
readonly info: "#2563EB";
|
|
43
|
+
};
|
|
44
|
+
readonly object: {
|
|
45
|
+
readonly "high-emphasis": "#111827";
|
|
46
|
+
readonly "medium-emphasis": "#4B5563";
|
|
47
|
+
readonly "low-emphasis": "#9CA3AF";
|
|
48
|
+
readonly disable: "#D1D5DB";
|
|
49
|
+
readonly "on-inverse": "#FFFFFF";
|
|
50
|
+
readonly "accent-primary": "#3B82F6";
|
|
51
|
+
readonly caution: "#EF4444";
|
|
52
|
+
readonly success: "#22C55E";
|
|
53
|
+
readonly warning: "#F97316";
|
|
54
|
+
readonly info: "#3B82F6";
|
|
55
|
+
readonly favorite: "#EF4444";
|
|
56
|
+
readonly rating: "#F59E0B";
|
|
57
|
+
};
|
|
58
|
+
readonly border: {
|
|
59
|
+
readonly "high-emphasis": "#374151";
|
|
60
|
+
readonly "medium-emphasis": "#D1D5DB";
|
|
61
|
+
readonly "low-emphasis": "#E5E7EB";
|
|
62
|
+
readonly disable: "#E5E7EB";
|
|
63
|
+
readonly "accent-primary": "#3B82F6";
|
|
64
|
+
readonly caution: "#EF4444";
|
|
65
|
+
readonly success: "#22C55E";
|
|
66
|
+
readonly warning: "#F97316";
|
|
67
|
+
readonly info: "#3B82F6";
|
|
68
|
+
readonly "accent-primary-subtle": "rgba(59, 130, 246, 0.3)";
|
|
69
|
+
readonly "caution-subtle": "rgba(239, 68, 68, 0.30)";
|
|
70
|
+
readonly "success-subtle": "rgba(34, 197, 94, 0.30)";
|
|
71
|
+
readonly "info-subtle": "rgba(59, 130, 246, 0.30)";
|
|
72
|
+
};
|
|
73
|
+
readonly brand: {
|
|
74
|
+
readonly primary: "#2563EB";
|
|
75
|
+
readonly action: "#1D4ED8";
|
|
76
|
+
readonly light: "#DBEAFE";
|
|
77
|
+
readonly "ultra-light": "#EFF6FF";
|
|
78
|
+
readonly line: "#06C755";
|
|
79
|
+
readonly "google-border": "#DADCE0";
|
|
80
|
+
readonly apple: "#000000";
|
|
81
|
+
readonly amazon: "#232F3E";
|
|
82
|
+
readonly "amazon-accent": "#FF9900";
|
|
83
|
+
};
|
|
84
|
+
readonly hover: {
|
|
85
|
+
readonly "primary-button": "#1D4ED8";
|
|
86
|
+
readonly "secondary-button": "#EFF6FF";
|
|
87
|
+
readonly "tertiary-button": "#F3F4F6";
|
|
88
|
+
readonly "ghost-button": "#F3F4F6";
|
|
89
|
+
readonly "destructive-button": "#B91C1C";
|
|
90
|
+
};
|
|
91
|
+
readonly active: {
|
|
92
|
+
readonly "primary-button": "#1E40AF";
|
|
93
|
+
readonly "secondary-button": "#DBEAFE";
|
|
94
|
+
readonly "tertiary-button": "#E5E7EB";
|
|
95
|
+
readonly "destructive-button": "#991B1B";
|
|
96
|
+
};
|
|
97
|
+
readonly overlay: {
|
|
98
|
+
readonly dark: "rgba(17, 24, 39, 0.64)";
|
|
99
|
+
readonly medium: "rgba(17, 24, 39, 0.36)";
|
|
100
|
+
readonly light: "rgba(17, 24, 39, 0.08)";
|
|
101
|
+
};
|
|
102
|
+
readonly focus: {
|
|
103
|
+
readonly "high-emphasis": "#60A5FA";
|
|
104
|
+
};
|
|
105
|
+
readonly caution: {
|
|
106
|
+
readonly base: "#DC2626";
|
|
107
|
+
readonly action: "#B91C1C";
|
|
108
|
+
};
|
|
109
|
+
readonly success: {
|
|
110
|
+
readonly base: "#16A34A";
|
|
111
|
+
};
|
|
112
|
+
readonly warning: {
|
|
113
|
+
readonly base: "#EA580C";
|
|
114
|
+
};
|
|
115
|
+
readonly info: {
|
|
116
|
+
readonly base: "#2563EB";
|
|
117
|
+
};
|
|
118
|
+
};
|
|
119
|
+
readonly dark: {
|
|
120
|
+
readonly surface: {
|
|
121
|
+
readonly primary: "#111827";
|
|
122
|
+
readonly secondary: "#1F2937";
|
|
123
|
+
readonly tertiary: "#374151";
|
|
124
|
+
readonly quaternary: "#4B5563";
|
|
125
|
+
readonly disable: "#1F2937";
|
|
126
|
+
readonly inverse: "#FFFFFF";
|
|
127
|
+
readonly "accent-primary": "#3B82F6";
|
|
128
|
+
readonly "accent-primary-light": "#1E3A8A";
|
|
129
|
+
readonly "accent-primary-ultra-light": "#1E3A8A";
|
|
130
|
+
readonly caution: "#2d1414";
|
|
131
|
+
readonly success: "#14532D";
|
|
132
|
+
readonly warning: "#78350F";
|
|
133
|
+
readonly info: "#1E3A8A";
|
|
134
|
+
readonly "caution-subtle": "rgba(248, 113, 113, 0.20)";
|
|
135
|
+
readonly "success-subtle": "rgba(74, 222, 128, 0.20)";
|
|
136
|
+
readonly "warning-subtle": "rgba(251, 146, 60, 0.20)";
|
|
137
|
+
readonly "info-subtle": "rgba(96, 165, 250, 0.20)";
|
|
138
|
+
readonly "accent-primary-subtle": "rgba(96, 165, 250, 0.2)";
|
|
139
|
+
readonly "caution-strong": "#EF4444";
|
|
140
|
+
readonly "success-strong": "#22C55E";
|
|
141
|
+
readonly "warning-strong": "#F97316";
|
|
142
|
+
readonly "info-strong": "#3B82F6";
|
|
143
|
+
readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
|
|
144
|
+
readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
|
|
145
|
+
readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
|
|
146
|
+
};
|
|
147
|
+
readonly text: {
|
|
148
|
+
readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
|
|
149
|
+
readonly "medium-emphasis": "rgba(255, 255, 255, 0.80)";
|
|
150
|
+
readonly "low-emphasis": "rgba(255, 255, 255, 0.48)";
|
|
151
|
+
readonly disable: "rgba(255, 255, 255, 0.24)";
|
|
152
|
+
readonly "on-inverse": "#111827";
|
|
153
|
+
readonly "on-inverse-secondary": "#374151";
|
|
154
|
+
readonly "accent-primary": "#60A5FA";
|
|
155
|
+
readonly success: "#4ADE80";
|
|
156
|
+
readonly caution: "#F87171";
|
|
157
|
+
readonly warning: "#FB923C";
|
|
158
|
+
readonly info: "#60A5FA";
|
|
159
|
+
};
|
|
160
|
+
readonly object: {
|
|
161
|
+
readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
|
|
162
|
+
readonly "medium-emphasis": "rgba(255, 255, 255, 0.64)";
|
|
163
|
+
readonly "low-emphasis": "rgba(255, 255, 255, 0.36)";
|
|
164
|
+
readonly disable: "rgba(255, 255, 255, 0.16)";
|
|
165
|
+
readonly "on-inverse": "#111827";
|
|
166
|
+
readonly "accent-primary": "#60A5FA";
|
|
167
|
+
readonly caution: "#F87171";
|
|
168
|
+
readonly success: "#4ADE80";
|
|
169
|
+
readonly warning: "#FB923C";
|
|
170
|
+
readonly info: "#60A5FA";
|
|
171
|
+
readonly favorite: "#F87171";
|
|
172
|
+
readonly rating: "#FBBF24";
|
|
173
|
+
};
|
|
174
|
+
readonly border: {
|
|
175
|
+
readonly "high-emphasis": "rgba(255, 255, 255, 0.36)";
|
|
176
|
+
readonly "medium-emphasis": "rgba(255, 255, 255, 0.16)";
|
|
177
|
+
readonly "low-emphasis": "rgba(255, 255, 255, 0.08)";
|
|
178
|
+
readonly disable: "rgba(255, 255, 255, 0.04)";
|
|
179
|
+
readonly "accent-primary": "#60A5FA";
|
|
180
|
+
readonly caution: "#F87171";
|
|
181
|
+
readonly success: "#4ADE80";
|
|
182
|
+
readonly warning: "#FB923C";
|
|
183
|
+
readonly info: "#60A5FA";
|
|
184
|
+
readonly "accent-primary-subtle": "rgba(96, 165, 250, 0.4)";
|
|
185
|
+
readonly "caution-subtle": "rgba(248, 113, 113, 0.40)";
|
|
186
|
+
readonly "success-subtle": "rgba(74, 222, 128, 0.40)";
|
|
187
|
+
readonly "info-subtle": "rgba(96, 165, 250, 0.40)";
|
|
188
|
+
};
|
|
189
|
+
readonly brand: {
|
|
190
|
+
readonly primary: "#60A5FA";
|
|
191
|
+
readonly action: "#93C5FD";
|
|
192
|
+
readonly light: "#1E3A8A";
|
|
193
|
+
readonly "ultra-light": "#1E3A8A";
|
|
194
|
+
};
|
|
195
|
+
readonly hover: {
|
|
196
|
+
readonly "primary-button": "#3B82F6";
|
|
197
|
+
readonly "secondary-button": "#1E3A8A";
|
|
198
|
+
readonly "tertiary-button": "rgba(255, 255, 255, 0.04)";
|
|
199
|
+
readonly "ghost-button": "rgba(255, 255, 255, 0.04)";
|
|
200
|
+
readonly "destructive-button": "#EF4444";
|
|
201
|
+
};
|
|
202
|
+
readonly active: {
|
|
203
|
+
readonly "primary-button": "#2563EB";
|
|
204
|
+
readonly "secondary-button": "#1E40AF";
|
|
205
|
+
readonly "tertiary-button": "rgba(255, 255, 255, 0.08)";
|
|
206
|
+
readonly "destructive-button": "#DC2626";
|
|
207
|
+
};
|
|
208
|
+
readonly overlay: {
|
|
209
|
+
readonly dark: "rgba(17, 24, 39, 0.80)";
|
|
210
|
+
readonly medium: "rgba(17, 24, 39, 0.48)";
|
|
211
|
+
readonly light: "rgba(17, 24, 39, 0.16)";
|
|
212
|
+
};
|
|
213
|
+
readonly focus: {
|
|
214
|
+
readonly "high-emphasis": "#60A5FA";
|
|
215
|
+
};
|
|
216
|
+
readonly caution: {
|
|
217
|
+
readonly base: "#F87171";
|
|
218
|
+
readonly action: "#EF4444";
|
|
219
|
+
};
|
|
220
|
+
readonly success: {
|
|
221
|
+
readonly base: "#4ADE80";
|
|
222
|
+
};
|
|
223
|
+
readonly warning: {
|
|
224
|
+
readonly base: "#FB923C";
|
|
225
|
+
};
|
|
226
|
+
readonly info: {
|
|
227
|
+
readonly base: "#60A5FA";
|
|
228
|
+
};
|
|
229
|
+
};
|
|
230
|
+
};
|
|
231
|
+
readonly blue: {
|
|
232
|
+
readonly light: {
|
|
233
|
+
readonly surface: {
|
|
234
|
+
readonly primary: "#FFFFFF";
|
|
235
|
+
readonly secondary: "#F9FAFB";
|
|
236
|
+
readonly tertiary: "#F3F4F6";
|
|
237
|
+
readonly quaternary: "#E5E7EB";
|
|
238
|
+
readonly disable: "#F3F4F6";
|
|
239
|
+
readonly inverse: "#111827";
|
|
240
|
+
readonly "accent-primary": "#3B82F6";
|
|
241
|
+
readonly "accent-primary-light": "#EFF6FF";
|
|
242
|
+
readonly "accent-primary-ultra-light": "#EFF6FF";
|
|
243
|
+
readonly caution: "#FEF2F2";
|
|
244
|
+
readonly success: "#F0FDF4";
|
|
245
|
+
readonly warning: "#FFFBEB";
|
|
246
|
+
readonly info: "#EFF6FF";
|
|
247
|
+
readonly "caution-subtle": "rgba(239, 68, 68, 0.15)";
|
|
248
|
+
readonly "success-subtle": "rgba(34, 197, 94, 0.15)";
|
|
249
|
+
readonly "warning-subtle": "rgba(249, 115, 22, 0.15)";
|
|
250
|
+
readonly "info-subtle": "rgba(59, 130, 246, 0.15)";
|
|
251
|
+
readonly "accent-primary-subtle": "rgba(59, 130, 246, 0.15)";
|
|
252
|
+
readonly "caution-strong": "#EF4444";
|
|
253
|
+
readonly "success-strong": "#22C55E";
|
|
254
|
+
readonly "warning-strong": "#F97316";
|
|
255
|
+
readonly "info-strong": "#3B82F6";
|
|
256
|
+
readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
|
|
257
|
+
readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
|
|
258
|
+
readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
|
|
259
|
+
};
|
|
260
|
+
readonly text: {
|
|
261
|
+
readonly "high-emphasis": "#111827";
|
|
262
|
+
readonly "medium-emphasis": "#374151";
|
|
263
|
+
readonly "low-emphasis": "#6B7280";
|
|
264
|
+
readonly disable: "#9CA3AF";
|
|
265
|
+
readonly "on-inverse": "#FFFFFF";
|
|
266
|
+
readonly "on-inverse-secondary": "rgba(255, 255, 255, 0.80)";
|
|
267
|
+
readonly "accent-primary": "#2563EB";
|
|
268
|
+
readonly success: "#15803D";
|
|
269
|
+
readonly caution: "#DC2626";
|
|
270
|
+
readonly warning: "#EA580C";
|
|
271
|
+
readonly info: "#2563EB";
|
|
272
|
+
};
|
|
273
|
+
readonly object: {
|
|
274
|
+
readonly "high-emphasis": "#111827";
|
|
275
|
+
readonly "medium-emphasis": "#4B5563";
|
|
276
|
+
readonly "low-emphasis": "#9CA3AF";
|
|
277
|
+
readonly disable: "#D1D5DB";
|
|
278
|
+
readonly "on-inverse": "#FFFFFF";
|
|
279
|
+
readonly "accent-primary": "#3B82F6";
|
|
280
|
+
readonly caution: "#EF4444";
|
|
281
|
+
readonly success: "#22C55E";
|
|
282
|
+
readonly warning: "#F97316";
|
|
283
|
+
readonly info: "#3B82F6";
|
|
284
|
+
readonly favorite: "#EF4444";
|
|
285
|
+
readonly rating: "#F59E0B";
|
|
286
|
+
};
|
|
287
|
+
readonly border: {
|
|
288
|
+
readonly "high-emphasis": "#374151";
|
|
289
|
+
readonly "medium-emphasis": "#D1D5DB";
|
|
290
|
+
readonly "low-emphasis": "#E5E7EB";
|
|
291
|
+
readonly disable: "#E5E7EB";
|
|
292
|
+
readonly "accent-primary": "#3B82F6";
|
|
293
|
+
readonly caution: "#EF4444";
|
|
294
|
+
readonly success: "#22C55E";
|
|
295
|
+
readonly warning: "#F97316";
|
|
296
|
+
readonly info: "#3B82F6";
|
|
297
|
+
readonly "accent-primary-subtle": "rgba(59, 130, 246, 0.3)";
|
|
298
|
+
readonly "caution-subtle": "rgba(239, 68, 68, 0.30)";
|
|
299
|
+
readonly "success-subtle": "rgba(34, 197, 94, 0.30)";
|
|
300
|
+
readonly "info-subtle": "rgba(59, 130, 246, 0.30)";
|
|
301
|
+
};
|
|
302
|
+
readonly brand: {
|
|
303
|
+
readonly primary: "#2563EB";
|
|
304
|
+
readonly action: "#1D4ED8";
|
|
305
|
+
readonly light: "#DBEAFE";
|
|
306
|
+
readonly "ultra-light": "#EFF6FF";
|
|
307
|
+
readonly line: "#06C755";
|
|
308
|
+
readonly "google-border": "#DADCE0";
|
|
309
|
+
readonly apple: "#000000";
|
|
310
|
+
readonly amazon: "#232F3E";
|
|
311
|
+
readonly "amazon-accent": "#FF9900";
|
|
312
|
+
};
|
|
313
|
+
readonly hover: {
|
|
314
|
+
readonly "primary-button": "#1D4ED8";
|
|
315
|
+
readonly "secondary-button": "#EFF6FF";
|
|
316
|
+
readonly "tertiary-button": "#F3F4F6";
|
|
317
|
+
readonly "ghost-button": "#F3F4F6";
|
|
318
|
+
readonly "destructive-button": "#B91C1C";
|
|
319
|
+
};
|
|
320
|
+
readonly active: {
|
|
321
|
+
readonly "primary-button": "#1E40AF";
|
|
322
|
+
readonly "secondary-button": "#DBEAFE";
|
|
323
|
+
readonly "tertiary-button": "#E5E7EB";
|
|
324
|
+
readonly "destructive-button": "#991B1B";
|
|
325
|
+
};
|
|
326
|
+
readonly overlay: {
|
|
327
|
+
readonly dark: "rgba(17, 24, 39, 0.64)";
|
|
328
|
+
readonly medium: "rgba(17, 24, 39, 0.36)";
|
|
329
|
+
readonly light: "rgba(17, 24, 39, 0.08)";
|
|
330
|
+
};
|
|
331
|
+
readonly focus: {
|
|
332
|
+
readonly "high-emphasis": "#60A5FA";
|
|
333
|
+
};
|
|
334
|
+
readonly caution: {
|
|
335
|
+
readonly base: "#DC2626";
|
|
336
|
+
readonly action: "#B91C1C";
|
|
337
|
+
};
|
|
338
|
+
readonly success: {
|
|
339
|
+
readonly base: "#16A34A";
|
|
340
|
+
};
|
|
341
|
+
readonly warning: {
|
|
342
|
+
readonly base: "#EA580C";
|
|
343
|
+
};
|
|
344
|
+
readonly info: {
|
|
345
|
+
readonly base: "#2563EB";
|
|
346
|
+
};
|
|
347
|
+
};
|
|
348
|
+
readonly dark: {
|
|
349
|
+
readonly surface: {
|
|
350
|
+
readonly primary: "#111827";
|
|
351
|
+
readonly secondary: "#1F2937";
|
|
352
|
+
readonly tertiary: "#374151";
|
|
353
|
+
readonly quaternary: "#4B5563";
|
|
354
|
+
readonly disable: "#1F2937";
|
|
355
|
+
readonly inverse: "#FFFFFF";
|
|
356
|
+
readonly "accent-primary": "#3B82F6";
|
|
357
|
+
readonly "accent-primary-light": "#1E3A8A";
|
|
358
|
+
readonly "accent-primary-ultra-light": "#1E3A8A";
|
|
359
|
+
readonly caution: "#2d1414";
|
|
360
|
+
readonly success: "#14532D";
|
|
361
|
+
readonly warning: "#78350F";
|
|
362
|
+
readonly info: "#1E3A8A";
|
|
363
|
+
readonly "caution-subtle": "rgba(248, 113, 113, 0.20)";
|
|
364
|
+
readonly "success-subtle": "rgba(74, 222, 128, 0.20)";
|
|
365
|
+
readonly "warning-subtle": "rgba(251, 146, 60, 0.20)";
|
|
366
|
+
readonly "info-subtle": "rgba(96, 165, 250, 0.20)";
|
|
367
|
+
readonly "accent-primary-subtle": "rgba(96, 165, 250, 0.2)";
|
|
368
|
+
readonly "caution-strong": "#EF4444";
|
|
369
|
+
readonly "success-strong": "#22C55E";
|
|
370
|
+
readonly "warning-strong": "#F97316";
|
|
371
|
+
readonly "info-strong": "#3B82F6";
|
|
372
|
+
readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
|
|
373
|
+
readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
|
|
374
|
+
readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
|
|
375
|
+
};
|
|
376
|
+
readonly text: {
|
|
377
|
+
readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
|
|
378
|
+
readonly "medium-emphasis": "rgba(255, 255, 255, 0.80)";
|
|
379
|
+
readonly "low-emphasis": "rgba(255, 255, 255, 0.48)";
|
|
380
|
+
readonly disable: "rgba(255, 255, 255, 0.24)";
|
|
381
|
+
readonly "on-inverse": "#111827";
|
|
382
|
+
readonly "on-inverse-secondary": "#374151";
|
|
383
|
+
readonly "accent-primary": "#60A5FA";
|
|
384
|
+
readonly success: "#4ADE80";
|
|
385
|
+
readonly caution: "#F87171";
|
|
386
|
+
readonly warning: "#FB923C";
|
|
387
|
+
readonly info: "#60A5FA";
|
|
388
|
+
};
|
|
389
|
+
readonly object: {
|
|
390
|
+
readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
|
|
391
|
+
readonly "medium-emphasis": "rgba(255, 255, 255, 0.64)";
|
|
392
|
+
readonly "low-emphasis": "rgba(255, 255, 255, 0.36)";
|
|
393
|
+
readonly disable: "rgba(255, 255, 255, 0.16)";
|
|
394
|
+
readonly "on-inverse": "#111827";
|
|
395
|
+
readonly "accent-primary": "#60A5FA";
|
|
396
|
+
readonly caution: "#F87171";
|
|
397
|
+
readonly success: "#4ADE80";
|
|
398
|
+
readonly warning: "#FB923C";
|
|
399
|
+
readonly info: "#60A5FA";
|
|
400
|
+
readonly favorite: "#F87171";
|
|
401
|
+
readonly rating: "#FBBF24";
|
|
402
|
+
};
|
|
403
|
+
readonly border: {
|
|
404
|
+
readonly "high-emphasis": "rgba(255, 255, 255, 0.36)";
|
|
405
|
+
readonly "medium-emphasis": "rgba(255, 255, 255, 0.16)";
|
|
406
|
+
readonly "low-emphasis": "rgba(255, 255, 255, 0.08)";
|
|
407
|
+
readonly disable: "rgba(255, 255, 255, 0.04)";
|
|
408
|
+
readonly "accent-primary": "#60A5FA";
|
|
409
|
+
readonly caution: "#F87171";
|
|
410
|
+
readonly success: "#4ADE80";
|
|
411
|
+
readonly warning: "#FB923C";
|
|
412
|
+
readonly info: "#60A5FA";
|
|
413
|
+
readonly "accent-primary-subtle": "rgba(96, 165, 250, 0.4)";
|
|
414
|
+
readonly "caution-subtle": "rgba(248, 113, 113, 0.40)";
|
|
415
|
+
readonly "success-subtle": "rgba(74, 222, 128, 0.40)";
|
|
416
|
+
readonly "info-subtle": "rgba(96, 165, 250, 0.40)";
|
|
417
|
+
};
|
|
418
|
+
readonly brand: {
|
|
419
|
+
readonly primary: "#60A5FA";
|
|
420
|
+
readonly action: "#93C5FD";
|
|
421
|
+
readonly light: "#1E3A8A";
|
|
422
|
+
readonly "ultra-light": "#1E3A8A";
|
|
423
|
+
};
|
|
424
|
+
readonly hover: {
|
|
425
|
+
readonly "primary-button": "#3B82F6";
|
|
426
|
+
readonly "secondary-button": "#1E3A8A";
|
|
427
|
+
readonly "tertiary-button": "rgba(255, 255, 255, 0.04)";
|
|
428
|
+
readonly "ghost-button": "rgba(255, 255, 255, 0.04)";
|
|
429
|
+
readonly "destructive-button": "#EF4444";
|
|
430
|
+
};
|
|
431
|
+
readonly active: {
|
|
432
|
+
readonly "primary-button": "#2563EB";
|
|
433
|
+
readonly "secondary-button": "#1E40AF";
|
|
434
|
+
readonly "tertiary-button": "rgba(255, 255, 255, 0.08)";
|
|
435
|
+
readonly "destructive-button": "#DC2626";
|
|
436
|
+
};
|
|
437
|
+
readonly overlay: {
|
|
438
|
+
readonly dark: "rgba(17, 24, 39, 0.80)";
|
|
439
|
+
readonly medium: "rgba(17, 24, 39, 0.48)";
|
|
440
|
+
readonly light: "rgba(17, 24, 39, 0.16)";
|
|
441
|
+
};
|
|
442
|
+
readonly focus: {
|
|
443
|
+
readonly "high-emphasis": "#60A5FA";
|
|
444
|
+
};
|
|
445
|
+
readonly caution: {
|
|
446
|
+
readonly base: "#F87171";
|
|
447
|
+
readonly action: "#EF4444";
|
|
448
|
+
};
|
|
449
|
+
readonly success: {
|
|
450
|
+
readonly base: "#4ADE80";
|
|
451
|
+
};
|
|
452
|
+
readonly warning: {
|
|
453
|
+
readonly base: "#FB923C";
|
|
454
|
+
};
|
|
455
|
+
readonly info: {
|
|
456
|
+
readonly base: "#60A5FA";
|
|
457
|
+
};
|
|
458
|
+
};
|
|
459
|
+
};
|
|
460
|
+
readonly orange: {
|
|
461
|
+
readonly light: {
|
|
462
|
+
readonly surface: {
|
|
463
|
+
readonly primary: "#FFFFFF";
|
|
464
|
+
readonly secondary: "#F9FAFB";
|
|
465
|
+
readonly tertiary: "#F3F4F6";
|
|
466
|
+
readonly quaternary: "#E5E7EB";
|
|
467
|
+
readonly disable: "#F3F4F6";
|
|
468
|
+
readonly inverse: "#111827";
|
|
469
|
+
readonly "accent-primary": "#F97316";
|
|
470
|
+
readonly "accent-primary-light": "#FFF7ED";
|
|
471
|
+
readonly "accent-primary-ultra-light": "#FFF7ED";
|
|
472
|
+
readonly caution: "#FEF2F2";
|
|
473
|
+
readonly success: "#F0FDF4";
|
|
474
|
+
readonly warning: "#FFFBEB";
|
|
475
|
+
readonly info: "#EFF6FF";
|
|
476
|
+
readonly "caution-subtle": "rgba(239, 68, 68, 0.15)";
|
|
477
|
+
readonly "success-subtle": "rgba(34, 197, 94, 0.15)";
|
|
478
|
+
readonly "warning-subtle": "rgba(249, 115, 22, 0.15)";
|
|
479
|
+
readonly "info-subtle": "rgba(59, 130, 246, 0.15)";
|
|
480
|
+
readonly "accent-primary-subtle": "rgba(249, 115, 22, 0.15)";
|
|
481
|
+
readonly "caution-strong": "#EF4444";
|
|
482
|
+
readonly "success-strong": "#22C55E";
|
|
483
|
+
readonly "warning-strong": "#F97316";
|
|
484
|
+
readonly "info-strong": "#3B82F6";
|
|
485
|
+
readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
|
|
486
|
+
readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
|
|
487
|
+
readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
|
|
488
|
+
};
|
|
489
|
+
readonly text: {
|
|
490
|
+
readonly "high-emphasis": "#111827";
|
|
491
|
+
readonly "medium-emphasis": "#374151";
|
|
492
|
+
readonly "low-emphasis": "#6B7280";
|
|
493
|
+
readonly disable: "#9CA3AF";
|
|
494
|
+
readonly "on-inverse": "#FFFFFF";
|
|
495
|
+
readonly "on-inverse-secondary": "rgba(255, 255, 255, 0.80)";
|
|
496
|
+
readonly "accent-primary": "#C2410C";
|
|
497
|
+
readonly success: "#15803D";
|
|
498
|
+
readonly caution: "#DC2626";
|
|
499
|
+
readonly warning: "#EA580C";
|
|
500
|
+
readonly info: "#2563EB";
|
|
501
|
+
};
|
|
502
|
+
readonly object: {
|
|
503
|
+
readonly "high-emphasis": "#111827";
|
|
504
|
+
readonly "medium-emphasis": "#4B5563";
|
|
505
|
+
readonly "low-emphasis": "#9CA3AF";
|
|
506
|
+
readonly disable: "#D1D5DB";
|
|
507
|
+
readonly "on-inverse": "#FFFFFF";
|
|
508
|
+
readonly "accent-primary": "#F97316";
|
|
509
|
+
readonly caution: "#EF4444";
|
|
510
|
+
readonly success: "#22C55E";
|
|
511
|
+
readonly warning: "#F97316";
|
|
512
|
+
readonly info: "#3B82F6";
|
|
513
|
+
readonly favorite: "#EF4444";
|
|
514
|
+
readonly rating: "#F59E0B";
|
|
515
|
+
};
|
|
516
|
+
readonly border: {
|
|
517
|
+
readonly "high-emphasis": "#374151";
|
|
518
|
+
readonly "medium-emphasis": "#D1D5DB";
|
|
519
|
+
readonly "low-emphasis": "#E5E7EB";
|
|
520
|
+
readonly disable: "#E5E7EB";
|
|
521
|
+
readonly "accent-primary": "#F97316";
|
|
522
|
+
readonly caution: "#EF4444";
|
|
523
|
+
readonly success: "#22C55E";
|
|
524
|
+
readonly warning: "#F97316";
|
|
525
|
+
readonly info: "#3B82F6";
|
|
526
|
+
readonly "accent-primary-subtle": "rgba(249, 115, 22, 0.3)";
|
|
527
|
+
readonly "caution-subtle": "rgba(239, 68, 68, 0.30)";
|
|
528
|
+
readonly "success-subtle": "rgba(34, 197, 94, 0.30)";
|
|
529
|
+
readonly "info-subtle": "rgba(59, 130, 246, 0.30)";
|
|
530
|
+
};
|
|
531
|
+
readonly brand: {
|
|
532
|
+
readonly primary: "#C2410C";
|
|
533
|
+
readonly action: "#9A3412";
|
|
534
|
+
readonly light: "#FFEDD5";
|
|
535
|
+
readonly "ultra-light": "#FFF7ED";
|
|
536
|
+
readonly line: "#06C755";
|
|
537
|
+
readonly "google-border": "#DADCE0";
|
|
538
|
+
readonly apple: "#000000";
|
|
539
|
+
readonly amazon: "#232F3E";
|
|
540
|
+
readonly "amazon-accent": "#FF9900";
|
|
541
|
+
};
|
|
542
|
+
readonly hover: {
|
|
543
|
+
readonly "primary-button": "#9A3412";
|
|
544
|
+
readonly "secondary-button": "#FFF7ED";
|
|
545
|
+
readonly "tertiary-button": "#F3F4F6";
|
|
546
|
+
readonly "ghost-button": "#F3F4F6";
|
|
547
|
+
readonly "destructive-button": "#B91C1C";
|
|
548
|
+
};
|
|
549
|
+
readonly active: {
|
|
550
|
+
readonly "primary-button": "#7C2D12";
|
|
551
|
+
readonly "secondary-button": "#FFEDD5";
|
|
552
|
+
readonly "tertiary-button": "#E5E7EB";
|
|
553
|
+
readonly "destructive-button": "#991B1B";
|
|
554
|
+
};
|
|
555
|
+
readonly overlay: {
|
|
556
|
+
readonly dark: "rgba(17, 24, 39, 0.64)";
|
|
557
|
+
readonly medium: "rgba(17, 24, 39, 0.36)";
|
|
558
|
+
readonly light: "rgba(17, 24, 39, 0.08)";
|
|
559
|
+
};
|
|
560
|
+
readonly focus: {
|
|
561
|
+
readonly "high-emphasis": "#FB923C";
|
|
562
|
+
};
|
|
563
|
+
readonly caution: {
|
|
564
|
+
readonly base: "#DC2626";
|
|
565
|
+
readonly action: "#B91C1C";
|
|
566
|
+
};
|
|
567
|
+
readonly success: {
|
|
568
|
+
readonly base: "#16A34A";
|
|
569
|
+
};
|
|
570
|
+
readonly warning: {
|
|
571
|
+
readonly base: "#EA580C";
|
|
572
|
+
};
|
|
573
|
+
readonly info: {
|
|
574
|
+
readonly base: "#2563EB";
|
|
575
|
+
};
|
|
576
|
+
};
|
|
577
|
+
readonly dark: {
|
|
578
|
+
readonly surface: {
|
|
579
|
+
readonly primary: "#111827";
|
|
580
|
+
readonly secondary: "#1F2937";
|
|
581
|
+
readonly tertiary: "#374151";
|
|
582
|
+
readonly quaternary: "#4B5563";
|
|
583
|
+
readonly disable: "#1F2937";
|
|
584
|
+
readonly inverse: "#FFFFFF";
|
|
585
|
+
readonly "accent-primary": "#F97316";
|
|
586
|
+
readonly "accent-primary-light": "#431407";
|
|
587
|
+
readonly "accent-primary-ultra-light": "#431407";
|
|
588
|
+
readonly caution: "#2d1414";
|
|
589
|
+
readonly success: "#14532D";
|
|
590
|
+
readonly warning: "#78350F";
|
|
591
|
+
readonly info: "#1E3A8A";
|
|
592
|
+
readonly "caution-subtle": "rgba(248, 113, 113, 0.20)";
|
|
593
|
+
readonly "success-subtle": "rgba(74, 222, 128, 0.20)";
|
|
594
|
+
readonly "warning-subtle": "rgba(251, 146, 60, 0.20)";
|
|
595
|
+
readonly "info-subtle": "rgba(96, 165, 250, 0.20)";
|
|
596
|
+
readonly "accent-primary-subtle": "rgba(251, 146, 60, 0.2)";
|
|
597
|
+
readonly "caution-strong": "#EF4444";
|
|
598
|
+
readonly "success-strong": "#22C55E";
|
|
599
|
+
readonly "warning-strong": "#F97316";
|
|
600
|
+
readonly "info-strong": "#3B82F6";
|
|
601
|
+
readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
|
|
602
|
+
readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
|
|
603
|
+
readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
|
|
604
|
+
};
|
|
605
|
+
readonly text: {
|
|
606
|
+
readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
|
|
607
|
+
readonly "medium-emphasis": "rgba(255, 255, 255, 0.80)";
|
|
608
|
+
readonly "low-emphasis": "rgba(255, 255, 255, 0.48)";
|
|
609
|
+
readonly disable: "rgba(255, 255, 255, 0.24)";
|
|
610
|
+
readonly "on-inverse": "#111827";
|
|
611
|
+
readonly "on-inverse-secondary": "#374151";
|
|
612
|
+
readonly "accent-primary": "#FB923C";
|
|
613
|
+
readonly success: "#4ADE80";
|
|
614
|
+
readonly caution: "#F87171";
|
|
615
|
+
readonly warning: "#FB923C";
|
|
616
|
+
readonly info: "#60A5FA";
|
|
617
|
+
};
|
|
618
|
+
readonly object: {
|
|
619
|
+
readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
|
|
620
|
+
readonly "medium-emphasis": "rgba(255, 255, 255, 0.64)";
|
|
621
|
+
readonly "low-emphasis": "rgba(255, 255, 255, 0.36)";
|
|
622
|
+
readonly disable: "rgba(255, 255, 255, 0.16)";
|
|
623
|
+
readonly "on-inverse": "#111827";
|
|
624
|
+
readonly "accent-primary": "#FB923C";
|
|
625
|
+
readonly caution: "#F87171";
|
|
626
|
+
readonly success: "#4ADE80";
|
|
627
|
+
readonly warning: "#FB923C";
|
|
628
|
+
readonly info: "#60A5FA";
|
|
629
|
+
readonly favorite: "#F87171";
|
|
630
|
+
readonly rating: "#FBBF24";
|
|
631
|
+
};
|
|
632
|
+
readonly border: {
|
|
633
|
+
readonly "high-emphasis": "rgba(255, 255, 255, 0.36)";
|
|
634
|
+
readonly "medium-emphasis": "rgba(255, 255, 255, 0.16)";
|
|
635
|
+
readonly "low-emphasis": "rgba(255, 255, 255, 0.08)";
|
|
636
|
+
readonly disable: "rgba(255, 255, 255, 0.04)";
|
|
637
|
+
readonly "accent-primary": "#FB923C";
|
|
638
|
+
readonly caution: "#F87171";
|
|
639
|
+
readonly success: "#4ADE80";
|
|
640
|
+
readonly warning: "#FB923C";
|
|
641
|
+
readonly info: "#60A5FA";
|
|
642
|
+
readonly "accent-primary-subtle": "rgba(251, 146, 60, 0.4)";
|
|
643
|
+
readonly "caution-subtle": "rgba(248, 113, 113, 0.40)";
|
|
644
|
+
readonly "success-subtle": "rgba(74, 222, 128, 0.40)";
|
|
645
|
+
readonly "info-subtle": "rgba(96, 165, 250, 0.40)";
|
|
646
|
+
};
|
|
647
|
+
readonly brand: {
|
|
648
|
+
readonly primary: "#FB923C";
|
|
649
|
+
readonly action: "#FDBA74";
|
|
650
|
+
readonly light: "#431407";
|
|
651
|
+
readonly "ultra-light": "#431407";
|
|
652
|
+
};
|
|
653
|
+
readonly hover: {
|
|
654
|
+
readonly "primary-button": "#F97316";
|
|
655
|
+
readonly "secondary-button": "#431407";
|
|
656
|
+
readonly "tertiary-button": "rgba(255, 255, 255, 0.04)";
|
|
657
|
+
readonly "ghost-button": "rgba(255, 255, 255, 0.04)";
|
|
658
|
+
readonly "destructive-button": "#EF4444";
|
|
659
|
+
};
|
|
660
|
+
readonly active: {
|
|
661
|
+
readonly "primary-button": "#C2410C";
|
|
662
|
+
readonly "secondary-button": "#7C2D12";
|
|
663
|
+
readonly "tertiary-button": "rgba(255, 255, 255, 0.08)";
|
|
664
|
+
readonly "destructive-button": "#DC2626";
|
|
665
|
+
};
|
|
666
|
+
readonly overlay: {
|
|
667
|
+
readonly dark: "rgba(17, 24, 39, 0.80)";
|
|
668
|
+
readonly medium: "rgba(17, 24, 39, 0.48)";
|
|
669
|
+
readonly light: "rgba(17, 24, 39, 0.16)";
|
|
670
|
+
};
|
|
671
|
+
readonly focus: {
|
|
672
|
+
readonly "high-emphasis": "#FB923C";
|
|
673
|
+
};
|
|
674
|
+
readonly caution: {
|
|
675
|
+
readonly base: "#F87171";
|
|
676
|
+
readonly action: "#EF4444";
|
|
677
|
+
};
|
|
678
|
+
readonly success: {
|
|
679
|
+
readonly base: "#4ADE80";
|
|
680
|
+
};
|
|
681
|
+
readonly warning: {
|
|
682
|
+
readonly base: "#FB923C";
|
|
683
|
+
};
|
|
684
|
+
readonly info: {
|
|
685
|
+
readonly base: "#60A5FA";
|
|
686
|
+
};
|
|
687
|
+
};
|
|
688
|
+
};
|
|
689
|
+
readonly green: {
|
|
690
|
+
readonly light: {
|
|
691
|
+
readonly surface: {
|
|
692
|
+
readonly primary: "#FFFFFF";
|
|
693
|
+
readonly secondary: "#F9FAFB";
|
|
694
|
+
readonly tertiary: "#F3F4F6";
|
|
695
|
+
readonly quaternary: "#E5E7EB";
|
|
696
|
+
readonly disable: "#F3F4F6";
|
|
697
|
+
readonly inverse: "#111827";
|
|
698
|
+
readonly "accent-primary": "#16A34A";
|
|
699
|
+
readonly "accent-primary-light": "#F0FDF4";
|
|
700
|
+
readonly "accent-primary-ultra-light": "#F0FDF4";
|
|
701
|
+
readonly caution: "#FEF2F2";
|
|
702
|
+
readonly success: "#F0FDF4";
|
|
703
|
+
readonly warning: "#FFFBEB";
|
|
704
|
+
readonly info: "#EFF6FF";
|
|
705
|
+
readonly "caution-subtle": "rgba(239, 68, 68, 0.15)";
|
|
706
|
+
readonly "success-subtle": "rgba(34, 197, 94, 0.15)";
|
|
707
|
+
readonly "warning-subtle": "rgba(249, 115, 22, 0.15)";
|
|
708
|
+
readonly "info-subtle": "rgba(59, 130, 246, 0.15)";
|
|
709
|
+
readonly "accent-primary-subtle": "rgba(22, 163, 74, 0.15)";
|
|
710
|
+
readonly "caution-strong": "#EF4444";
|
|
711
|
+
readonly "success-strong": "#22C55E";
|
|
712
|
+
readonly "warning-strong": "#F97316";
|
|
713
|
+
readonly "info-strong": "#3B82F6";
|
|
714
|
+
readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
|
|
715
|
+
readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
|
|
716
|
+
readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
|
|
717
|
+
};
|
|
718
|
+
readonly text: {
|
|
719
|
+
readonly "high-emphasis": "#111827";
|
|
720
|
+
readonly "medium-emphasis": "#374151";
|
|
721
|
+
readonly "low-emphasis": "#6B7280";
|
|
722
|
+
readonly disable: "#9CA3AF";
|
|
723
|
+
readonly "on-inverse": "#FFFFFF";
|
|
724
|
+
readonly "on-inverse-secondary": "rgba(255, 255, 255, 0.80)";
|
|
725
|
+
readonly "accent-primary": "#15803D";
|
|
726
|
+
readonly success: "#15803D";
|
|
727
|
+
readonly caution: "#DC2626";
|
|
728
|
+
readonly warning: "#EA580C";
|
|
729
|
+
readonly info: "#2563EB";
|
|
730
|
+
};
|
|
731
|
+
readonly object: {
|
|
732
|
+
readonly "high-emphasis": "#111827";
|
|
733
|
+
readonly "medium-emphasis": "#4B5563";
|
|
734
|
+
readonly "low-emphasis": "#9CA3AF";
|
|
735
|
+
readonly disable: "#D1D5DB";
|
|
736
|
+
readonly "on-inverse": "#FFFFFF";
|
|
737
|
+
readonly "accent-primary": "#16A34A";
|
|
738
|
+
readonly caution: "#EF4444";
|
|
739
|
+
readonly success: "#22C55E";
|
|
740
|
+
readonly warning: "#F97316";
|
|
741
|
+
readonly info: "#3B82F6";
|
|
742
|
+
readonly favorite: "#EF4444";
|
|
743
|
+
readonly rating: "#F59E0B";
|
|
744
|
+
};
|
|
745
|
+
readonly border: {
|
|
746
|
+
readonly "high-emphasis": "#374151";
|
|
747
|
+
readonly "medium-emphasis": "#D1D5DB";
|
|
748
|
+
readonly "low-emphasis": "#E5E7EB";
|
|
749
|
+
readonly disable: "#E5E7EB";
|
|
750
|
+
readonly "accent-primary": "#16A34A";
|
|
751
|
+
readonly caution: "#EF4444";
|
|
752
|
+
readonly success: "#22C55E";
|
|
753
|
+
readonly warning: "#F97316";
|
|
754
|
+
readonly info: "#3B82F6";
|
|
755
|
+
readonly "accent-primary-subtle": "rgba(22, 163, 74, 0.3)";
|
|
756
|
+
readonly "caution-subtle": "rgba(239, 68, 68, 0.30)";
|
|
757
|
+
readonly "success-subtle": "rgba(34, 197, 94, 0.30)";
|
|
758
|
+
readonly "info-subtle": "rgba(59, 130, 246, 0.30)";
|
|
759
|
+
};
|
|
760
|
+
readonly brand: {
|
|
761
|
+
readonly primary: "#15803D";
|
|
762
|
+
readonly action: "#166534";
|
|
763
|
+
readonly light: "#DCFCE7";
|
|
764
|
+
readonly "ultra-light": "#F0FDF4";
|
|
765
|
+
readonly line: "#06C755";
|
|
766
|
+
readonly "google-border": "#DADCE0";
|
|
767
|
+
readonly apple: "#000000";
|
|
768
|
+
readonly amazon: "#232F3E";
|
|
769
|
+
readonly "amazon-accent": "#FF9900";
|
|
770
|
+
};
|
|
771
|
+
readonly hover: {
|
|
772
|
+
readonly "primary-button": "#166534";
|
|
773
|
+
readonly "secondary-button": "#F0FDF4";
|
|
774
|
+
readonly "tertiary-button": "#F3F4F6";
|
|
775
|
+
readonly "ghost-button": "#F3F4F6";
|
|
776
|
+
readonly "destructive-button": "#B91C1C";
|
|
777
|
+
};
|
|
778
|
+
readonly active: {
|
|
779
|
+
readonly "primary-button": "#14532D";
|
|
780
|
+
readonly "secondary-button": "#DCFCE7";
|
|
781
|
+
readonly "tertiary-button": "#E5E7EB";
|
|
782
|
+
readonly "destructive-button": "#991B1B";
|
|
783
|
+
};
|
|
784
|
+
readonly overlay: {
|
|
785
|
+
readonly dark: "rgba(17, 24, 39, 0.64)";
|
|
786
|
+
readonly medium: "rgba(17, 24, 39, 0.36)";
|
|
787
|
+
readonly light: "rgba(17, 24, 39, 0.08)";
|
|
788
|
+
};
|
|
789
|
+
readonly focus: {
|
|
790
|
+
readonly "high-emphasis": "#4ADE80";
|
|
791
|
+
};
|
|
792
|
+
readonly caution: {
|
|
793
|
+
readonly base: "#DC2626";
|
|
794
|
+
readonly action: "#B91C1C";
|
|
795
|
+
};
|
|
796
|
+
readonly success: {
|
|
797
|
+
readonly base: "#16A34A";
|
|
798
|
+
};
|
|
799
|
+
readonly warning: {
|
|
800
|
+
readonly base: "#EA580C";
|
|
801
|
+
};
|
|
802
|
+
readonly info: {
|
|
803
|
+
readonly base: "#2563EB";
|
|
804
|
+
};
|
|
805
|
+
};
|
|
806
|
+
readonly dark: {
|
|
807
|
+
readonly surface: {
|
|
808
|
+
readonly primary: "#111827";
|
|
809
|
+
readonly secondary: "#1F2937";
|
|
810
|
+
readonly tertiary: "#374151";
|
|
811
|
+
readonly quaternary: "#4B5563";
|
|
812
|
+
readonly disable: "#1F2937";
|
|
813
|
+
readonly inverse: "#FFFFFF";
|
|
814
|
+
readonly "accent-primary": "#16A34A";
|
|
815
|
+
readonly "accent-primary-light": "#052E16";
|
|
816
|
+
readonly "accent-primary-ultra-light": "#052E16";
|
|
817
|
+
readonly caution: "#2d1414";
|
|
818
|
+
readonly success: "#14532D";
|
|
819
|
+
readonly warning: "#78350F";
|
|
820
|
+
readonly info: "#1E3A8A";
|
|
821
|
+
readonly "caution-subtle": "rgba(248, 113, 113, 0.20)";
|
|
822
|
+
readonly "success-subtle": "rgba(74, 222, 128, 0.20)";
|
|
823
|
+
readonly "warning-subtle": "rgba(251, 146, 60, 0.20)";
|
|
824
|
+
readonly "info-subtle": "rgba(96, 165, 250, 0.20)";
|
|
825
|
+
readonly "accent-primary-subtle": "rgba(74, 222, 128, 0.2)";
|
|
826
|
+
readonly "caution-strong": "#EF4444";
|
|
827
|
+
readonly "success-strong": "#22C55E";
|
|
828
|
+
readonly "warning-strong": "#F97316";
|
|
829
|
+
readonly "info-strong": "#3B82F6";
|
|
830
|
+
readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
|
|
831
|
+
readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
|
|
832
|
+
readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
|
|
833
|
+
};
|
|
834
|
+
readonly text: {
|
|
835
|
+
readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
|
|
836
|
+
readonly "medium-emphasis": "rgba(255, 255, 255, 0.80)";
|
|
837
|
+
readonly "low-emphasis": "rgba(255, 255, 255, 0.48)";
|
|
838
|
+
readonly disable: "rgba(255, 255, 255, 0.24)";
|
|
839
|
+
readonly "on-inverse": "#111827";
|
|
840
|
+
readonly "on-inverse-secondary": "#374151";
|
|
841
|
+
readonly "accent-primary": "#4ADE80";
|
|
842
|
+
readonly success: "#4ADE80";
|
|
843
|
+
readonly caution: "#F87171";
|
|
844
|
+
readonly warning: "#FB923C";
|
|
845
|
+
readonly info: "#60A5FA";
|
|
846
|
+
};
|
|
847
|
+
readonly object: {
|
|
848
|
+
readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
|
|
849
|
+
readonly "medium-emphasis": "rgba(255, 255, 255, 0.64)";
|
|
850
|
+
readonly "low-emphasis": "rgba(255, 255, 255, 0.36)";
|
|
851
|
+
readonly disable: "rgba(255, 255, 255, 0.16)";
|
|
852
|
+
readonly "on-inverse": "#111827";
|
|
853
|
+
readonly "accent-primary": "#4ADE80";
|
|
854
|
+
readonly caution: "#F87171";
|
|
855
|
+
readonly success: "#4ADE80";
|
|
856
|
+
readonly warning: "#FB923C";
|
|
857
|
+
readonly info: "#60A5FA";
|
|
858
|
+
readonly favorite: "#F87171";
|
|
859
|
+
readonly rating: "#FBBF24";
|
|
860
|
+
};
|
|
861
|
+
readonly border: {
|
|
862
|
+
readonly "high-emphasis": "rgba(255, 255, 255, 0.36)";
|
|
863
|
+
readonly "medium-emphasis": "rgba(255, 255, 255, 0.16)";
|
|
864
|
+
readonly "low-emphasis": "rgba(255, 255, 255, 0.08)";
|
|
865
|
+
readonly disable: "rgba(255, 255, 255, 0.04)";
|
|
866
|
+
readonly "accent-primary": "#4ADE80";
|
|
867
|
+
readonly caution: "#F87171";
|
|
868
|
+
readonly success: "#4ADE80";
|
|
869
|
+
readonly warning: "#FB923C";
|
|
870
|
+
readonly info: "#60A5FA";
|
|
871
|
+
readonly "accent-primary-subtle": "rgba(74, 222, 128, 0.4)";
|
|
872
|
+
readonly "caution-subtle": "rgba(248, 113, 113, 0.40)";
|
|
873
|
+
readonly "success-subtle": "rgba(74, 222, 128, 0.40)";
|
|
874
|
+
readonly "info-subtle": "rgba(96, 165, 250, 0.40)";
|
|
875
|
+
};
|
|
876
|
+
readonly brand: {
|
|
877
|
+
readonly primary: "#4ADE80";
|
|
878
|
+
readonly action: "#86EFAC";
|
|
879
|
+
readonly light: "#052E16";
|
|
880
|
+
readonly "ultra-light": "#052E16";
|
|
881
|
+
};
|
|
882
|
+
readonly hover: {
|
|
883
|
+
readonly "primary-button": "#16A34A";
|
|
884
|
+
readonly "secondary-button": "#052E16";
|
|
885
|
+
readonly "tertiary-button": "rgba(255, 255, 255, 0.04)";
|
|
886
|
+
readonly "ghost-button": "rgba(255, 255, 255, 0.04)";
|
|
887
|
+
readonly "destructive-button": "#EF4444";
|
|
888
|
+
};
|
|
889
|
+
readonly active: {
|
|
890
|
+
readonly "primary-button": "#15803D";
|
|
891
|
+
readonly "secondary-button": "#14532D";
|
|
892
|
+
readonly "tertiary-button": "rgba(255, 255, 255, 0.08)";
|
|
893
|
+
readonly "destructive-button": "#DC2626";
|
|
894
|
+
};
|
|
895
|
+
readonly overlay: {
|
|
896
|
+
readonly dark: "rgba(17, 24, 39, 0.80)";
|
|
897
|
+
readonly medium: "rgba(17, 24, 39, 0.48)";
|
|
898
|
+
readonly light: "rgba(17, 24, 39, 0.16)";
|
|
899
|
+
};
|
|
900
|
+
readonly focus: {
|
|
901
|
+
readonly "high-emphasis": "#4ADE80";
|
|
902
|
+
};
|
|
903
|
+
readonly caution: {
|
|
904
|
+
readonly base: "#F87171";
|
|
905
|
+
readonly action: "#EF4444";
|
|
906
|
+
};
|
|
907
|
+
readonly success: {
|
|
908
|
+
readonly base: "#4ADE80";
|
|
909
|
+
};
|
|
910
|
+
readonly warning: {
|
|
911
|
+
readonly base: "#FB923C";
|
|
912
|
+
};
|
|
913
|
+
readonly info: {
|
|
914
|
+
readonly base: "#60A5FA";
|
|
915
|
+
};
|
|
916
|
+
};
|
|
917
|
+
};
|
|
918
|
+
readonly violet: {
|
|
919
|
+
readonly light: {
|
|
920
|
+
readonly surface: {
|
|
921
|
+
readonly primary: "#FFFFFF";
|
|
922
|
+
readonly secondary: "#F9FAFB";
|
|
923
|
+
readonly tertiary: "#F3F4F6";
|
|
924
|
+
readonly quaternary: "#E5E7EB";
|
|
925
|
+
readonly disable: "#F3F4F6";
|
|
926
|
+
readonly inverse: "#111827";
|
|
927
|
+
readonly "accent-primary": "#7C3AED";
|
|
928
|
+
readonly "accent-primary-light": "#F5F3FF";
|
|
929
|
+
readonly "accent-primary-ultra-light": "#F5F3FF";
|
|
930
|
+
readonly caution: "#FEF2F2";
|
|
931
|
+
readonly success: "#F0FDF4";
|
|
932
|
+
readonly warning: "#FFFBEB";
|
|
933
|
+
readonly info: "#EFF6FF";
|
|
934
|
+
readonly "caution-subtle": "rgba(239, 68, 68, 0.15)";
|
|
935
|
+
readonly "success-subtle": "rgba(34, 197, 94, 0.15)";
|
|
936
|
+
readonly "warning-subtle": "rgba(249, 115, 22, 0.15)";
|
|
937
|
+
readonly "info-subtle": "rgba(59, 130, 246, 0.15)";
|
|
938
|
+
readonly "accent-primary-subtle": "rgba(124, 58, 237, 0.15)";
|
|
939
|
+
readonly "caution-strong": "#EF4444";
|
|
940
|
+
readonly "success-strong": "#22C55E";
|
|
941
|
+
readonly "warning-strong": "#F97316";
|
|
942
|
+
readonly "info-strong": "#3B82F6";
|
|
943
|
+
readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
|
|
944
|
+
readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
|
|
945
|
+
readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
|
|
946
|
+
};
|
|
947
|
+
readonly text: {
|
|
948
|
+
readonly "high-emphasis": "#111827";
|
|
949
|
+
readonly "medium-emphasis": "#374151";
|
|
950
|
+
readonly "low-emphasis": "#6B7280";
|
|
951
|
+
readonly disable: "#9CA3AF";
|
|
952
|
+
readonly "on-inverse": "#FFFFFF";
|
|
953
|
+
readonly "on-inverse-secondary": "rgba(255, 255, 255, 0.80)";
|
|
954
|
+
readonly "accent-primary": "#6D28D9";
|
|
955
|
+
readonly success: "#15803D";
|
|
956
|
+
readonly caution: "#DC2626";
|
|
957
|
+
readonly warning: "#EA580C";
|
|
958
|
+
readonly info: "#2563EB";
|
|
959
|
+
};
|
|
960
|
+
readonly object: {
|
|
961
|
+
readonly "high-emphasis": "#111827";
|
|
962
|
+
readonly "medium-emphasis": "#4B5563";
|
|
963
|
+
readonly "low-emphasis": "#9CA3AF";
|
|
964
|
+
readonly disable: "#D1D5DB";
|
|
965
|
+
readonly "on-inverse": "#FFFFFF";
|
|
966
|
+
readonly "accent-primary": "#7C3AED";
|
|
967
|
+
readonly caution: "#EF4444";
|
|
968
|
+
readonly success: "#22C55E";
|
|
969
|
+
readonly warning: "#F97316";
|
|
970
|
+
readonly info: "#3B82F6";
|
|
971
|
+
readonly favorite: "#EF4444";
|
|
972
|
+
readonly rating: "#F59E0B";
|
|
973
|
+
};
|
|
974
|
+
readonly border: {
|
|
975
|
+
readonly "high-emphasis": "#374151";
|
|
976
|
+
readonly "medium-emphasis": "#D1D5DB";
|
|
977
|
+
readonly "low-emphasis": "#E5E7EB";
|
|
978
|
+
readonly disable: "#E5E7EB";
|
|
979
|
+
readonly "accent-primary": "#7C3AED";
|
|
980
|
+
readonly caution: "#EF4444";
|
|
981
|
+
readonly success: "#22C55E";
|
|
982
|
+
readonly warning: "#F97316";
|
|
983
|
+
readonly info: "#3B82F6";
|
|
984
|
+
readonly "accent-primary-subtle": "rgba(124, 58, 237, 0.3)";
|
|
985
|
+
readonly "caution-subtle": "rgba(239, 68, 68, 0.30)";
|
|
986
|
+
readonly "success-subtle": "rgba(34, 197, 94, 0.30)";
|
|
987
|
+
readonly "info-subtle": "rgba(59, 130, 246, 0.30)";
|
|
988
|
+
};
|
|
989
|
+
readonly brand: {
|
|
990
|
+
readonly primary: "#6D28D9";
|
|
991
|
+
readonly action: "#5B21B6";
|
|
992
|
+
readonly light: "#EDE9FE";
|
|
993
|
+
readonly "ultra-light": "#F5F3FF";
|
|
994
|
+
readonly line: "#06C755";
|
|
995
|
+
readonly "google-border": "#DADCE0";
|
|
996
|
+
readonly apple: "#000000";
|
|
997
|
+
readonly amazon: "#232F3E";
|
|
998
|
+
readonly "amazon-accent": "#FF9900";
|
|
999
|
+
};
|
|
1000
|
+
readonly hover: {
|
|
1001
|
+
readonly "primary-button": "#5B21B6";
|
|
1002
|
+
readonly "secondary-button": "#F5F3FF";
|
|
1003
|
+
readonly "tertiary-button": "#F3F4F6";
|
|
1004
|
+
readonly "ghost-button": "#F3F4F6";
|
|
1005
|
+
readonly "destructive-button": "#B91C1C";
|
|
1006
|
+
};
|
|
1007
|
+
readonly active: {
|
|
1008
|
+
readonly "primary-button": "#4C1D95";
|
|
1009
|
+
readonly "secondary-button": "#EDE9FE";
|
|
1010
|
+
readonly "tertiary-button": "#E5E7EB";
|
|
1011
|
+
readonly "destructive-button": "#991B1B";
|
|
1012
|
+
};
|
|
1013
|
+
readonly overlay: {
|
|
1014
|
+
readonly dark: "rgba(17, 24, 39, 0.64)";
|
|
1015
|
+
readonly medium: "rgba(17, 24, 39, 0.36)";
|
|
1016
|
+
readonly light: "rgba(17, 24, 39, 0.08)";
|
|
1017
|
+
};
|
|
1018
|
+
readonly focus: {
|
|
1019
|
+
readonly "high-emphasis": "#A78BFA";
|
|
1020
|
+
};
|
|
1021
|
+
readonly caution: {
|
|
1022
|
+
readonly base: "#DC2626";
|
|
1023
|
+
readonly action: "#B91C1C";
|
|
1024
|
+
};
|
|
1025
|
+
readonly success: {
|
|
1026
|
+
readonly base: "#16A34A";
|
|
1027
|
+
};
|
|
1028
|
+
readonly warning: {
|
|
1029
|
+
readonly base: "#EA580C";
|
|
1030
|
+
};
|
|
1031
|
+
readonly info: {
|
|
1032
|
+
readonly base: "#2563EB";
|
|
1033
|
+
};
|
|
1034
|
+
};
|
|
1035
|
+
readonly dark: {
|
|
1036
|
+
readonly surface: {
|
|
1037
|
+
readonly primary: "#111827";
|
|
1038
|
+
readonly secondary: "#1F2937";
|
|
1039
|
+
readonly tertiary: "#374151";
|
|
1040
|
+
readonly quaternary: "#4B5563";
|
|
1041
|
+
readonly disable: "#1F2937";
|
|
1042
|
+
readonly inverse: "#FFFFFF";
|
|
1043
|
+
readonly "accent-primary": "#7C3AED";
|
|
1044
|
+
readonly "accent-primary-light": "#3B0764";
|
|
1045
|
+
readonly "accent-primary-ultra-light": "#3B0764";
|
|
1046
|
+
readonly caution: "#2d1414";
|
|
1047
|
+
readonly success: "#14532D";
|
|
1048
|
+
readonly warning: "#78350F";
|
|
1049
|
+
readonly info: "#1E3A8A";
|
|
1050
|
+
readonly "caution-subtle": "rgba(248, 113, 113, 0.20)";
|
|
1051
|
+
readonly "success-subtle": "rgba(74, 222, 128, 0.20)";
|
|
1052
|
+
readonly "warning-subtle": "rgba(251, 146, 60, 0.20)";
|
|
1053
|
+
readonly "info-subtle": "rgba(96, 165, 250, 0.20)";
|
|
1054
|
+
readonly "accent-primary-subtle": "rgba(167, 139, 250, 0.2)";
|
|
1055
|
+
readonly "caution-strong": "#EF4444";
|
|
1056
|
+
readonly "success-strong": "#22C55E";
|
|
1057
|
+
readonly "warning-strong": "#F97316";
|
|
1058
|
+
readonly "info-strong": "#3B82F6";
|
|
1059
|
+
readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
|
|
1060
|
+
readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
|
|
1061
|
+
readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
|
|
1062
|
+
};
|
|
1063
|
+
readonly text: {
|
|
1064
|
+
readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
|
|
1065
|
+
readonly "medium-emphasis": "rgba(255, 255, 255, 0.80)";
|
|
1066
|
+
readonly "low-emphasis": "rgba(255, 255, 255, 0.48)";
|
|
1067
|
+
readonly disable: "rgba(255, 255, 255, 0.24)";
|
|
1068
|
+
readonly "on-inverse": "#111827";
|
|
1069
|
+
readonly "on-inverse-secondary": "#374151";
|
|
1070
|
+
readonly "accent-primary": "#A78BFA";
|
|
1071
|
+
readonly success: "#4ADE80";
|
|
1072
|
+
readonly caution: "#F87171";
|
|
1073
|
+
readonly warning: "#FB923C";
|
|
1074
|
+
readonly info: "#60A5FA";
|
|
1075
|
+
};
|
|
1076
|
+
readonly object: {
|
|
1077
|
+
readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
|
|
1078
|
+
readonly "medium-emphasis": "rgba(255, 255, 255, 0.64)";
|
|
1079
|
+
readonly "low-emphasis": "rgba(255, 255, 255, 0.36)";
|
|
1080
|
+
readonly disable: "rgba(255, 255, 255, 0.16)";
|
|
1081
|
+
readonly "on-inverse": "#111827";
|
|
1082
|
+
readonly "accent-primary": "#A78BFA";
|
|
1083
|
+
readonly caution: "#F87171";
|
|
1084
|
+
readonly success: "#4ADE80";
|
|
1085
|
+
readonly warning: "#FB923C";
|
|
1086
|
+
readonly info: "#60A5FA";
|
|
1087
|
+
readonly favorite: "#F87171";
|
|
1088
|
+
readonly rating: "#FBBF24";
|
|
1089
|
+
};
|
|
1090
|
+
readonly border: {
|
|
1091
|
+
readonly "high-emphasis": "rgba(255, 255, 255, 0.36)";
|
|
1092
|
+
readonly "medium-emphasis": "rgba(255, 255, 255, 0.16)";
|
|
1093
|
+
readonly "low-emphasis": "rgba(255, 255, 255, 0.08)";
|
|
1094
|
+
readonly disable: "rgba(255, 255, 255, 0.04)";
|
|
1095
|
+
readonly "accent-primary": "#A78BFA";
|
|
1096
|
+
readonly caution: "#F87171";
|
|
1097
|
+
readonly success: "#4ADE80";
|
|
1098
|
+
readonly warning: "#FB923C";
|
|
1099
|
+
readonly info: "#60A5FA";
|
|
1100
|
+
readonly "accent-primary-subtle": "rgba(167, 139, 250, 0.4)";
|
|
1101
|
+
readonly "caution-subtle": "rgba(248, 113, 113, 0.40)";
|
|
1102
|
+
readonly "success-subtle": "rgba(74, 222, 128, 0.40)";
|
|
1103
|
+
readonly "info-subtle": "rgba(96, 165, 250, 0.40)";
|
|
1104
|
+
};
|
|
1105
|
+
readonly brand: {
|
|
1106
|
+
readonly primary: "#A78BFA";
|
|
1107
|
+
readonly action: "#C4B5FD";
|
|
1108
|
+
readonly light: "#3B0764";
|
|
1109
|
+
readonly "ultra-light": "#3B0764";
|
|
1110
|
+
};
|
|
1111
|
+
readonly hover: {
|
|
1112
|
+
readonly "primary-button": "#7C3AED";
|
|
1113
|
+
readonly "secondary-button": "#3B0764";
|
|
1114
|
+
readonly "tertiary-button": "rgba(255, 255, 255, 0.04)";
|
|
1115
|
+
readonly "ghost-button": "rgba(255, 255, 255, 0.04)";
|
|
1116
|
+
readonly "destructive-button": "#EF4444";
|
|
1117
|
+
};
|
|
1118
|
+
readonly active: {
|
|
1119
|
+
readonly "primary-button": "#6D28D9";
|
|
1120
|
+
readonly "secondary-button": "#4C1D95";
|
|
1121
|
+
readonly "tertiary-button": "rgba(255, 255, 255, 0.08)";
|
|
1122
|
+
readonly "destructive-button": "#DC2626";
|
|
1123
|
+
};
|
|
1124
|
+
readonly overlay: {
|
|
1125
|
+
readonly dark: "rgba(17, 24, 39, 0.80)";
|
|
1126
|
+
readonly medium: "rgba(17, 24, 39, 0.48)";
|
|
1127
|
+
readonly light: "rgba(17, 24, 39, 0.16)";
|
|
1128
|
+
};
|
|
1129
|
+
readonly focus: {
|
|
1130
|
+
readonly "high-emphasis": "#A78BFA";
|
|
1131
|
+
};
|
|
1132
|
+
readonly caution: {
|
|
1133
|
+
readonly base: "#F87171";
|
|
1134
|
+
readonly action: "#EF4444";
|
|
1135
|
+
};
|
|
1136
|
+
readonly success: {
|
|
1137
|
+
readonly base: "#4ADE80";
|
|
1138
|
+
};
|
|
1139
|
+
readonly warning: {
|
|
1140
|
+
readonly base: "#FB923C";
|
|
1141
|
+
};
|
|
1142
|
+
readonly info: {
|
|
1143
|
+
readonly base: "#60A5FA";
|
|
1144
|
+
};
|
|
1145
|
+
};
|
|
1146
|
+
};
|
|
1147
|
+
};
|