@duro-app/ui 4.5.0 → 5.0.0

package/dist/shared/length.d.ts

@@ -0,0 +1,24 @@
+import { SizeToken } from '@duro-app/tokens/keys';
+/**
+ * A length a measure prop accepts without a token: zero, a relative unit or a
+ * keyword. These are the exemptions of design-system.every-measure-is-a-token
+ * (ADR-0027); a px value is not one of them.
+ */
+export type RelativeLength = 0 | '0' | 'auto' | 'none' | 'min-content' | 'max-content' | 'fit-content' | `${number}%` | `${number}vh` | `${number}vw` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}em` | `${number}rem` | `${number}ch`;
+/** A measure prop: a `sizes` token key (`"gridColMd"`) or a relative length. */
+export type Length = SizeToken | RelativeLength;
+/**
+ * A CSS grid track: a Length, a fraction, or a track function. The arguments
+ * of `minmax()` / `fit-content()` are not checked by the type — pass tokens
+ * through `resolveLength` or `sizes.*` when building one.
+ *
+ * holds-until: a structured track type (`{min: Length, max: GridTrack}`)
+ * replaces the template-literal functions; a type cannot see inside
+ * `minmax(${string})`, so a px there is the one measure lint and types miss.
+ */
+export type GridTrack = Length | `${number}fr` | `minmax(${string})` | `fit-content(${string})`;
+/** The CSS value for a Length: a size token key becomes its variable. */
+export declare function resolveLength(value: Length): string | number;
+/** The CSS value for a GridTrack: a size token key becomes its variable. */
+export declare function resolveTrack(track: GridTrack): string | number;
+//# sourceMappingURL=length.d.ts.map

package/dist/shared/length.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"length.d.ts","sourceRoot":"","sources":["../../src/shared/length.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,SAAS,EAAC,MAAM,uBAAuB,CAAA;AAE/D;;;;GAIG;AACH,MAAM,MAAM,cAAc,GACtB,CAAC,GACD,GAAG,GACH,MAAM,GACN,MAAM,GACN,aAAa,GACb,aAAa,GACb,aAAa,GACb,GAAG,MAAM,GAAG,GACZ,GAAG,MAAM,IAAI,GACb,GAAG,MAAM,IAAI,GACb,GAAG,MAAM,KAAK,GACd,GAAG,MAAM,KAAK,GACd,GAAG,MAAM,KAAK,GACd,GAAG,MAAM,IAAI,GACb,GAAG,MAAM,KAAK,GACd,GAAG,MAAM,IAAI,CAAA;AAEjB,gFAAgF;AAChF,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,cAAc,CAAA;AAE/C;;;;;;;;GAQG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,GAAG,MAAM,IAAI,GAAG,UAAU,MAAM,GAAG,GAAG,eAAe,MAAM,GAAG,CAAA;AAI/F,yEAAyE;AACzE,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAE5D;AAED,4EAA4E;AAC5E,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAE9D"}

package/dist/shared/length.typecheck.d.ts

@@ -0,0 +1,28 @@
+import { Grid } from '../components/Grid/Grid';
+import { InputGroup } from '../components/InputGroup/InputGroup';
+import { ScrollArea } from '../components/ScrollArea/ScrollArea';
+import { Table } from '../components/Table/Table';
+import { VirtualTable } from '../components/VirtualTable/VirtualTable';
+import { GridTrack, Length } from './length';
+/** `true` when every member of T is assignable to U. */
+type Assignable<T, U> = [T] extends [U] ? true : false;
+/** The props a function component takes. */
+type PropsOf<C> = C extends (props: infer P) => unknown ? P : never;
+type Prop<C, K extends keyof PropsOf<C>> = NonNullable<PropsOf<C>[K]>;
+export declare const lengthTokens: Assignable<'gridColMd' | 'touchTarget', Length>;
+export declare const lengthRelative: Assignable<0 | '0' | '100%' | '70vh' | '2rem' | 'auto', Length>;
+export declare const trackForms: Assignable<'iconButton' | '2fr' | 'max-content' | 'minmax(0, 2fr)', GridTrack>;
+export declare const lengthPxString: Assignable<'280px', Length>;
+export declare const lengthPxNumber: Assignable<44, Length>;
+export declare const trackPx: Assignable<'40px', GridTrack>;
+export declare const gridMin: Assignable<'280px', Prop<typeof Grid, 'minColumnWidth'>>;
+export declare const gridMinToken: Assignable<'gridColMd', Prop<typeof Grid, 'minColumnWidth'>>;
+export declare const addonMin: Assignable<80, Prop<typeof InputGroup.Addon, 'minWidth'>>;
+export declare const viewportMax: Assignable<300, Prop<typeof ScrollArea.Viewport, 'maxHeight'>>;
+export declare const viewportMaxToken: Assignable<'listMaxH', Prop<typeof ScrollArea.Viewport, 'maxHeight'>>;
+export declare const tableMin: Assignable<120, Prop<typeof Table.Root, 'minColumnWidth'>>;
+export declare const headerWidth: Assignable<'40px', Prop<typeof Table.HeaderCell, 'width'>>;
+export declare const headerWidthToken: Assignable<'iconButton', Prop<typeof Table.HeaderCell, 'width'>>;
+export declare const virtualMax: Assignable<300, Prop<typeof VirtualTable, 'maxHeight'>>;
+export {};
+//# sourceMappingURL=length.typecheck.d.ts.map

package/dist/shared/length.typecheck.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"length.typecheck.d.ts","sourceRoot":"","sources":["../../src/shared/length.typecheck.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAA;AACjD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,qCAAqC,CAAA;AACnE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,qCAAqC,CAAA;AACnE,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,2BAA2B,CAAA;AACpD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,yCAAyC,CAAA;AACzE,OAAO,KAAK,EAAC,SAAS,EAAE,MAAM,EAAC,MAAM,UAAU,CAAA;AAE/C,wDAAwD;AACxD,KAAK,UAAU,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,CAAA;AAEtD,4CAA4C;AAC5C,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,OAAO,GAAG,CAAC,GAAG,KAAK,CAAA;AACnE,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,OAAO,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAGrE,eAAO,MAAM,YAAY,EAAE,UAAU,CAAC,WAAW,GAAG,aAAa,EAAE,MAAM,CAAQ,CAAA;AACjF,eAAO,MAAM,cAAc,EAAE,UAAU,CAAC,CAAC,GAAG,GAAG,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,MAAM,CAAQ,CAAA;AACnG,eAAO,MAAM,UAAU,EAAE,UAAU,CACjC,YAAY,GAAG,KAAK,GAAG,aAAa,GAAG,gBAAgB,EACvD,SAAS,CACH,CAAA;AAGR,eAAO,MAAM,cAAc,EAAE,UAAU,CAAC,OAAO,EAAE,MAAM,CAAS,CAAA;AAChE,eAAO,MAAM,cAAc,EAAE,UAAU,CAAC,EAAE,EAAE,MAAM,CAAS,CAAA;AAC3D,eAAO,MAAM,OAAO,EAAE,UAAU,CAAC,MAAM,EAAE,SAAS,CAAS,CAAA;AAG3D,eAAO,MAAM,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE,gBAAgB,CAAC,CAAS,CAAA;AACtF,eAAO,MAAM,YAAY,EAAE,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE,gBAAgB,CAAC,CAAQ,CAAA;AAC9F,eAAO,MAAM,QAAQ,EAAE,UAAU,CAAC,EAAE,EAAE,IAAI,CAAC,OAAO,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,CAAS,CAAA;AACxF,eAAO,MAAM,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,UAAU,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAS,CAAA;AAChG,eAAO,MAAM,gBAAgB,EAAE,UAAU,CACvC,UAAU,EACV,IAAI,CAAC,OAAO,UAAU,CAAC,QAAQ,EAAE,WAAW,CAAC,CACvC,CAAA;AACR,eAAO,MAAM,QAAQ,EAAE,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,KAAK,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAS,CAAA;AACzF,eAAO,MAAM,WAAW,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,CAAC,UAAU,EAAE,OAAO,CAAC,CAAS,CAAA;AAC5F,eAAO,MAAM,gBAAgB,EAAE,UAAU,CACvC,YAAY,EACZ,IAAI,CAAC,OAAO,KAAK,CAAC,UAAU,EAAE,OAAO,CAAC,CAChC,CAAA;AACR,eAAO,MAAM,UAAU,EAAE,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,YAAY,EAAE,WAAW,CAAC,CAAS,CAAA"}

package/dist/styles/visually-hidden.css.d.ts

@@ -0,0 +1,10 @@
+import { css } from 'react-strict-dom';
+export declare const visuallyHidden: Readonly<{
+    readonly base: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "absolute">;
+        readonly width: css.StyleXClassNameFor<"width", 1>;
+        readonly height: css.StyleXClassNameFor<"height", 1>;
+        readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
+    }>;
+}>;
+//# sourceMappingURL=visually-hidden.css.d.ts.map

package/dist/styles/visually-hidden.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.css.d.ts","sourceRoot":"","sources":["../../src/styles/visually-hidden.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,cAAc;;;;;;;EAOzB,CAAA"}