@tempoxyz/ds 0.3.0 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/web/components/Accordion.css +1 -1
- package/dist/web/components/Accordion.js.zyzz.json +1 -1
- package/dist/web/components/AddressCard.css +1 -0
- package/dist/web/components/AddressCard.d.ts +85 -0
- package/dist/web/components/AddressCard.d.ts.map +1 -0
- package/dist/web/components/AddressCard.js +79 -0
- package/dist/web/components/AddressCard.js.map +1 -0
- package/dist/web/components/AddressCard.js.zyzz.json +1 -0
- package/dist/web/components/AgentLogo.js +1 -1
- package/dist/web/components/AgentLogo.js.map +1 -1
- package/dist/web/components/AgentLogo.js.zyzz.json +1 -1
- package/dist/web/components/Alert.css +1 -1
- package/dist/web/components/Alert.d.ts +7 -2
- package/dist/web/components/Alert.d.ts.map +1 -1
- package/dist/web/components/Alert.js +12 -7
- package/dist/web/components/Alert.js.map +1 -1
- package/dist/web/components/Alert.js.zyzz.json +1 -1
- package/dist/web/components/AlertDialog.js.zyzz.json +1 -1
- package/dist/web/components/Amount.css +1 -1
- package/dist/web/components/Amount.js.zyzz.json +1 -1
- package/dist/web/components/AmountInput.css +1 -1
- package/dist/web/components/AmountInput.d.ts +1 -1
- package/dist/web/components/AmountInput.d.ts.map +1 -1
- package/dist/web/components/AmountInput.js.zyzz.json +1 -1
- package/dist/web/components/AppShell.css +1 -1
- package/dist/web/components/AppShell.d.ts +128 -2
- package/dist/web/components/AppShell.d.ts.map +1 -1
- package/dist/web/components/AppShell.js +122 -32
- package/dist/web/components/AppShell.js.map +1 -1
- package/dist/web/components/AppShell.js.zyzz.json +1 -1
- package/dist/web/components/AssetChip.css +1 -1
- package/dist/web/components/AssetChip.d.ts.map +1 -1
- package/dist/web/components/AssetChip.js.map +1 -1
- package/dist/web/components/AssetChip.js.zyzz.json +1 -1
- package/dist/web/components/Autocomplete.js.zyzz.json +1 -1
- package/dist/web/components/Avatar.css +1 -1
- package/dist/web/components/Avatar.d.ts +68 -6
- package/dist/web/components/Avatar.d.ts.map +1 -1
- package/dist/web/components/Avatar.js +27 -7
- package/dist/web/components/Avatar.js.map +1 -1
- package/dist/web/components/Avatar.js.zyzz.json +1 -1
- package/dist/web/components/Badge.css +1 -1
- package/dist/web/components/Badge.d.ts +49 -1
- package/dist/web/components/Badge.d.ts.map +1 -1
- package/dist/web/components/Badge.js +5 -3
- package/dist/web/components/Badge.js.map +1 -1
- package/dist/web/components/Badge.js.zyzz.json +1 -1
- package/dist/web/components/Banner.css +1 -1
- package/dist/web/components/Banner.js.zyzz.json +1 -1
- package/dist/web/components/BarChart.css +1 -1
- package/dist/web/components/BarChart.js.zyzz.json +1 -1
- package/dist/web/components/Breadcrumbs.css +1 -1
- package/dist/web/components/Breadcrumbs.js.zyzz.json +1 -1
- package/dist/web/components/Button.css +1 -1
- package/dist/web/components/Button.d.ts +82 -12
- package/dist/web/components/Button.d.ts.map +1 -1
- package/dist/web/components/Button.js +6 -3
- package/dist/web/components/Button.js.map +1 -1
- package/dist/web/components/Button.js.zyzz.json +1 -1
- package/dist/web/components/ButtonGroup.js.zyzz.json +1 -1
- package/dist/web/components/Calendar.css +1 -1
- package/dist/web/components/Calendar.js.zyzz.json +1 -1
- package/dist/web/components/Callout.css +1 -0
- package/dist/web/components/Callout.d.ts +23 -0
- package/dist/web/components/Callout.d.ts.map +1 -0
- package/dist/web/components/Callout.js +26 -0
- package/dist/web/components/Callout.js.map +1 -0
- package/dist/web/components/Callout.js.zyzz.json +1 -0
- package/dist/web/components/Checkbox.css +1 -1
- package/dist/web/components/Checkbox.js.zyzz.json +1 -1
- package/dist/web/components/CheckboxGroup.js.zyzz.json +1 -1
- package/dist/web/components/ChoiceGroup.css +1 -1
- package/dist/web/components/ChoiceGroup.d.ts +17 -10
- package/dist/web/components/ChoiceGroup.d.ts.map +1 -1
- package/dist/web/components/ChoiceGroup.js +5 -5
- package/dist/web/components/ChoiceGroup.js.map +1 -1
- package/dist/web/components/ChoiceGroup.js.zyzz.json +1 -1
- package/dist/web/components/Choicebox.css +1 -1
- package/dist/web/components/Choicebox.js.zyzz.json +1 -1
- package/dist/web/components/Code.css +1 -0
- package/dist/web/components/Code.d.ts +25 -0
- package/dist/web/components/Code.d.ts.map +1 -0
- package/dist/web/components/Code.js +28 -0
- package/dist/web/components/Code.js.map +1 -0
- package/dist/web/components/Code.js.zyzz.json +1 -0
- package/dist/web/components/Combobox.css +1 -1
- package/dist/web/components/Combobox.js.zyzz.json +1 -1
- package/dist/web/components/Container.js.zyzz.json +1 -1
- package/dist/web/components/CopyButton.d.ts +8 -1
- package/dist/web/components/CopyButton.d.ts.map +1 -1
- package/dist/web/components/CopyButton.js.map +1 -1
- package/dist/web/components/CopyButton.js.zyzz.json +1 -1
- package/dist/web/components/DatePicker.css +1 -1
- package/dist/web/components/DatePicker.js.zyzz.json +1 -1
- package/dist/web/components/Dialog.css +1 -1
- package/dist/web/components/Dialog.d.ts.map +1 -1
- package/dist/web/components/Dialog.js +2 -1
- package/dist/web/components/Dialog.js.map +1 -1
- package/dist/web/components/Dialog.js.zyzz.json +1 -1
- package/dist/web/components/Drawer.js.zyzz.json +1 -1
- package/dist/web/components/Empty.css +1 -1
- package/dist/web/components/Empty.js.zyzz.json +1 -1
- package/dist/web/components/Field.css +1 -1
- package/dist/web/components/Field.d.ts +41 -5
- package/dist/web/components/Field.d.ts.map +1 -1
- package/dist/web/components/Field.js +19 -13
- package/dist/web/components/Field.js.map +1 -1
- package/dist/web/components/Field.js.zyzz.json +1 -1
- package/dist/web/components/Fieldset.js.zyzz.json +1 -1
- package/dist/web/components/Frame.css +1 -1
- package/dist/web/components/Frame.js.zyzz.json +1 -1
- package/dist/web/components/Gauge.js.zyzz.json +1 -1
- package/dist/web/components/GetStartedVisual.css +1 -0
- package/dist/web/components/GetStartedVisual.d.ts +59 -0
- package/dist/web/components/GetStartedVisual.d.ts.map +1 -0
- package/dist/web/components/GetStartedVisual.js +31 -0
- package/dist/web/components/GetStartedVisual.js.map +1 -0
- package/dist/web/components/GetStartedVisual.js.zyzz.json +1 -0
- package/dist/web/components/Grid.js.zyzz.json +1 -1
- package/dist/web/components/HeroVisual.css +1 -0
- package/dist/web/components/HeroVisual.d.ts +96 -0
- package/dist/web/components/HeroVisual.d.ts.map +1 -0
- package/dist/web/components/HeroVisual.js +202 -0
- package/dist/web/components/HeroVisual.js.map +1 -0
- package/dist/web/components/HeroVisual.js.zyzz.json +1 -0
- package/dist/web/components/Hex.css +1 -1
- package/dist/web/components/Hex.js.zyzz.json +1 -1
- package/dist/web/components/IconTile.css +1 -1
- package/dist/web/components/IconTile.js.zyzz.json +1 -1
- package/dist/web/components/Identicon.js.zyzz.json +1 -1
- package/dist/web/components/Inline.js.zyzz.json +1 -1
- package/dist/web/components/Inset.js.zyzz.json +1 -1
- package/dist/web/components/Kbd.css +1 -1
- package/dist/web/components/Kbd.d.ts +8 -7
- package/dist/web/components/Kbd.d.ts.map +1 -1
- package/dist/web/components/Kbd.js +1 -1
- package/dist/web/components/Kbd.js.map +1 -1
- package/dist/web/components/Kbd.js.zyzz.json +1 -1
- package/dist/web/components/ListGroup.css +1 -1
- package/dist/web/components/ListGroup.d.ts +39 -22
- package/dist/web/components/ListGroup.d.ts.map +1 -1
- package/dist/web/components/ListGroup.js +24 -21
- package/dist/web/components/ListGroup.js.map +1 -1
- package/dist/web/components/ListGroup.js.zyzz.json +1 -1
- package/dist/web/components/LoadingDots.js.zyzz.json +1 -1
- package/dist/web/components/Menu.css +1 -1
- package/dist/web/components/Menu.js.zyzz.json +1 -1
- package/dist/web/components/NativeSelect.css +1 -0
- package/dist/web/components/NativeSelect.d.ts +50 -0
- package/dist/web/components/NativeSelect.d.ts.map +1 -0
- package/dist/web/components/NativeSelect.js +50 -0
- package/dist/web/components/NativeSelect.js.map +1 -0
- package/dist/web/components/NativeSelect.js.zyzz.json +1 -0
- package/dist/web/components/NetworkLogo.js.zyzz.json +1 -1
- package/dist/web/components/NumberField.css +1 -1
- package/dist/web/components/NumberField.js.zyzz.json +1 -1
- package/dist/web/components/OtpField.css +1 -1
- package/dist/web/components/OtpField.js.zyzz.json +1 -1
- package/dist/web/components/Pagination.css +1 -1
- package/dist/web/components/Pagination.js.zyzz.json +1 -1
- package/dist/web/components/Popover.css +1 -1
- package/dist/web/components/Popover.js.zyzz.json +1 -1
- package/dist/web/components/Progress.css +1 -1
- package/dist/web/components/Progress.d.ts +1 -1
- package/dist/web/components/Progress.d.ts.map +1 -1
- package/dist/web/components/Progress.js +2 -1
- package/dist/web/components/Progress.js.map +1 -1
- package/dist/web/components/Progress.js.zyzz.json +1 -1
- package/dist/web/components/Qr.js.zyzz.json +1 -1
- package/dist/web/components/RadioGroup.css +1 -1
- package/dist/web/components/RadioGroup.d.ts +1 -1
- package/dist/web/components/RadioGroup.js.zyzz.json +1 -1
- package/dist/web/components/SecretValue.css +1 -1
- package/dist/web/components/SecretValue.js.zyzz.json +1 -1
- package/dist/web/components/Select.css +1 -1
- package/dist/web/components/Select.d.ts +1 -1
- package/dist/web/components/Select.d.ts.map +1 -1
- package/dist/web/components/Select.js +2 -2
- package/dist/web/components/Select.js.map +1 -1
- package/dist/web/components/Select.js.zyzz.json +1 -1
- package/dist/web/components/Separator.css +1 -1
- package/dist/web/components/Separator.js.zyzz.json +1 -1
- package/dist/web/components/SidebarMenu.css +1 -1
- package/dist/web/components/SidebarMenu.d.ts +60 -2
- package/dist/web/components/SidebarMenu.d.ts.map +1 -1
- package/dist/web/components/SidebarMenu.js +47 -16
- package/dist/web/components/SidebarMenu.js.map +1 -1
- package/dist/web/components/SidebarMenu.js.zyzz.json +1 -1
- package/dist/web/components/Skeleton.css +1 -1
- package/dist/web/components/Skeleton.js.zyzz.json +1 -1
- package/dist/web/components/Slider.css +1 -1
- package/dist/web/components/Slider.js.zyzz.json +1 -1
- package/dist/web/components/Snippet.css +1 -1
- package/dist/web/components/Snippet.js.zyzz.json +1 -1
- package/dist/web/components/Spinner.js.zyzz.json +1 -1
- package/dist/web/components/SplitBar.css +1 -1
- package/dist/web/components/SplitBar.js.zyzz.json +1 -1
- package/dist/web/components/SplitButton.css +1 -1
- package/dist/web/components/SplitButton.d.ts +3 -1
- package/dist/web/components/SplitButton.d.ts.map +1 -1
- package/dist/web/components/SplitButton.js +2 -2
- package/dist/web/components/SplitButton.js.map +1 -1
- package/dist/web/components/SplitButton.js.zyzz.json +1 -1
- package/dist/web/components/Stack.js.zyzz.json +1 -1
- package/dist/web/components/StatusChip.css +1 -1
- package/dist/web/components/StatusChip.js.zyzz.json +1 -1
- package/dist/web/components/StatusIndicator.css +1 -0
- package/dist/web/components/StatusIndicator.d.ts +74 -0
- package/dist/web/components/StatusIndicator.d.ts.map +1 -0
- package/dist/web/components/StatusIndicator.js +32 -0
- package/dist/web/components/StatusIndicator.js.map +1 -0
- package/dist/web/components/StatusIndicator.js.zyzz.json +1 -0
- package/dist/web/components/StatusRow.css +1 -1
- package/dist/web/components/StatusRow.js.zyzz.json +1 -1
- package/dist/web/components/Stepper.js.zyzz.json +1 -1
- package/dist/web/components/SuccessHero.css +1 -0
- package/dist/web/components/SuccessHero.d.ts +74 -0
- package/dist/web/components/SuccessHero.d.ts.map +1 -0
- package/dist/web/components/SuccessHero.js +167 -0
- package/dist/web/components/SuccessHero.js.map +1 -0
- package/dist/web/components/SuccessHero.js.zyzz.json +1 -0
- package/dist/web/components/Surface.css +1 -1
- package/dist/web/components/Surface.d.ts +86 -0
- package/dist/web/components/Surface.d.ts.map +1 -1
- package/dist/web/components/Surface.js +6 -3
- package/dist/web/components/Surface.js.map +1 -1
- package/dist/web/components/Surface.js.zyzz.json +1 -1
- package/dist/web/components/Switch.css +1 -1
- package/dist/web/components/Switch.d.ts +6 -6
- package/dist/web/components/Switch.d.ts.map +1 -1
- package/dist/web/components/Switch.js +3 -2
- package/dist/web/components/Switch.js.map +1 -1
- package/dist/web/components/Switch.js.zyzz.json +1 -1
- package/dist/web/components/Table.css +1 -1
- package/dist/web/components/Table.d.ts +85 -0
- package/dist/web/components/Table.d.ts.map +1 -1
- package/dist/web/components/Table.js +14 -6
- package/dist/web/components/Table.js.map +1 -1
- package/dist/web/components/Table.js.zyzz.json +1 -1
- package/dist/web/components/Tabs.css +1 -1
- package/dist/web/components/Tabs.d.ts +183 -6
- package/dist/web/components/Tabs.d.ts.map +1 -1
- package/dist/web/components/Tabs.js +18 -13
- package/dist/web/components/Tabs.js.map +1 -1
- package/dist/web/components/Tabs.js.zyzz.json +1 -1
- package/dist/web/components/TempoLogo.js +1 -1
- package/dist/web/components/TempoLogo.js.map +1 -1
- package/dist/web/components/TempoLogo.js.zyzz.json +1 -1
- package/dist/web/components/TextInput.css +1 -1
- package/dist/web/components/TextInput.d.ts +80 -2
- package/dist/web/components/TextInput.d.ts.map +1 -1
- package/dist/web/components/TextInput.js +19 -7
- package/dist/web/components/TextInput.js.map +1 -1
- package/dist/web/components/TextInput.js.zyzz.json +1 -1
- package/dist/web/components/Textarea.css +1 -1
- package/dist/web/components/Textarea.d.ts +7 -1
- package/dist/web/components/Textarea.d.ts.map +1 -1
- package/dist/web/components/Textarea.js +3 -2
- package/dist/web/components/Textarea.js.map +1 -1
- package/dist/web/components/Textarea.js.zyzz.json +1 -1
- package/dist/web/components/Toast.css +1 -1
- package/dist/web/components/Toast.d.ts +16 -3
- package/dist/web/components/Toast.d.ts.map +1 -1
- package/dist/web/components/Toast.js +29 -17
- package/dist/web/components/Toast.js.map +1 -1
- package/dist/web/components/Toast.js.zyzz.json +1 -1
- package/dist/web/components/Token.css +1 -1
- package/dist/web/components/Token.js.zyzz.json +1 -1
- package/dist/web/components/TokenLogo.js.zyzz.json +1 -1
- package/dist/web/components/Tooltip.css +1 -1
- package/dist/web/components/Tooltip.d.ts.map +1 -1
- package/dist/web/components/Tooltip.js +3 -2
- package/dist/web/components/Tooltip.js.map +1 -1
- package/dist/web/components/Tooltip.js.zyzz.json +1 -1
- package/dist/web/components/VerificationCode.css +1 -1
- package/dist/web/components/VerificationCode.js.zyzz.json +1 -1
- package/dist/web/components/Visual.js.zyzz.json +1 -1
- package/dist/web/components/internal/Field.css +1 -1
- package/dist/web/components/internal/Field.js.zyzz.json +1 -1
- package/dist/web/components/internal/GetStartedArtwork.d.ts +10 -0
- package/dist/web/components/internal/GetStartedArtwork.d.ts.map +1 -0
- package/dist/web/components/internal/GetStartedArtwork.js +11 -0
- package/dist/web/components/internal/GetStartedArtwork.js.map +1 -0
- package/dist/web/components/internal/InputGroup.css +1 -1
- package/dist/web/components/internal/InputGroup.js.zyzz.json +1 -1
- package/dist/web/components/internal/Listbox.css +1 -1
- package/dist/web/components/internal/Listbox.js.zyzz.json +1 -1
- package/dist/web/components/internal/Streaks.css +1 -0
- package/dist/web/components/internal/Streaks.d.ts +48 -0
- package/dist/web/components/internal/Streaks.d.ts.map +1 -0
- package/dist/web/components/internal/Streaks.js +48 -0
- package/dist/web/components/internal/Streaks.js.map +1 -0
- package/dist/web/components/internal/Streaks.js.zyzz.json +1 -0
- package/dist/web/components/internal/TabBar.d.ts +37 -0
- package/dist/web/components/internal/TabBar.d.ts.map +1 -0
- package/dist/web/components/internal/TabBar.js +30 -0
- package/dist/web/components/internal/TabBar.js.map +1 -0
- package/dist/web/components/internal/Text.d.ts +9 -0
- package/dist/web/components/internal/Text.d.ts.map +1 -0
- package/dist/web/components/internal/Text.js +35 -0
- package/dist/web/components/internal/Text.js.map +1 -0
- package/dist/web/index.d.ts +8 -0
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +8 -0
- package/dist/web/index.js.map +1 -1
- package/dist/web/index.js.zyzz.json +1 -1
- package/dist/web/vars.d.ts +51 -6
- package/dist/web/vars.d.ts.map +1 -1
- package/dist/web/vars.js.map +1 -1
- package/dist/web/vars.js.zyzz.json +1 -1
- package/dist/web/zyzz.config.d.ts +255 -30
- package/dist/web/zyzz.config.d.ts.map +1 -1
- package/dist/web/zyzz.config.js.zyzz.json +1 -1
- package/package.json +1 -1
- package/src/web/components/AddressCard.tsx +216 -0
- package/src/web/components/AgentLogo.tsx +1 -1
- package/src/web/components/Alert.tsx +25 -5
- package/src/web/components/AmountInput.tsx +1 -1
- package/src/web/components/AppShell.tsx +383 -22
- package/src/web/components/AssetChip.tsx +4 -1
- package/src/web/components/Avatar.tsx +73 -6
- package/src/web/components/Badge.tsx +43 -5
- package/src/web/components/Button.tsx +78 -21
- package/src/web/components/Callout.tsx +45 -0
- package/src/web/components/ChoiceGroup.tsx +26 -12
- package/src/web/components/Code.tsx +42 -0
- package/src/web/components/CopyButton.tsx +8 -4
- package/src/web/components/Dialog.tsx +9 -2
- package/src/web/components/Field.tsx +53 -20
- package/src/web/components/GetStartedVisual.tsx +66 -0
- package/src/web/components/HeroVisual.tsx +304 -0
- package/src/web/components/Kbd.tsx +16 -9
- package/src/web/components/ListGroup.tsx +75 -28
- package/src/web/components/NativeSelect.tsx +167 -0
- package/src/web/components/Progress.tsx +3 -2
- package/src/web/components/RadioGroup.tsx +1 -1
- package/src/web/components/Select.tsx +4 -1
- package/src/web/components/SidebarMenu.tsx +106 -7
- package/src/web/components/SplitButton.tsx +11 -4
- package/src/web/components/StatusIndicator.tsx +94 -0
- package/src/web/components/SuccessHero.tsx +249 -0
- package/src/web/components/Surface.tsx +107 -1
- package/src/web/components/Switch.tsx +18 -25
- package/src/web/components/Table.tsx +69 -1
- package/src/web/components/Tabs.tsx +172 -10
- package/src/web/components/TempoLogo.tsx +1 -1
- package/src/web/components/TextInput.tsx +87 -5
- package/src/web/components/Textarea.tsx +9 -1
- package/src/web/components/Toast.tsx +67 -34
- package/src/web/components/Tooltip.tsx +6 -4
- package/src/web/components/internal/GetStartedArtwork.tsx +356 -0
- package/src/web/components/internal/Streaks.tsx +173 -0
- package/src/web/components/internal/TabBar.ts +56 -0
- package/src/web/components/internal/Text.ts +39 -0
- package/src/web/components/visuals/GetStartedConnect.svg +36 -0
- package/src/web/components/visuals/GetStartedFunds.svg +31 -0
- package/src/web/components/visuals/GetStartedPasskey.svg +34 -0
- package/src/web/components/visuals/README.md +15 -0
- package/src/web/index.ts +8 -0
- package/src/web/logos/README.md +1 -1
- package/src/web/vars.ts +34 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
.z_tds_2f_web-SIsIj70{align-items:center}.z_tds_2f_web-SIsIj71{border:none}.z_tds_2f_web-SIsIj72{border-radius:var(--z-tds_2f_web-radius-xs,calc(.75rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-SIsIj73{box-sizing:border-box}.z_tds_2f_web-SIsIj74{column-gap:var(--z-tds_2f_web-spacing-4,.25rem)}.z_tds_2f_web-SIsIj75{cursor:pointer}.z_tds_2f_web-SIsIj76{display:inline-flex}.z_tds_2f_web-SIsIj77{justify-content:center}.z_tds_2f_web-SIsIj78{outline-color:#0000}.z_tds_2f_web-SIsIj79{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z_tds_2f_web-SIsIj7a{outline-style:solid}.z_tds_2f_web-SIsIj7b{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-SIsIj7c{position:relative}.z_tds_2f_web-SIsIj7d{text-decoration:none}.z_tds_2f_web-SIsIj7e{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-SIsIj7f{transition-property:background-color,color,opacity,outline-color,scale}.z_tds_2f_web-SIsIj7g{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-SIsIj7h{font-family:var(--z-tds_2f_web-typography-body-b2Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}.z_tds_2f_web-SIsIj7i{font-size:var(--z-tds_2f_web-typography-body-b2Strong-fontSize,14px)}.z_tds_2f_web-SIsIj7j{font-weight:var(--z-tds_2f_web-typography-body-b2Strong-fontWeight,500)}.z_tds_2f_web-SIsIj7k{letter-spacing:var(--z-tds_2f_web-typography-body-b2Strong-letterSpacing,.14px)}.z_tds_2f_web-SIsIj7l{line-height:var(--z-tds_2f_web-typography-body-b2Strong-lineHeight,20px)}.z_tds_2f_web-SIsIj7m{user-select:none}.z_tds_2f_web-SIsIj7n{white-space:nowrap}.z_tds_2f_web-SIsIj7o{&>span>svg{flex-shrink:0}}.z_tds_2f_web-SIsIj7p{&>span>svg{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}}.z_tds_2f_web-SIsIj7q{&:active:not(:disabled){scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-SIsIj7r{&:active:not(:disabled){transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z_tds_2f_web-SIsIj7s{&:disabled{cursor:default}}.z_tds_2f_web-SIsIj7t{&:disabled{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z_tds_2f_web-SIsIj7u{&:focus-visible{outline-color:var(--z-tds_2f_web-color-action-focusRing,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-056,#ffffff8f)))}}.z_tds_2f_web-SIsIj7v{&[data-loading]{opacity:1}}@media (forced-colors:active){.z_tds_2f_web-SIsIj7w{outline-style:none}.z_tds_2f_web-SIsIj7x{&:focus-visible{outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-SIsIj7y{transition-property:background-color,color,opacity,outline-color}.z_tds_2f_web-SIsIj7z{&:active:not(:disabled){scale:none}}}.z_tds_2f_web-SIsIj710{&:where([data-shape=icon]){aspect-ratio:1}}.z_tds_2f_web-SIsIj711{&:where([data-size=large]){height:var(--z-tds_2f_web-spacing-48,3rem)}}.z_tds_2f_web-SIsIj712{&:where([data-size=large]){padding-inline:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-SIsIj713{&:where([data-size=large]){&>span:first-child{min-width:1rem}}}.z_tds_2f_web-SIsIj714{&:where([data-size=medium]){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-SIsIj715{&:where([data-size=medium]){padding-inline:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-SIsIj716{&:where([data-size=medium]){&>span:first-child{min-width:2rem}}}.z_tds_2f_web-SIsIj717{&:where([data-size=small]){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-SIsIj718{&:where([data-size=small]){padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-SIsIj719{&:where([data-size=small]){&>span:first-child{min-width:3rem}}}.z_tds_2f_web-SIsIj71a{&:where([data-size=xsmall]){border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}}.z_tds_2f_web-SIsIj71b{&:where([data-size=xsmall]){corner-shape:round}}.z_tds_2f_web-SIsIj71c{&:where([data-size=xsmall]){height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-SIsIj71d{&:where([data-size=xsmall]){padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-SIsIj71e{&:where([data-size=xsmall]){font-family:var(--z-tds_2f_web-typography-body-b3Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}.z_tds_2f_web-SIsIj71f{&:where([data-size=xsmall]){font-size:var(--z-tds_2f_web-typography-body-b3Strong-fontSize,12px)}}.z_tds_2f_web-SIsIj71g{&:where([data-size=xsmall]){font-weight:var(--z-tds_2f_web-typography-body-b3Strong-fontWeight,500)}}.z_tds_2f_web-SIsIj71h{&:where([data-size=xsmall]){letter-spacing:var(--z-tds_2f_web-typography-body-b3Strong-letterSpacing,.15px)}}.z_tds_2f_web-SIsIj71i{&:where([data-size=xsmall]){line-height:var(--z-tds_2f_web-typography-body-b3Strong-lineHeight,16px)}}.z_tds_2f_web-SIsIj71j{&:where([data-size=xsmall]){&>span>svg{font-size:var(--z-tds_2f_web-fontSize-12,.75rem)}}}.z_tds_2f_web-SIsIj71k{&:where([data-variant=primary]){background-color:var(--z-tds_2f_web-color-inverse-background-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-004,#f5f5f5)))}}.z_tds_2f_web-SIsIj71l{&:where([data-variant=primary]){color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}}.z_tds_2f_web-SIsIj71m{&:where([data-variant=primary]){&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-action-primary-fill-hover,light-dark(var(--z-tds_2f_web-color-neutral-shade-080,#000c),var(--z-tds_2f_web-color-neutral-tint-080,#fffc)))}}}.z_tds_2f_web-SIsIj71n{&:where([data-variant=primary]){&:active:not(:disabled){background-color:var(--z-tds_2f_web-color-action-primary-fill-pressed,light-dark(var(--z-tds_2f_web-color-neutral-shade-060,#0009),var(--z-tds_2f_web-color-neutral-tint-064,#ffffffa3)))}}}.z_tds_2f_web-SIsIj71o{&:where([data-variant=secondary]){background-color:var(--z-tds_2f_web-color-component-button-secondary-fill,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f)))}}.z_tds_2f_web-SIsIj71p{&:where([data-variant=secondary]){color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}}.z_tds_2f_web-SIsIj71q{&:where([data-variant=secondary]){&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-action-secondary-fill-hover,light-dark(var(--z-tds_2f_web-color-neutral-shade-006,#0000000f),var(--z-tds_2f_web-color-neutral-tint-006,#ffffff0f)))}}}.z_tds_2f_web-SIsIj71r{&:where([data-variant=secondary]){&:active:not(:disabled){background-color:var(--z-tds_2f_web-color-action-secondary-fill-pressed,light-dark(var(--z-tds_2f_web-color-neutral-shade-016,#00000029),var(--z-tds_2f_web-color-neutral-tint-024,#ffffff3d)))}}}.z_tds_2f_web-SIsIj71s{&:where([data-variant=tertiary]){background-color:var(--z-tds_2f_web-color-component-button-tertiary-fill,light-dark(var(--z-tds_2f_web-color-neutral-shade-000,#0000),var(--z-tds_2f_web-color-neutral-tint-000,#fff0)))}}.z_tds_2f_web-SIsIj71t{&:where([data-variant=tertiary]){color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}}.z_tds_2f_web-SIsIj71u{&:where([data-variant=tertiary]){&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-action-tertiary-fill-hover,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-004,#ffffff0a)))}}}.z_tds_2f_web-SIsIj71v{&:where([data-variant=tertiary]){&:active:not(:disabled){background-color:var(--z-tds_2f_web-color-action-tertiary-fill-pressed,light-dark(var(--z-tds_2f_web-color-neutral-shade-006,#0000000f),var(--z-tds_2f_web-color-neutral-tint-006,#ffffff0f)))}}}.z_tds_2f_web-SIsIj71w{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}}.z_tds_2f_web-SIsIj71x{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){corner-shape:round}}.z_tds_2f_web-SIsIj71y{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){flex-shrink:0}}.z_tds_2f_web-SIsIj71z{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){min-width:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-SIsIj720{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){padding-inline:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-SIsIj721{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){&>span:first-child{min-width:0}}}.z_tds_2f_web-SIsIj722{&:where([data-appearance=base]):where([data-shape=icon]):where([data-variant=primary]):where(*,.__zyzz-compound-1){background-color:var(--z-tds_2f_web-color-inverse-background-secondary,light-dark(var(--z-tds_2f_web-color-neutral-092,#141414),var(--z-tds_2f_web-color-neutral-092,#141414)))}}.z_tds_2f_web-SIsIj723{&:where([data-appearance=base]):where([data-shape=icon]):where([data-variant=primary]):where(*,.__zyzz-compound-1){color:var(--z-tds_2f_web-color-neutral-000,#fff)}}.z_tds_2f_web-SIsIj724{&:where([data-appearance=base]):where([data-shape=icon]):where([data-variant=primary]):where(*,.__zyzz-compound-1){&:is(:hover,:active):not(:disabled){color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}}}.z_tds_2f_web-SIsIj725{&:where([data-appearance=inverse]):where(*,.__zyzz-compound-2){&:focus-visible{outline-color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}}}.z_tds_2f_web-SIsIj726{&:where([data-appearance=inverse]):where(*,.__zyzz-compound-2){&:focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}}.z_tds_2f_web-SIsIj727{&:where([data-appearance=inverse],[data-appearance=overlay]):where([data-variant=primary]):where(*,.__zyzz-compound-3){background-color:var(--z-tds_2f_web-color-background-secondary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-092,#141414)))}}.z_tds_2f_web-SIsIj728{&:where([data-appearance=inverse],[data-appearance=overlay]):where([data-variant=primary]):where(*,.__zyzz-compound-3){color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}}.z_tds_2f_web-SIsIj729{&:where([data-appearance=inverse],[data-appearance=overlay]):where([data-variant=primary]):where(*,.__zyzz-compound-3){&:is(:hover,:active):not(:disabled){background-color:var(--z-tds_2f_web-color-background-secondary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-092,#141414)))}}}.z_tds_2f_web-SIsIj72a{&:where([data-appearance=inverse]):where([data-variant=secondary]):where(*,.__zyzz-compound-4){background-color:var(--z-tds_2f_web-color-inverse-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f),var(--z-tds_2f_web-color-neutral-shade-004,#0000000a)))}}.z_tds_2f_web-SIsIj72b{&:where([data-appearance=inverse]):where([data-variant=secondary]):where(*,.__zyzz-compound-4){color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}}.z_tds_2f_web-SIsIj72c{&:where([data-appearance=inverse]):where([data-variant=secondary]):where(*,.__zyzz-compound-4){&:is(:hover,:active):not(:disabled){background-color:var(--z-tds_2f_web-color-inverse-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f),var(--z-tds_2f_web-color-neutral-shade-004,#0000000a)))}}}.z_tds_2f_web-SIsIj72d{&:where([data-appearance=overlay]):where([data-variant=secondary]):where(*,.__zyzz-compound-5){background-color:#70707052}}.z_tds_2f_web-SIsIj72e{&:where([data-appearance=overlay]):where([data-variant=secondary]):where(*,.__zyzz-compound-5){color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}}.z_tds_2f_web-SIsIj72f{&:where([data-appearance=overlay]):where([data-variant=secondary]):where(*,.__zyzz-compound-5){&:is(:hover,:active):not(:disabled){background-color:#70707048}}}.z_tds_2f_web-SIsIj72g{&:where([data-appearance=inverse],[data-appearance=overlay]):where([data-variant=tertiary]):where(*,.__zyzz-compound-6){color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}}.z_tds_2f_web-SIsIj72h{&:where([data-appearance=inverse],[data-appearance=overlay]):where([data-variant=tertiary]):where(*,.__zyzz-compound-6){&:is(:hover,:active):not(:disabled){background-color:var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f)}}}.z_tds_2f_web-SIsIj72i{align-items:inherit}.z_tds_2f_web-SIsIj72j{column-gap:inherit}.z_tds_2f_web-SIsIj72k{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-SIsIj72l{transition-property:opacity,visibility}.z_tds_2f_web-SIsIj72m{&:where([data-loading=true]){opacity:0}}.z_tds_2f_web-SIsIj72n{&:where([data-loading=true]){visibility:hidden}}.z_tds_2f_web-SIsIj72o{inset-block-start:50%}.z_tds_2f_web-SIsIj72p{inset-inline-start:50%}.z_tds_2f_web-SIsIj72q{position:absolute}.z_tds_2f_web-SIsIj72r{translate:-50% -50%}
|
|
1
|
+
.z_tds_2f_web-SIsIj70{align-items:center}.z_tds_2f_web-SIsIj71{border:none}.z_tds_2f_web-SIsIj72{border-radius:var(--z-tds_2f_web-radius-xs,calc(.75rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-SIsIj73{box-sizing:border-box}.z_tds_2f_web-SIsIj74{column-gap:var(--z-tds_2f_web-spacing-4,.25rem)}.z_tds_2f_web-SIsIj75{cursor:pointer}.z_tds_2f_web-SIsIj76{display:inline-flex}.z_tds_2f_web-SIsIj77{justify-content:center}.z_tds_2f_web-SIsIj78{outline-color:#0000}.z_tds_2f_web-SIsIj79{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z_tds_2f_web-SIsIj7a{outline-style:solid}.z_tds_2f_web-SIsIj7b{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-SIsIj7c{position:relative}.z_tds_2f_web-SIsIj7d{text-decoration:none}.z_tds_2f_web-SIsIj7e{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-SIsIj7f{transition-property:background-color,color,opacity,outline-color,scale}.z_tds_2f_web-SIsIj7g{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-SIsIj7h{font-family:var(--z-tds_2f_web-typography-body-b2Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}.z_tds_2f_web-SIsIj7i{font-size:var(--z-tds_2f_web-typography-body-b2Strong-fontSize,14px)}.z_tds_2f_web-SIsIj7j{font-weight:var(--z-tds_2f_web-typography-body-b2Strong-fontWeight,500)}.z_tds_2f_web-SIsIj7k{letter-spacing:var(--z-tds_2f_web-typography-body-b2Strong-letterSpacing,.14px)}.z_tds_2f_web-SIsIj7l{line-height:var(--z-tds_2f_web-typography-body-b2Strong-lineHeight,20px)}.z_tds_2f_web-SIsIj7m{user-select:none}.z_tds_2f_web-SIsIj7n{white-space:nowrap}.z_tds_2f_web-SIsIj7o{&>span>svg{flex-shrink:0}}.z_tds_2f_web-SIsIj7p{&>span>svg{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}}.z_tds_2f_web-SIsIj7q{&:active:not(:disabled){scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-SIsIj7r{&:active:not(:disabled){transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z_tds_2f_web-SIsIj7s{&:disabled{cursor:default}}.z_tds_2f_web-SIsIj7t{&:disabled{opacity:.4}}.z_tds_2f_web-SIsIj7u{&:focus-visible{outline-color:var(--z-tds_2f_web-color-action-focusRing,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-056,#ffffff8f)))}}.z_tds_2f_web-SIsIj7v{&[data-loading]{opacity:1}}@media (forced-colors:active){.z_tds_2f_web-SIsIj7w{outline-style:none}.z_tds_2f_web-SIsIj7x{&:focus-visible{outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-SIsIj7y{transition-property:background-color,color,opacity,outline-color}.z_tds_2f_web-SIsIj7z{&:active:not(:disabled){scale:none}}}.z_tds_2f_web-SIsIj710{&:where([data-shape=icon]){aspect-ratio:1}}.z_tds_2f_web-SIsIj711{&:where([data-size=large]){border-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-SIsIj712{&:where([data-size=large]){height:var(--z-tds_2f_web-spacing-48,3rem)}}.z_tds_2f_web-SIsIj713{&:where([data-size=large]){padding-inline:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-SIsIj714{&:where([data-size=large]){&>span:first-child{min-width:1rem}}}.z_tds_2f_web-SIsIj715{&:where([data-size=medium]){border-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-SIsIj716{&:where([data-size=medium]){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-SIsIj717{&:where([data-size=medium]){padding-inline:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-SIsIj718{&:where([data-size=medium]){&>span:first-child{min-width:2rem}}}.z_tds_2f_web-SIsIj719{&:where([data-size=small]){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-SIsIj71a{&:where([data-size=small]){padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-SIsIj71b{&:where([data-size=small]){&>span:first-child{min-width:3rem}}}.z_tds_2f_web-SIsIj71c{&:where([data-size=xsmall]){border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}}.z_tds_2f_web-SIsIj71d{&:where([data-size=xsmall]){corner-shape:round}}.z_tds_2f_web-SIsIj71e{&:where([data-size=xsmall]){height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-SIsIj71f{&:where([data-size=xsmall]){padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-SIsIj71g{&:where([data-size=xsmall]){font-family:var(--z-tds_2f_web-typography-body-b3Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}.z_tds_2f_web-SIsIj71h{&:where([data-size=xsmall]){font-size:var(--z-tds_2f_web-typography-body-b3Strong-fontSize,12px)}}.z_tds_2f_web-SIsIj71i{&:where([data-size=xsmall]){font-weight:var(--z-tds_2f_web-typography-body-b3Strong-fontWeight,500)}}.z_tds_2f_web-SIsIj71j{&:where([data-size=xsmall]){letter-spacing:var(--z-tds_2f_web-typography-body-b3Strong-letterSpacing,.15px)}}.z_tds_2f_web-SIsIj71k{&:where([data-size=xsmall]){line-height:var(--z-tds_2f_web-typography-body-b3Strong-lineHeight,16px)}}.z_tds_2f_web-SIsIj71l{&:where([data-size=xsmall]){&>span>svg{font-size:var(--z-tds_2f_web-fontSize-12,.75rem)}}}.z_tds_2f_web-SIsIj71m{&:where([data-variant=danger]){background-color:var(--z-tds_2f_web-color-action-danger-fill-rest,#eb3417)}}.z_tds_2f_web-SIsIj71n{&:where([data-variant=danger]){color:var(--z-tds_2f_web-color-action-danger-label-rest,var(--z-tds_2f_web-color-neutral-000,#fff))}}.z_tds_2f_web-SIsIj71o{&:where([data-variant=danger]){&:is(:hover,:active):not(:disabled){background-color:var(--z-tds_2f_web-color-action-danger-fill-hover,#eb3417)}}}.z_tds_2f_web-SIsIj71p{&:where([data-variant=primary]){background-color:var(--z-tds_2f_web-color-inverse-background-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-004,#f5f5f5)))}}.z_tds_2f_web-SIsIj71q{&:where([data-variant=primary]){color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}}.z_tds_2f_web-SIsIj71r{&:where([data-variant=primary]){&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-action-primary-fill-hover,light-dark(var(--z-tds_2f_web-color-neutral-shade-080,#000c),var(--z-tds_2f_web-color-neutral-tint-080,#fffc)))}}}.z_tds_2f_web-SIsIj71s{&:where([data-variant=primary]){&:active:not(:disabled){background-color:var(--z-tds_2f_web-color-action-primary-fill-pressed,light-dark(var(--z-tds_2f_web-color-neutral-shade-060,#0009),var(--z-tds_2f_web-color-neutral-tint-064,#ffffffa3)))}}}.z_tds_2f_web-SIsIj71t{&:where([data-variant=secondary]){background-color:var(--z-tds_2f_web-color-component-button-secondary-fill,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f)))}}.z_tds_2f_web-SIsIj71u{&:where([data-variant=secondary]){color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}}.z_tds_2f_web-SIsIj71v{&:where([data-variant=secondary]){&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-action-secondary-fill-hover,light-dark(var(--z-tds_2f_web-color-neutral-shade-006,#0000000f),var(--z-tds_2f_web-color-neutral-tint-006,#ffffff0f)))}}}.z_tds_2f_web-SIsIj71w{&:where([data-variant=secondary]){&:active:not(:disabled){background-color:var(--z-tds_2f_web-color-action-secondary-fill-pressed,light-dark(var(--z-tds_2f_web-color-neutral-shade-016,#00000029),var(--z-tds_2f_web-color-neutral-tint-024,#ffffff3d)))}}}.z_tds_2f_web-SIsIj71x{&:where([data-variant=tertiary]){background-color:var(--z-tds_2f_web-color-component-button-tertiary-fill,light-dark(var(--z-tds_2f_web-color-neutral-shade-000,#0000),var(--z-tds_2f_web-color-neutral-tint-000,#fff0)))}}.z_tds_2f_web-SIsIj71y{&:where([data-variant=tertiary]){color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}}.z_tds_2f_web-SIsIj71z{&:where([data-variant=tertiary]){&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-action-tertiary-fill-hover,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-004,#ffffff0a)))}}}.z_tds_2f_web-SIsIj720{&:where([data-variant=tertiary]){&:active:not(:disabled){background-color:var(--z-tds_2f_web-color-action-tertiary-fill-pressed,light-dark(var(--z-tds_2f_web-color-neutral-shade-006,#0000000f),var(--z-tds_2f_web-color-neutral-tint-006,#ffffff0f)))}}}.z_tds_2f_web-SIsIj721{&:where([data-variant=text]){background-color:#0000}}.z_tds_2f_web-SIsIj722{&:where([data-variant=text]){border-radius:var(--z-tds_2f_web-radius-3xs,calc(.25rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-SIsIj723{&:where([data-variant=text]){color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-064,#ffffffa3)))}}.z_tds_2f_web-SIsIj724{&:where([data-variant=text]){height:auto}}.z_tds_2f_web-SIsIj725{&:where([data-variant=text]){padding:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-SIsIj726{&:where([data-variant=text]){font-family:var(--z-tds_2f_web-typography-body-b2Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}.z_tds_2f_web-SIsIj727{&:where([data-variant=text]){font-size:var(--z-tds_2f_web-typography-body-b2Strong-fontSize,14px)}}.z_tds_2f_web-SIsIj728{&:where([data-variant=text]){font-weight:var(--z-tds_2f_web-typography-body-b2Strong-fontWeight,500)}}.z_tds_2f_web-SIsIj729{&:where([data-variant=text]){letter-spacing:var(--z-tds_2f_web-typography-body-b2Strong-letterSpacing,.14px)}}.z_tds_2f_web-SIsIj72a{&:where([data-variant=text]){line-height:var(--z-tds_2f_web-typography-body-b2Strong-lineHeight,20px)}}.z_tds_2f_web-SIsIj72b{&:where([data-variant=text]){&>span:first-child{min-width:0}}}.z_tds_2f_web-SIsIj72c{&:where([data-variant=text]){&>span>svg{font-size:var(--z-tds_2f_web-fontSize-12,.75rem)}}}.z_tds_2f_web-SIsIj72d{&:where([data-variant=text]){&:focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}}.z_tds_2f_web-SIsIj72e{&:where([data-variant=text]){&:hover:not(:disabled){color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}}}.z_tds_2f_web-SIsIj72f{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}}.z_tds_2f_web-SIsIj72g{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){corner-shape:round}}.z_tds_2f_web-SIsIj72h{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){flex-shrink:0}}.z_tds_2f_web-SIsIj72i{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){min-width:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-SIsIj72j{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){padding-inline:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-SIsIj72k{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){&>span:first-child{min-width:0}}}.z_tds_2f_web-SIsIj72l{&:where([data-appearance=base]):where([data-shape=icon]):where([data-variant=primary]):where(*,.__zyzz-compound-1){background-color:var(--z-tds_2f_web-color-inverse-background-secondary,light-dark(var(--z-tds_2f_web-color-neutral-092,#141414),var(--z-tds_2f_web-color-neutral-000,#fff)))}}.z_tds_2f_web-SIsIj72m{&:where([data-appearance=inverse]):where(*,.__zyzz-compound-2){&:focus-visible{outline-color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}}}.z_tds_2f_web-SIsIj72n{&:where([data-appearance=inverse]):where(*,.__zyzz-compound-2){&:focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}}.z_tds_2f_web-SIsIj72o{&:where([data-appearance=inverse],[data-appearance=overlay]):where([data-variant=primary]):where(*,.__zyzz-compound-3){background-color:var(--z-tds_2f_web-color-background-secondary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-092,#141414)))}}.z_tds_2f_web-SIsIj72p{&:where([data-appearance=inverse],[data-appearance=overlay]):where([data-variant=primary]):where(*,.__zyzz-compound-3){color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}}.z_tds_2f_web-SIsIj72q{&:where([data-appearance=inverse],[data-appearance=overlay]):where([data-variant=primary]):where(*,.__zyzz-compound-3){&:is(:hover,:active):not(:disabled){background-color:var(--z-tds_2f_web-color-background-secondary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-092,#141414)))}}}.z_tds_2f_web-SIsIj72r{&:where([data-appearance=inverse]):where([data-variant=secondary]):where(*,.__zyzz-compound-4){background-color:var(--z-tds_2f_web-color-inverse-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f),var(--z-tds_2f_web-color-neutral-shade-004,#0000000a)))}}.z_tds_2f_web-SIsIj72s{&:where([data-appearance=inverse]):where([data-variant=secondary]):where(*,.__zyzz-compound-4){color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}}.z_tds_2f_web-SIsIj72t{&:where([data-appearance=inverse]):where([data-variant=secondary]):where(*,.__zyzz-compound-4){&:is(:hover,:active):not(:disabled){background-color:var(--z-tds_2f_web-color-inverse-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f),var(--z-tds_2f_web-color-neutral-shade-004,#0000000a)))}}}.z_tds_2f_web-SIsIj72u{&:where([data-appearance=overlay]):where([data-variant=secondary]):where(*,.__zyzz-compound-5){background-color:var(--z-tds_2f_web-color-overlay-container-regular,#70707052)}}.z_tds_2f_web-SIsIj72v{&:where([data-appearance=overlay]):where([data-variant=secondary]):where(*,.__zyzz-compound-5){color:var(--z-tds_2f_web-color-overlay-content-primary,var(--z-tds_2f_web-color-neutral-000,#fff))}}.z_tds_2f_web-SIsIj72w{&:where([data-appearance=overlay]):where([data-variant=secondary]):where(*,.__zyzz-compound-5){&:is(:hover,:active):not(:disabled){background-color:var(--z-tds_2f_web-color-overlay-action-secondary-fill-hover,#70707047)}}}.z_tds_2f_web-SIsIj72x{&:where([data-appearance=inverse]):where([data-variant=tertiary]):where(*,.__zyzz-compound-6){color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}}.z_tds_2f_web-SIsIj72y{&:where([data-appearance=inverse]):where([data-variant=tertiary]):where(*,.__zyzz-compound-6){&:is(:hover,:active):not(:disabled){background-color:var(--z-tds_2f_web-color-inverse-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f),var(--z-tds_2f_web-color-neutral-shade-004,#0000000a)))}}}.z_tds_2f_web-SIsIj72z{&:where([data-appearance=overlay]):where([data-variant=tertiary]):where(*,.__zyzz-compound-7){color:var(--z-tds_2f_web-color-overlay-content-primary,var(--z-tds_2f_web-color-neutral-000,#fff))}}.z_tds_2f_web-SIsIj730{&:where([data-appearance=overlay]):where([data-variant=tertiary]):where(*,.__zyzz-compound-7){&:is(:hover,:active):not(:disabled){background-color:var(--z-tds_2f_web-color-overlay-action-tertiary-fill-hover,var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f))}}}.z_tds_2f_web-SIsIj731{&:where([data-appearance=base]):where([data-size=xsmall]):where([data-variant=secondary]):where(*,.__zyzz-compound-8){background-color:var(--z-tds_2f_web-color-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}}.z_tds_2f_web-SIsIj732{&:where([data-appearance=base]):where([data-size=xsmall]):where([data-variant=secondary]):where(*,.__zyzz-compound-8){&:is(:hover,:active):not(:disabled){background-color:var(--z-tds_2f_web-color-container-strong,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-016,#ffffff29)))}}}.z_tds_2f_web-SIsIj733{&:where([data-appearance=base]):where([data-size=xsmall]):where([data-variant=tertiary]):where(*,.__zyzz-compound-9){&:is(:hover,:active):not(:disabled){background-color:var(--z-tds_2f_web-color-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}}}.z_tds_2f_web-SIsIj734{align-items:inherit}.z_tds_2f_web-SIsIj735{column-gap:inherit}.z_tds_2f_web-SIsIj736{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-SIsIj737{transition-property:opacity,visibility}.z_tds_2f_web-SIsIj738{&:where([data-loading=true]){opacity:0}}.z_tds_2f_web-SIsIj739{&:where([data-loading=true]){visibility:hidden}}.z_tds_2f_web-SIsIj73a{inset-block-start:50%}.z_tds_2f_web-SIsIj73b{inset-inline-start:50%}.z_tds_2f_web-SIsIj73c{position:absolute}.z_tds_2f_web-SIsIj73d{translate:-50% -50%}
|
|
@@ -9,6 +9,9 @@ import type * as zyzz from 'zyzz';
|
|
|
9
9
|
* - Use `Button` for actions and `Button.Link` for navigation.
|
|
10
10
|
* - Label with a specific verb, such as Send payment. Give `shape="icon"` buttons, which render as circles, an `aria-label`.
|
|
11
11
|
* - Keep one `primary` button per view or section, and give the others `secondary` or `tertiary`.
|
|
12
|
+
* - Use `danger` for the action that confirms a destructive outcome, such as Revoke key.
|
|
13
|
+
* - Use `text` for a low-emphasis action in running content, such as See more, with a trailing
|
|
14
|
+
* `ChevronRight`. It has no fill or padding, and ignores `size`.
|
|
12
15
|
* - Set `appearance="inverse"` on an inverse surface, such as a dark banner on a light page, and
|
|
13
16
|
* `appearance="overlay"` over an image or video.
|
|
14
17
|
* - Use `large` for the actions in a dialog footer. Keep `xsmall` pills for actions inside a row
|
|
@@ -82,7 +85,7 @@ declare namespace styles {
|
|
|
82
85
|
};
|
|
83
86
|
readonly '&:disabled': {
|
|
84
87
|
readonly cursor: "default";
|
|
85
|
-
readonly opacity: "
|
|
88
|
+
readonly opacity: "0.4 !custom";
|
|
86
89
|
};
|
|
87
90
|
readonly '&:focus-visible': {
|
|
88
91
|
readonly outlineColor: "action.focusRing";
|
|
@@ -132,12 +135,6 @@ declare namespace styles {
|
|
|
132
135
|
};
|
|
133
136
|
readonly style: {
|
|
134
137
|
readonly backgroundColor: "inverse.background.secondary";
|
|
135
|
-
readonly color: "neutral.000";
|
|
136
|
-
readonly selectors: {
|
|
137
|
-
readonly '&:is(:hover, :active):not(:disabled)': {
|
|
138
|
-
readonly color: "inverse.content.primary";
|
|
139
|
-
};
|
|
140
|
-
};
|
|
141
138
|
};
|
|
142
139
|
}, {
|
|
143
140
|
readonly when: {
|
|
@@ -185,24 +182,64 @@ declare namespace styles {
|
|
|
185
182
|
readonly variant: "secondary";
|
|
186
183
|
};
|
|
187
184
|
readonly style: {
|
|
188
|
-
readonly backgroundColor: "
|
|
189
|
-
readonly color: "
|
|
185
|
+
readonly backgroundColor: "overlay.container.regular";
|
|
186
|
+
readonly color: "overlay.content.primary";
|
|
190
187
|
readonly selectors: {
|
|
191
188
|
readonly '&:is(:hover, :active):not(:disabled)': {
|
|
192
|
-
readonly backgroundColor: "
|
|
189
|
+
readonly backgroundColor: "overlay.action.secondary.fill.hover";
|
|
193
190
|
};
|
|
194
191
|
};
|
|
195
192
|
};
|
|
196
193
|
}, {
|
|
197
194
|
readonly when: {
|
|
198
|
-
readonly appearance:
|
|
195
|
+
readonly appearance: "inverse";
|
|
199
196
|
readonly variant: "tertiary";
|
|
200
197
|
};
|
|
201
198
|
readonly style: {
|
|
202
199
|
readonly color: "inverse.content.primary";
|
|
203
200
|
readonly selectors: {
|
|
204
201
|
readonly '&:is(:hover, :active):not(:disabled)': {
|
|
205
|
-
readonly backgroundColor: "
|
|
202
|
+
readonly backgroundColor: "inverse.container.regular";
|
|
203
|
+
};
|
|
204
|
+
};
|
|
205
|
+
};
|
|
206
|
+
}, {
|
|
207
|
+
readonly when: {
|
|
208
|
+
readonly appearance: "overlay";
|
|
209
|
+
readonly variant: "tertiary";
|
|
210
|
+
};
|
|
211
|
+
readonly style: {
|
|
212
|
+
readonly color: "overlay.content.primary";
|
|
213
|
+
readonly selectors: {
|
|
214
|
+
readonly '&:is(:hover, :active):not(:disabled)': {
|
|
215
|
+
readonly backgroundColor: "overlay.action.tertiary.fill.hover";
|
|
216
|
+
};
|
|
217
|
+
};
|
|
218
|
+
};
|
|
219
|
+
}, {
|
|
220
|
+
readonly when: {
|
|
221
|
+
readonly appearance: "base";
|
|
222
|
+
readonly size: "xsmall";
|
|
223
|
+
readonly variant: "secondary";
|
|
224
|
+
};
|
|
225
|
+
readonly style: {
|
|
226
|
+
readonly backgroundColor: "container.regular";
|
|
227
|
+
readonly selectors: {
|
|
228
|
+
readonly '&:is(:hover, :active):not(:disabled)': {
|
|
229
|
+
readonly backgroundColor: "container.strong";
|
|
230
|
+
};
|
|
231
|
+
};
|
|
232
|
+
};
|
|
233
|
+
}, {
|
|
234
|
+
readonly when: {
|
|
235
|
+
readonly appearance: "base";
|
|
236
|
+
readonly size: "xsmall";
|
|
237
|
+
readonly variant: "tertiary";
|
|
238
|
+
};
|
|
239
|
+
readonly style: {
|
|
240
|
+
readonly selectors: {
|
|
241
|
+
readonly '&:is(:hover, :active):not(:disabled)': {
|
|
242
|
+
readonly backgroundColor: "container.regular";
|
|
206
243
|
};
|
|
207
244
|
};
|
|
208
245
|
};
|
|
@@ -235,6 +272,7 @@ declare namespace styles {
|
|
|
235
272
|
};
|
|
236
273
|
readonly size: {
|
|
237
274
|
readonly large: {
|
|
275
|
+
readonly borderRadius: "sm";
|
|
238
276
|
readonly height: "48";
|
|
239
277
|
readonly paddingInline: "32";
|
|
240
278
|
readonly selectors: {
|
|
@@ -244,6 +282,7 @@ declare namespace styles {
|
|
|
244
282
|
};
|
|
245
283
|
};
|
|
246
284
|
readonly medium: {
|
|
285
|
+
readonly borderRadius: "sm";
|
|
247
286
|
readonly height: "40";
|
|
248
287
|
readonly paddingInline: "24";
|
|
249
288
|
readonly selectors: {
|
|
@@ -275,6 +314,15 @@ declare namespace styles {
|
|
|
275
314
|
};
|
|
276
315
|
};
|
|
277
316
|
readonly variant: {
|
|
317
|
+
readonly danger: {
|
|
318
|
+
readonly backgroundColor: "action.danger.fill.rest";
|
|
319
|
+
readonly color: "action.danger.label.rest";
|
|
320
|
+
readonly selectors: {
|
|
321
|
+
readonly '&:is(:hover, :active):not(:disabled)': {
|
|
322
|
+
readonly backgroundColor: "action.danger.fill.hover";
|
|
323
|
+
};
|
|
324
|
+
};
|
|
325
|
+
};
|
|
278
326
|
readonly primary: {
|
|
279
327
|
readonly backgroundColor: "inverse.background.primary";
|
|
280
328
|
readonly color: "inverse.content.primary";
|
|
@@ -311,6 +359,28 @@ declare namespace styles {
|
|
|
311
359
|
};
|
|
312
360
|
};
|
|
313
361
|
};
|
|
362
|
+
readonly text: {
|
|
363
|
+
readonly backgroundColor: "transparent !custom";
|
|
364
|
+
readonly borderRadius: "3xs";
|
|
365
|
+
readonly color: "content.secondary";
|
|
366
|
+
readonly height: "auto !custom";
|
|
367
|
+
readonly padding: "0";
|
|
368
|
+
readonly typography: "body.b2Strong";
|
|
369
|
+
readonly selectors: {
|
|
370
|
+
readonly '& > span:first-child': {
|
|
371
|
+
readonly minWidth: "0 !custom";
|
|
372
|
+
};
|
|
373
|
+
readonly '& > span > svg': {
|
|
374
|
+
readonly fontSize: "12";
|
|
375
|
+
};
|
|
376
|
+
readonly '&:focus-visible': {
|
|
377
|
+
readonly outlineOffset: "2";
|
|
378
|
+
};
|
|
379
|
+
readonly '&:hover:not(:disabled)': {
|
|
380
|
+
readonly color: "content.primary";
|
|
381
|
+
};
|
|
382
|
+
};
|
|
383
|
+
};
|
|
314
384
|
};
|
|
315
385
|
};
|
|
316
386
|
}, "react">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/web/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAIjC
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/web/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAIjC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BA0BzC;AAED,yBAAiB,MAAM,CAAC;IACtB,KAAY,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GACnE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,GAAG;QAC1C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;QAC9B;;;;;WAKG;QACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAC9B,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,uBAAuB,GAAG,cAAc,GAAG,QAAQ,CAAC,CAAA;IAEpF;;;OAGG;IACH,SAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,8FAwBrC;IAED,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;KAC9F;CACF;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAyJb;;;;;;;eAOG;;gBACW,IAAI;gBAAM,OAAO;gBAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA6FjD,CAAA;IAEM,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;eAenB,CAAA;IAEM,MAAM,OAAO,gCAQnB,CAAA;CACF"}
|
|
@@ -12,6 +12,9 @@ import { Spinner } from './Spinner.js';
|
|
|
12
12
|
* - Use `Button` for actions and `Button.Link` for navigation.
|
|
13
13
|
* - Label with a specific verb, such as Send payment. Give `shape="icon"` buttons, which render as circles, an `aria-label`.
|
|
14
14
|
* - Keep one `primary` button per view or section, and give the others `secondary` or `tertiary`.
|
|
15
|
+
* - Use `danger` for the action that confirms a destructive outcome, such as Revoke key.
|
|
16
|
+
* - Use `text` for a low-emphasis action in running content, such as See more, with a trailing
|
|
17
|
+
* `ChevronRight`. It has no fill or padding, and ignores `size`.
|
|
15
18
|
* - Set `appearance="inverse"` on an inverse surface, such as a dark banner on a light page, and
|
|
16
19
|
* `appearance="overlay"` over an image or video.
|
|
17
20
|
* - Use `large` for the actions in a dialog footer. Keep `xsmall` pills for actions inside a row
|
|
@@ -56,9 +59,9 @@ export function Button(props) {
|
|
|
56
59
|
})(Button || (Button = {}));
|
|
57
60
|
var styles;
|
|
58
61
|
(function (styles) {
|
|
59
|
-
styles.button = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-SIsIj70 z_tds_2f_web-SIsIj71 z_tds_2f_web-SIsIj72 z_tds_2f_web-SIsIj73 z_tds_2f_web-SIsIj74 z_tds_2f_web-SIsIj75 z_tds_2f_web-SIsIj76 z_tds_2f_web-SIsIj77 z_tds_2f_web-SIsIj78 z_tds_2f_web-SIsIj79 z_tds_2f_web-SIsIj7a z_tds_2f_web-SIsIj7b z_tds_2f_web-SIsIj7c z_tds_2f_web-SIsIj7d z_tds_2f_web-SIsIj7e z_tds_2f_web-SIsIj7f z_tds_2f_web-SIsIj7g z_tds_2f_web-SIsIj7h z_tds_2f_web-SIsIj7i z_tds_2f_web-SIsIj7j z_tds_2f_web-SIsIj7k z_tds_2f_web-SIsIj7l z_tds_2f_web-SIsIj7m z_tds_2f_web-SIsIj7n z_tds_2f_web-SIsIj7o z_tds_2f_web-SIsIj7p z_tds_2f_web-SIsIj7q z_tds_2f_web-SIsIj7r z_tds_2f_web-SIsIj7s z_tds_2f_web-SIsIj7t z_tds_2f_web-SIsIj7u z_tds_2f_web-SIsIj7v z_tds_2f_web-SIsIj7w z_tds_2f_web-SIsIj7x z_tds_2f_web-SIsIj7y z_tds_2f_web-SIsIj7z z_tds_2f_web-SIsIj710 z_tds_2f_web-SIsIj711 z_tds_2f_web-SIsIj712 z_tds_2f_web-SIsIj713 z_tds_2f_web-SIsIj714 z_tds_2f_web-SIsIj715 z_tds_2f_web-SIsIj716 z_tds_2f_web-SIsIj717 z_tds_2f_web-SIsIj718 z_tds_2f_web-SIsIj719 z_tds_2f_web-SIsIj71a z_tds_2f_web-SIsIj71b z_tds_2f_web-SIsIj71c z_tds_2f_web-SIsIj71d z_tds_2f_web-SIsIj71e z_tds_2f_web-SIsIj71f z_tds_2f_web-SIsIj71g z_tds_2f_web-SIsIj71h z_tds_2f_web-SIsIj71i z_tds_2f_web-SIsIj71j z_tds_2f_web-SIsIj71k z_tds_2f_web-SIsIj71l z_tds_2f_web-SIsIj71m z_tds_2f_web-SIsIj71n z_tds_2f_web-SIsIj71o z_tds_2f_web-SIsIj71p z_tds_2f_web-SIsIj71q z_tds_2f_web-SIsIj71r z_tds_2f_web-SIsIj71s z_tds_2f_web-SIsIj71t z_tds_2f_web-SIsIj71u z_tds_2f_web-SIsIj71v z_tds_2f_web-SIsIj71w z_tds_2f_web-SIsIj71x z_tds_2f_web-SIsIj71y z_tds_2f_web-SIsIj71z z_tds_2f_web-SIsIj720 z_tds_2f_web-SIsIj721 z_tds_2f_web-SIsIj722 z_tds_2f_web-SIsIj723 z_tds_2f_web-SIsIj724 z_tds_2f_web-SIsIj725 z_tds_2f_web-SIsIj726 z_tds_2f_web-SIsIj727 z_tds_2f_web-SIsIj728 z_tds_2f_web-SIsIj729 z_tds_2f_web-SIsIj72a z_tds_2f_web-SIsIj72b z_tds_2f_web-SIsIj72c z_tds_2f_web-SIsIj72d z_tds_2f_web-SIsIj72e z_tds_2f_web-SIsIj72f z_tds_2f_web-SIsIj72g z_tds_2f_web-SIsIj72h"+" "+external:"z_tds_2f_web-SIsIj70 z_tds_2f_web-SIsIj71 z_tds_2f_web-SIsIj72 z_tds_2f_web-SIsIj73 z_tds_2f_web-SIsIj74 z_tds_2f_web-SIsIj75 z_tds_2f_web-SIsIj76 z_tds_2f_web-SIsIj77 z_tds_2f_web-SIsIj78 z_tds_2f_web-SIsIj79 z_tds_2f_web-SIsIj7a z_tds_2f_web-SIsIj7b z_tds_2f_web-SIsIj7c z_tds_2f_web-SIsIj7d z_tds_2f_web-SIsIj7e z_tds_2f_web-SIsIj7f z_tds_2f_web-SIsIj7g z_tds_2f_web-SIsIj7h z_tds_2f_web-SIsIj7i z_tds_2f_web-SIsIj7j z_tds_2f_web-SIsIj7k z_tds_2f_web-SIsIj7l z_tds_2f_web-SIsIj7m z_tds_2f_web-SIsIj7n z_tds_2f_web-SIsIj7o z_tds_2f_web-SIsIj7p z_tds_2f_web-SIsIj7q z_tds_2f_web-SIsIj7r z_tds_2f_web-SIsIj7s z_tds_2f_web-SIsIj7t z_tds_2f_web-SIsIj7u z_tds_2f_web-SIsIj7v z_tds_2f_web-SIsIj7w z_tds_2f_web-SIsIj7x z_tds_2f_web-SIsIj7y z_tds_2f_web-SIsIj7z z_tds_2f_web-SIsIj710 z_tds_2f_web-SIsIj711 z_tds_2f_web-SIsIj712 z_tds_2f_web-SIsIj713 z_tds_2f_web-SIsIj714 z_tds_2f_web-SIsIj715 z_tds_2f_web-SIsIj716 z_tds_2f_web-SIsIj717 z_tds_2f_web-SIsIj718 z_tds_2f_web-SIsIj719 z_tds_2f_web-SIsIj71a z_tds_2f_web-SIsIj71b z_tds_2f_web-SIsIj71c z_tds_2f_web-SIsIj71d z_tds_2f_web-SIsIj71e z_tds_2f_web-SIsIj71f z_tds_2f_web-SIsIj71g z_tds_2f_web-SIsIj71h z_tds_2f_web-SIsIj71i z_tds_2f_web-SIsIj71j z_tds_2f_web-SIsIj71k z_tds_2f_web-SIsIj71l z_tds_2f_web-SIsIj71m z_tds_2f_web-SIsIj71n z_tds_2f_web-SIsIj71o z_tds_2f_web-SIsIj71p z_tds_2f_web-SIsIj71q z_tds_2f_web-SIsIj71r z_tds_2f_web-SIsIj71s z_tds_2f_web-SIsIj71t z_tds_2f_web-SIsIj71u z_tds_2f_web-SIsIj71v z_tds_2f_web-SIsIj71w z_tds_2f_web-SIsIj71x z_tds_2f_web-SIsIj71y z_tds_2f_web-SIsIj71z z_tds_2f_web-SIsIj720 z_tds_2f_web-SIsIj721 z_tds_2f_web-SIsIj722 z_tds_2f_web-SIsIj723 z_tds_2f_web-SIsIj724 z_tds_2f_web-SIsIj725 z_tds_2f_web-SIsIj726 z_tds_2f_web-SIsIj727 z_tds_2f_web-SIsIj728 z_tds_2f_web-SIsIj729 z_tds_2f_web-SIsIj72a z_tds_2f_web-SIsIj72b z_tds_2f_web-SIsIj72c z_tds_2f_web-SIsIj72d z_tds_2f_web-SIsIj72e z_tds_2f_web-SIsIj72f z_tds_2f_web-SIsIj72g z_tds_2f_web-SIsIj72h",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"appearance")?input["appearance"]:void 0;if(value===void 0)value="base";if(value!==null&&value!==void 0)result["data-appearance"]=String(value);value=Object.hasOwn(input,"shape")?input["shape"]:void 0;if(value===void 0)value="default";if(value!==null&&value!==void 0)result["data-shape"]=String(value);value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="medium";if(value!==null&&value!==void 0)result["data-size"]=String(value);value=Object.hasOwn(input,"variant")?input["variant"]:void 0;if(value===void 0)value="primary";if(value!==null&&value!==void 0)result["data-variant"]=String(value);return result});
|
|
60
|
-
styles.content = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-
|
|
61
|
-
styles.spinner = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-
|
|
62
|
+
styles.button = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-SIsIj70 z_tds_2f_web-SIsIj71 z_tds_2f_web-SIsIj72 z_tds_2f_web-SIsIj73 z_tds_2f_web-SIsIj74 z_tds_2f_web-SIsIj75 z_tds_2f_web-SIsIj76 z_tds_2f_web-SIsIj77 z_tds_2f_web-SIsIj78 z_tds_2f_web-SIsIj79 z_tds_2f_web-SIsIj7a z_tds_2f_web-SIsIj7b z_tds_2f_web-SIsIj7c z_tds_2f_web-SIsIj7d z_tds_2f_web-SIsIj7e z_tds_2f_web-SIsIj7f z_tds_2f_web-SIsIj7g z_tds_2f_web-SIsIj7h z_tds_2f_web-SIsIj7i z_tds_2f_web-SIsIj7j z_tds_2f_web-SIsIj7k z_tds_2f_web-SIsIj7l z_tds_2f_web-SIsIj7m z_tds_2f_web-SIsIj7n z_tds_2f_web-SIsIj7o z_tds_2f_web-SIsIj7p z_tds_2f_web-SIsIj7q z_tds_2f_web-SIsIj7r z_tds_2f_web-SIsIj7s z_tds_2f_web-SIsIj7t z_tds_2f_web-SIsIj7u z_tds_2f_web-SIsIj7v z_tds_2f_web-SIsIj7w z_tds_2f_web-SIsIj7x z_tds_2f_web-SIsIj7y z_tds_2f_web-SIsIj7z z_tds_2f_web-SIsIj710 z_tds_2f_web-SIsIj711 z_tds_2f_web-SIsIj712 z_tds_2f_web-SIsIj713 z_tds_2f_web-SIsIj714 z_tds_2f_web-SIsIj715 z_tds_2f_web-SIsIj716 z_tds_2f_web-SIsIj717 z_tds_2f_web-SIsIj718 z_tds_2f_web-SIsIj719 z_tds_2f_web-SIsIj71a z_tds_2f_web-SIsIj71b z_tds_2f_web-SIsIj71c z_tds_2f_web-SIsIj71d z_tds_2f_web-SIsIj71e z_tds_2f_web-SIsIj71f z_tds_2f_web-SIsIj71g z_tds_2f_web-SIsIj71h z_tds_2f_web-SIsIj71i z_tds_2f_web-SIsIj71j z_tds_2f_web-SIsIj71k z_tds_2f_web-SIsIj71l z_tds_2f_web-SIsIj71m z_tds_2f_web-SIsIj71n z_tds_2f_web-SIsIj71o z_tds_2f_web-SIsIj71p z_tds_2f_web-SIsIj71q z_tds_2f_web-SIsIj71r z_tds_2f_web-SIsIj71s z_tds_2f_web-SIsIj71t z_tds_2f_web-SIsIj71u z_tds_2f_web-SIsIj71v z_tds_2f_web-SIsIj71w z_tds_2f_web-SIsIj71x z_tds_2f_web-SIsIj71y z_tds_2f_web-SIsIj71z z_tds_2f_web-SIsIj720 z_tds_2f_web-SIsIj721 z_tds_2f_web-SIsIj722 z_tds_2f_web-SIsIj723 z_tds_2f_web-SIsIj724 z_tds_2f_web-SIsIj725 z_tds_2f_web-SIsIj726 z_tds_2f_web-SIsIj727 z_tds_2f_web-SIsIj728 z_tds_2f_web-SIsIj729 z_tds_2f_web-SIsIj72a z_tds_2f_web-SIsIj72b z_tds_2f_web-SIsIj72c z_tds_2f_web-SIsIj72d z_tds_2f_web-SIsIj72e z_tds_2f_web-SIsIj72f z_tds_2f_web-SIsIj72g z_tds_2f_web-SIsIj72h z_tds_2f_web-SIsIj72i z_tds_2f_web-SIsIj72j z_tds_2f_web-SIsIj72k z_tds_2f_web-SIsIj72l z_tds_2f_web-SIsIj72m z_tds_2f_web-SIsIj72n z_tds_2f_web-SIsIj72o z_tds_2f_web-SIsIj72p z_tds_2f_web-SIsIj72q z_tds_2f_web-SIsIj72r z_tds_2f_web-SIsIj72s z_tds_2f_web-SIsIj72t z_tds_2f_web-SIsIj72u z_tds_2f_web-SIsIj72v z_tds_2f_web-SIsIj72w z_tds_2f_web-SIsIj72x z_tds_2f_web-SIsIj72y z_tds_2f_web-SIsIj72z z_tds_2f_web-SIsIj730 z_tds_2f_web-SIsIj731 z_tds_2f_web-SIsIj732 z_tds_2f_web-SIsIj733"+" "+external:"z_tds_2f_web-SIsIj70 z_tds_2f_web-SIsIj71 z_tds_2f_web-SIsIj72 z_tds_2f_web-SIsIj73 z_tds_2f_web-SIsIj74 z_tds_2f_web-SIsIj75 z_tds_2f_web-SIsIj76 z_tds_2f_web-SIsIj77 z_tds_2f_web-SIsIj78 z_tds_2f_web-SIsIj79 z_tds_2f_web-SIsIj7a z_tds_2f_web-SIsIj7b z_tds_2f_web-SIsIj7c z_tds_2f_web-SIsIj7d z_tds_2f_web-SIsIj7e z_tds_2f_web-SIsIj7f z_tds_2f_web-SIsIj7g z_tds_2f_web-SIsIj7h z_tds_2f_web-SIsIj7i z_tds_2f_web-SIsIj7j z_tds_2f_web-SIsIj7k z_tds_2f_web-SIsIj7l z_tds_2f_web-SIsIj7m z_tds_2f_web-SIsIj7n z_tds_2f_web-SIsIj7o z_tds_2f_web-SIsIj7p z_tds_2f_web-SIsIj7q z_tds_2f_web-SIsIj7r z_tds_2f_web-SIsIj7s z_tds_2f_web-SIsIj7t z_tds_2f_web-SIsIj7u z_tds_2f_web-SIsIj7v z_tds_2f_web-SIsIj7w z_tds_2f_web-SIsIj7x z_tds_2f_web-SIsIj7y z_tds_2f_web-SIsIj7z z_tds_2f_web-SIsIj710 z_tds_2f_web-SIsIj711 z_tds_2f_web-SIsIj712 z_tds_2f_web-SIsIj713 z_tds_2f_web-SIsIj714 z_tds_2f_web-SIsIj715 z_tds_2f_web-SIsIj716 z_tds_2f_web-SIsIj717 z_tds_2f_web-SIsIj718 z_tds_2f_web-SIsIj719 z_tds_2f_web-SIsIj71a z_tds_2f_web-SIsIj71b z_tds_2f_web-SIsIj71c z_tds_2f_web-SIsIj71d z_tds_2f_web-SIsIj71e z_tds_2f_web-SIsIj71f z_tds_2f_web-SIsIj71g z_tds_2f_web-SIsIj71h z_tds_2f_web-SIsIj71i z_tds_2f_web-SIsIj71j z_tds_2f_web-SIsIj71k z_tds_2f_web-SIsIj71l z_tds_2f_web-SIsIj71m z_tds_2f_web-SIsIj71n z_tds_2f_web-SIsIj71o z_tds_2f_web-SIsIj71p z_tds_2f_web-SIsIj71q z_tds_2f_web-SIsIj71r z_tds_2f_web-SIsIj71s z_tds_2f_web-SIsIj71t z_tds_2f_web-SIsIj71u z_tds_2f_web-SIsIj71v z_tds_2f_web-SIsIj71w z_tds_2f_web-SIsIj71x z_tds_2f_web-SIsIj71y z_tds_2f_web-SIsIj71z z_tds_2f_web-SIsIj720 z_tds_2f_web-SIsIj721 z_tds_2f_web-SIsIj722 z_tds_2f_web-SIsIj723 z_tds_2f_web-SIsIj724 z_tds_2f_web-SIsIj725 z_tds_2f_web-SIsIj726 z_tds_2f_web-SIsIj727 z_tds_2f_web-SIsIj728 z_tds_2f_web-SIsIj729 z_tds_2f_web-SIsIj72a z_tds_2f_web-SIsIj72b z_tds_2f_web-SIsIj72c z_tds_2f_web-SIsIj72d z_tds_2f_web-SIsIj72e z_tds_2f_web-SIsIj72f z_tds_2f_web-SIsIj72g z_tds_2f_web-SIsIj72h z_tds_2f_web-SIsIj72i z_tds_2f_web-SIsIj72j z_tds_2f_web-SIsIj72k z_tds_2f_web-SIsIj72l z_tds_2f_web-SIsIj72m z_tds_2f_web-SIsIj72n z_tds_2f_web-SIsIj72o z_tds_2f_web-SIsIj72p z_tds_2f_web-SIsIj72q z_tds_2f_web-SIsIj72r z_tds_2f_web-SIsIj72s z_tds_2f_web-SIsIj72t z_tds_2f_web-SIsIj72u z_tds_2f_web-SIsIj72v z_tds_2f_web-SIsIj72w z_tds_2f_web-SIsIj72x z_tds_2f_web-SIsIj72y z_tds_2f_web-SIsIj72z z_tds_2f_web-SIsIj730 z_tds_2f_web-SIsIj731 z_tds_2f_web-SIsIj732 z_tds_2f_web-SIsIj733",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"appearance")?input["appearance"]:void 0;if(value===void 0)value="base";if(value!==null&&value!==void 0)result["data-appearance"]=String(value);value=Object.hasOwn(input,"shape")?input["shape"]:void 0;if(value===void 0)value="default";if(value!==null&&value!==void 0)result["data-shape"]=String(value);value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="medium";if(value!==null&&value!==void 0)result["data-size"]=String(value);value=Object.hasOwn(input,"variant")?input["variant"]:void 0;if(value===void 0)value="primary";if(value!==null&&value!==void 0)result["data-variant"]=String(value);return result});
|
|
63
|
+
styles.content = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-SIsIj734 z_tds_2f_web-SIsIj735 z_tds_2f_web-SIsIj76 z_tds_2f_web-SIsIj77 z_tds_2f_web-SIsIj736 z_tds_2f_web-SIsIj737 z_tds_2f_web-SIsIj7g z_tds_2f_web-SIsIj738 z_tds_2f_web-SIsIj739"+" "+external:"z_tds_2f_web-SIsIj734 z_tds_2f_web-SIsIj735 z_tds_2f_web-SIsIj76 z_tds_2f_web-SIsIj77 z_tds_2f_web-SIsIj736 z_tds_2f_web-SIsIj737 z_tds_2f_web-SIsIj7g z_tds_2f_web-SIsIj738 z_tds_2f_web-SIsIj739",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"loading")?input["loading"]:void 0;if(value===void 0)value="false";if(value!==null&&value!==void 0)result["data-loading"]=String(value);return result});
|
|
64
|
+
styles.spinner = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-SIsIj73a z_tds_2f_web-SIsIj73b z_tds_2f_web-SIsIj73c z_tds_2f_web-SIsIj73d"});
|
|
62
65
|
})(styles || (styles = {}));
|
|
63
66
|
//# sourceMappingURL=Button.js.map
|
|
64
67
|
import './Button.css';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/web/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAGrD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/web/components/Button.tsx"],"names":[],"mappings":"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"}
|