@tempoxyz/ds 0.3.1 → 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.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 +21 -3
- package/dist/web/components/AppShell.d.ts.map +1 -1
- package/dist/web/components/AppShell.js +74 -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 +48 -0
- 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.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 +72 -6
- package/dist/web/components/Button.d.ts.map +1 -1
- package/dist/web/components/Button.js +5 -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 +1 -0
- 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.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 +35 -65
- package/dist/web/components/ListGroup.d.ts.map +1 -1
- package/dist/web/components/ListGroup.js +9 -10
- 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.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 +8 -2
- package/dist/web/components/SidebarMenu.d.ts.map +1 -1
- package/dist/web/components/SidebarMenu.js +10 -10
- package/dist/web/components/SidebarMenu.js.map +1 -1
- package/dist/web/components/SidebarMenu.js.zyzz.json +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 +3 -2
- package/dist/web/components/Surface.d.ts.map +1 -1
- package/dist/web/components/Surface.js +2 -2
- 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.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 +7 -3
- package/dist/web/components/internal/TabBar.d.ts.map +1 -1
- package/dist/web/components/internal/TabBar.js.map +1 -1
- 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 +25 -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 +125 -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/AddressCard.tsx +216 -0
- package/src/web/components/AgentLogo.tsx +1 -1
- package/src/web/components/AmountInput.tsx +1 -1
- package/src/web/components/AppShell.tsx +127 -31
- package/src/web/components/AssetChip.tsx +4 -1
- package/src/web/components/Avatar.tsx +73 -6
- package/src/web/components/Badge.tsx +39 -3
- package/src/web/components/Button.tsx +64 -11
- 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 +2 -1
- 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 +47 -81
- 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 +2 -1
- package/src/web/components/SidebarMenu.tsx +9 -4
- 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 +5 -3
- 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 +7 -3
- 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 +14 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
.z_tds_2f_web-mGY5xP0{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-mGY5xP1{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-mGY5xP2{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}.z_tds_2f_web-mGY5xP3{transition-property:color,filter,opacity,transform}.z_tds_2f_web-mGY5xP4{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-mGY5xP5{font-family:var(--z-tds_2f_web-typography-body-b3-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-mGY5xP6{font-size:var(--z-tds_2f_web-typography-body-b3-fontSize,12px)}.z_tds_2f_web-mGY5xP7{font-weight:var(--z-tds_2f_web-typography-body-b3-fontWeight,400)}.z_tds_2f_web-mGY5xP8{letter-spacing:var(--z-tds_2f_web-typography-body-b3-letterSpacing,.15px)}.z_tds_2f_web-mGY5xP9{line-height:var(--z-tds_2f_web-typography-body-b3-lineHeight,16px)}.z_tds_2f_web-mGY5xPa{:has(>[data-field-error]:not([data-ending-style]))>&{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-mGY5xPb{:has(>[data-field-error]:not([data-ending-style]))>&{filter:blur(2px)}}.z_tds_2f_web-mGY5xPc{:has(>[data-field-error]:not([data-ending-style]))>&{inset-block-end:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xPd{:has(>[data-field-error]:not([data-ending-style]))>&{inset-inline:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xPe{:has(>[data-field-error]:not([data-ending-style]))>&{opacity:0}}.z_tds_2f_web-mGY5xPf{:has(>[data-field-error]:not([data-ending-style]))>&{pointer-events:none}}.z_tds_2f_web-mGY5xPg{:has(>[data-field-error]:not([data-ending-style]))>&{position:absolute}}.z_tds_2f_web-mGY5xPh{:has(>[data-field-error]:not([data-ending-style]))>&{transform:translateY(-4px)}}.z_tds_2f_web-mGY5xPi{:has(>[data-field-error]:not([data-ending-style]))>&{transition-duration:var(--z-tds_2f_web-transitionDuration-150,.15s)}}.z_tds_2f_web-mGY5xPj{[data-success]>&{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-mGY5xPk{[data-disabled] &{color:var(--z-tds_2f_web-color-content-subtle,light-dark(var(--z-tds_2f_web-color-neutral-shade-020,#0003),var(--z-tds_2f_web-color-neutral-tint-020,#fff3)))}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-mGY5xPl{transition-property:opacity}.z_tds_2f_web-mGY5xPm{:has(>[data-field-error]:not([data-ending-style]))>&{filter:none}}.z_tds_2f_web-mGY5xPn{:has(>[data-field-error]:not([data-ending-style]))>&{transform:none}}}.z_tds_2f_web-mGY5xPo{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-mGY5xPp{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}.z_tds_2f_web-mGY5xPq{&[data-ending-style]{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-mGY5xPr{&[data-ending-style]{filter:blur(2px)}}.z_tds_2f_web-mGY5xPs{&[data-ending-style]{inset-block-end:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xPt{&[data-ending-style]{inset-inline:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xPu{&[data-ending-style]{opacity:0}}.z_tds_2f_web-mGY5xPv{&[data-ending-style]{position:absolute}}.z_tds_2f_web-mGY5xPw{&[data-ending-style]{transform:translateY(4px)}}.z_tds_2f_web-mGY5xPx{&[data-ending-style]{transition-duration:var(--z-tds_2f_web-transitionDuration-150,.15s)}}.z_tds_2f_web-mGY5xPy{&[data-starting-style]{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-mGY5xPz{&[data-starting-style]{filter:blur(2px)}}.z_tds_2f_web-mGY5xP10{&[data-starting-style]{opacity:0}}.z_tds_2f_web-mGY5xP11{&[data-starting-style]{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-mGY5xP12{&[data-ending-style],&[data-starting-style]{filter:none}}.z_tds_2f_web-mGY5xP13{&[data-ending-style],&[data-starting-style]{transform:none}}}.z_tds_2f_web-mGY5xP14{align-items:center}.z_tds_2f_web-mGY5xP15{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-mGY5xP16{display:flex}.z_tds_2f_web-mGY5xP17{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-mGY5xP18{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-mGY5xP19{transition-property:color,opacity}.z_tds_2f_web-mGY5xP1a{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-mGY5xP1b{font-size:var(--z-tds_2f_web-typography-body-b2Strong-fontSize,14px)}.z_tds_2f_web-mGY5xP1c{font-weight:var(--z-tds_2f_web-typography-body-b2Strong-fontWeight,500)}.z_tds_2f_web-mGY5xP1d{letter-spacing:var(--z-tds_2f_web-typography-body-b2Strong-letterSpacing,.14px)}.z_tds_2f_web-mGY5xP1e{line-height:var(--z-tds_2f_web-typography-body-b2Strong-lineHeight,20px)}.z_tds_2f_web-mGY5xP1f{&:has(>[data-field-secondary]){column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-mGY5xP1g{&:has(>[data-field-secondary]){display:flex}}.z_tds_2f_web-mGY5xP1h{[data-disabled] &{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-mGY5xP1i{align-content:start}.z_tds_2f_web-mGY5xP1j{display:grid}.z_tds_2f_web-mGY5xP1k{grid-template-columns:minmax(0,1fr)}.z_tds_2f_web-mGY5xP1l{position:relative}.z_tds_2f_web-mGY5xP1m{row-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-mGY5xP1n{&:has(>[role=radiogroup],>[role=group] [role=checkbox]){row-gap:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-mGY5xP1o{&:has(>[data-otp-field]){row-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-mGY5xP1p{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-mGY5xP1q{margin-inline-start:auto}.z_tds_2f_web-mGY5xP1r{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-mGY5xP1s{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}.z_tds_2f_web-mGY5xP1t{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}.z_tds_2f_web-mGY5xP1u{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,.14px)}.z_tds_2f_web-mGY5xP1v{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}.z_tds_2f_web-mGY5xP1w{[data-disabled] &{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)))}}
|
|
1
|
+
.z_tds_2f_web-mGY5xP0{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-mGY5xP1{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-mGY5xP2{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}.z_tds_2f_web-mGY5xP3{transition-property:color,filter,opacity,transform}.z_tds_2f_web-mGY5xP4{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-mGY5xP5{font-family:var(--z-tds_2f_web-typography-body-b3-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-mGY5xP6{font-size:var(--z-tds_2f_web-typography-body-b3-fontSize,12px)}.z_tds_2f_web-mGY5xP7{font-weight:var(--z-tds_2f_web-typography-body-b3-fontWeight,400)}.z_tds_2f_web-mGY5xP8{letter-spacing:var(--z-tds_2f_web-typography-body-b3-letterSpacing,.15px)}.z_tds_2f_web-mGY5xP9{line-height:var(--z-tds_2f_web-typography-body-b3-lineHeight,16px)}.z_tds_2f_web-mGY5xPa{:has(>[data-field-error]:not([data-ending-style]))>&{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-mGY5xPb{:has(>[data-field-error]:not([data-ending-style]))>&{filter:blur(2px)}}.z_tds_2f_web-mGY5xPc{:has(>[data-field-error]:not([data-ending-style]))>&{inset-block-end:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xPd{:has(>[data-field-error]:not([data-ending-style]))>&{inset-inline:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xPe{:has(>[data-field-error]:not([data-ending-style]))>&{opacity:0}}.z_tds_2f_web-mGY5xPf{:has(>[data-field-error]:not([data-ending-style]))>&{pointer-events:none}}.z_tds_2f_web-mGY5xPg{:has(>[data-field-error]:not([data-ending-style]))>&{position:absolute}}.z_tds_2f_web-mGY5xPh{:has(>[data-field-error]:not([data-ending-style]))>&{transform:translateY(-4px)}}.z_tds_2f_web-mGY5xPi{:has(>[data-field-error]:not([data-ending-style]))>&{transition-duration:var(--z-tds_2f_web-transitionDuration-150,.15s)}}.z_tds_2f_web-mGY5xPj{[data-field-size=large]>&{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-052,#ffffff85)))}}.z_tds_2f_web-mGY5xPk{[data-field-size=large]>&{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-mGY5xPl{[data-field-size=large]>&{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}}.z_tds_2f_web-mGY5xPm{[data-field-size=large]>&{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}}.z_tds_2f_web-mGY5xPn{[data-field-size=large]>&{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,.14px)}}.z_tds_2f_web-mGY5xPo{[data-field-size=large]>&{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}}.z_tds_2f_web-mGY5xPp{[data-success]>&{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-mGY5xPq{[data-disabled] &{color:var(--z-tds_2f_web-color-content-subtle,light-dark(var(--z-tds_2f_web-color-neutral-shade-020,#0003),var(--z-tds_2f_web-color-neutral-tint-020,#fff3)))}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-mGY5xPr{transition-property:opacity}.z_tds_2f_web-mGY5xPs{:has(>[data-field-error]:not([data-ending-style]))>&{filter:none}}.z_tds_2f_web-mGY5xPt{:has(>[data-field-error]:not([data-ending-style]))>&{transform:none}}}.z_tds_2f_web-mGY5xPu{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-mGY5xPv{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}.z_tds_2f_web-mGY5xPw{&[data-ending-style]{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-mGY5xPx{&[data-ending-style]{filter:blur(2px)}}.z_tds_2f_web-mGY5xPy{&[data-ending-style]{inset-block-end:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xPz{&[data-ending-style]{inset-inline:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xP10{&[data-ending-style]{opacity:0}}.z_tds_2f_web-mGY5xP11{&[data-ending-style]{position:absolute}}.z_tds_2f_web-mGY5xP12{&[data-ending-style]{transform:translateY(4px)}}.z_tds_2f_web-mGY5xP13{&[data-ending-style]{transition-duration:var(--z-tds_2f_web-transitionDuration-150,.15s)}}.z_tds_2f_web-mGY5xP14{&[data-starting-style]{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-mGY5xP15{&[data-starting-style]{filter:blur(2px)}}.z_tds_2f_web-mGY5xP16{&[data-starting-style]{opacity:0}}.z_tds_2f_web-mGY5xP17{&[data-starting-style]{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-mGY5xP18{&[data-ending-style],&[data-starting-style]{filter:none}}.z_tds_2f_web-mGY5xP19{&[data-ending-style],&[data-starting-style]{transform:none}}}.z_tds_2f_web-mGY5xP1a{align-items:center}.z_tds_2f_web-mGY5xP1b{column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-mGY5xP1c{display:flex}.z_tds_2f_web-mGY5xP1d{&>label{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-mGY5xP1e{&>label{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}}.z_tds_2f_web-mGY5xP1f{&>label{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}}.z_tds_2f_web-mGY5xP1g{&>label{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,.14px)}}.z_tds_2f_web-mGY5xP1h{&>label{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}}.z_tds_2f_web-mGY5xP1i{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-mGY5xP1j{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-mGY5xP1k{transition-property:color,opacity}.z_tds_2f_web-mGY5xP1l{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-mGY5xP1m{font-size:var(--z-tds_2f_web-typography-body-b2Strong-fontSize,14px)}.z_tds_2f_web-mGY5xP1n{font-weight:var(--z-tds_2f_web-typography-body-b2Strong-fontWeight,500)}.z_tds_2f_web-mGY5xP1o{letter-spacing:var(--z-tds_2f_web-typography-body-b2Strong-letterSpacing,.14px)}.z_tds_2f_web-mGY5xP1p{line-height:var(--z-tds_2f_web-typography-body-b2Strong-lineHeight,20px)}.z_tds_2f_web-mGY5xP1q{&:has(>[data-field-secondary]){column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-mGY5xP1r{&:has(>[data-field-secondary]){display:flex}}.z_tds_2f_web-mGY5xP1s{[data-field-size=large]>&{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-mGY5xP1t{[data-field-size=large]>&{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}}.z_tds_2f_web-mGY5xP1u{[data-field-size=large]>&{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}}.z_tds_2f_web-mGY5xP1v{[data-field-size=large]>&{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,.14px)}}.z_tds_2f_web-mGY5xP1w{[data-field-size=large]>&{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}}.z_tds_2f_web-mGY5xP1x{[data-field-size=large]>&:has(>[data-field-secondary]){column-gap:var(--z-tds_2f_web-spacing-4,.25rem)}}.z_tds_2f_web-mGY5xP1y{[data-disabled] &{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-052,#ffffff85)))}}.z_tds_2f_web-mGY5xP1z{align-content:start}.z_tds_2f_web-mGY5xP20{display:grid}.z_tds_2f_web-mGY5xP21{grid-template-columns:minmax(0,1fr)}.z_tds_2f_web-mGY5xP22{position:relative}.z_tds_2f_web-mGY5xP23{row-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-mGY5xP24{&:has(>[role=radiogroup],>[role=group] [role=checkbox]){row-gap:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-mGY5xP25{&:has(>[data-otp-field]){row-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-mGY5xP26{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-mGY5xP27{margin-inline-start:auto}.z_tds_2f_web-mGY5xP28{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-mGY5xP29{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}.z_tds_2f_web-mGY5xP2a{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}.z_tds_2f_web-mGY5xP2b{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,.14px)}.z_tds_2f_web-mGY5xP2c{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}.z_tds_2f_web-mGY5xP2d{[data-field-size=large]>label>&{margin-inline-start:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xP2e{[data-disabled] &{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-052,#ffffff85)))}}
|
|
@@ -3,7 +3,8 @@ import { type ComponentPropsWithRef } from 'react';
|
|
|
3
3
|
import type * as zyzz from 'zyzz';
|
|
4
4
|
/**
|
|
5
5
|
* Labeled form field. The label sits 12px above the control and the message 12px below it, and a
|
|
6
|
-
* shown error replaces the description.
|
|
6
|
+
* shown error replaces the description. `size="large"` sets the label in the regular weight with
|
|
7
|
+
* its secondary label beside it, sets the messages at 14px, and insets text controls 20px.
|
|
7
8
|
*
|
|
8
9
|
* - Give every control a visible `Field.Label`. Base UI links it to the control.
|
|
9
10
|
* - Base UI adds `Field.Description` and a shown `Field.Error` to the control's `aria-describedby`.
|
|
@@ -49,14 +50,17 @@ export declare namespace Field {
|
|
|
49
50
|
type Props = ComponentPropsWithRef<'label'> & zyzz.Props.Variants<typeof styles.label> & Pick<BaseUi.Field.Label.Props, 'nativeLabel' | 'render'>;
|
|
50
51
|
}
|
|
51
52
|
/**
|
|
52
|
-
* Regular-weight text at the end of the label row, such as "Optional".
|
|
53
|
-
* `Field.Label`, so it joins the control's accessible name.
|
|
53
|
+
* Regular-weight text at the end of the label row, such as "Optional". In a large field it follows
|
|
54
|
+
* the label 4px after it. Place it inside `Field.Label`, so it joins the control's accessible name.
|
|
54
55
|
*/
|
|
55
56
|
function SecondaryLabel(props: SecondaryLabel.Props): import("react").JSX.Element;
|
|
56
57
|
namespace SecondaryLabel {
|
|
57
58
|
type Props = ComponentPropsWithRef<'span'> & zyzz.Props.Variants<typeof styles.secondaryLabel>;
|
|
58
59
|
}
|
|
59
|
-
/**
|
|
60
|
+
/**
|
|
61
|
+
* Hint text rendered as a `p`. It fades out while a `Field.Error` is shown. In a large field it
|
|
62
|
+
* takes the tertiary color at 14px.
|
|
63
|
+
*/
|
|
60
64
|
function Description(props: Description.Props): import("react").JSX.Element;
|
|
61
65
|
namespace Description {
|
|
62
66
|
type Props = ComponentPropsWithRef<'p'> & zyzz.Props.Variants<typeof styles.description> & Pick<BaseUi.Field.Description.Props, 'render'>;
|
|
@@ -85,7 +89,39 @@ declare namespace styles {
|
|
|
85
89
|
const error: zyzz.style.ReturnType<"react">;
|
|
86
90
|
const item: zyzz.style.ReturnType<"react">;
|
|
87
91
|
const label: zyzz.style.ReturnType<"react">;
|
|
88
|
-
const root: zyzz.
|
|
92
|
+
const root: zyzz.variants.ReturnType<{
|
|
93
|
+
readonly base: {
|
|
94
|
+
readonly alignContent: "start";
|
|
95
|
+
readonly display: "grid";
|
|
96
|
+
readonly gridTemplateColumns: "minmax(0, 1fr) !custom";
|
|
97
|
+
readonly position: "relative";
|
|
98
|
+
readonly rowGap: "12";
|
|
99
|
+
readonly selectors: {
|
|
100
|
+
readonly '&:has(> [role="radiogroup"], > [role="group"] [role="checkbox"])': {
|
|
101
|
+
readonly rowGap: "16";
|
|
102
|
+
};
|
|
103
|
+
readonly '&:has(> [data-otp-field])': {
|
|
104
|
+
readonly rowGap: "8";
|
|
105
|
+
};
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
readonly defaultVariants: {
|
|
109
|
+
readonly size: "medium";
|
|
110
|
+
};
|
|
111
|
+
readonly variants: {
|
|
112
|
+
/**
|
|
113
|
+
* The type of the label and messages, and the inset of text controls. `large` sets the
|
|
114
|
+
* label in the regular weight, the messages at 14px, and the 20px inset of the Platform
|
|
115
|
+
* text input.
|
|
116
|
+
*
|
|
117
|
+
* @default 'medium'
|
|
118
|
+
*/
|
|
119
|
+
size: {
|
|
120
|
+
large: {};
|
|
121
|
+
medium: {};
|
|
122
|
+
};
|
|
123
|
+
};
|
|
124
|
+
}, "react">;
|
|
89
125
|
const secondaryLabel: zyzz.style.ReturnType<"react">;
|
|
90
126
|
}
|
|
91
127
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/web/components/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,KAAK,qBAAqB,EAAoB,MAAM,OAAO,CAAA;AACpE,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAGjC
|
|
1
|
+
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/web/components/Field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,10 +3,11 @@ import { Props as __zyzzProps } from 'zyzz/runtime';
|
|
|
3
3
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
4
|
import * as BaseUi from '@base-ui/react/field';
|
|
5
5
|
import { useRef, useState } from 'react';
|
|
6
|
-
import { style } from '../zyzz.config.js';
|
|
6
|
+
import { style, variants } from '../zyzz.config.js';
|
|
7
7
|
/**
|
|
8
8
|
* Labeled form field. The label sits 12px above the control and the message 12px below it, and a
|
|
9
|
-
* shown error replaces the description.
|
|
9
|
+
* shown error replaces the description. `size="large"` sets the label in the regular weight with
|
|
10
|
+
* its secondary label beside it, sets the messages at 14px, and insets text controls 20px.
|
|
10
11
|
*
|
|
11
12
|
* - Give every control a visible `Field.Label`. Base UI links it to the control.
|
|
12
13
|
* - Base UI adds `Field.Description` and a shown `Field.Error` to the control's `aria-describedby`.
|
|
@@ -42,9 +43,9 @@ export var Field;
|
|
|
42
43
|
*/
|
|
43
44
|
function Root(props) {
|
|
44
45
|
const actions = useRef(null);
|
|
45
|
-
const { actionsRef = actions, className, onInvalidCapture, success = false, validationMode, vars, ...attributes } = props;
|
|
46
|
+
const { actionsRef = actions, className, onInvalidCapture, size = 'medium', success = false, validationMode, vars, ...attributes } = props;
|
|
46
47
|
const [submitted, setSubmitted] = useState(false);
|
|
47
|
-
return (_jsx(BaseUi.Field.Root, { ...attributes, ...styles.root({ className, style: props.style, vars }), actionsRef: actionsRef, "data-field": "", "data-success": success || undefined, onInvalidCapture: (event) => {
|
|
48
|
+
return (_jsx(BaseUi.Field.Root, { ...attributes, ...styles.root({ className, size, style: props.style, vars }), actionsRef: actionsRef, "data-field": "", "data-field-size": size, "data-success": success || undefined, onInvalidCapture: (event) => {
|
|
48
49
|
onInvalidCapture?.(event);
|
|
49
50
|
// Base UI runs submit validation only inside its own Form. A native form fires `invalid`
|
|
50
51
|
// on each failing control instead, and the event does not bubble. `checkValidity()` and
|
|
@@ -67,15 +68,18 @@ export var Field;
|
|
|
67
68
|
}
|
|
68
69
|
Field.Label = Label;
|
|
69
70
|
/**
|
|
70
|
-
* Regular-weight text at the end of the label row, such as "Optional".
|
|
71
|
-
* `Field.Label`, so it joins the control's accessible name.
|
|
71
|
+
* Regular-weight text at the end of the label row, such as "Optional". In a large field it follows
|
|
72
|
+
* the label 4px after it. Place it inside `Field.Label`, so it joins the control's accessible name.
|
|
72
73
|
*/
|
|
73
74
|
function SecondaryLabel(props) {
|
|
74
75
|
const { className, vars, ...attributes } = props;
|
|
75
76
|
return (_jsx("span", { ...attributes, ...styles.secondaryLabel({ className, style: props.style, vars }), "data-field-secondary": "" }));
|
|
76
77
|
}
|
|
77
78
|
Field.SecondaryLabel = SecondaryLabel;
|
|
78
|
-
/**
|
|
79
|
+
/**
|
|
80
|
+
* Hint text rendered as a `p`. It fades out while a `Field.Error` is shown. In a large field it
|
|
81
|
+
* takes the tertiary color at 14px.
|
|
82
|
+
*/
|
|
79
83
|
function Description(props) {
|
|
80
84
|
const { className, vars, ...attributes } = props;
|
|
81
85
|
return (_jsx(BaseUi.Field.Description, { ...attributes, ...styles.description({ className, style: props.style, vars }) }));
|
|
@@ -103,14 +107,16 @@ var styles;
|
|
|
103
107
|
* Gives up its slot while an error is shown, sliding up and turning red as it fades, so the
|
|
104
108
|
* description and error read as one line changing.
|
|
105
109
|
*/
|
|
106
|
-
styles.description = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-mGY5xP0 z_tds_2f_web-mGY5xP1 z_tds_2f_web-mGY5xP2 z_tds_2f_web-mGY5xP3 z_tds_2f_web-mGY5xP4 z_tds_2f_web-mGY5xP5 z_tds_2f_web-mGY5xP6 z_tds_2f_web-mGY5xP7 z_tds_2f_web-mGY5xP8 z_tds_2f_web-mGY5xP9 z_tds_2f_web-mGY5xPa z_tds_2f_web-mGY5xPb z_tds_2f_web-mGY5xPc z_tds_2f_web-mGY5xPd z_tds_2f_web-mGY5xPe z_tds_2f_web-mGY5xPf z_tds_2f_web-mGY5xPg z_tds_2f_web-mGY5xPh z_tds_2f_web-mGY5xPi z_tds_2f_web-mGY5xPj z_tds_2f_web-mGY5xPk z_tds_2f_web-mGY5xPl z_tds_2f_web-mGY5xPm z_tds_2f_web-mGY5xPn"});
|
|
110
|
+
styles.description = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-mGY5xP0 z_tds_2f_web-mGY5xP1 z_tds_2f_web-mGY5xP2 z_tds_2f_web-mGY5xP3 z_tds_2f_web-mGY5xP4 z_tds_2f_web-mGY5xP5 z_tds_2f_web-mGY5xP6 z_tds_2f_web-mGY5xP7 z_tds_2f_web-mGY5xP8 z_tds_2f_web-mGY5xP9 z_tds_2f_web-mGY5xPa z_tds_2f_web-mGY5xPb z_tds_2f_web-mGY5xPc z_tds_2f_web-mGY5xPd z_tds_2f_web-mGY5xPe z_tds_2f_web-mGY5xPf z_tds_2f_web-mGY5xPg z_tds_2f_web-mGY5xPh z_tds_2f_web-mGY5xPi z_tds_2f_web-mGY5xPj z_tds_2f_web-mGY5xPk z_tds_2f_web-mGY5xPl z_tds_2f_web-mGY5xPm z_tds_2f_web-mGY5xPn z_tds_2f_web-mGY5xPo z_tds_2f_web-mGY5xPp z_tds_2f_web-mGY5xPq z_tds_2f_web-mGY5xPr z_tds_2f_web-mGY5xPs z_tds_2f_web-mGY5xPt"});
|
|
107
111
|
/** Takes the description's slot, rising in from below and back out as it clears. */
|
|
108
|
-
styles.error = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
styles.
|
|
112
|
+
styles.error = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-mGY5xPu z_tds_2f_web-mGY5xPv z_tds_2f_web-mGY5xP3 z_tds_2f_web-mGY5xPr z_tds_2f_web-mGY5xP4 z_tds_2f_web-mGY5xP5 z_tds_2f_web-mGY5xPk z_tds_2f_web-mGY5xP6 z_tds_2f_web-mGY5xPl z_tds_2f_web-mGY5xP7 z_tds_2f_web-mGY5xPm z_tds_2f_web-mGY5xP8 z_tds_2f_web-mGY5xPn z_tds_2f_web-mGY5xP9 z_tds_2f_web-mGY5xPo z_tds_2f_web-mGY5xPw z_tds_2f_web-mGY5xPx z_tds_2f_web-mGY5xPy z_tds_2f_web-mGY5xPz z_tds_2f_web-mGY5xP10 z_tds_2f_web-mGY5xP11 z_tds_2f_web-mGY5xP12 z_tds_2f_web-mGY5xP13 z_tds_2f_web-mGY5xP14 z_tds_2f_web-mGY5xP15 z_tds_2f_web-mGY5xP16 z_tds_2f_web-mGY5xP17 z_tds_2f_web-mGY5xP18 z_tds_2f_web-mGY5xP19"});
|
|
113
|
+
// An option's label takes the regular weight, 12px from its control, as the Platform checkbox
|
|
114
|
+
// draws it.
|
|
115
|
+
styles.item = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-mGY5xP1a z_tds_2f_web-mGY5xP1b z_tds_2f_web-mGY5xP1c z_tds_2f_web-mGY5xP1d z_tds_2f_web-mGY5xP1e z_tds_2f_web-mGY5xP1f z_tds_2f_web-mGY5xP1g z_tds_2f_web-mGY5xP1h"});
|
|
116
|
+
styles.label = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-mGY5xP1i z_tds_2f_web-mGY5xP1j z_tds_2f_web-mGY5xP1k z_tds_2f_web-mGY5xP4 z_tds_2f_web-mGY5xP1l z_tds_2f_web-mGY5xP1m z_tds_2f_web-mGY5xP1n z_tds_2f_web-mGY5xP1o z_tds_2f_web-mGY5xP1p z_tds_2f_web-mGY5xP1q z_tds_2f_web-mGY5xP1r z_tds_2f_web-mGY5xP1s z_tds_2f_web-mGY5xP1t z_tds_2f_web-mGY5xP1u z_tds_2f_web-mGY5xP1v z_tds_2f_web-mGY5xP1w z_tds_2f_web-mGY5xP1x z_tds_2f_web-mGY5xP1y"});
|
|
117
|
+
styles.root = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-mGY5xP1z z_tds_2f_web-mGY5xP20 z_tds_2f_web-mGY5xP21 z_tds_2f_web-mGY5xP22 z_tds_2f_web-mGY5xP23 z_tds_2f_web-mGY5xP24 z_tds_2f_web-mGY5xP25"+" "+external:"z_tds_2f_web-mGY5xP1z z_tds_2f_web-mGY5xP20 z_tds_2f_web-mGY5xP21 z_tds_2f_web-mGY5xP22 z_tds_2f_web-mGY5xP23 z_tds_2f_web-mGY5xP24 z_tds_2f_web-mGY5xP25",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);return result});
|
|
112
118
|
// Text keeps 4.5:1 contrast, so it takes the secondary color rather than tertiary.
|
|
113
|
-
styles.secondaryLabel = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-
|
|
119
|
+
styles.secondaryLabel = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-mGY5xP26 z_tds_2f_web-mGY5xP27 z_tds_2f_web-mGY5xP28 z_tds_2f_web-mGY5xP29 z_tds_2f_web-mGY5xP2a z_tds_2f_web-mGY5xP2b z_tds_2f_web-mGY5xP2c z_tds_2f_web-mGY5xP2d z_tds_2f_web-mGY5xP2e"});
|
|
114
120
|
})(styles || (styles = {}));
|
|
115
121
|
//# sourceMappingURL=Field.js.map
|
|
116
122
|
import './Field.css';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/web/components/Field.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAA8B,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEpE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/web/components/Field.tsx"],"names":[],"mappings":"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"}
|