@tempoxyz/ds 0.3.1 → 0.3.2

package/dist/web/components/NativeSelect.css

@@ -0,0 +1 @@
+.z_tds_2f_web-gmLBsU0{align-self:center}.z_tds_2f_web-gmLBsU1{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-gmLBsU2{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}.z_tds_2f_web-gmLBsU3{grid-area:1/1}.z_tds_2f_web-gmLBsU4{justify-self:end}.z_tds_2f_web-gmLBsU5{margin-inline-end:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-gmLBsU6{pointer-events:none}.z_tds_2f_web-gmLBsU7{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-gmLBsU8{transition-property:opacity}.z_tds_2f_web-gmLBsU9{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-gmLBsUa{:has(>select:disabled)>&{opacity:.4}}.z_tds_2f_web-gmLBsUb{border-radius:var(--z-tds_2f_web-radius-xs,calc(.75rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-gmLBsUc{display:grid}.z_tds_2f_web-gmLBsUd{position:relative}.z_tds_2f_web-gmLBsUe{&:after{border-color:#0000}}.z_tds_2f_web-gmLBsUf{&:after{border-radius:inherit}}.z_tds_2f_web-gmLBsUg{&:after{border-style:solid}}.z_tds_2f_web-gmLBsUh{&:after{border-width:var(--z-tds_2f_web-borderWidth-regular,var(--z-tds_2f_web-spacing-1,1px))}}.z_tds_2f_web-gmLBsUi{&:after{box-sizing:border-box}}.z_tds_2f_web-gmLBsUj{&:after{content:""}}.z_tds_2f_web-gmLBsUk{&:after{corner-shape:inherit}}.z_tds_2f_web-gmLBsUl{&:after{inset:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-gmLBsUm{&:after{pointer-events:none}}.z_tds_2f_web-gmLBsUn{&:after{position:absolute}}.z_tds_2f_web-gmLBsUo{&:after{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}}.z_tds_2f_web-gmLBsUp{&:after{transition-property:border-color}}.z_tds_2f_web-gmLBsUq{&:after{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z_tds_2f_web-gmLBsUr{&:has(>select:focus-visible):after{border-color:var(--z-tds_2f_web-color-border-focus,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-052,#ffffff85)))}}.z_tds_2f_web-gmLBsUs{appearance:none}.z_tds_2f_web-gmLBsUt{background-color:var(--z-tds_2f_web-color-background-elevated,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-092,#141414)))}.z_tds_2f_web-gmLBsUu{border-color:var(--z-tds_2f_web-color-line-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}.z_tds_2f_web-gmLBsUv{border-radius:var(--z-tds_2f_web-radius-xs,calc(.75rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-gmLBsUw{border-style:solid}.z_tds_2f_web-gmLBsUx{border-width:var(--z-tds_2f_web-borderWidth-thin,var(--z-tds_2f_web-spacing-0_2d_5,.5px))}.z_tds_2f_web-gmLBsUy{box-sizing:border-box}.z_tds_2f_web-gmLBsUz{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-gmLBsU10{cursor:pointer}.z_tds_2f_web-gmLBsU11{height:var(--z-tds_2f_web-spacing-48,3rem)}.z_tds_2f_web-gmLBsU12{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-gmLBsU13{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-gmLBsU14{outline-color:#0000}.z_tds_2f_web-gmLBsU15{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z_tds_2f_web-gmLBsU16{outline-style:solid}.z_tds_2f_web-gmLBsU17{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-gmLBsU18{padding-block:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-gmLBsU19{padding-inline-end:var(--z-tds_2f_web-spacing-40,2.5rem)}.z_tds_2f_web-gmLBsU1a{padding-inline-start:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-gmLBsU1b{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-gmLBsU1c{transition-property:background-color,border-color,color,outline-color}.z_tds_2f_web-gmLBsU1d{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-gmLBsU1e{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-gmLBsU1f{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}.z_tds_2f_web-gmLBsU1g{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}.z_tds_2f_web-gmLBsU1h{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,.14px)}.z_tds_2f_web-gmLBsU1i{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}.z_tds_2f_web-gmLBsU1j{width:100%}.z_tds_2f_web-gmLBsU1k{&:where(:hover:not(:disabled)){border-color:var(--z-tds_2f_web-color-line-primary,light-dark(var(--z-tds_2f_web-color-neutral-shade-016,#00000029),var(--z-tds_2f_web-color-neutral-tint-024,#ffffff3d)))}}.z_tds_2f_web-gmLBsU1l{&[aria-invalid=true],[data-invalid] &{background-color:var(--z-tds_2f_web-color-container-negative,light-dark(var(--z-tds_2f_web-color-accent-alpha-regular-red-100,#eb341714),var(--z-tds_2f_web-color-accent-alpha-regular-red-200,#f55c4529)))}}.z_tds_2f_web-gmLBsU1m{&[aria-invalid=true],[data-invalid] &{border-color:var(--z-tds_2f_web-color-border-negative,light-dark(var(--z-tds_2f_web-color-accent-alpha-strong-red-100,#eb341729),var(--z-tds_2f_web-color-accent-alpha-strong-red-200,#f55c4552)))}}.z_tds_2f_web-gmLBsU1n{&[aria-invalid=true],[data-invalid] &{border-width:var(--z-tds_2f_web-borderWidth-regular,var(--z-tds_2f_web-spacing-1,1px))}}.z_tds_2f_web-gmLBsU1o{&:disabled{background-color:var(--z-tds_2f_web-color-container-subtle,light-dark(var(--z-tds_2f_web-color-neutral-shade-003,#00000008),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}}.z_tds_2f_web-gmLBsU1p{&: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-gmLBsU1q{&:disabled{cursor:default}}.z_tds_2f_web-gmLBsU1r{&:disabled{opacity:1}}@media (forced-colors:active){.z_tds_2f_web-gmLBsU1s{outline-style:none}.z_tds_2f_web-gmLBsU1t{&:focus-visible{outline-style:solid}}}

package/dist/web/components/NativeSelect.d.ts

@@ -0,0 +1,50 @@
+import type { ComponentPropsWithRef } from 'react';
+import type * as zyzz from 'zyzz';
+/**
+ * A native `select` styled as a 48px field, with a chevron at its end. It registers as the control
+ * of the enclosing `Field.Root`, which supplies its label, description, error and disabled state.
+ * The browser draws the options in its own picker, so it fits forms that need the platform picker,
+ * such as on touch devices. Base UI has no primitive for a native `select`, so it renders the
+ * element through `Field.Control`.
+ *
+ * - Give it a visible `Field.Label`, or an `aria-label` when none fits.
+ * - Lead with a disabled, empty `option` that names the choice, such as "Select environment", and
+ *   set `defaultValue=""` so it shows until a value is picked.
+ * - Use `Select` instead when the options need icons, groups with styling, or a custom popup.
+ *
+ * @example
+ * <Field.Root>
+ *   <Field.Label>Environment</Field.Label>
+ *   <NativeSelect defaultValue="">
+ *     <option disabled value="">
+ *       Select environment
+ *     </option>
+ *     <option value="production">Production</option>
+ *     <option value="staging">Staging</option>
+ *   </NativeSelect>
+ * </Field.Root>
+ *
+ * @see {@link https://base-ui.com/react/components/field | Base UI Field}
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/select | MDN select element}
+ * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/labels-or-instructions.html | WCAG 2.2 Labels or Instructions}
+ * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/error-identification.html | WCAG 2.2 Error Identification}
+ */
+export declare function NativeSelect(props: NativeSelect.Props): import("react").JSX.Element;
+export declare namespace NativeSelect {
+    type Props = ComponentPropsWithRef<'select'> & zyzz.Props.Variants<typeof styles.select> & {
+        /**
+         * Fills the field red with a 1px red border and sets `aria-invalid`. An invalid
+         * `Field.Root` sets it too.
+         *
+         * @default false
+         */
+        invalid?: boolean | undefined;
+    };
+}
+declare namespace styles {
+    const icon: zyzz.style.ReturnType<"react">;
+    const root: zyzz.style.ReturnType<"react">;
+    const select: zyzz.style.ReturnType<"react">;
+}
+export {};
+//# sourceMappingURL=NativeSelect.d.ts.map

package/dist/web/components/NativeSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../../src/web/components/NativeSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAIjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,+BAkBrD;AAED,yBAAiB,YAAY,CAAC;IAC5B,KAAY,KAAK,GAAG,qBAAqB,CAAC,QAAQ,CAAC,GACjD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,GAAG;QAC1C;;;;;WAKG;QACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAC9B,CAAA;CACJ;AAED,kBAAU,MAAM,CAAC;IAER,MAAM,IAAI,gCAehB,CAAA;IAGM,MAAM,IAAI,gCAyBhB,CAAA;IAGM,MAAM,MAAM,gCAiDlB,CAAA;CACF"}

package/dist/web/components/NativeSelect.js

@@ -0,0 +1,50 @@
+
+import { Props as __zyzzProps } from 'zyzz/runtime';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as BaseUi from '@base-ui/react/field';
+import { ChevronDown } from '../icons/ChevronDown.js';
+import { style } from '../zyzz.config.js';
+/**
+ * A native `select` styled as a 48px field, with a chevron at its end. It registers as the control
+ * of the enclosing `Field.Root`, which supplies its label, description, error and disabled state.
+ * The browser draws the options in its own picker, so it fits forms that need the platform picker,
+ * such as on touch devices. Base UI has no primitive for a native `select`, so it renders the
+ * element through `Field.Control`.
+ *
+ * - Give it a visible `Field.Label`, or an `aria-label` when none fits.
+ * - Lead with a disabled, empty `option` that names the choice, such as "Select environment", and
+ *   set `defaultValue=""` so it shows until a value is picked.
+ * - Use `Select` instead when the options need icons, groups with styling, or a custom popup.
+ *
+ * @example
+ * <Field.Root>
+ *   <Field.Label>Environment</Field.Label>
+ *   <NativeSelect defaultValue="">
+ *     <option disabled value="">
+ *       Select environment
+ *     </option>
+ *     <option value="production">Production</option>
+ *     <option value="staging">Staging</option>
+ *   </NativeSelect>
+ * </Field.Root>
+ *
+ * @see {@link https://base-ui.com/react/components/field | Base UI Field}
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/select | MDN select element}
+ * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/labels-or-instructions.html | WCAG 2.2 Labels or Instructions}
+ * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/error-identification.html | WCAG 2.2 Error Identification}
+ */
+export function NativeSelect(props) {
+    const { className, invalid = false, vars, ...attributes } = props;
+    return (_jsxs("span", { ...styles.root(), "data-native-select": "", children: [_jsx(BaseUi.Field.Control, { render: _jsx("select", { ...(invalid && { 'aria-invalid': true }), ...attributes, ...styles.select({ className, style: props.style, vars }) }) }), _jsx(ChevronDown, { ...styles.icon() })] }));
+}
+var styles;
+(function (styles) {
+    // The chevron keeps the primary color, and a disabled field fades it to 40%, as the design does.
+    styles.icon = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-gmLBsU0 z_tds_2f_web-gmLBsU1 z_tds_2f_web-gmLBsU2 z_tds_2f_web-gmLBsU3 z_tds_2f_web-gmLBsU4 z_tds_2f_web-gmLBsU5 z_tds_2f_web-gmLBsU6 z_tds_2f_web-gmLBsU7 z_tds_2f_web-gmLBsU8 z_tds_2f_web-gmLBsU9 z_tds_2f_web-gmLBsUa"});
+    // The focus border is drawn over the field, so focus never moves the text past its 0.5px line.
+    styles.root = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-gmLBsUb z_tds_2f_web-gmLBsUc z_tds_2f_web-gmLBsUd z_tds_2f_web-gmLBsUe z_tds_2f_web-gmLBsUf z_tds_2f_web-gmLBsUg z_tds_2f_web-gmLBsUh z_tds_2f_web-gmLBsUi z_tds_2f_web-gmLBsUj z_tds_2f_web-gmLBsUk z_tds_2f_web-gmLBsUl z_tds_2f_web-gmLBsUm z_tds_2f_web-gmLBsUn z_tds_2f_web-gmLBsUo z_tds_2f_web-gmLBsUp z_tds_2f_web-gmLBsUq z_tds_2f_web-gmLBsUr"});
+    // The end padding holds the 16px chevron, 8px from the text and 16px from the edge.
+    styles.select = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-gmLBsUs z_tds_2f_web-gmLBsUt z_tds_2f_web-gmLBsUu z_tds_2f_web-gmLBsUv z_tds_2f_web-gmLBsUw z_tds_2f_web-gmLBsUx z_tds_2f_web-gmLBsUy z_tds_2f_web-gmLBsUz z_tds_2f_web-gmLBsU10 z_tds_2f_web-gmLBsU3 z_tds_2f_web-gmLBsU11 z_tds_2f_web-gmLBsU12 z_tds_2f_web-gmLBsU13 z_tds_2f_web-gmLBsU14 z_tds_2f_web-gmLBsU15 z_tds_2f_web-gmLBsU16 z_tds_2f_web-gmLBsU17 z_tds_2f_web-gmLBsU18 z_tds_2f_web-gmLBsU19 z_tds_2f_web-gmLBsU1a z_tds_2f_web-gmLBsU1b z_tds_2f_web-gmLBsU1c z_tds_2f_web-gmLBsU1d z_tds_2f_web-gmLBsU1e z_tds_2f_web-gmLBsU1f z_tds_2f_web-gmLBsU1g z_tds_2f_web-gmLBsU1h z_tds_2f_web-gmLBsU1i z_tds_2f_web-gmLBsU1j z_tds_2f_web-gmLBsU1k z_tds_2f_web-gmLBsU1l z_tds_2f_web-gmLBsU1m z_tds_2f_web-gmLBsU1n z_tds_2f_web-gmLBsU1o z_tds_2f_web-gmLBsU1p z_tds_2f_web-gmLBsU1q z_tds_2f_web-gmLBsU1r z_tds_2f_web-gmLBsU1s z_tds_2f_web-gmLBsU1t"});
+})(styles || (styles = {}));
+//# sourceMappingURL=NativeSelect.js.map
+import './NativeSelect.css';

package/dist/web/components/NativeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.js","sourceRoot":"","sources":["../../../src/web/components/NativeSelect.tsx"],"names":[],"mappings":"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"}