@tempoxyz/ds 0.3.0 → 0.3.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/dist/web/components/Accordion.js.zyzz.json +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.js.zyzz.json +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 +108 -0
- package/dist/web/components/AppShell.d.ts.map +1 -1
- package/dist/web/components/AppShell.js +72 -24
- package/dist/web/components/AppShell.js.map +1 -1
- package/dist/web/components/AppShell.js.zyzz.json +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.js.zyzz.json +1 -1
- package/dist/web/components/Badge.css +1 -1
- package/dist/web/components/Badge.d.ts +1 -1
- package/dist/web/components/Badge.d.ts.map +1 -1
- 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.js.zyzz.json +1 -1
- package/dist/web/components/Button.css +1 -1
- package/dist/web/components/Button.d.ts +10 -6
- package/dist/web/components/Button.d.ts.map +1 -1
- package/dist/web/components/Button.js +4 -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/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.js.zyzz.json +1 -1
- package/dist/web/components/Choicebox.js.zyzz.json +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.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.d.ts.map +1 -1
- package/dist/web/components/Dialog.js +1 -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.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/Grid.js.zyzz.json +1 -1
- 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.js.zyzz.json +1 -1
- package/dist/web/components/ListGroup.css +1 -1
- package/dist/web/components/ListGroup.d.ts +55 -8
- package/dist/web/components/ListGroup.d.ts.map +1 -1
- package/dist/web/components/ListGroup.js +23 -19
- 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/NetworkLogo.js.zyzz.json +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.js.zyzz.json +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.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.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.js.zyzz.json +1 -1
- package/dist/web/components/SidebarMenu.css +1 -1
- package/dist/web/components/SidebarMenu.d.ts +52 -0
- 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.js.zyzz.json +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.js.zyzz.json +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/StatusRow.js.zyzz.json +1 -1
- package/dist/web/components/Stepper.js.zyzz.json +1 -1
- package/dist/web/components/Surface.css +1 -1
- package/dist/web/components/Surface.d.ts +85 -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.js.zyzz.json +1 -1
- package/dist/web/components/Table.css +1 -1
- package/dist/web/components/Table.js.zyzz.json +1 -1
- package/dist/web/components/Tabs.js.zyzz.json +1 -1
- package/dist/web/components/TempoLogo.js.zyzz.json +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.js.zyzz.json +1 -1
- package/dist/web/components/Toast.css +1 -1
- package/dist/web/components/Toast.js.zyzz.json +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.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/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/TabBar.d.ts +33 -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.js.zyzz.json +1 -1
- package/dist/web/vars.d.ts +26 -3
- 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 +130 -15
- 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/Alert.tsx +25 -5
- package/src/web/components/AppShell.tsx +273 -8
- package/src/web/components/Badge.tsx +4 -2
- package/src/web/components/Button.tsx +14 -10
- package/src/web/components/Dialog.tsx +7 -1
- package/src/web/components/ListGroup.tsx +95 -14
- package/src/web/components/Select.tsx +2 -0
- package/src/web/components/SidebarMenu.tsx +97 -3
- package/src/web/components/Surface.tsx +105 -1
- package/src/web/components/internal/TabBar.ts +52 -0
- package/src/web/components/internal/Text.ts +39 -0
- package/src/web/vars.ts +20 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
.z_tds_2f_web-xYZB6I0{align-items:center}.z_tds_2f_web-xYZB6I1{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-012,#ffffff1f)))}.z_tds_2f_web-xYZB6I2{border:none}.z_tds_2f_web-xYZB6I3{border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}.z_tds_2f_web-xYZB6I4{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-xYZB6I5{corner-shape:round}.z_tds_2f_web-xYZB6I6{cursor:pointer}.z_tds_2f_web-xYZB6I7{display:inline-flex}.z_tds_2f_web-xYZB6I8{flex-shrink:0}.z_tds_2f_web-xYZB6I9{height:var(--z-tds_2f_web-spacing-32,2rem)}.z_tds_2f_web-xYZB6Ia{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-xYZB6Ib{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-xYZB6Ic{font-size:var(--z-tds_2f_web-typography-body-b3Strong-fontSize,12px)}.z_tds_2f_web-xYZB6Id{font-weight:var(--z-tds_2f_web-typography-body-b3Strong-fontWeight,500)}.z_tds_2f_web-xYZB6Ie{letter-spacing:var(--z-tds_2f_web-typography-body-b3Strong-letterSpacing,.15px)}.z_tds_2f_web-xYZB6If{line-height:var(--z-tds_2f_web-typography-body-b3Strong-lineHeight,16px)}.z_tds_2f_web-xYZB6Ig{outline-color:#0000}.z_tds_2f_web-xYZB6Ih{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z_tds_2f_web-xYZB6Ii{outline-style:solid}.z_tds_2f_web-xYZB6Ij{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-xYZB6Ik{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-xYZB6Il{transition-property:background-color,outline-color,outline-offset,scale}.z_tds_2f_web-xYZB6Im{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-xYZB6In{&:active{background-color:var(--z-tds_2f_web-color-line-primary,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-xYZB6Io{&:active{scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-xYZB6Ip{&:focus-visible{outline-color:var(--z-tds_2f_web-color-border-focus,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-052,#ffffff85)))}}.z_tds_2f_web-xYZB6Iq{&:focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z_tds_2f_web-xYZB6Ir{&:hover{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)))}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-xYZB6Is{transition-property:background-color,outline-color}.z_tds_2f_web-xYZB6It{&:active{scale:none}}}.z_tds_2f_web-xYZB6Iu{display:flex}.z_tds_2f_web-xYZB6Iv{flex:1}.z_tds_2f_web-xYZB6Iw{flex-direction:column}.z_tds_2f_web-xYZB6Ix{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xYZB6Iy{row-gap:var(--z-tds_2f_web-spacing-4,.25rem)}.z_tds_2f_web-xYZB6Iz{background-color:#0000}.z_tds_2f_web-xYZB6I10{color:var(--z-tds_2f_web-color-content-tertiary,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-040,#fff6)))}.z_tds_2f_web-xYZB6I11{display:inline-flex}.z_tds_2f_web-xYZB6I12{flex-shrink:0}.z_tds_2f_web-xYZB6I13{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}.z_tds_2f_web-xYZB6I14{height:var(--z-tds_2f_web-spacing-24,1.5rem)}.z_tds_2f_web-xYZB6I15{justify-content:center}.z_tds_2f_web-xYZB6I16{padding:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xYZB6I17{width:var(--z-tds_2f_web-spacing-24,1.5rem)}.z_tds_2f_web-xYZB6I18{&:hover{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-012,#ffffff1f)))}}.z_tds_2f_web-xYZB6I19{box-sizing:border-box}.z_tds_2f_web-xYZB6I1a{column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-xYZB6I1b{display:flex}.z_tds_2f_web-xYZB6I1c{height:100%}.z_tds_2f_web-xYZB6I1d{overflow:hidden}.z_tds_2f_web-xYZB6I1e{padding-block:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-xYZB6I1f{padding-inline:var(--z-tds_2f_web-spacing-20,1.25rem)}.z_tds_2f_web-xYZB6I1g{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}.z_tds_2f_web-xYZB6I1h{transition-property:opacity}.z_tds_2f_web-xYZB6I1i{&[data-behind]{opacity:0}}.z_tds_2f_web-xYZB6I1j{&[data-behind]{pointer-events:none}}.z_tds_2f_web-xYZB6I1k{&[data-expanded]{opacity:1}}.z_tds_2f_web-xYZB6I1l{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-056,#ffffff8f)))}.z_tds_2f_web-xYZB6I1m{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xYZB6I1n{font-family:var(--z-tds_2f_web-typography-body-b2-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-xYZB6I1o{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}.z_tds_2f_web-xYZB6I1p{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}.z_tds_2f_web-xYZB6I1q{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,.14px)}.z_tds_2f_web-xYZB6I1r{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}.z_tds_2f_web-xYZB6I1s{display:inline-flex}.z_tds_2f_web-xYZB6I1t{font-size:var(--z-tds_2f_web-fontSize-20,1.25rem)}.z_tds_2f_web-xYZB6I1u{&:where([data-intent=info]){color:var(--z-tds_2f_web-color-accent-blue-background,light-dark(#4471ed,#7498fb))}}.z_tds_2f_web-xYZB6I1v{&:where([data-intent=negative]){color:var(--z-tds_2f_web-color-content-negative,var(--z-tds_2f_web-color-accent-red-background,light-dark(#eb3417,#f55c45)))}}.z_tds_2f_web-xYZB6I1w{&:where([data-intent=positive]){color:var(--z-tds_2f_web-color-content-positive,var(--z-tds_2f_web-color-accent-green-background,light-dark(#13a963,#59e5a4)))}}.z_tds_2f_web-xYZB6I1x{&:where([data-intent=warning]){color:var(--z-tds_2f_web-color-content-warning,var(--z-tds_2f_web-color-accent-orange-background,light-dark(#e06f12,#fa8e36)))}}.z_tds_2f_web-xYZB6I1y{background-color:var(--z-tds_2f_web-color-background-elevated,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-092,#141414)))}.z_tds_2f_web-xYZB6I1z{border-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-xYZB6I20{box-shadow:var(--z-tds_2f_web-shadow-regular,0 8px 48px #0000000a, 0 4px 16px #0000000a, 0 2px 8px #0000000a)}.z_tds_2f_web-xYZB6I21{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-xYZB6I22{height:var(--toast-frontmost-height,var(--toast-height))}.z_tds_2f_web-xYZB6I23{inset-inline:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xYZB6I24{inset-block-end:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xYZB6I25{position:absolute}.z_tds_2f_web-xYZB6I26{transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - var(--toast-index) * 12px - (1 - max(0, calc(1 - var(--toast-index) * .1))) * var(--toast-frontmost-height,var(--toast-height)))) scale(max(0, calc(1 - var(--toast-index) * .1)))}.z_tds_2f_web-xYZB6I27{transform-origin:bottom}.z_tds_2f_web-xYZB6I28{transition-duration:.32s,.32s,.15s}.z_tds_2f_web-xYZB6I29{transition-property:transform,opacity,height}.z_tds_2f_web-xYZB6I2a{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}.z_tds_2f_web-xYZB6I2b{user-select:none}.z_tds_2f_web-xYZB6I2c{z-index:calc(1000 - var(--toast-index))}.z_tds_2f_web-xYZB6I2d{&:after{content:""}}.z_tds_2f_web-xYZB6I2e{&:after{height:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-xYZB6I2f{&:after{inset-block-start:100%}}.z_tds_2f_web-xYZB6I2g{&:after{inset-inline:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-xYZB6I2h{&:after{position:absolute}}.z_tds_2f_web-xYZB6I2i{&[data-expanded]{height:var(--toast-height)}}.z_tds_2f_web-xYZB6I2j{&[data-expanded]{transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-offset-y) * -1 + var(--toast-index) * -12px + var(--toast-swipe-movement-y)))}}.z_tds_2f_web-xYZB6I2k{&[data-limited]{opacity:0}}.z_tds_2f_web-xYZB6I2l{&[data-starting-style],&[data-ending-style]{opacity:0}}.z_tds_2f_web-xYZB6I2m{&[data-starting-style],&[data-ending-style]{transform:translateY(150%)}}.z_tds_2f_web-xYZB6I2n{&[data-ending-style]{transition-duration:.2s,.2s,.15s}}.z_tds_2f_web-xYZB6I2o{&[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}}.z_tds_2f_web-xYZB6I2p{&[data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 150%))}}.z_tds_2f_web-xYZB6I2q{&[data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 150%))}}.z_tds_2f_web-xYZB6I2r{&[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}}.z_tds_2f_web-xYZB6I2s{&[data-swiping]{transition-duration:var(--z-tds_2f_web-transitionDuration-0,0s)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-xYZB6I2t{transition-property:opacity}}.z_tds_2f_web-xYZB6I2u{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-xYZB6I2v{font-size:var(--z-tds_2f_web-typography-body-b2Strong-fontSize,14px)}.z_tds_2f_web-xYZB6I2w{font-weight:var(--z-tds_2f_web-typography-body-b2Strong-fontWeight,500)}.z_tds_2f_web-xYZB6I2x{letter-spacing:var(--z-tds_2f_web-typography-body-b2Strong-letterSpacing,.14px)}.z_tds_2f_web-xYZB6I2y{line-height:var(--z-tds_2f_web-typography-body-b2Strong-lineHeight,20px)}.z_tds_2f_web-xYZB6I2z{inset-block-end:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-xYZB6I30{inset-inline:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-xYZB6I31{margin:auto}.z_tds_2f_web-xYZB6I32{max-width:var(--z-tds_2f_web-spacing-360,22.5rem)}.z_tds_2f_web-xYZB6I33{position:fixed}.z_tds_2f_web-xYZB6I34{z-index:var(--z-tds_2f_web-zIndex-toast,1000)}@media (width>=40rem){.z_tds_2f_web-xYZB6I35{inset-inline-start:auto}.z_tds_2f_web-xYZB6I36{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xYZB6I37{width:var(--z-tds_2f_web-spacing-360,22.5rem)}}
|
|
1
|
+
.z_tds_2f_web-xYZB6I0{align-items:center}.z_tds_2f_web-xYZB6I1{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-xYZB6I2{border:none}.z_tds_2f_web-xYZB6I3{border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}.z_tds_2f_web-xYZB6I4{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-xYZB6I5{corner-shape:round}.z_tds_2f_web-xYZB6I6{cursor:pointer}.z_tds_2f_web-xYZB6I7{display:inline-flex}.z_tds_2f_web-xYZB6I8{flex-shrink:0}.z_tds_2f_web-xYZB6I9{height:var(--z-tds_2f_web-spacing-32,2rem)}.z_tds_2f_web-xYZB6Ia{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-xYZB6Ib{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-xYZB6Ic{font-size:var(--z-tds_2f_web-typography-body-b3Strong-fontSize,12px)}.z_tds_2f_web-xYZB6Id{font-weight:var(--z-tds_2f_web-typography-body-b3Strong-fontWeight,500)}.z_tds_2f_web-xYZB6Ie{letter-spacing:var(--z-tds_2f_web-typography-body-b3Strong-letterSpacing,.15px)}.z_tds_2f_web-xYZB6If{line-height:var(--z-tds_2f_web-typography-body-b3Strong-lineHeight,16px)}.z_tds_2f_web-xYZB6Ig{outline-color:#0000}.z_tds_2f_web-xYZB6Ih{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z_tds_2f_web-xYZB6Ii{outline-style:solid}.z_tds_2f_web-xYZB6Ij{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-xYZB6Ik{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-xYZB6Il{transition-property:background-color,outline-color,outline-offset,scale}.z_tds_2f_web-xYZB6Im{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-xYZB6In{&:active{background-color:var(--z-tds_2f_web-color-line-primary,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-xYZB6Io{&:active{scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-xYZB6Ip{&:focus-visible{outline-color:var(--z-tds_2f_web-color-border-focus,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-052,#ffffff85)))}}.z_tds_2f_web-xYZB6Iq{&:focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z_tds_2f_web-xYZB6Ir{&:hover{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)))}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-xYZB6Is{transition-property:background-color,outline-color}.z_tds_2f_web-xYZB6It{&:active{scale:none}}}.z_tds_2f_web-xYZB6Iu{display:flex}.z_tds_2f_web-xYZB6Iv{flex:1}.z_tds_2f_web-xYZB6Iw{flex-direction:column}.z_tds_2f_web-xYZB6Ix{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xYZB6Iy{row-gap:var(--z-tds_2f_web-spacing-4,.25rem)}.z_tds_2f_web-xYZB6Iz{background-color:#0000}.z_tds_2f_web-xYZB6I10{color:var(--z-tds_2f_web-color-content-tertiary,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-040,#fff6)))}.z_tds_2f_web-xYZB6I11{display:inline-flex}.z_tds_2f_web-xYZB6I12{flex-shrink:0}.z_tds_2f_web-xYZB6I13{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}.z_tds_2f_web-xYZB6I14{height:var(--z-tds_2f_web-spacing-24,1.5rem)}.z_tds_2f_web-xYZB6I15{justify-content:center}.z_tds_2f_web-xYZB6I16{padding:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xYZB6I17{width:var(--z-tds_2f_web-spacing-24,1.5rem)}.z_tds_2f_web-xYZB6I18{&:hover{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-xYZB6I19{box-sizing:border-box}.z_tds_2f_web-xYZB6I1a{column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-xYZB6I1b{display:flex}.z_tds_2f_web-xYZB6I1c{height:100%}.z_tds_2f_web-xYZB6I1d{overflow:hidden}.z_tds_2f_web-xYZB6I1e{padding-block:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-xYZB6I1f{padding-inline:var(--z-tds_2f_web-spacing-20,1.25rem)}.z_tds_2f_web-xYZB6I1g{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}.z_tds_2f_web-xYZB6I1h{transition-property:opacity}.z_tds_2f_web-xYZB6I1i{&[data-behind]{opacity:0}}.z_tds_2f_web-xYZB6I1j{&[data-behind]{pointer-events:none}}.z_tds_2f_web-xYZB6I1k{&[data-expanded]{opacity:1}}.z_tds_2f_web-xYZB6I1l{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-056,#ffffff8f)))}.z_tds_2f_web-xYZB6I1m{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xYZB6I1n{font-family:var(--z-tds_2f_web-typography-body-b2-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-xYZB6I1o{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}.z_tds_2f_web-xYZB6I1p{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}.z_tds_2f_web-xYZB6I1q{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,.14px)}.z_tds_2f_web-xYZB6I1r{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}.z_tds_2f_web-xYZB6I1s{display:inline-flex}.z_tds_2f_web-xYZB6I1t{font-size:var(--z-tds_2f_web-fontSize-20,1.25rem)}.z_tds_2f_web-xYZB6I1u{&:where([data-intent=info]){color:var(--z-tds_2f_web-color-accent-blue-background,light-dark(#4471ed,#7498fb))}}.z_tds_2f_web-xYZB6I1v{&:where([data-intent=negative]){color:var(--z-tds_2f_web-color-content-negative,var(--z-tds_2f_web-color-accent-red-background,light-dark(#eb3417,#f55c45)))}}.z_tds_2f_web-xYZB6I1w{&:where([data-intent=positive]){color:var(--z-tds_2f_web-color-content-positive,var(--z-tds_2f_web-color-accent-green-background,light-dark(#13a963,#59e5a4)))}}.z_tds_2f_web-xYZB6I1x{&:where([data-intent=warning]){color:var(--z-tds_2f_web-color-content-warning,var(--z-tds_2f_web-color-accent-orange-background,light-dark(#e06f12,#fa8e36)))}}.z_tds_2f_web-xYZB6I1y{background-color:var(--z-tds_2f_web-color-background-elevated,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-092,#141414)))}.z_tds_2f_web-xYZB6I1z{border-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-xYZB6I20{box-shadow:var(--z-tds_2f_web-shadow-regular,0 8px 48px #0000000a, 0 4px 16px #0000000a, 0 2px 8px #0000000a)}.z_tds_2f_web-xYZB6I21{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-xYZB6I22{height:var(--toast-frontmost-height,var(--toast-height))}.z_tds_2f_web-xYZB6I23{inset-inline:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xYZB6I24{inset-block-end:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xYZB6I25{position:absolute}.z_tds_2f_web-xYZB6I26{transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - var(--toast-index) * 12px - (1 - max(0, calc(1 - var(--toast-index) * .1))) * var(--toast-frontmost-height,var(--toast-height)))) scale(max(0, calc(1 - var(--toast-index) * .1)))}.z_tds_2f_web-xYZB6I27{transform-origin:bottom}.z_tds_2f_web-xYZB6I28{transition-duration:.32s,.32s,.15s}.z_tds_2f_web-xYZB6I29{transition-property:transform,opacity,height}.z_tds_2f_web-xYZB6I2a{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}.z_tds_2f_web-xYZB6I2b{user-select:none}.z_tds_2f_web-xYZB6I2c{z-index:calc(1000 - var(--toast-index))}.z_tds_2f_web-xYZB6I2d{&:after{content:""}}.z_tds_2f_web-xYZB6I2e{&:after{height:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-xYZB6I2f{&:after{inset-block-start:100%}}.z_tds_2f_web-xYZB6I2g{&:after{inset-inline:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-xYZB6I2h{&:after{position:absolute}}.z_tds_2f_web-xYZB6I2i{&[data-expanded]{height:var(--toast-height)}}.z_tds_2f_web-xYZB6I2j{&[data-expanded]{transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-offset-y) * -1 + var(--toast-index) * -12px + var(--toast-swipe-movement-y)))}}.z_tds_2f_web-xYZB6I2k{&[data-limited]{opacity:0}}.z_tds_2f_web-xYZB6I2l{&[data-starting-style],&[data-ending-style]{opacity:0}}.z_tds_2f_web-xYZB6I2m{&[data-starting-style],&[data-ending-style]{transform:translateY(150%)}}.z_tds_2f_web-xYZB6I2n{&[data-ending-style]{transition-duration:.2s,.2s,.15s}}.z_tds_2f_web-xYZB6I2o{&[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}}.z_tds_2f_web-xYZB6I2p{&[data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 150%))}}.z_tds_2f_web-xYZB6I2q{&[data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 150%))}}.z_tds_2f_web-xYZB6I2r{&[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}}.z_tds_2f_web-xYZB6I2s{&[data-swiping]{transition-duration:var(--z-tds_2f_web-transitionDuration-0,0s)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-xYZB6I2t{transition-property:opacity}}.z_tds_2f_web-xYZB6I2u{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-xYZB6I2v{font-size:var(--z-tds_2f_web-typography-body-b2Strong-fontSize,14px)}.z_tds_2f_web-xYZB6I2w{font-weight:var(--z-tds_2f_web-typography-body-b2Strong-fontWeight,500)}.z_tds_2f_web-xYZB6I2x{letter-spacing:var(--z-tds_2f_web-typography-body-b2Strong-letterSpacing,.14px)}.z_tds_2f_web-xYZB6I2y{line-height:var(--z-tds_2f_web-typography-body-b2Strong-lineHeight,20px)}.z_tds_2f_web-xYZB6I2z{inset-block-end:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-xYZB6I30{inset-inline:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-xYZB6I31{margin:auto}.z_tds_2f_web-xYZB6I32{max-width:var(--z-tds_2f_web-spacing-360,22.5rem)}.z_tds_2f_web-xYZB6I33{position:fixed}.z_tds_2f_web-xYZB6I34{z-index:var(--z-tds_2f_web-zIndex-toast,1000)}@media (width>=40rem){.z_tds_2f_web-xYZB6I35{inset-inline-start:auto}.z_tds_2f_web-xYZB6I36{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xYZB6I37{width:var(--z-tds_2f_web-spacing-360,22.5rem)}}
|