@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.
- package/all.d.ts +3 -1
- package/amino.css +0 -1
- package/components/alert-dialog/AlertContext.js +1 -1
- package/components/alert-dialog/AlertDialog.d.ts +4 -4
- package/components/alert-dialog/AlertDialog.js +1 -1
- package/components/alert-dialog/useAlert.js +1 -1
- package/components/badge/Badge.js +1 -1
- package/components/button/Button.d.ts +2 -2
- package/components/button/Button.js +1 -1
- package/components/checkbox/Checkbox.js +1 -1
- package/components/collapse/Collapse.js +1 -1
- package/components/confirm-dialog/ConfirmContext.js +1 -1
- package/components/confirm-dialog/ConfirmDialog.d.ts +3 -3
- package/components/confirm-dialog/ConfirmDialog.js +1 -1
- package/components/confirm-dialog/useConfirm.js +1 -1
- package/components/cover-sheet/CoverSheet.d.ts +1 -1
- package/components/cover-sheet/CoverSheet.js +1 -1
- package/components/currency/Currency.js +1 -1
- package/components/dialog/Dialog.d.ts +2 -2
- package/components/dialog/Dialog.js +1 -1
- package/components/dialog/_BaseDialog.d.ts +3 -3
- package/components/dialog/_BaseDialog.js +1 -1
- package/components/drop-zone/DropZone.js +1 -1
- package/components/file-upload/FileUpload.js +1 -1
- package/components/graph-matrix/GraphMatrix.js +1 -1
- package/components/graph-matrix/_LoadingIcon.js +1 -1
- package/components/input/input-type/_FloatLabelInput.js +1 -1
- package/components/layout/Layout.js +1 -1
- package/components/layout/NavigationGroup.js +1 -1
- package/components/lightbox/LightBox.d.ts +3 -3
- package/components/lightbox/LightBox.js +1 -1
- package/components/list-item/ListItem.js +1 -1
- package/components/mdx/mdx-button/MdxButton.js +1 -1
- package/components/mdx/mdx-card/MdxCard.js +1 -1
- package/components/mdx/mdx-code-block/MdxCodeBlock.d.ts +4 -3
- package/components/mdx/mdx-code-block/MdxCodeBlock.js +1 -1
- package/components/mdx/mdx-image/MdxImage.js +1 -1
- package/components/mdx/mdx-related-content/MdxRelatedContent.js +1 -1
- package/components/mdx/mdx-table/MdxTable.js +1 -1
- package/components/mdx/mdx-video-guide/MdxVideoGuide.js +1 -1
- package/components/nested-data-table/NestedDataTable.js +1 -1
- package/components/nested-data-table/NestedDataTableHasura.js +1 -1
- package/components/nested-data-table/_TableData.js +1 -1
- package/components/night-mode-wrapper/NightModeWrapper.d.ts +5 -0
- package/components/night-mode-wrapper/NightModeWrapper.js +1 -0
- package/components/ownership-block/OwnershipBlock.d.ts +3 -1
- package/components/ownership-block/OwnershipBlock.js +1 -1
- package/components/pivot-table/PivotTable.js +1 -1
- package/components/profile-icon/ProfileIcon.d.ts +2 -1
- package/components/profile-icon/ProfileIcon.js +1 -1
- package/components/radio/Radio.js +1 -1
- package/components/rich-checkbox/RichCheckbox.js +1 -1
- package/components/rich-radio/RichRadio.js +1 -1
- package/components/select/ThemeSelect.d.ts +2 -0
- package/components/select/ThemeSelect.js +1 -0
- package/components/select/_StyledReactSelect.js +1 -1
- package/components/slide-over/SlideOver.d.ts +4 -4
- package/components/slide-over/SlideOver.js +1 -1
- package/components/slider/Slider.js +1 -1
- package/components/spinner/Spinner.js +1 -1
- package/components/styles/ColorPalette.js +1 -1
- package/components/styles/Shadow.js +1 -1
- package/components/switch/Switch.js +1 -1
- package/components/text/LegacyText.js +1 -1
- package/components/text/Text.js +1 -1
- package/components/textarea/Textarea.js +1 -1
- package/components/tooltip/Tooltip.d.ts +3 -2
- package/components/tooltip/Tooltip.js +1 -1
- package/icons/ArrowDownDuotoneIcon.js +1 -1
- package/icons/ArrowLeftDuotoneIcon.js +1 -1
- package/icons/ArrowRightDuotoneIcon.js +1 -1
- package/icons/ArrowSwapDuotoneIcon.js +1 -1
- package/icons/ArrowUpDuotoneIcon.js +1 -1
- package/icons/BagDuotoneIcon.js +1 -1
- package/icons/BankDuotoneIcon.js +1 -1
- package/icons/BellDuotoneIcon.js +1 -1
- package/icons/BellOffDuotoneIcon.js +1 -1
- package/icons/BookDuotoneIcon.js +1 -1
- package/icons/BookmarkAddDuotoneIcon.js +1 -1
- package/icons/BookmarkCheckDuotoneIcon.js +1 -1
- package/icons/BookmarkDuotoneIcon.js +1 -1
- package/icons/BookmarkOffDuotoneIcon.js +1 -1
- package/icons/BookmarkRemoveDuotoneIcon.js +1 -1
- package/icons/BookmarkSubtractDuotoneIcon.js +1 -1
- package/icons/BoxesDuotoneIcon.js +1 -1
- package/icons/BufferDuotoneIcon.js +1 -1
- package/icons/CalculatorDuotoneIcon.js +1 -1
- package/icons/CalendarDuotoneIcon.js +1 -1
- package/icons/CardDuotoneIcon.js +1 -1
- package/icons/CaretDownDuotoneIcon.js +1 -1
- package/icons/CaretLeftDuotoneIcon.js +1 -1
- package/icons/CaretRightDuotoneIcon.js +1 -1
- package/icons/CaretUpDuotoneIcon.js +1 -1
- package/icons/CartDuotoneIcon.js +1 -1
- package/icons/ChartDuotoneIcon.js +1 -1
- package/icons/CheckCircleDuotoneIcon.js +1 -1
- package/icons/CheckmarkDuotoneIcon.js +1 -1
- package/icons/CheckoutDuotoneIcon.js +1 -1
- package/icons/ChevronDownCircleDuotoneIcon.js +1 -1
- package/icons/ChevronDownDuotoneIcon.js +1 -1
- package/icons/ChevronLeftCircleDuotoneIcon.js +1 -1
- package/icons/ChevronLeftDuotoneIcon.js +1 -1
- package/icons/ChevronRightCircleDuotoneIcon.js +1 -1
- package/icons/ChevronRightDuotoneIcon.js +1 -1
- package/icons/ChevronUpCircleDuotoneIcon.js +1 -1
- package/icons/ChevronUpDuotoneIcon.js +1 -1
- package/icons/CircleDuotoneIcon.js +1 -1
- package/icons/ClassifyDuotoneIcon.js +1 -1
- package/icons/ClearDuotoneIcon.js +1 -1
- package/icons/ClockDuotoneIcon.js +1 -1
- package/icons/CodeCircleDuotoneIcon.js +1 -1
- package/icons/CodeDuotoneIcon.js +1 -1
- package/icons/CoinsDuotoneIcon.js +1 -1
- package/icons/CommentDuotoneIcon.js +1 -1
- package/icons/CopyDuotoneIcon.js +1 -1
- package/icons/CubeDuotoneIcon.js +1 -1
- package/icons/DashboardDuotoneIcon.js +1 -1
- package/icons/DiamondDuotoneIcon.js +1 -1
- package/icons/DislikeDuotoneIcon.js +1 -1
- package/icons/DocsDuotoneIcon.js +1 -1
- package/icons/DollarDuotoneIcon.js +1 -1
- package/icons/DoubleChevronDuotoneIcon.js +1 -1
- package/icons/DragDuotoneIcon.js +1 -1
- package/icons/EditDuotoneIcon.js +1 -1
- package/icons/ExclamationMarkDuotoneIcon.js +1 -1
- package/icons/ExportDuotoneIcon.js +1 -1
- package/icons/ExternalDuotoneIcon.js +1 -1
- package/icons/EyeDuotoneIcon.js +1 -1
- package/icons/EyeOffDuotoneIcon.js +1 -1
- package/icons/FileDuotoneIcon.js +1 -1
- package/icons/FileUploadDuotoneIcon.js +1 -1
- package/icons/FilterDuotoneIcon.js +1 -1
- package/icons/FolderListDuotoneIcon.js +1 -1
- package/icons/FolderUploadDuotoneIcon.js +1 -1
- package/icons/GridDuotoneIcon.js +1 -1
- package/icons/HelloDuotoneIcon.js +1 -1
- package/icons/HelpDuotoneIcon.js +1 -1
- package/icons/HexagonDuotoneIcon.js +1 -1
- package/icons/HomeDuotoneIcon.js +1 -1
- package/icons/IconIndex.d.ts +1 -0
- package/icons/IconIndex.js +1 -1
- package/icons/ImageDuotoneIcon.js +1 -1
- package/icons/ImportDuotoneIcon.js +1 -1
- package/icons/InfoDuotoneIcon.js +1 -1
- package/icons/IntegrationDuotoneIcon.js +1 -1
- package/icons/LandedCostDuotoneIcon.js +1 -1
- package/icons/LaptopDuotoneIcon.js +1 -1
- package/icons/LightDuotoneIcon.js +1 -1
- package/icons/LikeDuotoneIcon.js +1 -1
- package/icons/LineDownDuotoneIcon.js +1 -1
- package/icons/LineUpDuotoneIcon.js +1 -1
- package/icons/LinkDuotoneIcon.js +1 -1
- package/icons/LocationDuotoneIcon.js +1 -1
- package/icons/LockDuotoneIcon.js +1 -1
- package/icons/LoginDuotoneIcon.js +1 -1
- package/icons/LogoutDuotoneIcon.js +1 -1
- package/icons/MailDuotoneIcon.js +1 -1
- package/icons/MenuDuotoneIcon.js +1 -1
- package/icons/MinusCircleDuotoneIcon.js +1 -1
- package/icons/MinusDuotoneIcon.js +1 -1
- package/icons/MobileDuotoneIcon.js +1 -1
- package/icons/MoneyDuotoneIcon.js +1 -1
- package/icons/MonitorDuotoneIcon.js +1 -1
- package/icons/NightDuotoneIcon.js +1 -1
- package/icons/PauseCircleDuotoneIcon.js +1 -1
- package/icons/PercentBadgeDuotoneIcon.js +1 -1
- package/icons/PercentDuotoneIcon.js +1 -1
- package/icons/PlayCircleDuotoneIcon.js +1 -1
- package/icons/PlayDuotoneIcon.js +1 -1
- package/icons/PlusCircleDuotoneIcon.js +1 -1
- package/icons/PlusDuotoneIcon.js +1 -1
- package/icons/PrinterDuotoneIcon.js +1 -1
- package/icons/RateDuotoneIcon.js +1 -1
- package/icons/ReceiptDuotoneIcon.js +1 -1
- package/icons/RefreshDuotoneIcon.js +1 -1
- package/icons/RemoveCircleDuotoneIcon.js +1 -1
- package/icons/RemoveDuotoneIcon.js +1 -1
- package/icons/RestrictDuotoneIcon.js +1 -1
- package/icons/RocketDuotoneIcon.js +1 -1
- package/icons/ScanDuotoneIcon.js +1 -1
- package/icons/ScreenDuotoneIcon.js +1 -1
- package/icons/SearchDuotoneIcon.js +1 -1
- package/icons/SendDuotoneIcon.js +1 -1
- package/icons/SettingsDuotoneIcon.js +1 -1
- package/icons/ShoppingListDuotoneIcon.js +1 -1
- package/icons/ShoppingTagDuotoneIcon.js +1 -1
- package/icons/SquareDuotoneIcon.js +1 -1
- package/icons/StarDuotoneIcon.js +1 -1
- package/icons/StarOffDuotoneIcon.js +1 -1
- package/icons/StarsDuotoneIcon.js +1 -1
- package/icons/SunnyDuotoneIcon.js +1 -1
- package/icons/TagDuotoneIcon.js +1 -1
- package/icons/ThreeDotDuotoneIcon.js +1 -1
- package/icons/TotalLandedCostDuotoneIcon.js +1 -1
- package/icons/TrashCanDuotoneIcon.js +1 -1
- package/icons/TriangleDuotoneIcon.js +1 -1
- package/icons/TruckDuotoneIcon.js +1 -1
- package/icons/UserDuotoneIcon.js +1 -1
- package/icons/UtahDuotoneIcon.js +1 -1
- package/icons/WarningDuotoneIcon.js +1 -1
- package/icons/custom/ZonosLogoIcon.d.ts +2 -6
- package/icons/custom/ZonosLogoIcon.js +1 -1
- package/package.json +2 -2
- package/reset.css +1 -1
- package/styles/constants/theme.d.ts +102 -110
- package/styles/constants/theme.js +1 -1
- package/theme.css +190 -153
- package/types/Color.d.ts +1 -1
- package/types/Theme.d.ts +1 -1
- package/types/index.d.ts +1 -1
- package/utils/handleFetch.js +1 -1
- package/utils/hooks/useAminoTheme.d.ts +5 -0
- package/utils/hooks/useAminoTheme.js +1 -0
- package/components/dark-mode-wrapper/DarkModeWrapper.d.ts +0 -5
- package/components/dark-mode-wrapper/DarkModeWrapper.js +0 -1
- 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-
|
|
83
|
-
|
|
84
|
-
--amino-
|
|
85
|
-
|
|
86
|
-
--amino-
|
|
87
|
-
|
|
88
|
-
--amino-
|
|
89
|
-
|
|
90
|
-
--amino-
|
|
91
|
-
|
|
92
|
-
--amino-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
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-
|
|
173
|
-
--amino-
|
|
174
|
-
|
|
175
|
-
--amino-
|
|
176
|
-
|
|
177
|
-
--amino-
|
|
178
|
-
|
|
179
|
-
--amino-
|
|
180
|
-
|
|
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
|
-
/*
|
|
215
|
-
[data-theme='
|
|
216
|
-
--amino-gray-
|
|
217
|
-
--amino-gray-
|
|
218
|
-
--amino-gray-
|
|
219
|
-
--amino-gray-
|
|
220
|
-
--amino-gray-
|
|
221
|
-
--amino-gray-
|
|
222
|
-
--amino-gray-
|
|
223
|
-
--amino-gray-
|
|
224
|
-
--amino-gray-
|
|
225
|
-
--amino-
|
|
226
|
-
--amino-
|
|
227
|
-
--amino-
|
|
228
|
-
--amino-
|
|
229
|
-
--amino-
|
|
230
|
-
--amino-blue-
|
|
231
|
-
--amino-blue-
|
|
232
|
-
--amino-blue-
|
|
233
|
-
--amino-blue-
|
|
234
|
-
--amino-
|
|
235
|
-
--amino-
|
|
236
|
-
--amino-
|
|
237
|
-
--amino-
|
|
238
|
-
--amino-
|
|
239
|
-
--amino-
|
|
240
|
-
--amino-cyan-
|
|
241
|
-
--amino-cyan-
|
|
242
|
-
--amino-cyan-
|
|
243
|
-
--amino-
|
|
244
|
-
--amino-
|
|
245
|
-
--amino-
|
|
246
|
-
--amino-
|
|
247
|
-
--amino-
|
|
248
|
-
--amino-
|
|
249
|
-
--amino-
|
|
250
|
-
--amino-red-
|
|
251
|
-
--amino-red-
|
|
252
|
-
--amino-
|
|
253
|
-
--amino-
|
|
254
|
-
--amino-
|
|
255
|
-
--amino-
|
|
256
|
-
--amino-
|
|
257
|
-
--amino-
|
|
258
|
-
--amino-
|
|
259
|
-
--amino-
|
|
260
|
-
--amino-orange-
|
|
261
|
-
--amino-
|
|
262
|
-
--amino-
|
|
263
|
-
--amino-
|
|
264
|
-
--amino-
|
|
265
|
-
--amino-
|
|
266
|
-
--amino-
|
|
267
|
-
--amino-
|
|
268
|
-
--amino-
|
|
269
|
-
--amino-
|
|
270
|
-
--amino-
|
|
271
|
-
--amino-
|
|
272
|
-
--amino-
|
|
273
|
-
--amino-
|
|
274
|
-
--amino-
|
|
275
|
-
--amino-
|
|
276
|
-
--amino-
|
|
277
|
-
--amino-
|
|
278
|
-
--amino-
|
|
279
|
-
--amino-
|
|
280
|
-
--amino-
|
|
281
|
-
--amino-
|
|
282
|
-
--amino-
|
|
283
|
-
--amino-
|
|
284
|
-
--amino-
|
|
285
|
-
--amino-
|
|
286
|
-
--amino-
|
|
287
|
-
--amino-
|
|
288
|
-
--amino-
|
|
289
|
-
--amino-
|
|
290
|
-
--amino-
|
|
291
|
-
--amino-
|
|
292
|
-
--amino-
|
|
293
|
-
|
|
294
|
-
--amino-
|
|
295
|
-
|
|
296
|
-
--amino-v3-shadow-
|
|
297
|
-
0px
|
|
298
|
-
--amino-v3-shadow-
|
|
299
|
-
0px
|
|
300
|
-
--amino-v3-shadow-
|
|
301
|
-
0px
|
|
302
|
-
--amino-v3-shadow-
|
|
303
|
-
0px
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
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}` | '
|
|
5
|
+
export type Color = 'gray0' | `${ColorPrefix}${ColorContrast}` | 'gray1100' | 'gray1200';
|
package/types/Theme.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export type Theme = '
|
|
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';
|
package/utils/handleFetch.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
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 @@
|
|
|
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 +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}))};
|
package/types/IAminoTheme.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type IAminoTheme = 'dark' | 'light';
|