@tempoxyz/ds 0.2.6 → 0.3.1

package/dist/web/components/Fieldset.css

@@ -1 +1 @@
-.z_tds_2f_web-TJt7mN0{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z_tds_2f_web-TJt7mN1{font-family:var(--z-tds_2f_web-typography-heading-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-TJt7mN2{font-size:var(--z-tds_2f_web-typography-heading-16-fontSize,16px)}.z_tds_2f_web-TJt7mN3{font-weight:var(--z-tds_2f_web-typography-heading-16-fontWeight,600)}.z_tds_2f_web-TJt7mN4{letter-spacing:var(--z-tds_2f_web-typography-heading-16-letterSpacing,-.18px)}.z_tds_2f_web-TJt7mN5{line-height:var(--z-tds_2f_web-typography-heading-16-lineHeight,24px)}.z_tds_2f_web-TJt7mN6{border:none}.z_tds_2f_web-TJt7mN7{display:flex}.z_tds_2f_web-TJt7mN8{flex-direction:column}.z_tds_2f_web-TJt7mN9{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-TJt7mNa{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-TJt7mNb{padding:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-TJt7mNc{&>*+*{margin-block-start:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-TJt7mNd{&>*+:where(:not([data-variant=setting],[data-variant=stacked])):where([data-size=small],:has(>[data-size=small],>*>[data-size=small])){margin-block-start:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-TJt7mNe{&>*+:where(:not([data-variant=setting])):where([data-size=large],:has(>[data-size=large],>*>[data-size=large])){margin-block-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-TJt7mNf{&>[data-fieldset-legend]+*{margin-block-start:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-TJt7mNg{&>:is([data-fieldset-legend],[data-variant=setting])+[data-variant=setting]{margin-block-start:var(--z-tds_2f_web-spacing-0,0rem)}}
+.z_tds_2f_web-TJt7mN0{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-TJt7mN1{font-family:var(--z-tds_2f_web-typography-body-b1Strong-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-TJt7mN2{font-size:var(--z-tds_2f_web-typography-body-b1Strong-fontSize,16px)}.z_tds_2f_web-TJt7mN3{font-weight:var(--z-tds_2f_web-typography-body-b1Strong-fontWeight,500)}.z_tds_2f_web-TJt7mN4{letter-spacing:var(--z-tds_2f_web-typography-body-b1Strong-letterSpacing,.12px)}.z_tds_2f_web-TJt7mN5{line-height:var(--z-tds_2f_web-typography-body-b1Strong-lineHeight,22px)}.z_tds_2f_web-TJt7mN6{border:none}.z_tds_2f_web-TJt7mN7{display:flex}.z_tds_2f_web-TJt7mN8{flex-direction:column}.z_tds_2f_web-TJt7mN9{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-TJt7mNa{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-TJt7mNb{padding:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-TJt7mNc{&>*+*{margin-block-start:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-TJt7mNd{&>[data-fieldset-legend]+*{margin-block-start:var(--z-tds_2f_web-spacing-12,.75rem)}}

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

@@ -1,23 +1,22 @@
 import * as BaseUi from '@base-ui/react/fieldset';
 import type { ComponentPropsWithRef } from 'react';
 import type * as zyzz from 'zyzz';
-import * as FieldVariant from './internal/FieldVariant.js';
 /**
- * Groups fields under a legend and sets the `variant` that nested `Field.Root` parts inherit.
- * Renders a native `fieldset` named by its `Fieldset.Legend` through `aria-labelledby`.
+ * Groups fields under a legend. Renders a native `fieldset` named by its `Fieldset.Legend` through
+ * `aria-labelledby`.
  *
  * - Group related controls, such as radios, checkboxes or the parts of an address.
  * - Write the legend as the question the group answers.
  * - Avoid nesting fieldsets.
  *
  * @example
- * <Fieldset.Root variant="stacked">
+ * <Fieldset.Root>
  *   <Fieldset.Legend>Recipient</Fieldset.Legend>
  *   <Field.Root>
  *     <Field.Label>Name</Field.Label>
- *     <Input.Group>
- *       <Input.Control />
- *     </Input.Group>
+ *     <TextInput.Group>
+ *       <TextInput.Control />
+ *     </TextInput.Group>
  *   </Field.Root>
  * </Fieldset.Root>
  *
@@ -28,20 +27,12 @@ import * as FieldVariant from './internal/FieldVariant.js';
  */
 export declare namespace Fieldset {
     /**
-     * Renders the `fieldset` and stacks its fields 12, 16 or 24px apart, following the `size` of
-     * their controls, with 12px under the legend. Adjacent
-     * `setting` rows touch, since their own padding spaces them. `disabled` disables the
-     * native controls inside and every nested `Field.Root`.
+     * Renders the `fieldset` and stacks its fields 16px apart, with 12px under the legend.
+     * `disabled` disables the native controls inside and every nested `Field.Root`.
      */
     function Root(props: Root.Props): import("react").JSX.Element;
     namespace Root {
-        type Props = ComponentPropsWithRef<'fieldset'> & zyzz.Props.Variants<typeof styles.root> & Pick<BaseUi.Fieldset.Root.Props, 'render'> & {
-            /**
-             * Layout that nested `Field.Root` parts inherit unless they set their own `variant`. Fields
-             * fall back to `default` when neither sets one.
-             */
-            variant?: FieldVariant.Variant | undefined;
-        };
+        type Props = ComponentPropsWithRef<'fieldset'> & zyzz.Props.Variants<typeof styles.root> & Pick<BaseUi.Fieldset.Root.Props, 'render'>;
     }
     /**
      * The group heading. Renders a `div`, not a native `legend`, and names the parent fieldset through

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

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/web/components/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,yBAAyB,CAAA;AACjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAEjC,OAAO,KAAK,YAAY,MAAM,4BAA4B,CAAA;AAE1D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,yBAAiB,QAAQ,CAAC;IACxB;;;;;OAKG;IACH,SAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,+BAWrC;IAED,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,qBAAqB,CAAC,UAAU,CAAC,GACnD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,GACvC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG;YAC3C;;;eAGG;YACH,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,GAAG,SAAS,CAAA;SAC3C,CAAA;KACJ;IAED;;;OAGG;IACH,SAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BAUzC;IAED,UAAiB,MAAM,CAAC;QACtB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,GACzC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;KAC/C;CACF;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,MAAM,gCAGlB,CAAA;IAEM,MAAM,IAAI,gCAyBhB,CAAA;CACF"}
+{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/web/components/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,yBAAyB,CAAA;AACjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAGjC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,yBAAiB,QAAQ,CAAC;IACxB;;;OAGG;IACH,SAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,+BASrC;IAED,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,qBAAqB,CAAC,UAAU,CAAC,GACnD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,GACvC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;KAC7C;IAED;;;OAGG;IACH,SAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BAUzC;IAED,UAAiB,MAAM,CAAC;QACtB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,GACzC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;KAC/C;CACF;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,MAAM,gCAGlB,CAAA;IAEM,MAAM,IAAI,gCAehB,CAAA;CACF"}

package/dist/web/components/Fieldset.js

@@ -3,23 +3,22 @@ import { Props as __zyzzProps } from 'zyzz/runtime';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as BaseUi from '@base-ui/react/fieldset';
 import { style } from '../zyzz.config.js';
-import * as FieldVariant from './internal/FieldVariant.js';
 /**
- * Groups fields under a legend and sets the `variant` that nested `Field.Root` parts inherit.
- * Renders a native `fieldset` named by its `Fieldset.Legend` through `aria-labelledby`.
+ * Groups fields under a legend. Renders a native `fieldset` named by its `Fieldset.Legend` through
+ * `aria-labelledby`.
  *
  * - Group related controls, such as radios, checkboxes or the parts of an address.
  * - Write the legend as the question the group answers.
  * - Avoid nesting fieldsets.
  *
  * @example
- * <Fieldset.Root variant="stacked">
+ * <Fieldset.Root>
  *   <Fieldset.Legend>Recipient</Fieldset.Legend>
  *   <Field.Root>
  *     <Field.Label>Name</Field.Label>
- *     <Input.Group>
- *       <Input.Control />
- *     </Input.Group>
+ *     <TextInput.Group>
+ *       <TextInput.Control />
+ *     </TextInput.Group>
  *   </Field.Root>
  * </Fieldset.Root>
  *
@@ -31,14 +30,12 @@ import * as FieldVariant from './internal/FieldVariant.js';
 export var Fieldset;
 (function (Fieldset) {
     /**
-     * Renders the `fieldset` and stacks its fields 12, 16 or 24px apart, following the `size` of
-     * their controls, with 12px under the legend. Adjacent
-     * `setting` rows touch, since their own padding spaces them. `disabled` disables the
-     * native controls inside and every nested `Field.Root`.
+     * Renders the `fieldset` and stacks its fields 16px apart, with 12px under the legend.
+     * `disabled` disables the native controls inside and every nested `Field.Root`.
      */
     function Root(props) {
-        const { className, variant, vars, ...attributes } = props;
-        return (_jsx(FieldVariant.Context.Provider, { value: variant, children: _jsx(BaseUi.Fieldset.Root, { ...attributes, ...styles.root({ className, style: props.style, vars }) }) }));
+        const { className, vars, ...attributes } = props;
+        return (_jsx(BaseUi.Fieldset.Root, { ...attributes, ...styles.root({ className, style: props.style, vars }) }));
     }
     Fieldset.Root = Root;
     /**
@@ -54,7 +51,7 @@ export var Fieldset;
 var styles;
 (function (styles) {
     styles.legend = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-TJt7mN0 z_tds_2f_web-TJt7mN1 z_tds_2f_web-TJt7mN2 z_tds_2f_web-TJt7mN3 z_tds_2f_web-TJt7mN4 z_tds_2f_web-TJt7mN5"});
-    styles.root = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-TJt7mN6 z_tds_2f_web-TJt7mN7 z_tds_2f_web-TJt7mN8 z_tds_2f_web-TJt7mN9 z_tds_2f_web-TJt7mNa z_tds_2f_web-TJt7mNb z_tds_2f_web-TJt7mNc z_tds_2f_web-TJt7mNd z_tds_2f_web-TJt7mNe z_tds_2f_web-TJt7mNf z_tds_2f_web-TJt7mNg"});
+    styles.root = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-TJt7mN6 z_tds_2f_web-TJt7mN7 z_tds_2f_web-TJt7mN8 z_tds_2f_web-TJt7mN9 z_tds_2f_web-TJt7mNa z_tds_2f_web-TJt7mNb z_tds_2f_web-TJt7mNc z_tds_2f_web-TJt7mNd"});
 })(styles || (styles = {}));
 //# sourceMappingURL=Fieldset.js.map
 import './Fieldset.css';

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

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/web/components/Fieldset.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,yBAAyB,CAAA;AAGjD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,KAAK,YAAY,MAAM,4BAA4B,CAAA;AAE1D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,KAAW,QAAQ,CAqDxB;AArDD,WAAiB,QAAQ;IACvB;;;;;OAKG;IACH,SAAgB,IAAI,CAAC,KAAiB;QACpC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;QAEzD,OAAO,CACL,KAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YAC3C,KAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,OACf,UAAU,KACV,MAAM,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,GACxD,GAC4B,CACjC,CAAA;IACH,CAAC;IAXe,SAAA,IAAI,OAWnB,CAAA;IAcD;;;OAGG;IACH,SAAgB,MAAM,CAAC,KAAmB;QACxC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;QAEhD,OAAO,CACL,KAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,OACjB,UAAU,0BACO,EAAE,KACnB,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,GAC1D,CACH,CAAA;IACH,CAAC;IAVe,SAAA,MAAM,SAUrB,CAAA;AAOH,CAAC,EArDgB,QAAQ,KAAR,QAAQ,QAqDxB;AAED,IAAU,MAAM,CAgCf;AAhCD,WAAU,MAAM;IACD,aAAM,GAAG,KAAK,CACzB,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,EACjD,EAAE,EAAE,EAAE,yBAAyB,EAAE,CAClC,CAAA;IAEY,WAAI,GAAG,KAAK,CACvB;QACE,MAAM,EAAE,cAAc;QACtB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,GAAG;QACX,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,GAAG;QACZ,gFAAgF;QAChF,SAAS,EAAE;YACT,4EAA4E;YAC5E,WAAW,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE;YACvC,+FAA+F;YAC/F,wFAAwF;YACxF,6JAA6J,EAC3J,EAAE,gBAAgB,EAAE,IAAI,EAAE;YAC5B,mIAAmI,EACjI,EAAE,gBAAgB,EAAE,IAAI,EAAE;YAC5B,gCAAgC,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE;YAC5D,sFAAsF,EAAE;gBACtF,gBAAgB,EAAE,GAAG;aACtB;SACF;KACF,EACD,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAC3B,CAAA;AACH,CAAC,EAhCS,MAAM,KAAN,MAAM,QAgCf"}
+{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/web/components/Fieldset.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,yBAAyB,CAAA;AAGjD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,KAAW,QAAQ,CA2CxB;AA3CD,WAAiB,QAAQ;IACvB;;;OAGG;IACH,SAAgB,IAAI,CAAC,KAAiB;QACpC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;QAEhD,OAAO,CACL,KAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,OACf,UAAU,KACV,MAAM,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,GACxD,CACH,CAAA;IACH,CAAC;IATe,SAAA,IAAI,OASnB,CAAA;IAQD;;;OAGG;IACH,SAAgB,MAAM,CAAC,KAAmB;QACxC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;QAEhD,OAAO,CACL,KAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,OACjB,UAAU,0BACO,EAAE,KACnB,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,GAC1D,CACH,CAAA;IACH,CAAC;IAVe,SAAA,MAAM,SAUrB,CAAA;AAOH,CAAC,EA3CgB,QAAQ,KAAR,QAAQ,QA2CxB;AAED,IAAU,MAAM,CAsBf;AAtBD,WAAU,MAAM;IACD,aAAM,GAAG,KAAK,CACzB,EAAE,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,eAAe,EAAE,EACzD,EAAE,EAAE,EAAE,yBAAyB,EAAE,CAClC,CAAA;IAEY,WAAI,GAAG,KAAK,CACvB;QACE,MAAM,EAAE,cAAc;QACtB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,GAAG;QACX,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,GAAG;QACZ,8EAA8E;QAC9E,SAAS,EAAE;YACT,WAAW,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE;YACvC,gCAAgC,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE;SAC7D;KACF,EACD,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAC3B,CAAA;AACH,CAAC,EAtBS,MAAM,KAAN,MAAM,QAsBf"}