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.
Files changed (261) hide show
  1. package/AGENTS.md +190 -0
  2. package/CLAUDE.md +189 -0
  3. package/DESIGN.md +190 -0
  4. package/LICENSE +21 -0
  5. package/MIGRATION.md +107 -0
  6. package/PUBLISHING.md +160 -0
  7. package/README.md +59 -0
  8. package/RELEASE.md +82 -0
  9. package/bin/init.js +112 -0
  10. package/contracts/components.json +1443 -0
  11. package/contracts/rules.json +447 -0
  12. package/dist/class-names.js +4 -0
  13. package/dist/index.js +13157 -0
  14. package/dist/native/ui.js +4928 -0
  15. package/dist/native.js +1559 -0
  16. package/dist/server-variants-Dr_V3bDI.js +55 -0
  17. package/dist/types/class-names.d.ts +27 -0
  18. package/dist/types/components/patterns/admin/bulk-actions.d.ts +17 -0
  19. package/dist/types/components/patterns/admin/chart-controls.d.ts +16 -0
  20. package/dist/types/components/patterns/admin/data-table.d.ts +165 -0
  21. package/dist/types/components/patterns/admin/image-uploader.d.ts +14 -0
  22. package/dist/types/components/patterns/admin/kebab-menu.d.ts +17 -0
  23. package/dist/types/components/patterns/admin/notification-list.d.ts +16 -0
  24. package/dist/types/components/patterns/admin/search-panel.d.ts +9 -0
  25. package/dist/types/components/patterns/admin/status-tabs.d.ts +13 -0
  26. package/dist/types/components/patterns/app-header.d.ts +76 -0
  27. package/dist/types/components/patterns/banner-carousel.d.ts +25 -0
  28. package/dist/types/components/patterns/banner.d.ts +13 -0
  29. package/dist/types/components/patterns/bottom-sheet-form.d.ts +17 -0
  30. package/dist/types/components/patterns/category-nav.d.ts +43 -0
  31. package/dist/types/components/patterns/category-scroll.d.ts +53 -0
  32. package/dist/types/components/patterns/chip-selector.d.ts +20 -0
  33. package/dist/types/components/patterns/chip.d.ts +42 -0
  34. package/dist/types/components/patterns/coach-mark-overlay.d.ts +66 -0
  35. package/dist/types/components/patterns/commerce/bottom-tab-bar.d.ts +27 -0
  36. package/dist/types/components/patterns/commerce/filter-bar.d.ts +39 -0
  37. package/dist/types/components/patterns/commerce/image-carousel.d.ts +14 -0
  38. package/dist/types/components/patterns/commerce/order-summary.d.ts +26 -0
  39. package/dist/types/components/patterns/commerce/price-display.d.ts +20 -0
  40. package/dist/types/components/patterns/commerce/product-card.d.ts +50 -0
  41. package/dist/types/components/patterns/commerce/product-carousel.d.ts +15 -0
  42. package/dist/types/components/patterns/commerce/quantity-selector.d.ts +21 -0
  43. package/dist/types/components/patterns/commerce/rating-display.d.ts +15 -0
  44. package/dist/types/components/patterns/commerce/review-card.d.ts +22 -0
  45. package/dist/types/components/patterns/commerce/review-summary.d.ts +12 -0
  46. package/dist/types/components/patterns/confirm-dialog.d.ts +32 -0
  47. package/dist/types/components/patterns/cookie-consent.d.ts +62 -0
  48. package/dist/types/components/patterns/empty-state.d.ts +15 -0
  49. package/dist/types/components/patterns/error-state.d.ts +10 -0
  50. package/dist/types/components/patterns/file-upload.d.ts +31 -0
  51. package/dist/types/components/patterns/filter-chip.d.ts +26 -0
  52. package/dist/types/components/patterns/footer.d.ts +24 -0
  53. package/dist/types/components/patterns/form-field.d.ts +30 -0
  54. package/dist/types/components/patterns/form.d.ts +13 -0
  55. package/dist/types/components/patterns/list-item.d.ts +23 -0
  56. package/dist/types/components/patterns/list-skeletons.d.ts +43 -0
  57. package/dist/types/components/patterns/menu-drawer.d.ts +27 -0
  58. package/dist/types/components/patterns/notification-badge.d.ts +15 -0
  59. package/dist/types/components/patterns/progress-steps.d.ts +7 -0
  60. package/dist/types/components/patterns/review-overlay.d.ts +25 -0
  61. package/dist/types/components/patterns/search-bar.d.ts +6 -0
  62. package/dist/types/components/patterns/section-header.d.ts +8 -0
  63. package/dist/types/components/patterns/share-buttons.d.ts +13 -0
  64. package/dist/types/components/patterns/shells/admin-shell.d.ts +8 -0
  65. package/dist/types/components/patterns/shells/app-shell.d.ts +7 -0
  66. package/dist/types/components/patterns/shells/marketing-shell.d.ts +7 -0
  67. package/dist/types/components/patterns/simple-pagination.d.ts +69 -0
  68. package/dist/types/components/patterns/stat-card.d.ts +43 -0
  69. package/dist/types/components/patterns/sticky-action-bar.d.ts +27 -0
  70. package/dist/types/components/patterns/swipe-row.d.ts +17 -0
  71. package/dist/types/components/patterns/tag-input.d.ts +20 -0
  72. package/dist/types/components/patterns/tag.d.ts +7 -0
  73. package/dist/types/components/ui/accordion.d.ts +7 -0
  74. package/dist/types/components/ui/alert-dialog.d.ts +47 -0
  75. package/dist/types/components/ui/alert.d.ts +45 -0
  76. package/dist/types/components/ui/auto-grow-textarea.d.ts +40 -0
  77. package/dist/types/components/ui/avatar.d.ts +6 -0
  78. package/dist/types/components/ui/badge.d.ts +18 -0
  79. package/dist/types/components/ui/breadcrumb.d.ts +16 -0
  80. package/dist/types/components/ui/button.d.ts +29 -0
  81. package/dist/types/components/ui/calendar.d.ts +5 -0
  82. package/dist/types/components/ui/card.d.ts +28 -0
  83. package/dist/types/components/ui/checkbox-card.d.ts +29 -0
  84. package/dist/types/components/ui/checkbox-field.d.ts +24 -0
  85. package/dist/types/components/ui/checkbox-group.d.ts +33 -0
  86. package/dist/types/components/ui/checkbox.d.ts +44 -0
  87. package/dist/types/components/ui/coach-mark.d.ts +27 -0
  88. package/dist/types/components/ui/collapsible.d.ts +24 -0
  89. package/dist/types/components/ui/combobox.d.ts +19 -0
  90. package/dist/types/components/ui/countdown-timer.d.ts +39 -0
  91. package/dist/types/components/ui/date-picker.d.ts +53 -0
  92. package/dist/types/components/ui/dialog.d.ts +54 -0
  93. package/dist/types/components/ui/dropdown-filter.d.ts +35 -0
  94. package/dist/types/components/ui/dropdown-menu.d.ts +42 -0
  95. package/dist/types/components/ui/error-boundary.d.ts +66 -0
  96. package/dist/types/components/ui/form.d.ts +61 -0
  97. package/dist/types/components/ui/hover-card.d.ts +24 -0
  98. package/dist/types/components/ui/image-gallery.d.ts +28 -0
  99. package/dist/types/components/ui/input.d.ts +17 -0
  100. package/dist/types/components/ui/label.d.ts +4 -0
  101. package/dist/types/components/ui/multi-select.d.ts +21 -0
  102. package/dist/types/components/ui/navigation-bar.d.ts +58 -0
  103. package/dist/types/components/ui/number-input.d.ts +20 -0
  104. package/dist/types/components/ui/pagination.d.ts +26 -0
  105. package/dist/types/components/ui/pill-toggle.d.ts +16 -0
  106. package/dist/types/components/ui/popover.d.ts +7 -0
  107. package/dist/types/components/ui/progress-ring.d.ts +31 -0
  108. package/dist/types/components/ui/progress.d.ts +34 -0
  109. package/dist/types/components/ui/radio-group.d.ts +22 -0
  110. package/dist/types/components/ui/responsive-dialog.d.ts +31 -0
  111. package/dist/types/components/ui/scroll-area.d.ts +5 -0
  112. package/dist/types/components/ui/select.d.ts +22 -0
  113. package/dist/types/components/ui/separator.d.ts +4 -0
  114. package/dist/types/components/ui/sheet.d.ts +139 -0
  115. package/dist/types/components/ui/skeleton.d.ts +31 -0
  116. package/dist/types/components/ui/slider.d.ts +14 -0
  117. package/dist/types/components/ui/social-icon-data.d.ts +10 -0
  118. package/dist/types/components/ui/social-icon.d.ts +38 -0
  119. package/dist/types/components/ui/social-login-button.d.ts +10 -0
  120. package/dist/types/components/ui/spinner.d.ts +22 -0
  121. package/dist/types/components/ui/star-rating.d.ts +12 -0
  122. package/dist/types/components/ui/sub-nav.d.ts +17 -0
  123. package/dist/types/components/ui/switch.d.ts +4 -0
  124. package/dist/types/components/ui/sync-status-badge.d.ts +17 -0
  125. package/dist/types/components/ui/tabs.d.ts +15 -0
  126. package/dist/types/components/ui/textarea.d.ts +8 -0
  127. package/dist/types/components/ui/time-picker.d.ts +14 -0
  128. package/dist/types/components/ui/toast.d.ts +49 -0
  129. package/dist/types/components/ui/tooltip.d.ts +7 -0
  130. package/dist/types/index.d.ts +174 -0
  131. package/dist/types/lib/server-variants/button-variants.d.ts +20 -0
  132. package/dist/types/lib/utils.d.ts +2 -0
  133. package/dist/types/native/components/Accordion.d.ts +12 -0
  134. package/dist/types/native/components/Alert.d.ts +9 -0
  135. package/dist/types/native/components/AlertDialog.d.ts +11 -0
  136. package/dist/types/native/components/AppHeader.d.ts +10 -0
  137. package/dist/types/native/components/AppShell.d.ts +13 -0
  138. package/dist/types/native/components/AutoGrowTextarea.d.ts +8 -0
  139. package/dist/types/native/components/Avatar.d.ts +8 -0
  140. package/dist/types/native/components/Badge.d.ts +8 -0
  141. package/dist/types/native/components/Banner.d.ts +10 -0
  142. package/dist/types/native/components/BannerCarousel.d.ts +8 -0
  143. package/dist/types/native/components/BottomSheetForm.d.ts +10 -0
  144. package/dist/types/native/components/BottomTabBar.d.ts +8 -0
  145. package/dist/types/native/components/Breadcrumb.d.ts +12 -0
  146. package/dist/types/native/components/Button.d.ts +9 -0
  147. package/dist/types/native/components/Calendar.d.ts +8 -0
  148. package/dist/types/native/components/Card.d.ts +11 -0
  149. package/dist/types/native/components/CategoryNav.d.ts +13 -0
  150. package/dist/types/native/components/CategoryScroll.d.ts +12 -0
  151. package/dist/types/native/components/Checkbox.d.ts +7 -0
  152. package/dist/types/native/components/CheckboxCard.d.ts +8 -0
  153. package/dist/types/native/components/CheckboxField.d.ts +8 -0
  154. package/dist/types/native/components/CheckboxGroup.d.ts +12 -0
  155. package/dist/types/native/components/Chip.d.ts +17 -0
  156. package/dist/types/native/components/ChipSelector.d.ts +13 -0
  157. package/dist/types/native/components/CoachMark.d.ts +12 -0
  158. package/dist/types/native/components/CoachMarkOverlay.d.ts +19 -0
  159. package/dist/types/native/components/Collapsible.d.ts +7 -0
  160. package/dist/types/native/components/Combobox.d.ts +14 -0
  161. package/dist/types/native/components/ConfirmDialog.d.ts +7 -0
  162. package/dist/types/native/components/CountdownTimer.d.ts +7 -0
  163. package/dist/types/native/components/DatePicker.d.ts +10 -0
  164. package/dist/types/native/components/Dialog.d.ts +12 -0
  165. package/dist/types/native/components/DropdownFilter.d.ts +12 -0
  166. package/dist/types/native/components/DropdownMenu.d.ts +19 -0
  167. package/dist/types/native/components/EmptyState.d.ts +8 -0
  168. package/dist/types/native/components/ErrorState.d.ts +8 -0
  169. package/dist/types/native/components/FileUpload.d.ts +12 -0
  170. package/dist/types/native/components/FilterBar.d.ts +13 -0
  171. package/dist/types/native/components/FilterChip.d.ts +7 -0
  172. package/dist/types/native/components/Footer.d.ts +9 -0
  173. package/dist/types/native/components/FormField.d.ts +9 -0
  174. package/dist/types/native/components/GlassView.d.ts +25 -0
  175. package/dist/types/native/components/ImageCarousel.d.ts +8 -0
  176. package/dist/types/native/components/ImageGallery.d.ts +7 -0
  177. package/dist/types/native/components/Input.d.ts +9 -0
  178. package/dist/types/native/components/Label.d.ts +7 -0
  179. package/dist/types/native/components/ListItem.d.ts +11 -0
  180. package/dist/types/native/components/ListSkeletons.d.ts +6 -0
  181. package/dist/types/native/components/MarketingShell.d.ts +9 -0
  182. package/dist/types/native/components/MenuDrawer.d.ts +21 -0
  183. package/dist/types/native/components/MultiSelect.d.ts +13 -0
  184. package/dist/types/native/components/NavigationBar.d.ts +18 -0
  185. package/dist/types/native/components/NotificationBadge.d.ts +9 -0
  186. package/dist/types/native/components/NumberInput.d.ts +9 -0
  187. package/dist/types/native/components/OrderSummary.d.ts +10 -0
  188. package/dist/types/native/components/Pagination.d.ts +7 -0
  189. package/dist/types/native/components/PillToggle.d.ts +12 -0
  190. package/dist/types/native/components/Popover.d.ts +14 -0
  191. package/dist/types/native/components/PriceDisplay.d.ts +8 -0
  192. package/dist/types/native/components/ProductCard.d.ts +14 -0
  193. package/dist/types/native/components/ProductCarousel.d.ts +11 -0
  194. package/dist/types/native/components/Progress.d.ts +7 -0
  195. package/dist/types/native/components/ProgressRing.d.ts +12 -0
  196. package/dist/types/native/components/ProgressSteps.d.ts +9 -0
  197. package/dist/types/native/components/QuantitySelector.d.ts +6 -0
  198. package/dist/types/native/components/RadioGroup.d.ts +13 -0
  199. package/dist/types/native/components/RatingDisplay.d.ts +7 -0
  200. package/dist/types/native/components/ResponsiveDialog.d.ts +7 -0
  201. package/dist/types/native/components/ReviewCard.d.ts +11 -0
  202. package/dist/types/native/components/ReviewOverlay.d.ts +7 -0
  203. package/dist/types/native/components/ReviewSummary.d.ts +7 -0
  204. package/dist/types/native/components/ScrollArea.d.ts +9 -0
  205. package/dist/types/native/components/SearchBar.d.ts +9 -0
  206. package/dist/types/native/components/SectionHeader.d.ts +10 -0
  207. package/dist/types/native/components/Select.d.ts +14 -0
  208. package/dist/types/native/components/Separator.d.ts +5 -0
  209. package/dist/types/native/components/ShareButtons.d.ts +11 -0
  210. package/dist/types/native/components/Sheet.d.ts +20 -0
  211. package/dist/types/native/components/SimplePagination.d.ts +7 -0
  212. package/dist/types/native/components/Skeleton.d.ts +11 -0
  213. package/dist/types/native/components/Slider.d.ts +9 -0
  214. package/dist/types/native/components/SocialIcon.d.ts +12 -0
  215. package/dist/types/native/components/SocialLoginButton.d.ts +8 -0
  216. package/dist/types/native/components/Spinner.d.ts +6 -0
  217. package/dist/types/native/components/Stack.d.ts +13 -0
  218. package/dist/types/native/components/StarRating.d.ts +9 -0
  219. package/dist/types/native/components/StatCard.d.ts +7 -0
  220. package/dist/types/native/components/StickyActionBar.d.ts +6 -0
  221. package/dist/types/native/components/SubNav.d.ts +12 -0
  222. package/dist/types/native/components/SwipeRow.d.ts +14 -0
  223. package/dist/types/native/components/Switch.d.ts +4 -0
  224. package/dist/types/native/components/SyncStatusBadge.d.ts +6 -0
  225. package/dist/types/native/components/Tabs.d.ts +23 -0
  226. package/dist/types/native/components/Tag.d.ts +10 -0
  227. package/dist/types/native/components/TagInput.d.ts +7 -0
  228. package/dist/types/native/components/Text.d.ts +10 -0
  229. package/dist/types/native/components/Textarea.d.ts +7 -0
  230. package/dist/types/native/components/TimePicker.d.ts +12 -0
  231. package/dist/types/native/components/Toast.d.ts +18 -0
  232. package/dist/types/native/components/index.d.ts +99 -0
  233. package/dist/types/native/components/social-icon-data.d.ts +5 -0
  234. package/dist/types/native/index.d.ts +4 -0
  235. package/dist/types/native/theme/ThemeProvider.d.ts +21 -0
  236. package/dist/types/native/typography.d.ts +8 -0
  237. package/dist/types/tokens/native/index.d.ts +13 -0
  238. package/dist/types/tokens/native/primitives.d.ts +116 -0
  239. package/dist/types/tokens/native/scales.d.ts +270 -0
  240. package/dist/types/tokens/native/themes.d.ts +1147 -0
  241. package/eslint/deprecated.js +104 -0
  242. package/eslint/no-colorless-border.js +217 -0
  243. package/package.json +215 -0
  244. package/scripts/codemod/README.md +51 -0
  245. package/scripts/codemod/template.mjs +164 -0
  246. package/src/components/COMPONENT_LOOKUP.md +190 -0
  247. package/src/preset.css +168 -0
  248. package/src/styles/categorical.css +161 -0
  249. package/src/styles/glass.css +365 -0
  250. package/src/styles/primitive.css +161 -0
  251. package/src/styles/semantic.css +247 -0
  252. package/src/styles/typography.css +140 -0
  253. package/src/themes/README.md +44 -0
  254. package/src/themes/blue.css +21 -0
  255. package/src/themes/default.css +12 -0
  256. package/src/themes/green.css +22 -0
  257. package/src/themes/orange.css +21 -0
  258. package/src/themes/violet.css +22 -0
  259. package/templates/AGENTS.md +77 -0
  260. package/templates/CLAUDE.md +77 -0
  261. package/tokens.json +607 -0
package/dist/native.js ADDED
@@ -0,0 +1,1559 @@
1
+ const a = {
2
+ default: {
3
+ light: {
4
+ surface: {
5
+ primary: "#FFFFFF",
6
+ secondary: "#F9FAFB",
7
+ tertiary: "#F3F4F6",
8
+ quaternary: "#E5E7EB",
9
+ disable: "#F3F4F6",
10
+ inverse: "#111827",
11
+ "accent-primary": "#3B82F6",
12
+ "accent-primary-light": "#EFF6FF",
13
+ "accent-primary-ultra-light": "#EFF6FF",
14
+ caution: "#FEF2F2",
15
+ success: "#F0FDF4",
16
+ warning: "#FFFBEB",
17
+ info: "#EFF6FF",
18
+ "caution-subtle": "rgba(239, 68, 68, 0.15)",
19
+ "success-subtle": "rgba(34, 197, 94, 0.15)",
20
+ "warning-subtle": "rgba(249, 115, 22, 0.15)",
21
+ "info-subtle": "rgba(59, 130, 246, 0.15)",
22
+ "accent-primary-subtle": "rgba(59, 130, 246, 0.15)",
23
+ "caution-strong": "#EF4444",
24
+ "success-strong": "#22C55E",
25
+ "warning-strong": "#F97316",
26
+ "info-strong": "#3B82F6",
27
+ "videoOverlay-light": "rgba(0, 0, 0, 0.40)",
28
+ "videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
29
+ "videoOverlay-strong": "rgba(0, 0, 0, 0.80)"
30
+ },
31
+ text: {
32
+ "high-emphasis": "#111827",
33
+ "medium-emphasis": "#374151",
34
+ "low-emphasis": "#6B7280",
35
+ disable: "#9CA3AF",
36
+ "on-inverse": "#FFFFFF",
37
+ "on-inverse-secondary": "rgba(255, 255, 255, 0.80)",
38
+ "accent-primary": "#2563EB",
39
+ success: "#15803D",
40
+ caution: "#DC2626",
41
+ warning: "#EA580C",
42
+ info: "#2563EB"
43
+ },
44
+ object: {
45
+ "high-emphasis": "#111827",
46
+ "medium-emphasis": "#4B5563",
47
+ "low-emphasis": "#9CA3AF",
48
+ disable: "#D1D5DB",
49
+ "on-inverse": "#FFFFFF",
50
+ "accent-primary": "#3B82F6",
51
+ caution: "#EF4444",
52
+ success: "#22C55E",
53
+ warning: "#F97316",
54
+ info: "#3B82F6",
55
+ favorite: "#EF4444",
56
+ rating: "#F59E0B"
57
+ },
58
+ border: {
59
+ "high-emphasis": "#374151",
60
+ "medium-emphasis": "#D1D5DB",
61
+ "low-emphasis": "#E5E7EB",
62
+ disable: "#E5E7EB",
63
+ "accent-primary": "#3B82F6",
64
+ caution: "#EF4444",
65
+ success: "#22C55E",
66
+ warning: "#F97316",
67
+ info: "#3B82F6",
68
+ "accent-primary-subtle": "rgba(59, 130, 246, 0.3)",
69
+ "caution-subtle": "rgba(239, 68, 68, 0.30)",
70
+ "success-subtle": "rgba(34, 197, 94, 0.30)",
71
+ "info-subtle": "rgba(59, 130, 246, 0.30)"
72
+ },
73
+ brand: {
74
+ primary: "#2563EB",
75
+ action: "#1D4ED8",
76
+ light: "#DBEAFE",
77
+ "ultra-light": "#EFF6FF",
78
+ line: "#06C755",
79
+ "google-border": "#DADCE0",
80
+ apple: "#000000",
81
+ amazon: "#232F3E",
82
+ "amazon-accent": "#FF9900"
83
+ },
84
+ hover: {
85
+ "primary-button": "#1D4ED8",
86
+ "secondary-button": "#EFF6FF",
87
+ "tertiary-button": "#F3F4F6",
88
+ "ghost-button": "#F3F4F6",
89
+ "destructive-button": "#B91C1C"
90
+ },
91
+ active: {
92
+ "primary-button": "#1E40AF",
93
+ "secondary-button": "#DBEAFE",
94
+ "tertiary-button": "#E5E7EB",
95
+ "destructive-button": "#991B1B"
96
+ },
97
+ overlay: {
98
+ dark: "rgba(17, 24, 39, 0.64)",
99
+ medium: "rgba(17, 24, 39, 0.36)",
100
+ light: "rgba(17, 24, 39, 0.08)"
101
+ },
102
+ focus: {
103
+ "high-emphasis": "#60A5FA"
104
+ },
105
+ caution: {
106
+ base: "#DC2626",
107
+ action: "#B91C1C"
108
+ },
109
+ success: {
110
+ base: "#16A34A"
111
+ },
112
+ warning: {
113
+ base: "#EA580C"
114
+ },
115
+ info: {
116
+ base: "#2563EB"
117
+ }
118
+ },
119
+ dark: {
120
+ surface: {
121
+ primary: "#111827",
122
+ secondary: "#1F2937",
123
+ tertiary: "#374151",
124
+ quaternary: "#4B5563",
125
+ disable: "#1F2937",
126
+ inverse: "#FFFFFF",
127
+ "accent-primary": "#3B82F6",
128
+ "accent-primary-light": "#1E3A8A",
129
+ "accent-primary-ultra-light": "#1E3A8A",
130
+ caution: "#2d1414",
131
+ success: "#14532D",
132
+ warning: "#78350F",
133
+ info: "#1E3A8A",
134
+ "caution-subtle": "rgba(248, 113, 113, 0.20)",
135
+ "success-subtle": "rgba(74, 222, 128, 0.20)",
136
+ "warning-subtle": "rgba(251, 146, 60, 0.20)",
137
+ "info-subtle": "rgba(96, 165, 250, 0.20)",
138
+ "accent-primary-subtle": "rgba(96, 165, 250, 0.2)",
139
+ "caution-strong": "#EF4444",
140
+ "success-strong": "#22C55E",
141
+ "warning-strong": "#F97316",
142
+ "info-strong": "#3B82F6",
143
+ "videoOverlay-light": "rgba(0, 0, 0, 0.40)",
144
+ "videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
145
+ "videoOverlay-strong": "rgba(0, 0, 0, 0.80)"
146
+ },
147
+ text: {
148
+ "high-emphasis": "rgba(255, 255, 255, 1.00)",
149
+ "medium-emphasis": "rgba(255, 255, 255, 0.80)",
150
+ "low-emphasis": "rgba(255, 255, 255, 0.48)",
151
+ disable: "rgba(255, 255, 255, 0.24)",
152
+ "on-inverse": "#111827",
153
+ "on-inverse-secondary": "#374151",
154
+ "accent-primary": "#60A5FA",
155
+ success: "#4ADE80",
156
+ caution: "#F87171",
157
+ warning: "#FB923C",
158
+ info: "#60A5FA"
159
+ },
160
+ object: {
161
+ "high-emphasis": "rgba(255, 255, 255, 1.00)",
162
+ "medium-emphasis": "rgba(255, 255, 255, 0.64)",
163
+ "low-emphasis": "rgba(255, 255, 255, 0.36)",
164
+ disable: "rgba(255, 255, 255, 0.16)",
165
+ "on-inverse": "#111827",
166
+ "accent-primary": "#60A5FA",
167
+ caution: "#F87171",
168
+ success: "#4ADE80",
169
+ warning: "#FB923C",
170
+ info: "#60A5FA",
171
+ favorite: "#F87171",
172
+ rating: "#FBBF24"
173
+ },
174
+ border: {
175
+ "high-emphasis": "rgba(255, 255, 255, 0.36)",
176
+ "medium-emphasis": "rgba(255, 255, 255, 0.16)",
177
+ "low-emphasis": "rgba(255, 255, 255, 0.08)",
178
+ disable: "rgba(255, 255, 255, 0.04)",
179
+ "accent-primary": "#60A5FA",
180
+ caution: "#F87171",
181
+ success: "#4ADE80",
182
+ warning: "#FB923C",
183
+ info: "#60A5FA",
184
+ "accent-primary-subtle": "rgba(96, 165, 250, 0.4)",
185
+ "caution-subtle": "rgba(248, 113, 113, 0.40)",
186
+ "success-subtle": "rgba(74, 222, 128, 0.40)",
187
+ "info-subtle": "rgba(96, 165, 250, 0.40)"
188
+ },
189
+ brand: {
190
+ primary: "#60A5FA",
191
+ action: "#93C5FD",
192
+ light: "#1E3A8A",
193
+ "ultra-light": "#1E3A8A"
194
+ },
195
+ hover: {
196
+ "primary-button": "#3B82F6",
197
+ "secondary-button": "#1E3A8A",
198
+ "tertiary-button": "rgba(255, 255, 255, 0.04)",
199
+ "ghost-button": "rgba(255, 255, 255, 0.04)",
200
+ "destructive-button": "#EF4444"
201
+ },
202
+ active: {
203
+ "primary-button": "#2563EB",
204
+ "secondary-button": "#1E40AF",
205
+ "tertiary-button": "rgba(255, 255, 255, 0.08)",
206
+ "destructive-button": "#DC2626"
207
+ },
208
+ overlay: {
209
+ dark: "rgba(17, 24, 39, 0.80)",
210
+ medium: "rgba(17, 24, 39, 0.48)",
211
+ light: "rgba(17, 24, 39, 0.16)"
212
+ },
213
+ focus: {
214
+ "high-emphasis": "#60A5FA"
215
+ },
216
+ caution: {
217
+ base: "#F87171",
218
+ action: "#EF4444"
219
+ },
220
+ success: {
221
+ base: "#4ADE80"
222
+ },
223
+ warning: {
224
+ base: "#FB923C"
225
+ },
226
+ info: {
227
+ base: "#60A5FA"
228
+ }
229
+ }
230
+ },
231
+ blue: {
232
+ light: {
233
+ surface: {
234
+ primary: "#FFFFFF",
235
+ secondary: "#F9FAFB",
236
+ tertiary: "#F3F4F6",
237
+ quaternary: "#E5E7EB",
238
+ disable: "#F3F4F6",
239
+ inverse: "#111827",
240
+ "accent-primary": "#3B82F6",
241
+ "accent-primary-light": "#EFF6FF",
242
+ "accent-primary-ultra-light": "#EFF6FF",
243
+ caution: "#FEF2F2",
244
+ success: "#F0FDF4",
245
+ warning: "#FFFBEB",
246
+ info: "#EFF6FF",
247
+ "caution-subtle": "rgba(239, 68, 68, 0.15)",
248
+ "success-subtle": "rgba(34, 197, 94, 0.15)",
249
+ "warning-subtle": "rgba(249, 115, 22, 0.15)",
250
+ "info-subtle": "rgba(59, 130, 246, 0.15)",
251
+ "accent-primary-subtle": "rgba(59, 130, 246, 0.15)",
252
+ "caution-strong": "#EF4444",
253
+ "success-strong": "#22C55E",
254
+ "warning-strong": "#F97316",
255
+ "info-strong": "#3B82F6",
256
+ "videoOverlay-light": "rgba(0, 0, 0, 0.40)",
257
+ "videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
258
+ "videoOverlay-strong": "rgba(0, 0, 0, 0.80)"
259
+ },
260
+ text: {
261
+ "high-emphasis": "#111827",
262
+ "medium-emphasis": "#374151",
263
+ "low-emphasis": "#6B7280",
264
+ disable: "#9CA3AF",
265
+ "on-inverse": "#FFFFFF",
266
+ "on-inverse-secondary": "rgba(255, 255, 255, 0.80)",
267
+ "accent-primary": "#2563EB",
268
+ success: "#15803D",
269
+ caution: "#DC2626",
270
+ warning: "#EA580C",
271
+ info: "#2563EB"
272
+ },
273
+ object: {
274
+ "high-emphasis": "#111827",
275
+ "medium-emphasis": "#4B5563",
276
+ "low-emphasis": "#9CA3AF",
277
+ disable: "#D1D5DB",
278
+ "on-inverse": "#FFFFFF",
279
+ "accent-primary": "#3B82F6",
280
+ caution: "#EF4444",
281
+ success: "#22C55E",
282
+ warning: "#F97316",
283
+ info: "#3B82F6",
284
+ favorite: "#EF4444",
285
+ rating: "#F59E0B"
286
+ },
287
+ border: {
288
+ "high-emphasis": "#374151",
289
+ "medium-emphasis": "#D1D5DB",
290
+ "low-emphasis": "#E5E7EB",
291
+ disable: "#E5E7EB",
292
+ "accent-primary": "#3B82F6",
293
+ caution: "#EF4444",
294
+ success: "#22C55E",
295
+ warning: "#F97316",
296
+ info: "#3B82F6",
297
+ "accent-primary-subtle": "rgba(59, 130, 246, 0.3)",
298
+ "caution-subtle": "rgba(239, 68, 68, 0.30)",
299
+ "success-subtle": "rgba(34, 197, 94, 0.30)",
300
+ "info-subtle": "rgba(59, 130, 246, 0.30)"
301
+ },
302
+ brand: {
303
+ primary: "#2563EB",
304
+ action: "#1D4ED8",
305
+ light: "#DBEAFE",
306
+ "ultra-light": "#EFF6FF",
307
+ line: "#06C755",
308
+ "google-border": "#DADCE0",
309
+ apple: "#000000",
310
+ amazon: "#232F3E",
311
+ "amazon-accent": "#FF9900"
312
+ },
313
+ hover: {
314
+ "primary-button": "#1D4ED8",
315
+ "secondary-button": "#EFF6FF",
316
+ "tertiary-button": "#F3F4F6",
317
+ "ghost-button": "#F3F4F6",
318
+ "destructive-button": "#B91C1C"
319
+ },
320
+ active: {
321
+ "primary-button": "#1E40AF",
322
+ "secondary-button": "#DBEAFE",
323
+ "tertiary-button": "#E5E7EB",
324
+ "destructive-button": "#991B1B"
325
+ },
326
+ overlay: {
327
+ dark: "rgba(17, 24, 39, 0.64)",
328
+ medium: "rgba(17, 24, 39, 0.36)",
329
+ light: "rgba(17, 24, 39, 0.08)"
330
+ },
331
+ focus: {
332
+ "high-emphasis": "#60A5FA"
333
+ },
334
+ caution: {
335
+ base: "#DC2626",
336
+ action: "#B91C1C"
337
+ },
338
+ success: {
339
+ base: "#16A34A"
340
+ },
341
+ warning: {
342
+ base: "#EA580C"
343
+ },
344
+ info: {
345
+ base: "#2563EB"
346
+ }
347
+ },
348
+ dark: {
349
+ surface: {
350
+ primary: "#111827",
351
+ secondary: "#1F2937",
352
+ tertiary: "#374151",
353
+ quaternary: "#4B5563",
354
+ disable: "#1F2937",
355
+ inverse: "#FFFFFF",
356
+ "accent-primary": "#3B82F6",
357
+ "accent-primary-light": "#1E3A8A",
358
+ "accent-primary-ultra-light": "#1E3A8A",
359
+ caution: "#2d1414",
360
+ success: "#14532D",
361
+ warning: "#78350F",
362
+ info: "#1E3A8A",
363
+ "caution-subtle": "rgba(248, 113, 113, 0.20)",
364
+ "success-subtle": "rgba(74, 222, 128, 0.20)",
365
+ "warning-subtle": "rgba(251, 146, 60, 0.20)",
366
+ "info-subtle": "rgba(96, 165, 250, 0.20)",
367
+ "accent-primary-subtle": "rgba(96, 165, 250, 0.2)",
368
+ "caution-strong": "#EF4444",
369
+ "success-strong": "#22C55E",
370
+ "warning-strong": "#F97316",
371
+ "info-strong": "#3B82F6",
372
+ "videoOverlay-light": "rgba(0, 0, 0, 0.40)",
373
+ "videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
374
+ "videoOverlay-strong": "rgba(0, 0, 0, 0.80)"
375
+ },
376
+ text: {
377
+ "high-emphasis": "rgba(255, 255, 255, 1.00)",
378
+ "medium-emphasis": "rgba(255, 255, 255, 0.80)",
379
+ "low-emphasis": "rgba(255, 255, 255, 0.48)",
380
+ disable: "rgba(255, 255, 255, 0.24)",
381
+ "on-inverse": "#111827",
382
+ "on-inverse-secondary": "#374151",
383
+ "accent-primary": "#60A5FA",
384
+ success: "#4ADE80",
385
+ caution: "#F87171",
386
+ warning: "#FB923C",
387
+ info: "#60A5FA"
388
+ },
389
+ object: {
390
+ "high-emphasis": "rgba(255, 255, 255, 1.00)",
391
+ "medium-emphasis": "rgba(255, 255, 255, 0.64)",
392
+ "low-emphasis": "rgba(255, 255, 255, 0.36)",
393
+ disable: "rgba(255, 255, 255, 0.16)",
394
+ "on-inverse": "#111827",
395
+ "accent-primary": "#60A5FA",
396
+ caution: "#F87171",
397
+ success: "#4ADE80",
398
+ warning: "#FB923C",
399
+ info: "#60A5FA",
400
+ favorite: "#F87171",
401
+ rating: "#FBBF24"
402
+ },
403
+ border: {
404
+ "high-emphasis": "rgba(255, 255, 255, 0.36)",
405
+ "medium-emphasis": "rgba(255, 255, 255, 0.16)",
406
+ "low-emphasis": "rgba(255, 255, 255, 0.08)",
407
+ disable: "rgba(255, 255, 255, 0.04)",
408
+ "accent-primary": "#60A5FA",
409
+ caution: "#F87171",
410
+ success: "#4ADE80",
411
+ warning: "#FB923C",
412
+ info: "#60A5FA",
413
+ "accent-primary-subtle": "rgba(96, 165, 250, 0.4)",
414
+ "caution-subtle": "rgba(248, 113, 113, 0.40)",
415
+ "success-subtle": "rgba(74, 222, 128, 0.40)",
416
+ "info-subtle": "rgba(96, 165, 250, 0.40)"
417
+ },
418
+ brand: {
419
+ primary: "#60A5FA",
420
+ action: "#93C5FD",
421
+ light: "#1E3A8A",
422
+ "ultra-light": "#1E3A8A"
423
+ },
424
+ hover: {
425
+ "primary-button": "#3B82F6",
426
+ "secondary-button": "#1E3A8A",
427
+ "tertiary-button": "rgba(255, 255, 255, 0.04)",
428
+ "ghost-button": "rgba(255, 255, 255, 0.04)",
429
+ "destructive-button": "#EF4444"
430
+ },
431
+ active: {
432
+ "primary-button": "#2563EB",
433
+ "secondary-button": "#1E40AF",
434
+ "tertiary-button": "rgba(255, 255, 255, 0.08)",
435
+ "destructive-button": "#DC2626"
436
+ },
437
+ overlay: {
438
+ dark: "rgba(17, 24, 39, 0.80)",
439
+ medium: "rgba(17, 24, 39, 0.48)",
440
+ light: "rgba(17, 24, 39, 0.16)"
441
+ },
442
+ focus: {
443
+ "high-emphasis": "#60A5FA"
444
+ },
445
+ caution: {
446
+ base: "#F87171",
447
+ action: "#EF4444"
448
+ },
449
+ success: {
450
+ base: "#4ADE80"
451
+ },
452
+ warning: {
453
+ base: "#FB923C"
454
+ },
455
+ info: {
456
+ base: "#60A5FA"
457
+ }
458
+ }
459
+ },
460
+ orange: {
461
+ light: {
462
+ surface: {
463
+ primary: "#FFFFFF",
464
+ secondary: "#F9FAFB",
465
+ tertiary: "#F3F4F6",
466
+ quaternary: "#E5E7EB",
467
+ disable: "#F3F4F6",
468
+ inverse: "#111827",
469
+ "accent-primary": "#F97316",
470
+ "accent-primary-light": "#FFF7ED",
471
+ "accent-primary-ultra-light": "#FFF7ED",
472
+ caution: "#FEF2F2",
473
+ success: "#F0FDF4",
474
+ warning: "#FFFBEB",
475
+ info: "#EFF6FF",
476
+ "caution-subtle": "rgba(239, 68, 68, 0.15)",
477
+ "success-subtle": "rgba(34, 197, 94, 0.15)",
478
+ "warning-subtle": "rgba(249, 115, 22, 0.15)",
479
+ "info-subtle": "rgba(59, 130, 246, 0.15)",
480
+ "accent-primary-subtle": "rgba(249, 115, 22, 0.15)",
481
+ "caution-strong": "#EF4444",
482
+ "success-strong": "#22C55E",
483
+ "warning-strong": "#F97316",
484
+ "info-strong": "#3B82F6",
485
+ "videoOverlay-light": "rgba(0, 0, 0, 0.40)",
486
+ "videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
487
+ "videoOverlay-strong": "rgba(0, 0, 0, 0.80)"
488
+ },
489
+ text: {
490
+ "high-emphasis": "#111827",
491
+ "medium-emphasis": "#374151",
492
+ "low-emphasis": "#6B7280",
493
+ disable: "#9CA3AF",
494
+ "on-inverse": "#FFFFFF",
495
+ "on-inverse-secondary": "rgba(255, 255, 255, 0.80)",
496
+ "accent-primary": "#C2410C",
497
+ success: "#15803D",
498
+ caution: "#DC2626",
499
+ warning: "#EA580C",
500
+ info: "#2563EB"
501
+ },
502
+ object: {
503
+ "high-emphasis": "#111827",
504
+ "medium-emphasis": "#4B5563",
505
+ "low-emphasis": "#9CA3AF",
506
+ disable: "#D1D5DB",
507
+ "on-inverse": "#FFFFFF",
508
+ "accent-primary": "#F97316",
509
+ caution: "#EF4444",
510
+ success: "#22C55E",
511
+ warning: "#F97316",
512
+ info: "#3B82F6",
513
+ favorite: "#EF4444",
514
+ rating: "#F59E0B"
515
+ },
516
+ border: {
517
+ "high-emphasis": "#374151",
518
+ "medium-emphasis": "#D1D5DB",
519
+ "low-emphasis": "#E5E7EB",
520
+ disable: "#E5E7EB",
521
+ "accent-primary": "#F97316",
522
+ caution: "#EF4444",
523
+ success: "#22C55E",
524
+ warning: "#F97316",
525
+ info: "#3B82F6",
526
+ "accent-primary-subtle": "rgba(249, 115, 22, 0.3)",
527
+ "caution-subtle": "rgba(239, 68, 68, 0.30)",
528
+ "success-subtle": "rgba(34, 197, 94, 0.30)",
529
+ "info-subtle": "rgba(59, 130, 246, 0.30)"
530
+ },
531
+ brand: {
532
+ primary: "#C2410C",
533
+ action: "#9A3412",
534
+ light: "#FFEDD5",
535
+ "ultra-light": "#FFF7ED",
536
+ line: "#06C755",
537
+ "google-border": "#DADCE0",
538
+ apple: "#000000",
539
+ amazon: "#232F3E",
540
+ "amazon-accent": "#FF9900"
541
+ },
542
+ hover: {
543
+ "primary-button": "#9A3412",
544
+ "secondary-button": "#FFF7ED",
545
+ "tertiary-button": "#F3F4F6",
546
+ "ghost-button": "#F3F4F6",
547
+ "destructive-button": "#B91C1C"
548
+ },
549
+ active: {
550
+ "primary-button": "#7C2D12",
551
+ "secondary-button": "#FFEDD5",
552
+ "tertiary-button": "#E5E7EB",
553
+ "destructive-button": "#991B1B"
554
+ },
555
+ overlay: {
556
+ dark: "rgba(17, 24, 39, 0.64)",
557
+ medium: "rgba(17, 24, 39, 0.36)",
558
+ light: "rgba(17, 24, 39, 0.08)"
559
+ },
560
+ focus: {
561
+ "high-emphasis": "#FB923C"
562
+ },
563
+ caution: {
564
+ base: "#DC2626",
565
+ action: "#B91C1C"
566
+ },
567
+ success: {
568
+ base: "#16A34A"
569
+ },
570
+ warning: {
571
+ base: "#EA580C"
572
+ },
573
+ info: {
574
+ base: "#2563EB"
575
+ }
576
+ },
577
+ dark: {
578
+ surface: {
579
+ primary: "#111827",
580
+ secondary: "#1F2937",
581
+ tertiary: "#374151",
582
+ quaternary: "#4B5563",
583
+ disable: "#1F2937",
584
+ inverse: "#FFFFFF",
585
+ "accent-primary": "#F97316",
586
+ "accent-primary-light": "#431407",
587
+ "accent-primary-ultra-light": "#431407",
588
+ caution: "#2d1414",
589
+ success: "#14532D",
590
+ warning: "#78350F",
591
+ info: "#1E3A8A",
592
+ "caution-subtle": "rgba(248, 113, 113, 0.20)",
593
+ "success-subtle": "rgba(74, 222, 128, 0.20)",
594
+ "warning-subtle": "rgba(251, 146, 60, 0.20)",
595
+ "info-subtle": "rgba(96, 165, 250, 0.20)",
596
+ "accent-primary-subtle": "rgba(251, 146, 60, 0.2)",
597
+ "caution-strong": "#EF4444",
598
+ "success-strong": "#22C55E",
599
+ "warning-strong": "#F97316",
600
+ "info-strong": "#3B82F6",
601
+ "videoOverlay-light": "rgba(0, 0, 0, 0.40)",
602
+ "videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
603
+ "videoOverlay-strong": "rgba(0, 0, 0, 0.80)"
604
+ },
605
+ text: {
606
+ "high-emphasis": "rgba(255, 255, 255, 1.00)",
607
+ "medium-emphasis": "rgba(255, 255, 255, 0.80)",
608
+ "low-emphasis": "rgba(255, 255, 255, 0.48)",
609
+ disable: "rgba(255, 255, 255, 0.24)",
610
+ "on-inverse": "#111827",
611
+ "on-inverse-secondary": "#374151",
612
+ "accent-primary": "#FB923C",
613
+ success: "#4ADE80",
614
+ caution: "#F87171",
615
+ warning: "#FB923C",
616
+ info: "#60A5FA"
617
+ },
618
+ object: {
619
+ "high-emphasis": "rgba(255, 255, 255, 1.00)",
620
+ "medium-emphasis": "rgba(255, 255, 255, 0.64)",
621
+ "low-emphasis": "rgba(255, 255, 255, 0.36)",
622
+ disable: "rgba(255, 255, 255, 0.16)",
623
+ "on-inverse": "#111827",
624
+ "accent-primary": "#FB923C",
625
+ caution: "#F87171",
626
+ success: "#4ADE80",
627
+ warning: "#FB923C",
628
+ info: "#60A5FA",
629
+ favorite: "#F87171",
630
+ rating: "#FBBF24"
631
+ },
632
+ border: {
633
+ "high-emphasis": "rgba(255, 255, 255, 0.36)",
634
+ "medium-emphasis": "rgba(255, 255, 255, 0.16)",
635
+ "low-emphasis": "rgba(255, 255, 255, 0.08)",
636
+ disable: "rgba(255, 255, 255, 0.04)",
637
+ "accent-primary": "#FB923C",
638
+ caution: "#F87171",
639
+ success: "#4ADE80",
640
+ warning: "#FB923C",
641
+ info: "#60A5FA",
642
+ "accent-primary-subtle": "rgba(251, 146, 60, 0.4)",
643
+ "caution-subtle": "rgba(248, 113, 113, 0.40)",
644
+ "success-subtle": "rgba(74, 222, 128, 0.40)",
645
+ "info-subtle": "rgba(96, 165, 250, 0.40)"
646
+ },
647
+ brand: {
648
+ primary: "#FB923C",
649
+ action: "#FDBA74",
650
+ light: "#431407",
651
+ "ultra-light": "#431407"
652
+ },
653
+ hover: {
654
+ "primary-button": "#F97316",
655
+ "secondary-button": "#431407",
656
+ "tertiary-button": "rgba(255, 255, 255, 0.04)",
657
+ "ghost-button": "rgba(255, 255, 255, 0.04)",
658
+ "destructive-button": "#EF4444"
659
+ },
660
+ active: {
661
+ "primary-button": "#C2410C",
662
+ "secondary-button": "#7C2D12",
663
+ "tertiary-button": "rgba(255, 255, 255, 0.08)",
664
+ "destructive-button": "#DC2626"
665
+ },
666
+ overlay: {
667
+ dark: "rgba(17, 24, 39, 0.80)",
668
+ medium: "rgba(17, 24, 39, 0.48)",
669
+ light: "rgba(17, 24, 39, 0.16)"
670
+ },
671
+ focus: {
672
+ "high-emphasis": "#FB923C"
673
+ },
674
+ caution: {
675
+ base: "#F87171",
676
+ action: "#EF4444"
677
+ },
678
+ success: {
679
+ base: "#4ADE80"
680
+ },
681
+ warning: {
682
+ base: "#FB923C"
683
+ },
684
+ info: {
685
+ base: "#60A5FA"
686
+ }
687
+ }
688
+ },
689
+ green: {
690
+ light: {
691
+ surface: {
692
+ primary: "#FFFFFF",
693
+ secondary: "#F9FAFB",
694
+ tertiary: "#F3F4F6",
695
+ quaternary: "#E5E7EB",
696
+ disable: "#F3F4F6",
697
+ inverse: "#111827",
698
+ "accent-primary": "#16A34A",
699
+ "accent-primary-light": "#F0FDF4",
700
+ "accent-primary-ultra-light": "#F0FDF4",
701
+ caution: "#FEF2F2",
702
+ success: "#F0FDF4",
703
+ warning: "#FFFBEB",
704
+ info: "#EFF6FF",
705
+ "caution-subtle": "rgba(239, 68, 68, 0.15)",
706
+ "success-subtle": "rgba(34, 197, 94, 0.15)",
707
+ "warning-subtle": "rgba(249, 115, 22, 0.15)",
708
+ "info-subtle": "rgba(59, 130, 246, 0.15)",
709
+ "accent-primary-subtle": "rgba(22, 163, 74, 0.15)",
710
+ "caution-strong": "#EF4444",
711
+ "success-strong": "#22C55E",
712
+ "warning-strong": "#F97316",
713
+ "info-strong": "#3B82F6",
714
+ "videoOverlay-light": "rgba(0, 0, 0, 0.40)",
715
+ "videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
716
+ "videoOverlay-strong": "rgba(0, 0, 0, 0.80)"
717
+ },
718
+ text: {
719
+ "high-emphasis": "#111827",
720
+ "medium-emphasis": "#374151",
721
+ "low-emphasis": "#6B7280",
722
+ disable: "#9CA3AF",
723
+ "on-inverse": "#FFFFFF",
724
+ "on-inverse-secondary": "rgba(255, 255, 255, 0.80)",
725
+ "accent-primary": "#15803D",
726
+ success: "#15803D",
727
+ caution: "#DC2626",
728
+ warning: "#EA580C",
729
+ info: "#2563EB"
730
+ },
731
+ object: {
732
+ "high-emphasis": "#111827",
733
+ "medium-emphasis": "#4B5563",
734
+ "low-emphasis": "#9CA3AF",
735
+ disable: "#D1D5DB",
736
+ "on-inverse": "#FFFFFF",
737
+ "accent-primary": "#16A34A",
738
+ caution: "#EF4444",
739
+ success: "#22C55E",
740
+ warning: "#F97316",
741
+ info: "#3B82F6",
742
+ favorite: "#EF4444",
743
+ rating: "#F59E0B"
744
+ },
745
+ border: {
746
+ "high-emphasis": "#374151",
747
+ "medium-emphasis": "#D1D5DB",
748
+ "low-emphasis": "#E5E7EB",
749
+ disable: "#E5E7EB",
750
+ "accent-primary": "#16A34A",
751
+ caution: "#EF4444",
752
+ success: "#22C55E",
753
+ warning: "#F97316",
754
+ info: "#3B82F6",
755
+ "accent-primary-subtle": "rgba(22, 163, 74, 0.3)",
756
+ "caution-subtle": "rgba(239, 68, 68, 0.30)",
757
+ "success-subtle": "rgba(34, 197, 94, 0.30)",
758
+ "info-subtle": "rgba(59, 130, 246, 0.30)"
759
+ },
760
+ brand: {
761
+ primary: "#15803D",
762
+ action: "#166534",
763
+ light: "#DCFCE7",
764
+ "ultra-light": "#F0FDF4",
765
+ line: "#06C755",
766
+ "google-border": "#DADCE0",
767
+ apple: "#000000",
768
+ amazon: "#232F3E",
769
+ "amazon-accent": "#FF9900"
770
+ },
771
+ hover: {
772
+ "primary-button": "#166534",
773
+ "secondary-button": "#F0FDF4",
774
+ "tertiary-button": "#F3F4F6",
775
+ "ghost-button": "#F3F4F6",
776
+ "destructive-button": "#B91C1C"
777
+ },
778
+ active: {
779
+ "primary-button": "#14532D",
780
+ "secondary-button": "#DCFCE7",
781
+ "tertiary-button": "#E5E7EB",
782
+ "destructive-button": "#991B1B"
783
+ },
784
+ overlay: {
785
+ dark: "rgba(17, 24, 39, 0.64)",
786
+ medium: "rgba(17, 24, 39, 0.36)",
787
+ light: "rgba(17, 24, 39, 0.08)"
788
+ },
789
+ focus: {
790
+ "high-emphasis": "#4ADE80"
791
+ },
792
+ caution: {
793
+ base: "#DC2626",
794
+ action: "#B91C1C"
795
+ },
796
+ success: {
797
+ base: "#16A34A"
798
+ },
799
+ warning: {
800
+ base: "#EA580C"
801
+ },
802
+ info: {
803
+ base: "#2563EB"
804
+ }
805
+ },
806
+ dark: {
807
+ surface: {
808
+ primary: "#111827",
809
+ secondary: "#1F2937",
810
+ tertiary: "#374151",
811
+ quaternary: "#4B5563",
812
+ disable: "#1F2937",
813
+ inverse: "#FFFFFF",
814
+ "accent-primary": "#16A34A",
815
+ "accent-primary-light": "#052E16",
816
+ "accent-primary-ultra-light": "#052E16",
817
+ caution: "#2d1414",
818
+ success: "#14532D",
819
+ warning: "#78350F",
820
+ info: "#1E3A8A",
821
+ "caution-subtle": "rgba(248, 113, 113, 0.20)",
822
+ "success-subtle": "rgba(74, 222, 128, 0.20)",
823
+ "warning-subtle": "rgba(251, 146, 60, 0.20)",
824
+ "info-subtle": "rgba(96, 165, 250, 0.20)",
825
+ "accent-primary-subtle": "rgba(74, 222, 128, 0.2)",
826
+ "caution-strong": "#EF4444",
827
+ "success-strong": "#22C55E",
828
+ "warning-strong": "#F97316",
829
+ "info-strong": "#3B82F6",
830
+ "videoOverlay-light": "rgba(0, 0, 0, 0.40)",
831
+ "videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
832
+ "videoOverlay-strong": "rgba(0, 0, 0, 0.80)"
833
+ },
834
+ text: {
835
+ "high-emphasis": "rgba(255, 255, 255, 1.00)",
836
+ "medium-emphasis": "rgba(255, 255, 255, 0.80)",
837
+ "low-emphasis": "rgba(255, 255, 255, 0.48)",
838
+ disable: "rgba(255, 255, 255, 0.24)",
839
+ "on-inverse": "#111827",
840
+ "on-inverse-secondary": "#374151",
841
+ "accent-primary": "#4ADE80",
842
+ success: "#4ADE80",
843
+ caution: "#F87171",
844
+ warning: "#FB923C",
845
+ info: "#60A5FA"
846
+ },
847
+ object: {
848
+ "high-emphasis": "rgba(255, 255, 255, 1.00)",
849
+ "medium-emphasis": "rgba(255, 255, 255, 0.64)",
850
+ "low-emphasis": "rgba(255, 255, 255, 0.36)",
851
+ disable: "rgba(255, 255, 255, 0.16)",
852
+ "on-inverse": "#111827",
853
+ "accent-primary": "#4ADE80",
854
+ caution: "#F87171",
855
+ success: "#4ADE80",
856
+ warning: "#FB923C",
857
+ info: "#60A5FA",
858
+ favorite: "#F87171",
859
+ rating: "#FBBF24"
860
+ },
861
+ border: {
862
+ "high-emphasis": "rgba(255, 255, 255, 0.36)",
863
+ "medium-emphasis": "rgba(255, 255, 255, 0.16)",
864
+ "low-emphasis": "rgba(255, 255, 255, 0.08)",
865
+ disable: "rgba(255, 255, 255, 0.04)",
866
+ "accent-primary": "#4ADE80",
867
+ caution: "#F87171",
868
+ success: "#4ADE80",
869
+ warning: "#FB923C",
870
+ info: "#60A5FA",
871
+ "accent-primary-subtle": "rgba(74, 222, 128, 0.4)",
872
+ "caution-subtle": "rgba(248, 113, 113, 0.40)",
873
+ "success-subtle": "rgba(74, 222, 128, 0.40)",
874
+ "info-subtle": "rgba(96, 165, 250, 0.40)"
875
+ },
876
+ brand: {
877
+ primary: "#4ADE80",
878
+ action: "#86EFAC",
879
+ light: "#052E16",
880
+ "ultra-light": "#052E16"
881
+ },
882
+ hover: {
883
+ "primary-button": "#16A34A",
884
+ "secondary-button": "#052E16",
885
+ "tertiary-button": "rgba(255, 255, 255, 0.04)",
886
+ "ghost-button": "rgba(255, 255, 255, 0.04)",
887
+ "destructive-button": "#EF4444"
888
+ },
889
+ active: {
890
+ "primary-button": "#15803D",
891
+ "secondary-button": "#14532D",
892
+ "tertiary-button": "rgba(255, 255, 255, 0.08)",
893
+ "destructive-button": "#DC2626"
894
+ },
895
+ overlay: {
896
+ dark: "rgba(17, 24, 39, 0.80)",
897
+ medium: "rgba(17, 24, 39, 0.48)",
898
+ light: "rgba(17, 24, 39, 0.16)"
899
+ },
900
+ focus: {
901
+ "high-emphasis": "#4ADE80"
902
+ },
903
+ caution: {
904
+ base: "#F87171",
905
+ action: "#EF4444"
906
+ },
907
+ success: {
908
+ base: "#4ADE80"
909
+ },
910
+ warning: {
911
+ base: "#FB923C"
912
+ },
913
+ info: {
914
+ base: "#60A5FA"
915
+ }
916
+ }
917
+ },
918
+ violet: {
919
+ light: {
920
+ surface: {
921
+ primary: "#FFFFFF",
922
+ secondary: "#F9FAFB",
923
+ tertiary: "#F3F4F6",
924
+ quaternary: "#E5E7EB",
925
+ disable: "#F3F4F6",
926
+ inverse: "#111827",
927
+ "accent-primary": "#7C3AED",
928
+ "accent-primary-light": "#F5F3FF",
929
+ "accent-primary-ultra-light": "#F5F3FF",
930
+ caution: "#FEF2F2",
931
+ success: "#F0FDF4",
932
+ warning: "#FFFBEB",
933
+ info: "#EFF6FF",
934
+ "caution-subtle": "rgba(239, 68, 68, 0.15)",
935
+ "success-subtle": "rgba(34, 197, 94, 0.15)",
936
+ "warning-subtle": "rgba(249, 115, 22, 0.15)",
937
+ "info-subtle": "rgba(59, 130, 246, 0.15)",
938
+ "accent-primary-subtle": "rgba(124, 58, 237, 0.15)",
939
+ "caution-strong": "#EF4444",
940
+ "success-strong": "#22C55E",
941
+ "warning-strong": "#F97316",
942
+ "info-strong": "#3B82F6",
943
+ "videoOverlay-light": "rgba(0, 0, 0, 0.40)",
944
+ "videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
945
+ "videoOverlay-strong": "rgba(0, 0, 0, 0.80)"
946
+ },
947
+ text: {
948
+ "high-emphasis": "#111827",
949
+ "medium-emphasis": "#374151",
950
+ "low-emphasis": "#6B7280",
951
+ disable: "#9CA3AF",
952
+ "on-inverse": "#FFFFFF",
953
+ "on-inverse-secondary": "rgba(255, 255, 255, 0.80)",
954
+ "accent-primary": "#6D28D9",
955
+ success: "#15803D",
956
+ caution: "#DC2626",
957
+ warning: "#EA580C",
958
+ info: "#2563EB"
959
+ },
960
+ object: {
961
+ "high-emphasis": "#111827",
962
+ "medium-emphasis": "#4B5563",
963
+ "low-emphasis": "#9CA3AF",
964
+ disable: "#D1D5DB",
965
+ "on-inverse": "#FFFFFF",
966
+ "accent-primary": "#7C3AED",
967
+ caution: "#EF4444",
968
+ success: "#22C55E",
969
+ warning: "#F97316",
970
+ info: "#3B82F6",
971
+ favorite: "#EF4444",
972
+ rating: "#F59E0B"
973
+ },
974
+ border: {
975
+ "high-emphasis": "#374151",
976
+ "medium-emphasis": "#D1D5DB",
977
+ "low-emphasis": "#E5E7EB",
978
+ disable: "#E5E7EB",
979
+ "accent-primary": "#7C3AED",
980
+ caution: "#EF4444",
981
+ success: "#22C55E",
982
+ warning: "#F97316",
983
+ info: "#3B82F6",
984
+ "accent-primary-subtle": "rgba(124, 58, 237, 0.3)",
985
+ "caution-subtle": "rgba(239, 68, 68, 0.30)",
986
+ "success-subtle": "rgba(34, 197, 94, 0.30)",
987
+ "info-subtle": "rgba(59, 130, 246, 0.30)"
988
+ },
989
+ brand: {
990
+ primary: "#6D28D9",
991
+ action: "#5B21B6",
992
+ light: "#EDE9FE",
993
+ "ultra-light": "#F5F3FF",
994
+ line: "#06C755",
995
+ "google-border": "#DADCE0",
996
+ apple: "#000000",
997
+ amazon: "#232F3E",
998
+ "amazon-accent": "#FF9900"
999
+ },
1000
+ hover: {
1001
+ "primary-button": "#5B21B6",
1002
+ "secondary-button": "#F5F3FF",
1003
+ "tertiary-button": "#F3F4F6",
1004
+ "ghost-button": "#F3F4F6",
1005
+ "destructive-button": "#B91C1C"
1006
+ },
1007
+ active: {
1008
+ "primary-button": "#4C1D95",
1009
+ "secondary-button": "#EDE9FE",
1010
+ "tertiary-button": "#E5E7EB",
1011
+ "destructive-button": "#991B1B"
1012
+ },
1013
+ overlay: {
1014
+ dark: "rgba(17, 24, 39, 0.64)",
1015
+ medium: "rgba(17, 24, 39, 0.36)",
1016
+ light: "rgba(17, 24, 39, 0.08)"
1017
+ },
1018
+ focus: {
1019
+ "high-emphasis": "#A78BFA"
1020
+ },
1021
+ caution: {
1022
+ base: "#DC2626",
1023
+ action: "#B91C1C"
1024
+ },
1025
+ success: {
1026
+ base: "#16A34A"
1027
+ },
1028
+ warning: {
1029
+ base: "#EA580C"
1030
+ },
1031
+ info: {
1032
+ base: "#2563EB"
1033
+ }
1034
+ },
1035
+ dark: {
1036
+ surface: {
1037
+ primary: "#111827",
1038
+ secondary: "#1F2937",
1039
+ tertiary: "#374151",
1040
+ quaternary: "#4B5563",
1041
+ disable: "#1F2937",
1042
+ inverse: "#FFFFFF",
1043
+ "accent-primary": "#7C3AED",
1044
+ "accent-primary-light": "#3B0764",
1045
+ "accent-primary-ultra-light": "#3B0764",
1046
+ caution: "#2d1414",
1047
+ success: "#14532D",
1048
+ warning: "#78350F",
1049
+ info: "#1E3A8A",
1050
+ "caution-subtle": "rgba(248, 113, 113, 0.20)",
1051
+ "success-subtle": "rgba(74, 222, 128, 0.20)",
1052
+ "warning-subtle": "rgba(251, 146, 60, 0.20)",
1053
+ "info-subtle": "rgba(96, 165, 250, 0.20)",
1054
+ "accent-primary-subtle": "rgba(167, 139, 250, 0.2)",
1055
+ "caution-strong": "#EF4444",
1056
+ "success-strong": "#22C55E",
1057
+ "warning-strong": "#F97316",
1058
+ "info-strong": "#3B82F6",
1059
+ "videoOverlay-light": "rgba(0, 0, 0, 0.40)",
1060
+ "videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
1061
+ "videoOverlay-strong": "rgba(0, 0, 0, 0.80)"
1062
+ },
1063
+ text: {
1064
+ "high-emphasis": "rgba(255, 255, 255, 1.00)",
1065
+ "medium-emphasis": "rgba(255, 255, 255, 0.80)",
1066
+ "low-emphasis": "rgba(255, 255, 255, 0.48)",
1067
+ disable: "rgba(255, 255, 255, 0.24)",
1068
+ "on-inverse": "#111827",
1069
+ "on-inverse-secondary": "#374151",
1070
+ "accent-primary": "#A78BFA",
1071
+ success: "#4ADE80",
1072
+ caution: "#F87171",
1073
+ warning: "#FB923C",
1074
+ info: "#60A5FA"
1075
+ },
1076
+ object: {
1077
+ "high-emphasis": "rgba(255, 255, 255, 1.00)",
1078
+ "medium-emphasis": "rgba(255, 255, 255, 0.64)",
1079
+ "low-emphasis": "rgba(255, 255, 255, 0.36)",
1080
+ disable: "rgba(255, 255, 255, 0.16)",
1081
+ "on-inverse": "#111827",
1082
+ "accent-primary": "#A78BFA",
1083
+ caution: "#F87171",
1084
+ success: "#4ADE80",
1085
+ warning: "#FB923C",
1086
+ info: "#60A5FA",
1087
+ favorite: "#F87171",
1088
+ rating: "#FBBF24"
1089
+ },
1090
+ border: {
1091
+ "high-emphasis": "rgba(255, 255, 255, 0.36)",
1092
+ "medium-emphasis": "rgba(255, 255, 255, 0.16)",
1093
+ "low-emphasis": "rgba(255, 255, 255, 0.08)",
1094
+ disable: "rgba(255, 255, 255, 0.04)",
1095
+ "accent-primary": "#A78BFA",
1096
+ caution: "#F87171",
1097
+ success: "#4ADE80",
1098
+ warning: "#FB923C",
1099
+ info: "#60A5FA",
1100
+ "accent-primary-subtle": "rgba(167, 139, 250, 0.4)",
1101
+ "caution-subtle": "rgba(248, 113, 113, 0.40)",
1102
+ "success-subtle": "rgba(74, 222, 128, 0.40)",
1103
+ "info-subtle": "rgba(96, 165, 250, 0.40)"
1104
+ },
1105
+ brand: {
1106
+ primary: "#A78BFA",
1107
+ action: "#C4B5FD",
1108
+ light: "#3B0764",
1109
+ "ultra-light": "#3B0764"
1110
+ },
1111
+ hover: {
1112
+ "primary-button": "#7C3AED",
1113
+ "secondary-button": "#3B0764",
1114
+ "tertiary-button": "rgba(255, 255, 255, 0.04)",
1115
+ "ghost-button": "rgba(255, 255, 255, 0.04)",
1116
+ "destructive-button": "#EF4444"
1117
+ },
1118
+ active: {
1119
+ "primary-button": "#6D28D9",
1120
+ "secondary-button": "#4C1D95",
1121
+ "tertiary-button": "rgba(255, 255, 255, 0.08)",
1122
+ "destructive-button": "#DC2626"
1123
+ },
1124
+ overlay: {
1125
+ dark: "rgba(17, 24, 39, 0.80)",
1126
+ medium: "rgba(17, 24, 39, 0.48)",
1127
+ light: "rgba(17, 24, 39, 0.16)"
1128
+ },
1129
+ focus: {
1130
+ "high-emphasis": "#A78BFA"
1131
+ },
1132
+ caution: {
1133
+ base: "#F87171",
1134
+ action: "#EF4444"
1135
+ },
1136
+ success: {
1137
+ base: "#4ADE80"
1138
+ },
1139
+ warning: {
1140
+ base: "#FB923C"
1141
+ },
1142
+ info: {
1143
+ base: "#60A5FA"
1144
+ }
1145
+ }
1146
+ }
1147
+ }, i = {
1148
+ spacing: {
1149
+ unit: 4,
1150
+ scale: [
1151
+ 0,
1152
+ 4,
1153
+ 8,
1154
+ 12,
1155
+ 16,
1156
+ 20,
1157
+ 24,
1158
+ 28,
1159
+ 32,
1160
+ 36,
1161
+ 40,
1162
+ 44,
1163
+ 48,
1164
+ 52,
1165
+ 56,
1166
+ 60
1167
+ ]
1168
+ },
1169
+ borderRadius: {
1170
+ none: 0,
1171
+ sm: 4,
1172
+ md: 6,
1173
+ lg: 8,
1174
+ xl: 12,
1175
+ "2xl": 16,
1176
+ full: 9999
1177
+ },
1178
+ typography: {
1179
+ heading: {
1180
+ "3xl": {
1181
+ fontSize: 28,
1182
+ fontWeight: "700",
1183
+ lineHeight: 42,
1184
+ letterSpacing: 1.12
1185
+ },
1186
+ "2xl": {
1187
+ fontSize: 24,
1188
+ fontWeight: "700",
1189
+ lineHeight: 36,
1190
+ letterSpacing: 0.96
1191
+ },
1192
+ xl: {
1193
+ fontSize: 21,
1194
+ fontWeight: "700",
1195
+ lineHeight: 32,
1196
+ letterSpacing: 0.84
1197
+ },
1198
+ lg: {
1199
+ fontSize: 18,
1200
+ fontWeight: "700",
1201
+ lineHeight: 27,
1202
+ letterSpacing: 0.72
1203
+ },
1204
+ md: {
1205
+ fontSize: 16,
1206
+ fontWeight: "700",
1207
+ lineHeight: 24,
1208
+ letterSpacing: 0.64
1209
+ },
1210
+ sm: {
1211
+ fontSize: 14,
1212
+ fontWeight: "700",
1213
+ lineHeight: 21,
1214
+ letterSpacing: 0.56
1215
+ }
1216
+ },
1217
+ body: {
1218
+ lg: {
1219
+ fontSize: 16,
1220
+ fontWeight: "400",
1221
+ lineHeight: 28
1222
+ },
1223
+ md: {
1224
+ fontSize: 14,
1225
+ fontWeight: "400",
1226
+ lineHeight: 25
1227
+ },
1228
+ sm: {
1229
+ fontSize: 12,
1230
+ fontWeight: "400",
1231
+ lineHeight: 18
1232
+ },
1233
+ xs: {
1234
+ fontSize: 10,
1235
+ fontWeight: "400",
1236
+ lineHeight: 15
1237
+ }
1238
+ },
1239
+ label: {
1240
+ lg: {
1241
+ fontSize: 16,
1242
+ fontWeight: "700",
1243
+ lineHeight: 24,
1244
+ letterSpacing: 0.64
1245
+ },
1246
+ md: {
1247
+ fontSize: 14,
1248
+ fontWeight: "700",
1249
+ lineHeight: 21,
1250
+ letterSpacing: 0.56
1251
+ },
1252
+ sm: {
1253
+ fontSize: 12,
1254
+ fontWeight: "500",
1255
+ lineHeight: 18
1256
+ },
1257
+ xs: {
1258
+ fontSize: 10,
1259
+ fontWeight: "500",
1260
+ lineHeight: 15
1261
+ }
1262
+ },
1263
+ display: {
1264
+ xl: {
1265
+ fontSize: 48,
1266
+ fontWeight: "700",
1267
+ lineHeight: 60,
1268
+ letterSpacing: -0.96
1269
+ },
1270
+ lg: {
1271
+ fontSize: 36,
1272
+ fontWeight: "700",
1273
+ lineHeight: 47,
1274
+ letterSpacing: -0.36
1275
+ }
1276
+ },
1277
+ caption: {
1278
+ fontSize: 11,
1279
+ fontWeight: "400",
1280
+ lineHeight: 17
1281
+ }
1282
+ },
1283
+ shadows: {
1284
+ sm: {
1285
+ boxShadow: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
1286
+ elevation: 1
1287
+ },
1288
+ md: {
1289
+ boxShadow: "0 0 8px rgba(20, 20, 20, 0.08)",
1290
+ elevation: 3
1291
+ },
1292
+ lg: {
1293
+ boxShadow: "0px 12px 32px -4px rgba(17, 24, 39, 0.12), 0px 8px 16px -6px rgba(17, 24, 39, 0.12)",
1294
+ elevation: 8
1295
+ },
1296
+ dialog: {
1297
+ boxShadow: "0px 12px 32px -4px rgba(17, 24, 39, 0.12), 0px 8px 16px -6px rgba(17, 24, 39, 0.12), 0px 1px 4px 1px rgba(0, 0, 0, 0.2)",
1298
+ elevation: 12
1299
+ },
1300
+ tooltip: {
1301
+ boxShadow: "0px 8px 8px -4px rgba(17, 24, 39, 0.08), 0px 4px 6px -4px rgba(17, 24, 39, 0.12)",
1302
+ elevation: 6
1303
+ }
1304
+ },
1305
+ touchTargets: {
1306
+ buttonCTA: {
1307
+ min: 44,
1308
+ recommended: 48
1309
+ },
1310
+ iconButton: {
1311
+ min: 44,
1312
+ recommended: 48
1313
+ },
1314
+ textInput: {
1315
+ min: 44,
1316
+ recommended: 48
1317
+ },
1318
+ chip: {
1319
+ min: 32,
1320
+ recommended: 36,
1321
+ hitSlop: "視覚 32〜36px + 透明拡張で実効 44px を確保する"
1322
+ },
1323
+ navItem: {
1324
+ min: 44,
1325
+ recommended: 48
1326
+ }
1327
+ },
1328
+ categorical: {
1329
+ 1: {
1330
+ hue: "red",
1331
+ base: "#EF4444",
1332
+ subtle: "#FEE2E2",
1333
+ bold: "#B91C1C"
1334
+ },
1335
+ 2: {
1336
+ hue: "sky",
1337
+ base: "#0EA5E9",
1338
+ subtle: "#E0F2FE",
1339
+ bold: "#0369A1"
1340
+ },
1341
+ 3: {
1342
+ hue: "teal",
1343
+ base: "#14B8A6",
1344
+ subtle: "#CCFBF1",
1345
+ bold: "#0F766E"
1346
+ },
1347
+ 4: {
1348
+ hue: "slate",
1349
+ base: "#64748B",
1350
+ subtle: "#F1F5F9",
1351
+ bold: "#334155"
1352
+ },
1353
+ 5: {
1354
+ hue: "yellow",
1355
+ base: "#EAB308",
1356
+ subtle: "#FEF9C3",
1357
+ bold: "#A16207"
1358
+ },
1359
+ 6: {
1360
+ hue: "indigo",
1361
+ base: "#6366F1",
1362
+ subtle: "#E0E7FF",
1363
+ bold: "#4338CA"
1364
+ },
1365
+ 7: {
1366
+ hue: "orange",
1367
+ base: "#F97316",
1368
+ subtle: "#FFEDD5",
1369
+ bold: "#C2410C"
1370
+ },
1371
+ 8: {
1372
+ hue: "cyan",
1373
+ base: "#06B6D4",
1374
+ subtle: "#CFFAFE",
1375
+ bold: "#0E7490"
1376
+ },
1377
+ 9: {
1378
+ hue: "pink",
1379
+ base: "#EC4899",
1380
+ subtle: "#FCE7F3",
1381
+ bold: "#BE185D"
1382
+ },
1383
+ 10: {
1384
+ hue: "rose",
1385
+ base: "#F43F5E",
1386
+ subtle: "#FFE4E6",
1387
+ bold: "#BE123C"
1388
+ },
1389
+ 11: {
1390
+ hue: "blue",
1391
+ base: "#3B82F6",
1392
+ subtle: "#DBEAFE",
1393
+ bold: "#1D4ED8"
1394
+ },
1395
+ 12: {
1396
+ hue: "lime",
1397
+ base: "#84CC16",
1398
+ subtle: "#ECFCCB",
1399
+ bold: "#4D7C0F"
1400
+ },
1401
+ 13: {
1402
+ hue: "amber",
1403
+ base: "#F59E0B",
1404
+ subtle: "#FEF3C7",
1405
+ bold: "#B45309"
1406
+ },
1407
+ 14: {
1408
+ hue: "fuchsia",
1409
+ base: "#D946EF",
1410
+ subtle: "#FAE8FF",
1411
+ bold: "#A21CAF"
1412
+ },
1413
+ 15: {
1414
+ hue: "purple",
1415
+ base: "#A855F7",
1416
+ subtle: "#F3E8FF",
1417
+ bold: "#7E22CE"
1418
+ },
1419
+ 16: {
1420
+ hue: "violet",
1421
+ base: "#8B5CF6",
1422
+ subtle: "#EDE9FE",
1423
+ bold: "#6D28D9"
1424
+ }
1425
+ },
1426
+ brandExternal: {
1427
+ line: "#06C755",
1428
+ googleBorder: "#DADCE0",
1429
+ apple: "#000000",
1430
+ amazon: "#232F3E",
1431
+ amazonAccent: "#FF9900"
1432
+ }
1433
+ }, t = {
1434
+ "Gray-50": "#F9FAFB",
1435
+ "Gray-100": "#F3F4F6",
1436
+ "Gray-200": "#E5E7EB",
1437
+ "Gray-300": "#D1D5DB",
1438
+ "Gray-400": "#9CA3AF",
1439
+ "Gray-500": "#6B7280",
1440
+ "Gray-600": "#4B5563",
1441
+ "Gray-700": "#374151",
1442
+ "Gray-800": "#1F2937",
1443
+ "Gray-900": "#111827",
1444
+ "Red-50": "#FEF2F2",
1445
+ "Red-100": "#FEE2E2",
1446
+ "Red-200": "#FECACA",
1447
+ "Red-300": "#FCA5A5",
1448
+ "Red-400": "#F87171",
1449
+ "Red-500": "#EF4444",
1450
+ "Red-600": "#DC2626",
1451
+ "Red-700": "#B91C1C",
1452
+ "Red-800": "#991B1B",
1453
+ "Red-900": "#7F1D1D",
1454
+ "Green-50": "#F0FDF4",
1455
+ "Green-100": "#DCFCE7",
1456
+ "Green-200": "#BBF7D0",
1457
+ "Green-300": "#86EFAC",
1458
+ "Green-400": "#4ADE80",
1459
+ "Green-500": "#22C55E",
1460
+ "Green-600": "#16A34A",
1461
+ "Green-700": "#15803D",
1462
+ "Green-800": "#166534",
1463
+ "Green-900": "#14532D",
1464
+ "Orange-50": "#FFF7ED",
1465
+ "Orange-100": "#FFEDD5",
1466
+ "Orange-200": "#FED7AA",
1467
+ "Orange-300": "#FDBA74",
1468
+ "Orange-400": "#FB923C",
1469
+ "Orange-500": "#F97316",
1470
+ "Orange-600": "#EA580C",
1471
+ "Orange-700": "#C2410C",
1472
+ "Orange-800": "#9A3412",
1473
+ "Orange-900": "#7C2D12",
1474
+ "Amber-50": "#FFFBEB",
1475
+ "Amber-100": "#FEF3C7",
1476
+ "Amber-200": "#FDE68A",
1477
+ "Amber-300": "#FCD34D",
1478
+ "Amber-400": "#FBBF24",
1479
+ "Amber-500": "#F59E0B",
1480
+ "Amber-600": "#D97706",
1481
+ "Amber-700": "#B45309",
1482
+ "Amber-800": "#92400E",
1483
+ "Amber-900": "#78350F",
1484
+ "Teal-50": "#F0FDFA",
1485
+ "Teal-100": "#CCFBF1",
1486
+ "Teal-200": "#99F6E4",
1487
+ "Teal-300": "#5EEAD4",
1488
+ "Teal-400": "#2DD4BF",
1489
+ "Teal-500": "#14B8A6",
1490
+ "Teal-600": "#0D9488",
1491
+ "Teal-700": "#0F766E",
1492
+ "Teal-800": "#115E59",
1493
+ "Teal-900": "#134E4A",
1494
+ "Blue-50": "#EFF6FF",
1495
+ "Blue-100": "#DBEAFE",
1496
+ "Blue-200": "#BFDBFE",
1497
+ "Blue-300": "#93C5FD",
1498
+ "Blue-400": "#60A5FA",
1499
+ "Blue-500": "#3B82F6",
1500
+ "Blue-600": "#2563EB",
1501
+ "Blue-700": "#1D4ED8",
1502
+ "Blue-800": "#1E40AF",
1503
+ "Blue-900": "#1E3A8A",
1504
+ "Violet-50": "#F5F3FF",
1505
+ "Violet-100": "#EDE9FE",
1506
+ "Violet-200": "#DDD6FE",
1507
+ "Violet-300": "#C4B5FD",
1508
+ "Violet-400": "#A78BFA",
1509
+ "Violet-500": "#8B5CF6",
1510
+ "Violet-600": "#7C3AED",
1511
+ "Violet-700": "#6D28D9",
1512
+ "Violet-800": "#5B21B6",
1513
+ "Violet-900": "#4C1D95",
1514
+ "Pink-50": "#FDF2F8",
1515
+ "Pink-100": "#FCE7F3",
1516
+ "Pink-200": "#FBCFE8",
1517
+ "Pink-300": "#F9A8D4",
1518
+ "Pink-400": "#F472B6",
1519
+ "Pink-500": "#EC4899",
1520
+ "Pink-600": "#DB2777",
1521
+ "Pink-700": "#BE185D",
1522
+ "Pink-800": "#9D174D",
1523
+ "Pink-900": "#831843",
1524
+ "Gray-Alpha-50": "rgba(17, 24, 39, 0.02)",
1525
+ "Gray-Alpha-100": "rgba(17, 24, 39, 0.04)",
1526
+ "Gray-Alpha-200": "rgba(17, 24, 39, 0.08)",
1527
+ "Gray-Alpha-300": "rgba(17, 24, 39, 0.12)",
1528
+ "Gray-Alpha-400": "rgba(17, 24, 39, 0.16)",
1529
+ "Gray-Alpha-500": "rgba(17, 24, 39, 0.24)",
1530
+ "Gray-Alpha-600": "rgba(17, 24, 39, 0.36)",
1531
+ "Gray-Alpha-700": "rgba(17, 24, 39, 0.48)",
1532
+ "Gray-Alpha-800": "rgba(17, 24, 39, 0.64)",
1533
+ "Gray-Alpha-900": "rgba(17, 24, 39, 0.80)",
1534
+ "Gray-Alpha-1000": "rgba(17, 24, 39, 0.92)",
1535
+ "White-Alpha-50": "rgba(255, 255, 255, 0.02)",
1536
+ "White-Alpha-100": "rgba(255, 255, 255, 0.04)",
1537
+ "White-Alpha-200": "rgba(255, 255, 255, 0.08)",
1538
+ "White-Alpha-300": "rgba(255, 255, 255, 0.16)",
1539
+ "White-Alpha-400": "rgba(255, 255, 255, 0.24)",
1540
+ "White-Alpha-500": "rgba(255, 255, 255, 0.36)",
1541
+ "White-Alpha-600": "rgba(255, 255, 255, 0.48)",
1542
+ "White-Alpha-700": "rgba(255, 255, 255, 0.64)",
1543
+ "White-Alpha-800": "rgba(255, 255, 255, 0.80)",
1544
+ "White-Alpha-900": "rgba(255, 255, 255, 0.92)",
1545
+ "White-Alpha-1000": "rgba(255, 255, 255, 1.00)",
1546
+ White: "#FFFFFF",
1547
+ Black: "#000000"
1548
+ };
1549
+ function s(e, r = "light") {
1550
+ return a[e][r];
1551
+ }
1552
+ const n = Object.keys(a);
1553
+ export {
1554
+ s as getTheme,
1555
+ t as primitives,
1556
+ i as scales,
1557
+ n as themeNames,
1558
+ a as themes
1559
+ };