@zonos/amino 4.3.3 → 4.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (216) hide show
  1. package/all.d.ts +3 -1
  2. package/amino.css +0 -1
  3. package/components/alert-dialog/AlertContext.js +1 -1
  4. package/components/alert-dialog/AlertDialog.d.ts +4 -4
  5. package/components/alert-dialog/AlertDialog.js +1 -1
  6. package/components/alert-dialog/useAlert.js +1 -1
  7. package/components/badge/Badge.js +1 -1
  8. package/components/button/Button.d.ts +2 -2
  9. package/components/button/Button.js +1 -1
  10. package/components/checkbox/Checkbox.js +1 -1
  11. package/components/collapse/Collapse.js +1 -1
  12. package/components/confirm-dialog/ConfirmContext.js +1 -1
  13. package/components/confirm-dialog/ConfirmDialog.d.ts +3 -3
  14. package/components/confirm-dialog/ConfirmDialog.js +1 -1
  15. package/components/confirm-dialog/useConfirm.js +1 -1
  16. package/components/cover-sheet/CoverSheet.d.ts +1 -1
  17. package/components/cover-sheet/CoverSheet.js +1 -1
  18. package/components/currency/Currency.js +1 -1
  19. package/components/dialog/Dialog.d.ts +2 -2
  20. package/components/dialog/Dialog.js +1 -1
  21. package/components/dialog/_BaseDialog.d.ts +3 -3
  22. package/components/dialog/_BaseDialog.js +1 -1
  23. package/components/drop-zone/DropZone.js +1 -1
  24. package/components/file-upload/FileUpload.js +1 -1
  25. package/components/graph-matrix/GraphMatrix.js +1 -1
  26. package/components/graph-matrix/_LoadingIcon.js +1 -1
  27. package/components/input/input-type/_FloatLabelInput.js +1 -1
  28. package/components/layout/Layout.js +1 -1
  29. package/components/layout/NavigationGroup.js +1 -1
  30. package/components/lightbox/LightBox.d.ts +3 -3
  31. package/components/lightbox/LightBox.js +1 -1
  32. package/components/list-item/ListItem.js +1 -1
  33. package/components/mdx/mdx-button/MdxButton.js +1 -1
  34. package/components/mdx/mdx-card/MdxCard.js +1 -1
  35. package/components/mdx/mdx-code-block/MdxCodeBlock.d.ts +4 -3
  36. package/components/mdx/mdx-code-block/MdxCodeBlock.js +1 -1
  37. package/components/mdx/mdx-image/MdxImage.js +1 -1
  38. package/components/mdx/mdx-related-content/MdxRelatedContent.js +1 -1
  39. package/components/mdx/mdx-table/MdxTable.js +1 -1
  40. package/components/mdx/mdx-video-guide/MdxVideoGuide.js +1 -1
  41. package/components/nested-data-table/NestedDataTable.js +1 -1
  42. package/components/nested-data-table/NestedDataTableHasura.js +1 -1
  43. package/components/nested-data-table/_TableData.js +1 -1
  44. package/components/night-mode-wrapper/NightModeWrapper.d.ts +5 -0
  45. package/components/night-mode-wrapper/NightModeWrapper.js +1 -0
  46. package/components/ownership-block/OwnershipBlock.d.ts +3 -1
  47. package/components/ownership-block/OwnershipBlock.js +1 -1
  48. package/components/pivot-table/PivotTable.js +1 -1
  49. package/components/profile-icon/ProfileIcon.d.ts +2 -1
  50. package/components/profile-icon/ProfileIcon.js +1 -1
  51. package/components/radio/Radio.js +1 -1
  52. package/components/rich-checkbox/RichCheckbox.js +1 -1
  53. package/components/rich-radio/RichRadio.js +1 -1
  54. package/components/select/ThemeSelect.d.ts +2 -0
  55. package/components/select/ThemeSelect.js +1 -0
  56. package/components/select/_StyledReactSelect.js +1 -1
  57. package/components/slide-over/SlideOver.d.ts +4 -4
  58. package/components/slide-over/SlideOver.js +1 -1
  59. package/components/slider/Slider.js +1 -1
  60. package/components/spinner/Spinner.js +1 -1
  61. package/components/styles/ColorPalette.js +1 -1
  62. package/components/styles/Shadow.js +1 -1
  63. package/components/switch/Switch.js +1 -1
  64. package/components/text/LegacyText.js +1 -1
  65. package/components/text/Text.js +1 -1
  66. package/components/textarea/Textarea.js +1 -1
  67. package/components/tooltip/Tooltip.d.ts +3 -2
  68. package/components/tooltip/Tooltip.js +1 -1
  69. package/icons/ArrowDownDuotoneIcon.js +1 -1
  70. package/icons/ArrowLeftDuotoneIcon.js +1 -1
  71. package/icons/ArrowRightDuotoneIcon.js +1 -1
  72. package/icons/ArrowSwapDuotoneIcon.js +1 -1
  73. package/icons/ArrowUpDuotoneIcon.js +1 -1
  74. package/icons/BagDuotoneIcon.js +1 -1
  75. package/icons/BankDuotoneIcon.js +1 -1
  76. package/icons/BellDuotoneIcon.js +1 -1
  77. package/icons/BellOffDuotoneIcon.js +1 -1
  78. package/icons/BookDuotoneIcon.js +1 -1
  79. package/icons/BookmarkAddDuotoneIcon.js +1 -1
  80. package/icons/BookmarkCheckDuotoneIcon.js +1 -1
  81. package/icons/BookmarkDuotoneIcon.js +1 -1
  82. package/icons/BookmarkOffDuotoneIcon.js +1 -1
  83. package/icons/BookmarkRemoveDuotoneIcon.js +1 -1
  84. package/icons/BookmarkSubtractDuotoneIcon.js +1 -1
  85. package/icons/BoxesDuotoneIcon.js +1 -1
  86. package/icons/BufferDuotoneIcon.js +1 -1
  87. package/icons/CalculatorDuotoneIcon.js +1 -1
  88. package/icons/CalendarDuotoneIcon.js +1 -1
  89. package/icons/CardDuotoneIcon.js +1 -1
  90. package/icons/CaretDownDuotoneIcon.js +1 -1
  91. package/icons/CaretLeftDuotoneIcon.js +1 -1
  92. package/icons/CaretRightDuotoneIcon.js +1 -1
  93. package/icons/CaretUpDuotoneIcon.js +1 -1
  94. package/icons/CartDuotoneIcon.js +1 -1
  95. package/icons/ChartDuotoneIcon.js +1 -1
  96. package/icons/CheckCircleDuotoneIcon.js +1 -1
  97. package/icons/CheckmarkDuotoneIcon.js +1 -1
  98. package/icons/CheckoutDuotoneIcon.js +1 -1
  99. package/icons/ChevronDownCircleDuotoneIcon.js +1 -1
  100. package/icons/ChevronDownDuotoneIcon.js +1 -1
  101. package/icons/ChevronLeftCircleDuotoneIcon.js +1 -1
  102. package/icons/ChevronLeftDuotoneIcon.js +1 -1
  103. package/icons/ChevronRightCircleDuotoneIcon.js +1 -1
  104. package/icons/ChevronRightDuotoneIcon.js +1 -1
  105. package/icons/ChevronUpCircleDuotoneIcon.js +1 -1
  106. package/icons/ChevronUpDuotoneIcon.js +1 -1
  107. package/icons/CircleDuotoneIcon.js +1 -1
  108. package/icons/ClassifyDuotoneIcon.js +1 -1
  109. package/icons/ClearDuotoneIcon.js +1 -1
  110. package/icons/ClockDuotoneIcon.js +1 -1
  111. package/icons/CodeCircleDuotoneIcon.js +1 -1
  112. package/icons/CodeDuotoneIcon.js +1 -1
  113. package/icons/CoinsDuotoneIcon.js +1 -1
  114. package/icons/CommentDuotoneIcon.js +1 -1
  115. package/icons/CopyDuotoneIcon.js +1 -1
  116. package/icons/CubeDuotoneIcon.js +1 -1
  117. package/icons/DashboardDuotoneIcon.js +1 -1
  118. package/icons/DiamondDuotoneIcon.js +1 -1
  119. package/icons/DislikeDuotoneIcon.js +1 -1
  120. package/icons/DocsDuotoneIcon.js +1 -1
  121. package/icons/DollarDuotoneIcon.js +1 -1
  122. package/icons/DoubleChevronDuotoneIcon.js +1 -1
  123. package/icons/DragDuotoneIcon.js +1 -1
  124. package/icons/EditDuotoneIcon.js +1 -1
  125. package/icons/ExclamationMarkDuotoneIcon.js +1 -1
  126. package/icons/ExportDuotoneIcon.js +1 -1
  127. package/icons/ExternalDuotoneIcon.js +1 -1
  128. package/icons/EyeDuotoneIcon.js +1 -1
  129. package/icons/EyeOffDuotoneIcon.js +1 -1
  130. package/icons/FileDuotoneIcon.js +1 -1
  131. package/icons/FileUploadDuotoneIcon.js +1 -1
  132. package/icons/FilterDuotoneIcon.js +1 -1
  133. package/icons/FolderListDuotoneIcon.js +1 -1
  134. package/icons/FolderUploadDuotoneIcon.js +1 -1
  135. package/icons/GridDuotoneIcon.js +1 -1
  136. package/icons/HelloDuotoneIcon.js +1 -1
  137. package/icons/HelpDuotoneIcon.js +1 -1
  138. package/icons/HexagonDuotoneIcon.js +1 -1
  139. package/icons/HomeDuotoneIcon.js +1 -1
  140. package/icons/IconIndex.d.ts +1 -0
  141. package/icons/IconIndex.js +1 -1
  142. package/icons/ImageDuotoneIcon.js +1 -1
  143. package/icons/ImportDuotoneIcon.js +1 -1
  144. package/icons/InfoDuotoneIcon.js +1 -1
  145. package/icons/IntegrationDuotoneIcon.js +1 -1
  146. package/icons/LandedCostDuotoneIcon.js +1 -1
  147. package/icons/LaptopDuotoneIcon.js +1 -1
  148. package/icons/LightDuotoneIcon.js +1 -1
  149. package/icons/LikeDuotoneIcon.js +1 -1
  150. package/icons/LineDownDuotoneIcon.js +1 -1
  151. package/icons/LineUpDuotoneIcon.js +1 -1
  152. package/icons/LinkDuotoneIcon.js +1 -1
  153. package/icons/LocationDuotoneIcon.js +1 -1
  154. package/icons/LockDuotoneIcon.js +1 -1
  155. package/icons/LoginDuotoneIcon.js +1 -1
  156. package/icons/LogoutDuotoneIcon.js +1 -1
  157. package/icons/MailDuotoneIcon.js +1 -1
  158. package/icons/MenuDuotoneIcon.js +1 -1
  159. package/icons/MinusCircleDuotoneIcon.js +1 -1
  160. package/icons/MinusDuotoneIcon.js +1 -1
  161. package/icons/MobileDuotoneIcon.js +1 -1
  162. package/icons/MoneyDuotoneIcon.js +1 -1
  163. package/icons/MonitorDuotoneIcon.js +1 -1
  164. package/icons/NightDuotoneIcon.js +1 -1
  165. package/icons/PauseCircleDuotoneIcon.js +1 -1
  166. package/icons/PercentBadgeDuotoneIcon.js +1 -1
  167. package/icons/PercentDuotoneIcon.js +1 -1
  168. package/icons/PlayCircleDuotoneIcon.js +1 -1
  169. package/icons/PlayDuotoneIcon.js +1 -1
  170. package/icons/PlusCircleDuotoneIcon.js +1 -1
  171. package/icons/PlusDuotoneIcon.js +1 -1
  172. package/icons/PrinterDuotoneIcon.js +1 -1
  173. package/icons/RateDuotoneIcon.js +1 -1
  174. package/icons/ReceiptDuotoneIcon.js +1 -1
  175. package/icons/RefreshDuotoneIcon.js +1 -1
  176. package/icons/RemoveCircleDuotoneIcon.js +1 -1
  177. package/icons/RemoveDuotoneIcon.js +1 -1
  178. package/icons/RestrictDuotoneIcon.js +1 -1
  179. package/icons/RocketDuotoneIcon.js +1 -1
  180. package/icons/ScanDuotoneIcon.js +1 -1
  181. package/icons/ScreenDuotoneIcon.js +1 -1
  182. package/icons/SearchDuotoneIcon.js +1 -1
  183. package/icons/SendDuotoneIcon.js +1 -1
  184. package/icons/SettingsDuotoneIcon.js +1 -1
  185. package/icons/ShoppingListDuotoneIcon.js +1 -1
  186. package/icons/ShoppingTagDuotoneIcon.js +1 -1
  187. package/icons/SquareDuotoneIcon.js +1 -1
  188. package/icons/StarDuotoneIcon.js +1 -1
  189. package/icons/StarOffDuotoneIcon.js +1 -1
  190. package/icons/StarsDuotoneIcon.js +1 -1
  191. package/icons/SunnyDuotoneIcon.js +1 -1
  192. package/icons/TagDuotoneIcon.js +1 -1
  193. package/icons/ThreeDotDuotoneIcon.js +1 -1
  194. package/icons/TotalLandedCostDuotoneIcon.js +1 -1
  195. package/icons/TrashCanDuotoneIcon.js +1 -1
  196. package/icons/TriangleDuotoneIcon.js +1 -1
  197. package/icons/TruckDuotoneIcon.js +1 -1
  198. package/icons/UserDuotoneIcon.js +1 -1
  199. package/icons/UtahDuotoneIcon.js +1 -1
  200. package/icons/WarningDuotoneIcon.js +1 -1
  201. package/icons/custom/ZonosLogoIcon.d.ts +2 -6
  202. package/icons/custom/ZonosLogoIcon.js +1 -1
  203. package/package.json +2 -2
  204. package/reset.css +1 -1
  205. package/styles/constants/theme.d.ts +102 -110
  206. package/styles/constants/theme.js +1 -1
  207. package/theme.css +190 -153
  208. package/types/Color.d.ts +1 -1
  209. package/types/Theme.d.ts +1 -1
  210. package/types/index.d.ts +1 -1
  211. package/utils/handleFetch.js +1 -1
  212. package/utils/hooks/useAminoTheme.d.ts +5 -0
  213. package/utils/hooks/useAminoTheme.js +1 -0
  214. package/components/dark-mode-wrapper/DarkModeWrapper.d.ts +0 -5
  215. package/components/dark-mode-wrapper/DarkModeWrapper.js +0 -1
  216. package/types/IAminoTheme.d.ts +0 -1
package/theme.css CHANGED
@@ -1,7 +1,7 @@
1
- :root {
1
+ :root,
2
+ [data-theme='day'] {
2
3
  --amino-transition: all 0.2s ease-in-out 0s;
3
4
  --amino-type-scale-base: 16px;
4
- --amino-black: #0c0c0d;
5
5
  --amino-gray-0: white;
6
6
  --amino-gray-50: #f6f6f8;
7
7
  --amino-gray-100: #eaebed;
@@ -16,7 +16,6 @@
16
16
  --amino-gray-1000: #2e3038;
17
17
  --amino-gray-1100: #1e1f26;
18
18
  --amino-gray-1200: #101116;
19
- --amino-gray-1300: black;
20
19
  --amino-blue-100: #deecfe;
21
20
  --amino-blue-200: #c5dcfd;
22
21
  --amino-blue-300: #aac8fc;
@@ -79,41 +78,20 @@
79
78
  --amino-purple-1000: #29143a;
80
79
  --amino-transparent-white: #ffffffbb;
81
80
  --amino-transparent-black: #000000bb;
82
- --amino-danger: var(--amino-red-600);
83
- --amino-danger-dark: var(--amino-red-700);
84
- --amino-error: var(--amino-red-600);
85
- --amino-primary: var(--amino-blue-600);
86
- --amino-primary-light: var(--amino-blue-500);
87
- --amino-primary-dark: var(--amino-blue-800);
88
- --amino-success: var(--amino-green-300);
89
- --amino-success-dark: var(--amino-green-700);
90
- --amino-warning: var(--amino-amber-100);
91
- --amino-warning-dark: var(--amino-amber-700);
92
- --amino-glow-error: 0 0 0 1px var(--amino-red-600);
93
- --amino-glow-blue: 0 0 0 1px var(--amino-primary);
94
- --amino-glow-cyan: 0 0 0 1px var(--amino-cyan-alpha);
95
- --amino-glow-red: 0 0 0 1px var(--amino-red-alpha);
96
- --amino-glow-orange: 0 0 0 1px var(--amino-orange-alpha);
97
- --amino-glow-green: 0 0 0 1px var(--amino-green-alpha);
98
- --amino-glow-purple: 0 0 0 1px var(--amino-purple-alpha);
99
- --amino-page-background: white;
100
- --amino-border-color: var(--amino-gray-200);
101
- --amino-hover-color: var(--amino-gray-50);
102
- --amino-surface-color: white;
103
- --amino-surface-color-secondary: var(--amino-gray-50);
104
- --amino-text-light: white;
105
- --amino-text-color: var(--amino-gray-1000);
106
- --amino-text-dark: var(--amino-text-color);
107
- --amino-input-background: white;
108
- --amino-size-xl: 56px;
109
- --amino-size-lg: 48px;
110
- --amino-size-md: 40px;
111
- --amino-size-sm: 32px;
112
- --amino-radius-4: 0.25rem;
113
- --amino-radius-6: 0.375rem;
114
- --amino-radius-8: 0.5rem;
115
- --amino-radius-10: 0.625rem;
116
- --amino-radius-12: 0.75rem;
81
+ --amino-v3-shadow-base: 0px 0px 0px 1px rgba(110, 110, 120, 0.1),
82
+ 0px 1px 2px rgba(10, 10, 11, 0.06), 0px 1px 3px rgba(10, 10, 11, 0.1);
83
+ --amino-v3-shadow-medium: 0px 0px 0px 1px rgba(110, 110, 120, 0.1),
84
+ 0px 4px 6px rgba(10, 10, 11, 0.1), 0px 2px 4px rgba(10, 10, 11, 0.06);
85
+ --amino-v3-shadow-large: 0px 0px 0px 1px rgba(110, 110, 120, 0.1),
86
+ 0px 10px 15px rgba(10, 10, 11, 0.1), 0px 4px 6px rgba(10, 10, 11, 0.05);
87
+ --amino-v3-shadow-xl: 0px 0px 0px 1px rgba(110, 110, 120, 0.1),
88
+ 0px 20px 25px rgba(10, 10, 11, 0.1), 0px 10px 10px rgba(12, 12, 13, 0.04);
89
+ --amino-v3-shadow-xxl: 0px 0px 0px 1px rgba(110, 110, 120, 0.1),
90
+ 0px 32px 50px rgba(10, 10, 11, 0.24);
91
+ --amino-v3-shadow-inset: 0px 1px 0px #ffffff, 0px 2px 4px rgba(0, 0, 0, 0.04),
92
+ inset 0px 1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 4px rgba(0, 0, 0, 0.04),
93
+ inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06),
94
+ inset 0px 0px 8px rgba(0, 0, 0, 0.02);
117
95
  --amino-space-negative-80: -5rem;
118
96
  --amino-space-negative-76: -4.75rem;
119
97
  --amino-space-negative-72: -4.5rem;
@@ -155,11 +133,44 @@
155
133
  --amino-space-72: 4.5rem;
156
134
  --amino-space-76: 4.75rem;
157
135
  --amino-space-80: 5rem;
136
+ --amino-border: 1px solid var(--amino-border-color);
137
+ --amino-border-blue: 1px solid var(--amino-blue-500);
138
+ --amino-border-red: 1px solid var(--amino-red-400);
139
+ --amino-border-cyan: 1px solid var(--amino-cyan-400);
140
+ --amino-border-orange: 1px solid var(--amino-orange-400);
141
+ --amino-border-green: 1px solid var(--amino-green-400);
142
+ --amino-border-purple: 1px solid var(--amino-purple-400);
143
+ --amino-border-amber: 1px solid var(--amino-amber-400);
144
+ --amino-border-transparent: 1px solid transparent;
145
+ --amino-sidebar-color: var(--amino-gray-0);
146
+ --amino-header-color: var(--amino-gray-0);
147
+ --amino-danger: var(--amino-red-600);
148
+ --amino-danger-dark: var(--amino-red-700);
149
+ --amino-error: var(--amino-red-600);
150
+ --amino-primary: var(--amino-blue-600);
151
+ --amino-primary-light: var(--amino-blue-500);
152
+ --amino-primary-dark: var(--amino-blue-800);
153
+ --amino-success: var(--amino-green-300);
154
+ --amino-success-dark: var(--amino-green-700);
155
+ --amino-warning: var(--amino-amber-100);
156
+ --amino-warning-dark: var(--amino-amber-700);
157
+ --amino-glow-error: 0 0 0 1px var(--amino-red-600);
158
+ --amino-glow-blue: 0 0 0 1px var(--amino-primary);
159
+ --amino-glow-cyan: 0 0 0 1px var(--amino-cyan-600);
160
+ --amino-glow-red: 0 0 0 1px var(--amino-red-600);
161
+ --amino-glow-orange: 0 0 0 1px var(--amino-orange-600);
162
+ --amino-glow-green: 0 0 0 1px var(--amino-green-600);
163
+ --amino-glow-purple: 0 0 0 1px var(--amino-purple-600);
164
+ --amino-page-background: var(--amino-gray-0);
165
+ --amino-border-color: var(--amino-gray-200);
166
+ --amino-hover-color: var(--amino-gray-50);
167
+ --amino-text-color: var(--amino-gray-1000);
168
+ --amino-input-background: var(--amino-gray-0);
169
+ --amino-surface-color: var(--amino-gray-0);
170
+ --amino-surface-color-secondary: var(--amino-gray-50);
171
+ --amino-backdrop-color: var(--amino-gray-1000);
158
172
  --amino-appbar-height: 55px;
159
173
  --amino-sidebar-width: 264px;
160
- --amino-sidebar-color: white;
161
- --amino-header-color: white;
162
- --amino-backdrop-color: var(--amino-gray-1000);
163
174
  --amino-elevation-0: 0;
164
175
  --amino-elevation-100: 100;
165
176
  --amino-elevation-200: 200;
@@ -169,25 +180,15 @@
169
180
  --amino-dialog-elevation: var(--amino-elevation-400);
170
181
  --amino-toast-elevation: var(--amino-elevation-500);
171
182
  --amino-appbar-elevation: var(--amino-elevation-500);
172
- --amino-v3-shadow-inset: inset 0px 2px 4px rgba(0, 0, 0, 0.06);
173
- --amino-v3-shadow-base: 0px 1px 2px rgba(0, 0, 0, 0.06),
174
- 0px 1px 3px rgba(0, 0, 0, 0.1);
175
- --amino-v3-shadow-medium: 0px 2px 4px rgba(0, 0, 0, 0.06),
176
- 0px 4px 6px rgba(0, 0, 0, 0.1);
177
- --amino-v3-shadow-large: 0px 10px 15px rgba(0, 0, 0, 0.1),
178
- 0px 4px 6px rgba(0, 0, 0, 0.05);
179
- --amino-v3-shadow-xl: 0px 20px 25px rgba(0, 0, 0, 0.1),
180
- 0px 10px 10px rgba(0, 0, 0, 0.04);
181
- --amino-v3-shadow-xxl: 0px 32px 50px rgba(0, 0, 0, 0.24);
182
- --amino-border: 1px solid var(--amino-border-color);
183
- --amino-border-blue: 1px solid var(--amino-blue-500);
184
- --amino-border-red: 1px solid var(--amino-red-400);
185
- --amino-border-cyan: 1px solid var(--amino-cyan-400);
186
- --amino-border-orange: 1px solid var(--amino-orange-400);
187
- --amino-border-green: 1px solid var(--amino-green-400);
188
- --amino-border-purple: 1px solid var(--amino-purple-400);
189
- --amino-border-amber: 1px solid var(--amino-amber-400);
190
- --amino-border-transparent: 1px solid transparent;
183
+ --amino-size-xl: 56px;
184
+ --amino-size-lg: 48px;
185
+ --amino-size-md: 40px;
186
+ --amino-size-sm: 32px;
187
+ --amino-radius-4: 0.25rem;
188
+ --amino-radius-6: 0.375rem;
189
+ --amino-radius-8: 0.5rem;
190
+ --amino-radius-10: 0.625rem;
191
+ --amino-radius-12: 0.75rem;
191
192
  --amino-font-size-3xl: 2.125rem;
192
193
  --amino-font-size-2xl: 1.75rem;
193
194
  --amino-font-size-xl: 1.375rem;
@@ -211,98 +212,134 @@
211
212
  --amino-font-harmonized-codes: 'Fira Code', var(--amino-font-sans);
212
213
  }
213
214
 
214
- /* Dark theme */
215
- [data-theme='dark'] {
216
- --amino-gray-l80: #f5f5f6;
217
- --amino-gray-l60: #d8d8db;
218
- --amino-gray-l40: #c4c4c9;
219
- --amino-gray-l20: #b1b1b7;
220
- --amino-gray-base: #9d9da5;
221
- --amino-gray-d20: #76767c;
222
- --amino-gray-d40: #4f4f52;
223
- --amino-gray-d60: #2f2f31;
224
- --amino-gray-d80: #232326;
225
- --amino-blue-l80: #e9ebff;
226
- --amino-blue-l60: #b4c5ff;
227
- --amino-blue-l40: #8fa7ff;
228
- --amino-blue-l20: #698aff;
229
- --amino-blue-base: #446dff;
230
- --amino-blue-d20: #3657cc;
231
- --amino-blue-d40: #294199;
232
- --amino-blue-d60: #1b2c66;
233
- --amino-blue-d80: #1d233b;
234
- --amino-cyan-l80: #e9fcff;
235
- --amino-cyan-l60: #b5f6ff;
236
- --amino-cyan-l40: #8ff2ff;
237
- --amino-cyan-l20: #6aedff;
238
- --amino-cyan-base: #45e9ff;
239
- --amino-cyan-d20: #37bacc;
240
- --amino-cyan-d40: #298c99;
241
- --amino-cyan-d60: #1c5d66;
242
- --amino-cyan-d80: #1d363b;
243
- --amino-red-l80: #fde5eb;
244
- --amino-red-l60: #f9a8bd;
245
- --amino-red-l40: #f77d9b;
246
- --amino-red-l20: #f4517a;
247
- --amino-red-base: #f12659;
248
- --amino-red-d20: #c11e47;
249
- --amino-red-d40: #911735;
250
- --amino-red-d60: #600f24;
251
- --amino-red-d80: #371822;
252
- --amino-orange-l80: #fff0e5;
253
- --amino-orange-l60: #ffd0ad;
254
- --amino-orange-l40: #ffb885;
255
- --amino-orange-l20: #ffa05c;
256
- --amino-orange-base: #ff8933;
257
- --amino-orange-d20: #cc6e29;
258
- --amino-orange-d40: #99521f;
259
- --amino-orange-d60: #663714;
260
- --amino-orange-d80: #39271c;
261
- --amino-green-l80: #e5f9e5;
262
- --amino-green-l60: #a5eba8;
263
- --amino-green-l40: #78e07d;
264
- --amino-green-l20: #4bd651;
265
- --amino-green-base: #1ecc26;
266
- --amino-green-d20: #18a31e;
267
- --amino-green-d40: #127a17;
268
- --amino-green-d60: #0c520f;
269
- --amino-green-d80: #17311a;
270
- --amino-purple-l80: #f5e5ff;
271
- --amino-purple-l60: #dba8ff;
272
- --amino-purple-l40: #ca7dff;
273
- --amino-purple-l20: #b851ff;
274
- --amino-purple-base: #a626ff;
275
- --amino-purple-d20: #851ecc;
276
- --amino-purple-d40: #641799;
277
- --amino-purple-d60: #420f66;
278
- --amino-purple-d80: #2c183b;
279
- --amino-yellow-l80: #fff9e5;
280
- --amino-yellow-l60: #ffedad;
281
- --amino-yellow-l40: #ffe485;
282
- --amino-yellow-l20: #ffdb5c;
283
- --amino-yellow-base: #ffd233;
284
- --amino-yellow-d20: #cca829;
285
- --amino-yellow-d40: #997e1f;
286
- --amino-yellow-d60: #665414;
287
- --amino-yellow-d80: #39321c;
288
- --amino-page-background: var(--amino-gray-50);
289
- --amino-surface-color: var(--amino-gray-base);
290
- --amino-surface-color-secondary: var(--amino-gray-50);
291
- --amino-border-color: var(--amino-gray-l60);
292
- --amino-text-color: white;
293
- --amino-input-background: var(--amino-gray-l40);
294
- --amino-hover-color: var(--amino-gray-l20);
295
- --amino-v3-shadow-inset: inset 0px 2px 4px rgba(0, 0, 0, 0.18);
296
- --amino-v3-shadow-base: 0px 1px 2px rgba(0, 0, 0, 0.18),
297
- 0px 1px 3px rgba(0, 0, 0, 0.3);
298
- --amino-v3-shadow-medium: 0px 2px 4px rgba(0, 0, 0, 0.18),
299
- 0px 4px 6px rgba(0, 0, 0, 0.3);
300
- --amino-v3-shadow-large: 0px 10px 15px rgba(0, 0, 0, 0.3),
301
- 0px 4px 6px rgba(0, 0, 0, 0.15);
302
- --amino-v3-shadow-xl: 0px 20px 25px rgba(0, 0, 0, 0.3),
303
- 0px 10px 10px rgba(0, 0, 0, 0.12);
304
- --amino-v3-shadow-xxl: 0px 32px 50px rgba(0, 0, 0, 0.72);
305
- --amino-backdrop-color: var(--amino-gray-l60);
306
- --amino-header-color: var(--amino-gray-l80);
215
+ /* Night theme */
216
+ [data-theme='night'] {
217
+ --amino-gray-0: #101116;
218
+ --amino-gray-50: #1e1f26;
219
+ --amino-gray-100: #2e3038;
220
+ --amino-gray-200: #40424c;
221
+ --amino-gray-300: #4d505a;
222
+ --amino-gray-400: #5c5e68;
223
+ --amino-gray-500: #6a6d77;
224
+ --amino-gray-600: #94969e;
225
+ --amino-gray-700: #acaeb3;
226
+ --amino-gray-800: #c5c6ca;
227
+ --amino-gray-900: #d9dadd;
228
+ --amino-gray-1000: #eaebed;
229
+ --amino-gray-1100: #f6f6f8;
230
+ --amino-gray-1200: white;
231
+ --amino-blue-100: #151943;
232
+ --amino-blue-200: #1f2b73;
233
+ --amino-blue-300: #263b98;
234
+ --amino-blue-400: #294dbe;
235
+ --amino-blue-500: #435dee;
236
+ --amino-blue-600: #568cf6;
237
+ --amino-blue-700: #89adfa;
238
+ --amino-blue-800: #aac8fc;
239
+ --amino-blue-900: #c5dcfd;
240
+ --amino-blue-1000: #deecfe;
241
+ --amino-cyan-100: #183338;
242
+ --amino-cyan-200: #22525a;
243
+ --amino-cyan-300: #236a75;
244
+ --amino-cyan-400: #287e8a;
245
+ --amino-cyan-500: #349dab;
246
+ --amino-cyan-600: #48c4d3;
247
+ --amino-cyan-700: #65e2ef;
248
+ --amino-cyan-800: #8ff1fa;
249
+ --amino-cyan-900: #baf8fd;
250
+ --amino-cyan-1000: #dbfdff;
251
+ --amino-red-100: #3b1119;
252
+ --amino-red-200: #601725;
253
+ --amino-red-300: #841a2f;
254
+ --amino-red-400: #a81e37;
255
+ --amino-red-500: #d3203f;
256
+ --amino-red-600: #f9505b;
257
+ --amino-red-700: #fa8b8b;
258
+ --amino-red-800: #fcb4b2;
259
+ --amino-red-900: #fdd3d0;
260
+ --amino-red-1000: #ffedeb;
261
+ --amino-orange-100: #3c1611;
262
+ --amino-orange-200: #63261a;
263
+ --amino-orange-300: #85341d;
264
+ --amino-orange-400: #a4431d;
265
+ --amino-orange-500: #d7581f;
266
+ --amino-orange-600: #f88548;
267
+ --amino-orange-700: #fca375;
268
+ --amino-orange-800: #fdc2a0;
269
+ --amino-orange-900: #fed5b8;
270
+ --amino-orange-1000: #ffeee0;
271
+ --amino-green-100: #193123;
272
+ --amino-green-200: #214c34;
273
+ --amino-green-300: #236641;
274
+ --amino-green-400: #25794a;
275
+ --amino-green-500: #2a995a;
276
+ --amino-green-600: #4dc477;
277
+ --amino-green-700: #62e488;
278
+ --amino-green-800: #86f99e;
279
+ --amino-green-900: #bafdc2;
280
+ --amino-green-1000: #dbffdd;
281
+ --amino-purple-100: #29143a;
282
+ --amino-purple-200: #461f66;
283
+ --amino-purple-300: #612392;
284
+ --amino-purple-400: #7728b9;
285
+ --amino-purple-500: #9635ee;
286
+ --amino-purple-600: #a379f6;
287
+ --amino-purple-700: #b09ff9;
288
+ --amino-purple-800: #c4c0fc;
289
+ --amino-purple-900: #d8dafd;
290
+ --amino-purple-1000: #eef0ff;
291
+ --amino-transparent-white: #000000bb;
292
+ --amino-transparent-black: #ffffffbb;
293
+ --amino-v3-shadow-base: 0px 0px 0px 1px rgba(255, 255, 255, 0.12),
294
+ 0px 1px 3px rgba(0, 0, 0, 0.9), 0px 1px 2px rgba(0, 0, 0, 0.8);
295
+ --amino-v3-shadow-medium: 0px 0px 0px 1px rgba(255, 255, 255, 0.12),
296
+ 0px 4px 6px rgba(0, 0, 0, 0.9), 0px 2px 4px rgba(0, 0, 0, 0.8);
297
+ --amino-v3-shadow-large: 0px 0px 0px 1px rgba(255, 255, 255, 0.12),
298
+ 0px 10px 15px rgba(0, 0, 0, 0.9), 0px 4px 6px rgba(0, 0, 0, 0.8);
299
+ --amino-v3-shadow-xl: 0px 0px 0px 1px rgba(255, 255, 255, 0.12),
300
+ 0px 20px 25px rgba(0, 0, 0, 0.9), 0px 10px 10px rgba(0, 0, 0, 0.8);
301
+ --amino-v3-shadow-xxl: 0px 0px 0px 1px rgba(255, 255, 255, 0.12),
302
+ 0px 32px 50px rgba(0, 0, 0, 0.96);
303
+ --amino-v3-shadow-inset: 0px 0px 0px 1px rgba(255, 255, 255, 0.12),
304
+ 0px 0px 6px rgba(255, 255, 255, 0.08), 0px 1px 0px #111114,
305
+ 0px 2px 4px rgba(0, 0, 0, 0.24), inset 0px 1px 1px rgba(0, 0, 0, 0.24),
306
+ inset 0px 2px 4px rgba(0, 0, 0, 0.24),
307
+ inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.24),
308
+ inset 0px 0px 8px rgba(0, 0, 0, 0.16);
307
309
  --amino-border: 1px solid var(--amino-border-color);
310
+ --amino-border-blue: 1px solid var(--amino-blue-500);
311
+ --amino-border-red: 1px solid var(--amino-red-400);
312
+ --amino-border-cyan: 1px solid var(--amino-cyan-400);
313
+ --amino-border-orange: 1px solid var(--amino-orange-400);
314
+ --amino-border-green: 1px solid var(--amino-green-400);
315
+ --amino-border-purple: 1px solid var(--amino-purple-400);
316
+ --amino-border-amber: 1px solid var(--amino-amber-400);
317
+ --amino-border-transparent: 1px solid transparent;
318
+ --amino-sidebar-color: var(--amino-gray-0);
319
+ --amino-header-color: var(--amino-gray-0);
320
+ --amino-danger: var(--amino-red-600);
321
+ --amino-danger-dark: var(--amino-red-700);
322
+ --amino-error: var(--amino-red-600);
323
+ --amino-primary: var(--amino-blue-600);
324
+ --amino-primary-light: var(--amino-blue-500);
325
+ --amino-primary-dark: var(--amino-blue-800);
326
+ --amino-success: var(--amino-green-300);
327
+ --amino-success-dark: var(--amino-green-700);
328
+ --amino-warning: var(--amino-amber-100);
329
+ --amino-warning-dark: var(--amino-amber-700);
330
+ --amino-glow-error: 0 0 0 1px var(--amino-red-600);
331
+ --amino-glow-blue: 0 0 0 1px var(--amino-primary);
332
+ --amino-glow-cyan: 0 0 0 1px var(--amino-cyan-600);
333
+ --amino-glow-red: 0 0 0 1px var(--amino-red-600);
334
+ --amino-glow-orange: 0 0 0 1px var(--amino-orange-600);
335
+ --amino-glow-green: 0 0 0 1px var(--amino-green-600);
336
+ --amino-glow-purple: 0 0 0 1px var(--amino-purple-600);
337
+ --amino-page-background: var(--amino-gray-0);
338
+ --amino-border-color: var(--amino-gray-200);
339
+ --amino-hover-color: var(--amino-gray-50);
340
+ --amino-text-color: var(--amino-gray-1000);
341
+ --amino-input-background: var(--amino-gray-0);
342
+ --amino-surface-color: var(--amino-gray-50);
343
+ --amino-surface-color-secondary: var(--amino-gray-100);
344
+ --amino-backdrop-color: var(--amino-gray-100);
308
345
  }
package/types/Color.d.ts CHANGED
@@ -2,4 +2,4 @@ export declare const colorPrefixes: readonly ["blue", "cyan", "green", "orange",
2
2
  export declare const colorContrasts: readonly ["100", "200", "300", "400", "500", "600", "700", "800", "900", "1000"];
3
3
  export type ColorContrast = typeof colorContrasts[number];
4
4
  export type ColorPrefix = typeof colorPrefixes[number];
5
- export type Color = `${ColorPrefix}${ColorContrast}` | 'black' | 'gray1100' | 'gray1200' | 'gray1300';
5
+ export type Color = 'gray0' | `${ColorPrefix}${ColorContrast}` | 'gray1100' | 'gray1200';
package/types/Theme.d.ts CHANGED
@@ -1 +1 @@
1
- export type Theme = 'light' | 'dark';
1
+ export type Theme = 'day' | 'night' | 'midnight';
package/types/index.d.ts CHANGED
@@ -2,10 +2,10 @@ export type { AlertDialogOpts } from './AlertDialogOpts';
2
2
  export type { Color } from './Color';
3
3
  export type { ConfirmDialogOpts } from './ConfirmDialogOpts';
4
4
  export type { FetcherError } from './FetcherError';
5
- export type { IAminoTheme } from './IAminoTheme';
6
5
  export type { IconProps } from './IconProps';
7
6
  export type { Intent } from './Intent';
8
7
  export type { JsonError } from './JsonError';
9
8
  export type { NoInfer } from './NoInfer';
10
9
  export type { StyledProps } from './StyledProps';
11
10
  export type { SwrtParams } from './SwrtParams';
11
+ export type { Theme } from './Theme';
@@ -1 +1 @@
1
- "use strict";var r=require("../_tslib-fe391a2e.js"),e=function(e){var n=e.response,t=e.shouldLog,s=void 0===t||t,o=e.shouldThrow,i=void 0!==o&&o;return r.__awaiter(void 0,void 0,void 0,(function(){var e;return r.__generator(this,(function(r){switch(r.label){case 0:return r.trys.push([0,2,,3]),[4,n.json()];case 1:return[2,r.sent()];case 2:if(e=r.sent(),i)throw e;return s&&console.error(e),[2,null];case 3:return[2]}}))}))},n=function(n,t){return r.__awaiter(void 0,void 0,void 0,(function(){var s,o,i,u;return r.__generator(this,(function(r){switch(r.label){case 0:return[4,fetch(n,t)];case 1:return(s=r.sent()).ok?[4,e({response:s})]:[3,3];case 2:return[2,{errors:[],json:i=r.sent(),response:s}];case 3:o=s.status.toString(),r.label=4;case 4:return r.trys.push([4,6,,7]),[4,e({response:s,shouldThrow:!0})];case 5:return i=r.sent(),u=JSON.stringify(i),[2,{errors:[{message:"".concat(o,": ").concat(u),type:o}],json:null,response:s}];case 6:return r.sent(),u="Unknown error",[2,{json:null,errors:[{message:"".concat(o,": ").concat(u),type:o}],response:null}];case 7:return[2]}}))}))},t=function(e,t){return r.__awaiter(void 0,void 0,void 0,(function(){var s,o,i,u;return r.__generator(this,(function(a){return(s=t||{}).logRequestIfError,o=r.__rest(s,["logRequestIfError"]),i=o.body&&JSON.stringify(o.body),u=r.__assign(r.__assign({},o),{body:i}),[2,n(e,u)]}))}))};exports.fetcher=function(e,n){return r.__awaiter(void 0,void 0,void 0,(function(){var s,o,i,u,a;return r.__generator(this,(function(r){switch(r.label){case 0:return[4,t(e,n)];case 1:if(s=r.sent(),o=s.errors,i=s.json,u=s.response,a=o.find(Boolean),!(null==u?void 0:u.ok)||["pollUntil","failedData"].includes((null==a?void 0:a.type)||""))throw{errors:o,status:null==u?void 0:u.status};return[2,{json:i,response:u}]}}))}))},exports.handleFetch=t,exports.handleRequest=n;
1
+ "use strict";var e=require("../_tslib-fe391a2e.js"),r=function(r){var n=r.response,s=r.shouldLog,t=void 0===s||s,o=r.shouldThrow,u=void 0!==o&&o;return e.__awaiter(void 0,void 0,void 0,(function(){var r;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,n.json()];case 1:return[2,e.sent()];case 2:if(r=e.sent(),u)throw r;return t&&console.error(r),[2,null];case 3:return[2]}}))}))},n=function(n,s){return e.__awaiter(void 0,void 0,void 0,(function(){var t,o,u,a,i;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,fetch(n,s)];case 1:return t=e.sent(),[3,3];case 2:return(o=e.sent())instanceof Error?[2,{errors:[{message:o.message,type:"unknown"}],json:null,response:null}]:[2,{errors:[{message:i="Fail to fetch",type:"unknown"}],json:null,response:null}];case 3:return t.ok?[4,r({response:t})]:[3,5];case 4:return[2,{errors:[],json:a=e.sent(),response:t}];case 5:u=t.status.toString(),e.label=6;case 6:return e.trys.push([6,8,,9]),[4,r({response:t,shouldThrow:!0})];case 7:return a=e.sent(),i=JSON.stringify(a),[2,{errors:[{message:"".concat(u,": ").concat(i),type:u}],json:null,response:t}];case 8:return e.sent(),i="Unknown error",[2,{json:null,errors:[{message:"".concat(u,": ").concat(i),type:u}],response:null}];case 9:return[2]}}))}))},s=function(r,s){return e.__awaiter(void 0,void 0,void 0,(function(){var t,o,u,a;return e.__generator(this,(function(i){return(t=s||{}).logRequestIfError,o=e.__rest(t,["logRequestIfError"]),u=o.body&&JSON.stringify(o.body),a=e.__assign(e.__assign({},o),{body:u}),[2,n(r,a)]}))}))};exports.fetcher=function(r,n){return e.__awaiter(void 0,void 0,void 0,(function(){var t,o,u,a,i;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,s(r,n)];case 1:if(t=e.sent(),o=t.errors,u=t.json,a=t.response,i=o.find(Boolean),!(null==a?void 0:a.ok)||["pollUntil","failedData"].includes((null==i?void 0:i.type)||""))throw{errors:o,status:null==a?void 0:a.status};return[2,{json:u,response:a}]}}))}))},exports.handleFetch=s,exports.handleRequest=n;
@@ -0,0 +1,5 @@
1
+ import type { Theme } from "../../types";
2
+ export declare const useAminoTheme: () => {
3
+ aminoTheme: Theme;
4
+ setAminoTheme: (value: Theme) => void;
5
+ };
@@ -0,0 +1 @@
1
+ "use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("./useStorage.js");require("../storage.js"),require("swr"),require("./useSwr.js");exports.useAminoTheme=function(){var s=e.__read(r.useStorage({defaultValue:"day",key:"amino:theme",type:"local"}),2);return{aminoTheme:s[0],setAminoTheme:s[1]}};
@@ -1,5 +0,0 @@
1
- import type { ReactNode } from 'react';
2
- export type DarkModeWrapperProps = {
3
- children: ReactNode;
4
- };
5
- export declare const DarkModeWrapper: ({ children }: DarkModeWrapperProps) => JSX.Element;
@@ -1 +0,0 @@
1
- "use strict";var r=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime");exports.DarkModeWrapper=function(i){var t=i.children;return e.jsx("div",r.__assign({"data-theme":"dark"},{children:t}))};
@@ -1 +0,0 @@
1
- export type IAminoTheme = 'dark' | 'light';