@tempoxyz/ds 0.2.5 → 0.2.6
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/fonts/Inter-cyrillic-ext.woff2 +0 -0
- package/dist/fonts/Inter-cyrillic.woff2 +0 -0
- package/dist/fonts/Inter-greek-ext.woff2 +0 -0
- package/dist/fonts/Inter-greek.woff2 +0 -0
- package/dist/fonts/Inter-latin-ext.woff2 +0 -0
- package/dist/fonts/Inter-latin.woff2 +0 -0
- package/dist/fonts/Inter-symbols.woff2 +0 -0
- package/dist/fonts/Inter-vietnamese.woff2 +0 -0
- package/dist/mobile/Haptics.d.ts +39 -0
- package/dist/mobile/Haptics.d.ts.map +1 -0
- package/dist/mobile/Haptics.js +51 -0
- package/dist/mobile/Haptics.js.map +1 -0
- package/dist/mobile/components/Button.d.ts.map +1 -1
- package/dist/mobile/components/Button.js +3 -3
- package/dist/mobile/components/Button.js.map +1 -1
- package/dist/mobile/components/IconButton.d.ts.map +1 -1
- package/dist/mobile/components/IconButton.js +3 -3
- package/dist/mobile/components/IconButton.js.map +1 -1
- package/dist/mobile/components/Spinner.js +1 -1
- package/dist/mobile/components/Spinner.js.map +1 -1
- package/dist/mobile/components/TextButton.d.ts.map +1 -1
- package/dist/mobile/components/TextButton.js +3 -3
- package/dist/mobile/components/TextButton.js.map +1 -1
- package/dist/mobile/components/TextInput.js +1 -1
- package/dist/mobile/components/TextInput.js.map +1 -1
- package/dist/mobile/components/Toast.js +1 -1
- package/dist/mobile/components/Toast.js.map +1 -1
- package/dist/mobile/components/Toggle.d.ts.map +1 -1
- package/dist/mobile/components/Toggle.js +2 -2
- package/dist/mobile/components/Toggle.js.map +1 -1
- package/dist/mobile/index.d.ts +2 -0
- package/dist/mobile/index.d.ts.map +1 -1
- package/dist/mobile/index.js +2 -0
- package/dist/mobile/index.js.map +1 -1
- package/dist/mobile/useColor.d.ts +23 -0
- package/dist/mobile/useColor.d.ts.map +1 -0
- package/dist/mobile/useColor.js +29 -0
- package/dist/mobile/useColor.js.map +1 -0
- package/dist/web/components/Accordion.css +1 -1
- package/dist/web/components/Accordion.js +8 -8
- package/dist/web/components/Accordion.js.zyzz.json +1 -1
- package/dist/web/components/AlertDialog.css +1 -1
- package/dist/web/components/AlertDialog.js +2 -2
- package/dist/web/components/AlertDialog.js.zyzz.json +1 -1
- package/dist/web/components/Amount.css +1 -1
- package/dist/web/components/Amount.js +3 -3
- package/dist/web/components/Amount.js.zyzz.json +1 -1
- package/dist/web/components/AmountInput.css +1 -1
- package/dist/web/components/AmountInput.js +4 -4
- package/dist/web/components/AmountInput.js.zyzz.json +1 -1
- package/dist/web/components/AppShell.css +1 -1
- package/dist/web/components/AppShell.js +16 -16
- package/dist/web/components/AppShell.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.js +4 -6
- package/dist/web/components/Avatar.js.zyzz.json +1 -1
- package/dist/web/components/Banner.css +1 -1
- package/dist/web/components/Banner.js +5 -5
- package/dist/web/components/Banner.js.zyzz.json +1 -1
- package/dist/web/components/Breadcrumbs.css +1 -1
- package/dist/web/components/Breadcrumbs.js +6 -6
- package/dist/web/components/Breadcrumbs.js.zyzz.json +1 -1
- package/dist/web/components/Button.css +1 -1
- package/dist/web/components/Button.js +4 -4
- package/dist/web/components/Button.js.zyzz.json +1 -1
- package/dist/web/components/Calendar.css +1 -1
- package/dist/web/components/Calendar.js +7 -7
- package/dist/web/components/Calendar.js.zyzz.json +1 -1
- package/dist/web/components/Callout.css +1 -1
- package/dist/web/components/Callout.js +5 -5
- package/dist/web/components/Callout.js.zyzz.json +1 -1
- package/dist/web/components/Checkbox.css +1 -1
- package/dist/web/components/Checkbox.js +5 -5
- package/dist/web/components/Checkbox.js.zyzz.json +1 -1
- package/dist/web/components/CheckboxGroup.css +1 -1
- package/dist/web/components/CheckboxGroup.js +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 +5 -5
- package/dist/web/components/ChoiceGroup.js.zyzz.json +1 -1
- package/dist/web/components/Choicebox.css +1 -1
- package/dist/web/components/Choicebox.js +11 -11
- package/dist/web/components/Choicebox.js.zyzz.json +1 -1
- package/dist/web/components/Combobox.css +1 -1
- package/dist/web/components/Combobox.js +4 -4
- package/dist/web/components/Combobox.js.zyzz.json +1 -1
- package/dist/web/components/Container.css +1 -1
- package/dist/web/components/Container.js +1 -3
- package/dist/web/components/Container.js.zyzz.json +1 -1
- package/dist/web/components/CopyButton.css +1 -1
- package/dist/web/components/CopyButton.js +3 -3
- package/dist/web/components/CopyButton.js.zyzz.json +1 -1
- package/dist/web/components/DatePicker.css +1 -1
- package/dist/web/components/DatePicker.js +6 -6
- package/dist/web/components/DatePicker.js.zyzz.json +1 -1
- package/dist/web/components/Dialog.css +1 -1
- package/dist/web/components/Dialog.js +6 -6
- package/dist/web/components/Dialog.js.zyzz.json +1 -1
- package/dist/web/components/Drawer.css +1 -1
- package/dist/web/components/Drawer.js +4 -4
- package/dist/web/components/Drawer.js.zyzz.json +1 -1
- package/dist/web/components/Empty.css +1 -1
- package/dist/web/components/Empty.js +5 -5
- package/dist/web/components/Empty.js.zyzz.json +1 -1
- package/dist/web/components/Field.css +1 -1
- package/dist/web/components/Field.js +5 -5
- package/dist/web/components/Field.js.zyzz.json +1 -1
- package/dist/web/components/Fieldset.css +1 -1
- package/dist/web/components/Fieldset.js +2 -2
- package/dist/web/components/Fieldset.js.zyzz.json +1 -1
- package/dist/web/components/Frame.css +1 -1
- package/dist/web/components/Frame.js +8 -10
- package/dist/web/components/Frame.js.zyzz.json +1 -1
- package/dist/web/components/Gauge.css +1 -1
- package/dist/web/components/Gauge.js +6 -6
- package/dist/web/components/Gauge.js.zyzz.json +1 -1
- package/dist/web/components/Grid.css +1 -1
- package/dist/web/components/Grid.js +1 -3
- package/dist/web/components/Grid.js.zyzz.json +1 -1
- package/dist/web/components/Hex.css +1 -1
- package/dist/web/components/Hex.d.ts +43 -1
- package/dist/web/components/Hex.d.ts.map +1 -1
- package/dist/web/components/Hex.js +10 -8
- package/dist/web/components/Hex.js.map +1 -1
- package/dist/web/components/Hex.js.zyzz.json +1 -1
- package/dist/web/components/IconChip.css +1 -1
- package/dist/web/components/IconChip.js +1 -3
- package/dist/web/components/IconChip.js.zyzz.json +1 -1
- package/dist/web/components/Identicon.css +1 -1
- package/dist/web/components/Identicon.d.ts +8 -0
- package/dist/web/components/Identicon.d.ts.map +1 -1
- package/dist/web/components/Identicon.js +5 -4
- package/dist/web/components/Identicon.js.map +1 -1
- package/dist/web/components/Identicon.js.zyzz.json +1 -1
- package/dist/web/components/Inline.css +1 -1
- package/dist/web/components/Inline.js +1 -3
- package/dist/web/components/Inline.js.zyzz.json +1 -1
- package/dist/web/components/Input.css +1 -1
- package/dist/web/components/Input.js +4 -4
- package/dist/web/components/Input.js.zyzz.json +1 -1
- package/dist/web/components/Inset.css +1 -1
- package/dist/web/components/Inset.js +1 -3
- package/dist/web/components/Inset.js.zyzz.json +1 -1
- package/dist/web/components/Kbd.css +1 -1
- package/dist/web/components/Kbd.js +3 -3
- package/dist/web/components/Kbd.js.zyzz.json +1 -1
- package/dist/web/components/LoadingDots.css +1 -1
- package/dist/web/components/LoadingDots.js +3 -3
- package/dist/web/components/LoadingDots.js.zyzz.json +1 -1
- package/dist/web/components/Menu.css +1 -1
- package/dist/web/components/Menu.js +9 -9
- package/dist/web/components/Menu.js.zyzz.json +1 -1
- package/dist/web/components/NumberField.css +1 -1
- package/dist/web/components/NumberField.js +5 -5
- package/dist/web/components/NumberField.js.zyzz.json +1 -1
- package/dist/web/components/OtpField.css +1 -1
- package/dist/web/components/OtpField.js +3 -3
- package/dist/web/components/OtpField.js.zyzz.json +1 -1
- package/dist/web/components/Pagination.css +1 -1
- package/dist/web/components/Pagination.js +6 -6
- package/dist/web/components/Pagination.js.zyzz.json +1 -1
- package/dist/web/components/Popover.css +1 -1
- package/dist/web/components/Popover.js +5 -5
- package/dist/web/components/Popover.js.zyzz.json +1 -1
- package/dist/web/components/Progress.css +1 -1
- package/dist/web/components/Progress.js +6 -6
- package/dist/web/components/Progress.js.zyzz.json +1 -1
- package/dist/web/components/Qr.css +1 -1
- package/dist/web/components/Qr.js +1 -3
- package/dist/web/components/Qr.js.zyzz.json +1 -1
- package/dist/web/components/RadioGroup.css +1 -1
- package/dist/web/components/RadioGroup.js +4 -4
- package/dist/web/components/RadioGroup.js.zyzz.json +1 -1
- package/dist/web/components/Rows.css +1 -1
- package/dist/web/components/Rows.d.ts +61 -9
- package/dist/web/components/Rows.d.ts.map +1 -1
- package/dist/web/components/Rows.js +33 -22
- package/dist/web/components/Rows.js.map +1 -1
- package/dist/web/components/Rows.js.zyzz.json +1 -1
- package/dist/web/components/SecretValue.css +1 -1
- package/dist/web/components/SecretValue.js +3 -3
- package/dist/web/components/SecretValue.js.zyzz.json +1 -1
- package/dist/web/components/Select.css +1 -1
- package/dist/web/components/Select.js +2 -2
- package/dist/web/components/Select.js.zyzz.json +1 -1
- package/dist/web/components/Separator.css +1 -1
- package/dist/web/components/Separator.js +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.js +8 -8
- package/dist/web/components/SidebarMenu.js.zyzz.json +1 -1
- package/dist/web/components/Skeleton.css +1 -1
- package/dist/web/components/Skeleton.js +1 -3
- package/dist/web/components/Skeleton.js.zyzz.json +1 -1
- package/dist/web/components/Slider.css +1 -1
- package/dist/web/components/Slider.js +6 -6
- package/dist/web/components/Slider.js.zyzz.json +1 -1
- package/dist/web/components/Snippet.css +1 -1
- package/dist/web/components/Snippet.js +4 -4
- package/dist/web/components/Snippet.js.zyzz.json +1 -1
- package/dist/web/components/Spinner.css +1 -1
- package/dist/web/components/Spinner.js +3 -3
- package/dist/web/components/Spinner.js.zyzz.json +1 -1
- package/dist/web/components/SplitButton.css +1 -1
- package/dist/web/components/SplitButton.js +1 -1
- package/dist/web/components/SplitButton.js.zyzz.json +1 -1
- package/dist/web/components/Stack.css +1 -1
- package/dist/web/components/Stack.js +1 -3
- package/dist/web/components/Stack.js.zyzz.json +1 -1
- package/dist/web/components/Stepper.css +1 -1
- package/dist/web/components/Stepper.js +3 -3
- package/dist/web/components/Stepper.js.zyzz.json +1 -1
- package/dist/web/components/Surface.css +1 -1
- package/dist/web/components/Surface.js +5 -7
- package/dist/web/components/Surface.js.zyzz.json +1 -1
- package/dist/web/components/Switch.css +1 -1
- package/dist/web/components/Switch.js +3 -3
- package/dist/web/components/Switch.js.zyzz.json +1 -1
- package/dist/web/components/Table.css +1 -1
- package/dist/web/components/Table.js +5 -7
- package/dist/web/components/Table.js.zyzz.json +1 -1
- package/dist/web/components/Tabs.css +1 -1
- package/dist/web/components/Tabs.js +4 -6
- package/dist/web/components/Tabs.js.zyzz.json +1 -1
- package/dist/web/components/Tag.css +1 -1
- package/dist/web/components/Tag.js +3 -3
- package/dist/web/components/Tag.js.zyzz.json +1 -1
- package/dist/web/components/Textarea.css +1 -1
- package/dist/web/components/Textarea.js +1 -3
- package/dist/web/components/Textarea.js.zyzz.json +1 -1
- package/dist/web/components/Toast.css +1 -1
- package/dist/web/components/Toast.js +10 -10
- package/dist/web/components/Toast.js.zyzz.json +1 -1
- package/dist/web/components/Token.css +1 -1
- package/dist/web/components/Token.js +1 -3
- package/dist/web/components/Token.js.zyzz.json +1 -1
- package/dist/web/components/Tooltip.css +1 -1
- package/dist/web/components/Tooltip.js +2 -2
- package/dist/web/components/Tooltip.js.zyzz.json +1 -1
- package/dist/web/components/internal/Field.css +1 -1
- package/dist/web/components/internal/Field.js +4 -4
- 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 +1 -3
- 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 +13 -13
- package/dist/web/components/internal/Listbox.js.zyzz.json +1 -1
- package/dist/web/index.js.zyzz.json +1 -1
- package/dist/web/vars.d.ts +7 -0
- 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 +35 -0
- package/dist/web/zyzz.config.d.ts.map +1 -1
- package/dist/web/zyzz.config.js +10 -0
- package/dist/web/zyzz.config.js.map +1 -1
- package/dist/web/zyzz.config.js.zyzz.json +1 -1
- package/package.json +33 -1
- package/src/fonts/Inter-cyrillic-ext.woff2 +0 -0
- package/src/fonts/Inter-cyrillic.woff2 +0 -0
- package/src/fonts/Inter-greek-ext.woff2 +0 -0
- package/src/fonts/Inter-greek.woff2 +0 -0
- package/src/fonts/Inter-latin-ext.woff2 +0 -0
- package/src/fonts/Inter-latin.woff2 +0 -0
- package/src/fonts/Inter-symbols.woff2 +0 -0
- package/src/fonts/Inter-vietnamese.woff2 +0 -0
- package/src/fonts/README.md +8 -0
- package/src/mobile/Haptics.ts +55 -0
- package/src/mobile/README.md +97 -1
- package/src/mobile/components/Button.tsx +3 -3
- package/src/mobile/components/IconButton.tsx +3 -3
- package/src/mobile/components/Spinner.tsx +1 -1
- package/src/mobile/components/TextButton.tsx +3 -3
- package/src/mobile/components/TextInput.tsx +1 -1
- package/src/mobile/components/Toast.tsx +1 -1
- package/src/mobile/components/Toggle.tsx +2 -2
- package/src/mobile/index.ts +2 -0
- package/src/mobile/useColor.ts +31 -0
- package/src/web/components/Hex.tsx +45 -2
- package/src/web/components/Identicon.tsx +15 -1
- package/src/web/components/Rows.tsx +74 -15
- package/src/web/vars.ts +9 -0
- package/src/web/zyzz.config.ts +72 -1
- package/dist/mobile/internal/useColor.d.ts +0 -4
- package/dist/mobile/internal/useColor.d.ts.map +0 -1
- package/dist/mobile/internal/useColor.js +0 -12
- package/dist/mobile/internal/useColor.js.map +0 -1
- package/src/mobile/internal/useColor.ts +0 -13
|
@@ -1 +1 @@
|
|
|
1
|
-
.z-tds_2f_web-tds_2f_web_2f_input_2f_group-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-bg-1{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-style-2{border-style:none}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-box-sizing-3{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-text-4{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-display-5{display:flex}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-outline-color-6{outline-color:#0000}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-outline-offset-7{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-outline-style-8{outline-style:solid}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-outline-width-9{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-position-10{position:relative}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-transition-duration-11{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-transition-property-12{transition-property:background-color,border-color,opacity,outline-color,scale}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-transition-timing-function-13{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-color-14{&:before{border-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-radius-15{&:before{border-radius:inherit}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-style-16{&:before{border-style:solid}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-width-17{&:before{border-width:var(--z-tds_2f_web-borderWidth-2,2px)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-box-sizing-18{&:before{box-sizing:border-box}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-content-19{&:before{content:""}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-inset-20{&:before{inset:var(--z-tds_2f_web-spacing-0,0rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-pointer-events-21{&:before{pointer-events:none}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-position-22{&:before{position:absolute}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-transition-duration-23{&:before{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-transition-property-24{&:before{transition-property:border-color}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-transition-timing-function-25{&:before{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-cursor-26{&:is(button){cursor:pointer}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-padding-block-27{&:is(button){padding-block:var(--z-tds_2f_web-spacing-0,0rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-text-align-28{&:is(button){text-align:start}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-w-29{&:is(button){width:100%}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-scale-30{&:is(button):active:not(:disabled,[data-disabled]){scale:var(--z-tds_2f_web-scale-press,.98)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-transition-duration-31{&:is(button):active:not(:disabled,[data-disabled]){transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-bg-32{&:hover:not(:disabled,[data-disabled],:has(input:disabled)){background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-cursor-33{&:disabled,&[data-disabled],&:has(input:disabled){cursor:default}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-opacity-34{&:disabled,&[data-disabled],&:has(input:disabled){opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-outline-color-35{&:focus-visible,&:has(input:focus-visible){outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-bg-36{&[data-success],[data-success] &{background-color:var(--z-tds_2f_web-color-green-200,light-dark(#e8fbed,#032f1c))}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-bg-37{&:is([data-success],[data-success] *):hover:not(:disabled,[data-disabled],:has(input:disabled)){background-color:var(--z-tds_2f_web-color-green-300,light-dark(#d3f8df,#013721))}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-color-38{&[data-success]:before,[data-success] &:before{border-color:var(--z-tds_2f_web-color-green-700,#13a963)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-outline-color-39{&[data-success]:is(:focus-visible,:has(input:focus-visible)),[data-success] &:is(:focus-visible,:has(input:focus-visible)){outline-color:var(--z-tds_2f_web-color-green-700,#13a963)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-color-40{&[data-invalid]:before,[data-invalid] &:before{border-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-outline-color-41{&[data-invalid]:is(:focus-visible,:has(input:focus-visible)),[data-invalid] &:is(:focus-visible,:has(input:focus-visible)){outline-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-color-42{&:is(:focus-visible,:has(input:focus-visible)):before{border-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-animation-43{&[data-entered=invalid]{animation:z-kid-tds_2f_web_2f_input_2f_nudge .36s var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-animation-44{&[data-entered=success]{animation:z-kid-tds_2f_web_2f_input_2f_pop .32s var(--z-tds_2f_web-ease-overshoot,cubic-bezier(.34, 1.36, .64, 1))}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-radius-45{&[data-variant=card][data-size=small]{border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-padding-block-46{&[data-variant=card][data-size=small]{padding-block:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-padding-inline-47{&[data-variant=card][data-size=small]{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-radius-48{&[data-variant=card][data-size=large]{border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-padding-block-49{&[data-variant=card][data-size=large]{padding-block:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-padding-inline-50{&[data-variant=card][data-size=large]{padding-inline:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-grid-area-51{[data-variant=stacked]>&{grid-area:1/1}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-radius-52{[data-variant=stacked]>&[data-size=small]{border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-column-gap-53{[data-variant=stacked]>&[data-size=small]{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-h-54{[data-variant=stacked]>&[data-size=small]{height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-padding-inline-55{[data-variant=stacked]>&[data-size=small]{padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-font-family-56{[data-variant=stacked]>&[data-size=small]{font-family:var(--z-tds_2f_web-typography-copy-14-fontFamily,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-tds_2f_web_2f_input_2f_group-font-size-57{[data-variant=stacked]>&[data-size=small]{font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-font-weight-58{[data-variant=stacked]>&[data-size=small]{font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-letter-spacing-59{[data-variant=stacked]>&[data-size=small]{letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-line-height-60{[data-variant=stacked]>&[data-size=small]{line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}}@media (forced-colors:active){.z-tds_2f_web-tds_2f_web_2f_input_2f_group-outline-style-61{outline-style:none}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-outline-style-62{&:focus-visible,&:has(input:focus-visible){outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_input_2f_group-transition-property-63{transition-property:background-color,border-color,opacity,outline-color}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-scale-64{&:active{scale:none}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-animation-65{&[data-entered]{animation:none}}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-radius-66{&:where([data-size=large]){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-column-gap-67{&:where([data-size=large]){column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-h-68{&:where([data-size=large]){height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-padding-inline-69{&:where([data-size=large]){padding-inline:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-font-family-70{&:where([data-size=large]){font-family:var(--z-tds_2f_web-typography-copy-16-fontFamily,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-tds_2f_web_2f_input_2f_group-font-size-71{&:where([data-size=large]){font-size:var(--z-tds_2f_web-typography-copy-16-fontSize,16px)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-font-weight-72{&:where([data-size=large]){font-weight:var(--z-tds_2f_web-typography-copy-16-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-letter-spacing-73{&:where([data-size=large]){letter-spacing:var(--z-tds_2f_web-typography-copy-16-letterSpacing,-.18px)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-line-height-74{&:where([data-size=large]){line-height:var(--z-tds_2f_web-typography-copy-16-lineHeight,24px)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-radius-75{&:where([data-size=medium]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-column-gap-76{&:where([data-size=medium]){column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-h-77{&:where([data-size=medium]){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-padding-inline-78{&:where([data-size=medium]){padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-font-family-79{&:where([data-size=medium]){font-family:var(--z-tds_2f_web-typography-copy-14-fontFamily,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-tds_2f_web_2f_input_2f_group-font-size-80{&:where([data-size=medium]){font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-font-weight-81{&:where([data-size=medium]){font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-letter-spacing-82{&:where([data-size=medium]){letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-line-height-83{&:where([data-size=medium]){line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-radius-84{&:where([data-size=small]){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-column-gap-85{&:where([data-size=small]){column-gap:var(--z-tds_2f_web-spacing-6,.375rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-h-86{&:where([data-size=small]){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-padding-inline-87{&:where([data-size=small]){padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-font-family-88{&:where([data-size=small]){font-family:var(--z-tds_2f_web-typography-copy-13-fontFamily,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-tds_2f_web_2f_input_2f_group-font-size-89{&:where([data-size=small]){font-size:var(--z-tds_2f_web-typography-copy-13-fontSize,13px)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-font-weight-90{&:where([data-size=small]){font-weight:var(--z-tds_2f_web-typography-copy-13-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-letter-spacing-91{&:where([data-size=small]){letter-spacing:var(--z-tds_2f_web-typography-copy-13-letterSpacing,-.04px)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-line-height-92{&:where([data-size=small]){line-height:var(--z-tds_2f_web-typography-copy-13-lineHeight,18px)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-bg-93{&:where([data-variant=card]){background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-color-94{&:where([data-variant=card]){border-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-radius-95{&:where([data-variant=card]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-style-96{&:where([data-variant=card]){border-style:solid}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-width-97{&:where([data-variant=card]){border-width:var(--z-tds_2f_web-borderWidth-1,1px)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-h-98{&:where([data-variant=card]){height:auto}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-min-height-99{&:where([data-variant=card]){min-height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-padding-block-100{&:where([data-variant=card]){padding-block:var(--z-tds_2f_web-spacing-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-padding-inline-101{&:where([data-variant=card]){padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-bg-102{&:where([data-variant=card]){&:hover:not(:disabled,[data-disabled],:has(input:disabled)){background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-border-color-103{&:where([data-variant=card]){&:hover:not(:disabled,[data-disabled],:has(input:disabled)){border-color:var(--z-tds_2f_web-color-grayAlpha-400,light-dark(#00000014,#ffffff24))}}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-bg-104{&:where([data-variant=text]){background-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-w-105{&:where([data-variant=text]){&:is(button){width:auto}}}.z-tds_2f_web-tds_2f_web_2f_input_2f_group-bg-106{&:where([data-variant=text]){&:hover:not(:disabled,[data-disabled],:has(input:disabled)){background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}}
|
|
1
|
+
.z_tds_2f_web-9hq2xM0{align-items:center}.z_tds_2f_web-9hq2xM1{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}.z_tds_2f_web-9hq2xM2{border-style:none}.z_tds_2f_web-9hq2xM3{box-sizing:border-box}.z_tds_2f_web-9hq2xM4{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z_tds_2f_web-9hq2xM5{display:flex}.z_tds_2f_web-9hq2xM6{outline-color:#0000}.z_tds_2f_web-9hq2xM7{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z_tds_2f_web-9hq2xM8{outline-style:solid}.z_tds_2f_web-9hq2xM9{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-9hq2xMa{position:relative}.z_tds_2f_web-9hq2xMb{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-9hq2xMc{transition-property:background-color,border-color,opacity,outline-color,scale}.z_tds_2f_web-9hq2xMd{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-9hq2xMe{&:before{border-color:#0000}}.z_tds_2f_web-9hq2xMf{&:before{border-radius:inherit}}.z_tds_2f_web-9hq2xMg{&:before{border-style:solid}}.z_tds_2f_web-9hq2xMh{&:before{border-width:var(--z-tds_2f_web-borderWidth-2,2px)}}.z_tds_2f_web-9hq2xMi{&:before{box-sizing:border-box}}.z_tds_2f_web-9hq2xMj{&:before{content:""}}.z_tds_2f_web-9hq2xMk{&:before{inset:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-9hq2xMl{&:before{pointer-events:none}}.z_tds_2f_web-9hq2xMm{&:before{position:absolute}}.z_tds_2f_web-9hq2xMn{&:before{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}}.z_tds_2f_web-9hq2xMo{&:before{transition-property:border-color}}.z_tds_2f_web-9hq2xMp{&:before{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z_tds_2f_web-9hq2xMq{&:is(button){cursor:pointer}}.z_tds_2f_web-9hq2xMr{&:is(button){padding-block:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-9hq2xMs{&:is(button){text-align:start}}.z_tds_2f_web-9hq2xMt{&:is(button){width:100%}}.z_tds_2f_web-9hq2xMu{&:is(button):active:not(:disabled,[data-disabled]){scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-9hq2xMv{&:is(button):active:not(:disabled,[data-disabled]){transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z_tds_2f_web-9hq2xMw{&:hover:not(:disabled,[data-disabled],:has(input:disabled)){background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}.z_tds_2f_web-9hq2xMx{&:disabled,&[data-disabled],&:has(input:disabled){cursor:default}}.z_tds_2f_web-9hq2xMy{&:disabled,&[data-disabled],&:has(input:disabled){opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z_tds_2f_web-9hq2xMz{&:focus-visible,&:has(input:focus-visible){outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z_tds_2f_web-9hq2xM10{&[data-success],[data-success] &{background-color:var(--z-tds_2f_web-color-green-200,light-dark(#e8fbed,#032f1c))}}.z_tds_2f_web-9hq2xM11{&:is([data-success],[data-success] *):hover:not(:disabled,[data-disabled],:has(input:disabled)){background-color:var(--z-tds_2f_web-color-green-300,light-dark(#d3f8df,#013721))}}.z_tds_2f_web-9hq2xM12{&[data-success]:before,[data-success] &:before{border-color:var(--z-tds_2f_web-color-green-700,#13a963)}}.z_tds_2f_web-9hq2xM13{&[data-success]:is(:focus-visible,:has(input:focus-visible)),[data-success] &:is(:focus-visible,:has(input:focus-visible)){outline-color:var(--z-tds_2f_web-color-green-700,#13a963)}}.z_tds_2f_web-9hq2xM14{&[data-invalid]:before,[data-invalid] &:before{border-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z_tds_2f_web-9hq2xM15{&[data-invalid]:is(:focus-visible,:has(input:focus-visible)),[data-invalid] &:is(:focus-visible,:has(input:focus-visible)){outline-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z_tds_2f_web-9hq2xM16{&:is(:focus-visible,:has(input:focus-visible)):before{border-color:#0000}}.z_tds_2f_web-9hq2xM17{&[data-entered=invalid]{animation:z-kid-tds_2f_web_2f_input_2f_nudge .36s var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z_tds_2f_web-9hq2xM18{&[data-entered=success]{animation:z-kid-tds_2f_web_2f_input_2f_pop .32s var(--z-tds_2f_web-ease-overshoot,cubic-bezier(.34, 1.36, .64, 1))}}.z_tds_2f_web-9hq2xM19{&[data-variant=card][data-size=small]{border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z_tds_2f_web-9hq2xM1a{&[data-variant=card][data-size=small]{padding-block:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-9hq2xM1b{&[data-variant=card][data-size=small]{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-9hq2xM1c{&[data-variant=card][data-size=large]{border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z_tds_2f_web-9hq2xM1d{&[data-variant=card][data-size=large]{padding-block:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-9hq2xM1e{&[data-variant=card][data-size=large]{padding-inline:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-9hq2xM1f{[data-variant=stacked]>&{grid-area:1/1}}.z_tds_2f_web-9hq2xM1g{[data-variant=stacked]>&[data-size=small]{border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z_tds_2f_web-9hq2xM1h{[data-variant=stacked]>&[data-size=small]{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-9hq2xM1i{[data-variant=stacked]>&[data-size=small]{height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-9hq2xM1j{[data-variant=stacked]>&[data-size=small]{padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-9hq2xM1k{[data-variant=stacked]>&[data-size=small]{font-family:var(--z-tds_2f_web-typography-copy-14-fontFamily,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-9hq2xM1l{[data-variant=stacked]>&[data-size=small]{font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}}.z_tds_2f_web-9hq2xM1m{[data-variant=stacked]>&[data-size=small]{font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}}.z_tds_2f_web-9hq2xM1n{[data-variant=stacked]>&[data-size=small]{letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}}.z_tds_2f_web-9hq2xM1o{[data-variant=stacked]>&[data-size=small]{line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}}@media (forced-colors:active){.z_tds_2f_web-9hq2xM1p{outline-style:none}.z_tds_2f_web-9hq2xM1q{&:focus-visible,&:has(input:focus-visible){outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-9hq2xM1r{transition-property:background-color,border-color,opacity,outline-color}.z_tds_2f_web-9hq2xM1s{&:active{scale:none}}.z_tds_2f_web-9hq2xM1t{&[data-entered]{animation:none}}}.z_tds_2f_web-9hq2xM1u{&:where([data-size=large]){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z_tds_2f_web-9hq2xM1v{&:where([data-size=large]){column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-9hq2xM1w{&:where([data-size=large]){height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z_tds_2f_web-9hq2xM1x{&:where([data-size=large]){padding-inline:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z_tds_2f_web-9hq2xM1y{&:where([data-size=large]){font-family:var(--z-tds_2f_web-typography-copy-16-fontFamily,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-9hq2xM1z{&:where([data-size=large]){font-size:var(--z-tds_2f_web-typography-copy-16-fontSize,16px)}}.z_tds_2f_web-9hq2xM20{&:where([data-size=large]){font-weight:var(--z-tds_2f_web-typography-copy-16-fontWeight,450)}}.z_tds_2f_web-9hq2xM21{&:where([data-size=large]){letter-spacing:var(--z-tds_2f_web-typography-copy-16-letterSpacing,-.18px)}}.z_tds_2f_web-9hq2xM22{&:where([data-size=large]){line-height:var(--z-tds_2f_web-typography-copy-16-lineHeight,24px)}}.z_tds_2f_web-9hq2xM23{&:where([data-size=medium]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z_tds_2f_web-9hq2xM24{&:where([data-size=medium]){column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-9hq2xM25{&:where([data-size=medium]){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-9hq2xM26{&:where([data-size=medium]){padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-9hq2xM27{&:where([data-size=medium]){font-family:var(--z-tds_2f_web-typography-copy-14-fontFamily,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-9hq2xM28{&:where([data-size=medium]){font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}}.z_tds_2f_web-9hq2xM29{&:where([data-size=medium]){font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}}.z_tds_2f_web-9hq2xM2a{&:where([data-size=medium]){letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}}.z_tds_2f_web-9hq2xM2b{&:where([data-size=medium]){line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}}.z_tds_2f_web-9hq2xM2c{&:where([data-size=small]){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z_tds_2f_web-9hq2xM2d{&:where([data-size=small]){column-gap:var(--z-tds_2f_web-spacing-6,.375rem)}}.z_tds_2f_web-9hq2xM2e{&:where([data-size=small]){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-9hq2xM2f{&:where([data-size=small]){padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-9hq2xM2g{&:where([data-size=small]){font-family:var(--z-tds_2f_web-typography-copy-13-fontFamily,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-9hq2xM2h{&:where([data-size=small]){font-size:var(--z-tds_2f_web-typography-copy-13-fontSize,13px)}}.z_tds_2f_web-9hq2xM2i{&:where([data-size=small]){font-weight:var(--z-tds_2f_web-typography-copy-13-fontWeight,450)}}.z_tds_2f_web-9hq2xM2j{&:where([data-size=small]){letter-spacing:var(--z-tds_2f_web-typography-copy-13-letterSpacing,-.04px)}}.z_tds_2f_web-9hq2xM2k{&:where([data-size=small]){line-height:var(--z-tds_2f_web-typography-copy-13-lineHeight,18px)}}.z_tds_2f_web-9hq2xM2l{&:where([data-variant=card]){background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}}.z_tds_2f_web-9hq2xM2m{&:where([data-variant=card]){border-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}.z_tds_2f_web-9hq2xM2n{&:where([data-variant=card]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z_tds_2f_web-9hq2xM2o{&:where([data-variant=card]){border-style:solid}}.z_tds_2f_web-9hq2xM2p{&:where([data-variant=card]){border-width:var(--z-tds_2f_web-borderWidth-1,1px)}}.z_tds_2f_web-9hq2xM2q{&:where([data-variant=card]){height:auto}}.z_tds_2f_web-9hq2xM2r{&:where([data-variant=card]){min-height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z_tds_2f_web-9hq2xM2s{&:where([data-variant=card]){padding-block:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-9hq2xM2t{&:where([data-variant=card]){padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-9hq2xM2u{&:where([data-variant=card]){&:hover:not(:disabled,[data-disabled],:has(input:disabled)){background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}}}.z_tds_2f_web-9hq2xM2v{&:where([data-variant=card]){&:hover:not(:disabled,[data-disabled],:has(input:disabled)){border-color:var(--z-tds_2f_web-color-grayAlpha-400,light-dark(#00000014,#ffffff24))}}}.z_tds_2f_web-9hq2xM2w{&:where([data-variant=text]){background-color:#0000}}.z_tds_2f_web-9hq2xM2x{&:where([data-variant=text]){&:is(button){width:auto}}}.z_tds_2f_web-9hq2xM2y{&:where([data-variant=text]){&:hover:not(:disabled,[data-disabled],:has(input:disabled)){background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
import { Recipe as __zyzzRecipe } from 'zyzz/runtime';
|
|
3
1
|
import { createContext, useLayoutEffect, useRef } from 'react';
|
|
4
2
|
|
|
5
3
|
import { variants, vars } from '../../zyzz.config.js';
|
|
@@ -62,7 +60,7 @@ export var styles;
|
|
|
62
60
|
* The text field surface of `Input.Group` and `Select.Trigger`. Its `size` scale matches
|
|
63
61
|
* `Field.styles.field` and the `Button` heights: 32, 40 and 56px.
|
|
64
62
|
*/
|
|
65
|
-
styles.group =
|
|
63
|
+
styles.group = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-9hq2xM0 z_tds_2f_web-9hq2xM1 z_tds_2f_web-9hq2xM2 z_tds_2f_web-9hq2xM3 z_tds_2f_web-9hq2xM4 z_tds_2f_web-9hq2xM5 z_tds_2f_web-9hq2xM6 z_tds_2f_web-9hq2xM7 z_tds_2f_web-9hq2xM8 z_tds_2f_web-9hq2xM9 z_tds_2f_web-9hq2xMa z_tds_2f_web-9hq2xMb z_tds_2f_web-9hq2xMc z_tds_2f_web-9hq2xMd z_tds_2f_web-9hq2xMe z_tds_2f_web-9hq2xMf z_tds_2f_web-9hq2xMg z_tds_2f_web-9hq2xMh z_tds_2f_web-9hq2xMi z_tds_2f_web-9hq2xMj z_tds_2f_web-9hq2xMk z_tds_2f_web-9hq2xMl z_tds_2f_web-9hq2xMm z_tds_2f_web-9hq2xMn z_tds_2f_web-9hq2xMo z_tds_2f_web-9hq2xMp z_tds_2f_web-9hq2xMq z_tds_2f_web-9hq2xMr z_tds_2f_web-9hq2xMs z_tds_2f_web-9hq2xMt z_tds_2f_web-9hq2xMu z_tds_2f_web-9hq2xMv z_tds_2f_web-9hq2xMw z_tds_2f_web-9hq2xMx z_tds_2f_web-9hq2xMy z_tds_2f_web-9hq2xMz z_tds_2f_web-9hq2xM10 z_tds_2f_web-9hq2xM11 z_tds_2f_web-9hq2xM12 z_tds_2f_web-9hq2xM13 z_tds_2f_web-9hq2xM14 z_tds_2f_web-9hq2xM15 z_tds_2f_web-9hq2xM16 z_tds_2f_web-9hq2xM17 z_tds_2f_web-9hq2xM18 z_tds_2f_web-9hq2xM19 z_tds_2f_web-9hq2xM1a z_tds_2f_web-9hq2xM1b z_tds_2f_web-9hq2xM1c z_tds_2f_web-9hq2xM1d z_tds_2f_web-9hq2xM1e z_tds_2f_web-9hq2xM1f z_tds_2f_web-9hq2xM1g z_tds_2f_web-9hq2xM1h z_tds_2f_web-9hq2xM1i z_tds_2f_web-9hq2xM1j z_tds_2f_web-9hq2xM1k z_tds_2f_web-9hq2xM1l z_tds_2f_web-9hq2xM1m z_tds_2f_web-9hq2xM1n z_tds_2f_web-9hq2xM1o z_tds_2f_web-9hq2xM1p z_tds_2f_web-9hq2xM1q z_tds_2f_web-9hq2xM1r z_tds_2f_web-9hq2xM1s z_tds_2f_web-9hq2xM1t z_tds_2f_web-9hq2xM1u z_tds_2f_web-9hq2xM1v z_tds_2f_web-9hq2xM1w z_tds_2f_web-9hq2xM1x z_tds_2f_web-9hq2xM1y z_tds_2f_web-9hq2xM1z z_tds_2f_web-9hq2xM20 z_tds_2f_web-9hq2xM21 z_tds_2f_web-9hq2xM22 z_tds_2f_web-9hq2xM23 z_tds_2f_web-9hq2xM24 z_tds_2f_web-9hq2xM25 z_tds_2f_web-9hq2xM26 z_tds_2f_web-9hq2xM27 z_tds_2f_web-9hq2xM28 z_tds_2f_web-9hq2xM29 z_tds_2f_web-9hq2xM2a z_tds_2f_web-9hq2xM2b z_tds_2f_web-9hq2xM2c z_tds_2f_web-9hq2xM2d z_tds_2f_web-9hq2xM2e z_tds_2f_web-9hq2xM2f z_tds_2f_web-9hq2xM2g z_tds_2f_web-9hq2xM2h z_tds_2f_web-9hq2xM2i z_tds_2f_web-9hq2xM2j z_tds_2f_web-9hq2xM2k z_tds_2f_web-9hq2xM2l z_tds_2f_web-9hq2xM2m z_tds_2f_web-9hq2xM2n z_tds_2f_web-9hq2xM2o z_tds_2f_web-9hq2xM2p z_tds_2f_web-9hq2xM2q z_tds_2f_web-9hq2xM2r z_tds_2f_web-9hq2xM2s z_tds_2f_web-9hq2xM2t z_tds_2f_web-9hq2xM2u z_tds_2f_web-9hq2xM2v z_tds_2f_web-9hq2xM2w z_tds_2f_web-9hq2xM2x z_tds_2f_web-9hq2xM2y"+" "+external:"z_tds_2f_web-9hq2xM0 z_tds_2f_web-9hq2xM1 z_tds_2f_web-9hq2xM2 z_tds_2f_web-9hq2xM3 z_tds_2f_web-9hq2xM4 z_tds_2f_web-9hq2xM5 z_tds_2f_web-9hq2xM6 z_tds_2f_web-9hq2xM7 z_tds_2f_web-9hq2xM8 z_tds_2f_web-9hq2xM9 z_tds_2f_web-9hq2xMa z_tds_2f_web-9hq2xMb z_tds_2f_web-9hq2xMc z_tds_2f_web-9hq2xMd z_tds_2f_web-9hq2xMe z_tds_2f_web-9hq2xMf z_tds_2f_web-9hq2xMg z_tds_2f_web-9hq2xMh z_tds_2f_web-9hq2xMi z_tds_2f_web-9hq2xMj z_tds_2f_web-9hq2xMk z_tds_2f_web-9hq2xMl z_tds_2f_web-9hq2xMm z_tds_2f_web-9hq2xMn z_tds_2f_web-9hq2xMo z_tds_2f_web-9hq2xMp z_tds_2f_web-9hq2xMq z_tds_2f_web-9hq2xMr z_tds_2f_web-9hq2xMs z_tds_2f_web-9hq2xMt z_tds_2f_web-9hq2xMu z_tds_2f_web-9hq2xMv z_tds_2f_web-9hq2xMw z_tds_2f_web-9hq2xMx z_tds_2f_web-9hq2xMy z_tds_2f_web-9hq2xMz z_tds_2f_web-9hq2xM10 z_tds_2f_web-9hq2xM11 z_tds_2f_web-9hq2xM12 z_tds_2f_web-9hq2xM13 z_tds_2f_web-9hq2xM14 z_tds_2f_web-9hq2xM15 z_tds_2f_web-9hq2xM16 z_tds_2f_web-9hq2xM17 z_tds_2f_web-9hq2xM18 z_tds_2f_web-9hq2xM19 z_tds_2f_web-9hq2xM1a z_tds_2f_web-9hq2xM1b z_tds_2f_web-9hq2xM1c z_tds_2f_web-9hq2xM1d z_tds_2f_web-9hq2xM1e z_tds_2f_web-9hq2xM1f z_tds_2f_web-9hq2xM1g z_tds_2f_web-9hq2xM1h z_tds_2f_web-9hq2xM1i z_tds_2f_web-9hq2xM1j z_tds_2f_web-9hq2xM1k z_tds_2f_web-9hq2xM1l z_tds_2f_web-9hq2xM1m z_tds_2f_web-9hq2xM1n z_tds_2f_web-9hq2xM1o z_tds_2f_web-9hq2xM1p z_tds_2f_web-9hq2xM1q z_tds_2f_web-9hq2xM1r z_tds_2f_web-9hq2xM1s z_tds_2f_web-9hq2xM1t z_tds_2f_web-9hq2xM1u z_tds_2f_web-9hq2xM1v z_tds_2f_web-9hq2xM1w z_tds_2f_web-9hq2xM1x z_tds_2f_web-9hq2xM1y z_tds_2f_web-9hq2xM1z z_tds_2f_web-9hq2xM20 z_tds_2f_web-9hq2xM21 z_tds_2f_web-9hq2xM22 z_tds_2f_web-9hq2xM23 z_tds_2f_web-9hq2xM24 z_tds_2f_web-9hq2xM25 z_tds_2f_web-9hq2xM26 z_tds_2f_web-9hq2xM27 z_tds_2f_web-9hq2xM28 z_tds_2f_web-9hq2xM29 z_tds_2f_web-9hq2xM2a z_tds_2f_web-9hq2xM2b z_tds_2f_web-9hq2xM2c z_tds_2f_web-9hq2xM2d z_tds_2f_web-9hq2xM2e z_tds_2f_web-9hq2xM2f z_tds_2f_web-9hq2xM2g z_tds_2f_web-9hq2xM2h z_tds_2f_web-9hq2xM2i z_tds_2f_web-9hq2xM2j z_tds_2f_web-9hq2xM2k z_tds_2f_web-9hq2xM2l z_tds_2f_web-9hq2xM2m z_tds_2f_web-9hq2xM2n z_tds_2f_web-9hq2xM2o z_tds_2f_web-9hq2xM2p z_tds_2f_web-9hq2xM2q z_tds_2f_web-9hq2xM2r z_tds_2f_web-9hq2xM2s z_tds_2f_web-9hq2xM2t z_tds_2f_web-9hq2xM2u z_tds_2f_web-9hq2xM2v z_tds_2f_web-9hq2xM2w z_tds_2f_web-9hq2xM2x z_tds_2f_web-9hq2xM2y",result=inline?{className,style:inline}:{className};let 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="default";if(value!==null&&value!==void 0)result["data-variant"]=String(value);return result});
|
|
66
64
|
})(styles || (styles = {}));
|
|
67
65
|
//# sourceMappingURL=InputGroup.js.map
|
|
68
66
|
import './InputGroup.css';
|