@duro-app/ui 0.7.1 → 0.8.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/components/Cluster/Cluster.d.ts +11 -0
- package/dist/components/Cluster/Cluster.d.ts.map +1 -0
- package/dist/components/Cluster/Cluster.stories.d.ts +9 -0
- package/dist/components/Cluster/Cluster.stories.d.ts.map +1 -0
- package/dist/components/Cluster/styles.css.d.ts +54 -0
- package/dist/components/Cluster/styles.css.d.ts.map +1 -0
- package/dist/components/Grid/Grid.d.ts +11 -0
- package/dist/components/Grid/Grid.d.ts.map +1 -0
- package/dist/components/Grid/Grid.stories.d.ts +10 -0
- package/dist/components/Grid/Grid.stories.d.ts.map +1 -0
- package/dist/components/Grid/styles.css.d.ts +52 -0
- package/dist/components/Grid/styles.css.d.ts.map +1 -0
- package/dist/components/Heading/Heading.d.ts +12 -0
- package/dist/components/Heading/Heading.d.ts.map +1 -0
- package/dist/components/Heading/styles.css.d.ts +22 -0
- package/dist/components/Heading/styles.css.d.ts.map +1 -0
- package/dist/components/Inline/Inline.d.ts +11 -0
- package/dist/components/Inline/Inline.d.ts.map +1 -0
- package/dist/components/Inline/Inline.stories.d.ts +10 -0
- package/dist/components/Inline/Inline.stories.d.ts.map +1 -0
- package/dist/components/Inline/styles.css.d.ts +60 -0
- package/dist/components/Inline/styles.css.d.ts.map +1 -0
- package/dist/components/Select/Select.d.ts +2 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/useSelectRoot.d.ts +2 -1
- package/dist/components/Select/useSelectRoot.d.ts.map +1 -1
- package/dist/components/Stack/Stack.d.ts +10 -0
- package/dist/components/Stack/Stack.d.ts.map +1 -0
- package/dist/components/Stack/Stack.stories.d.ts +11 -0
- package/dist/components/Stack/Stack.stories.d.ts.map +1 -0
- package/dist/components/Stack/styles.css.d.ts +44 -0
- package/dist/components/Stack/styles.css.d.ts.map +1 -0
- package/dist/components/Text/Text.d.ts +15 -0
- package/dist/components/Text/Text.d.ts.map +1 -0
- package/dist/components/Text/styles.css.d.ts +48 -0
- package/dist/components/Text/styles.css.d.ts.map +1 -0
- package/dist/docs/Spacing.stories.d.ts +8 -0
- package/dist/docs/Spacing.stories.d.ts.map +1 -0
- package/dist/docs/Typography.stories.d.ts +10 -0
- package/dist/docs/Typography.stories.d.ts.map +1 -0
- package/dist/docs/helpers.d.ts +22 -0
- package/dist/docs/helpers.d.ts.map +1 -0
- package/dist/hooks/useContainerQuery.d.ts +11 -0
- package/dist/hooks/useContainerQuery.d.ts.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +8 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1731 -917
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { SpacingKey } from '../Stack/Stack';
|
|
3
|
+
interface ClusterProps {
|
|
4
|
+
gap?: SpacingKey;
|
|
5
|
+
align?: 'start' | 'center' | 'end';
|
|
6
|
+
justify?: 'start' | 'center' | 'end' | 'between';
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare function Cluster({ gap, align, justify, children }: ClusterProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=Cluster.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Cluster.d.ts","sourceRoot":"","sources":["../../../src/components/Cluster/Cluster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAA;AAE9C,UAAU,YAAY;IACpB,GAAG,CAAC,EAAE,UAAU,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAA;IAChD,QAAQ,EAAE,SAAS,CAAA;CACpB;AA0BD,wBAAgB,OAAO,CAAC,EAAC,GAAU,EAAE,KAAe,EAAE,OAAiB,EAAE,QAAQ,EAAC,EAAE,YAAY,2CAM/F"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Cluster } from './Cluster';
|
|
3
|
+
declare const meta: Meta<typeof Cluster>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Cluster>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const ManyTags: Story;
|
|
8
|
+
export declare const Centered: Story;
|
|
9
|
+
//# sourceMappingURL=Cluster.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Cluster.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Cluster/Cluster.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AAIjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAiB9B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAuBrC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly base: Readonly<{
|
|
4
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
5
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
|
|
6
|
+
readonly flexWrap: css.StyleXClassNameFor<"flexWrap", "wrap">;
|
|
7
|
+
}>;
|
|
8
|
+
readonly alignStart: Readonly<{
|
|
9
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-start">;
|
|
10
|
+
}>;
|
|
11
|
+
readonly alignCenter: Readonly<{
|
|
12
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
13
|
+
}>;
|
|
14
|
+
readonly alignEnd: Readonly<{
|
|
15
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-end">;
|
|
16
|
+
}>;
|
|
17
|
+
readonly justifyStart: Readonly<{
|
|
18
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "flex-start">;
|
|
19
|
+
}>;
|
|
20
|
+
readonly justifyCenter: Readonly<{
|
|
21
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
|
|
22
|
+
}>;
|
|
23
|
+
readonly justifyEnd: Readonly<{
|
|
24
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "flex-end">;
|
|
25
|
+
}>;
|
|
26
|
+
readonly justifyBetween: Readonly<{
|
|
27
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "space-between">;
|
|
28
|
+
}>;
|
|
29
|
+
readonly gapXs: Readonly<{
|
|
30
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
31
|
+
}>;
|
|
32
|
+
readonly gapSm: Readonly<{
|
|
33
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
34
|
+
}>;
|
|
35
|
+
readonly gapMs: Readonly<{
|
|
36
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
37
|
+
}>;
|
|
38
|
+
readonly gapMd: Readonly<{
|
|
39
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
40
|
+
}>;
|
|
41
|
+
readonly gapLg: Readonly<{
|
|
42
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
43
|
+
}>;
|
|
44
|
+
readonly gapXl: Readonly<{
|
|
45
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
46
|
+
}>;
|
|
47
|
+
readonly gapXxl: Readonly<{
|
|
48
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
49
|
+
}>;
|
|
50
|
+
readonly gapXxxl: Readonly<{
|
|
51
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
52
|
+
}>;
|
|
53
|
+
}>;
|
|
54
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Cluster/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBjB,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { SpacingKey } from '../Stack/Stack';
|
|
3
|
+
interface GridProps {
|
|
4
|
+
gap?: SpacingKey;
|
|
5
|
+
columns?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
6
|
+
minColumnWidth?: string;
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare function Grid({ gap, columns, minColumnWidth, children }: GridProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=Grid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAA;AAE9C,UAAU,SAAS;IACjB,GAAG,CAAC,EAAE,UAAU,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAsBD,wBAAgB,IAAI,CAAC,EAAC,GAAU,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAQ9E"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Grid } from './Grid';
|
|
3
|
+
declare const meta: Meta<typeof Grid>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Grid>;
|
|
6
|
+
export declare const FixedColumns: Story;
|
|
7
|
+
export declare const AutoFit: Story;
|
|
8
|
+
export declare const TwoColumns: Story;
|
|
9
|
+
export declare const WithContainerQuery: Story;
|
|
10
|
+
//# sourceMappingURL=Grid.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAM3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAc3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAqBlC,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly base: Readonly<{
|
|
4
|
+
readonly display: css.StyleXClassNameFor<"display", "grid">;
|
|
5
|
+
}>;
|
|
6
|
+
readonly col1: Readonly<{
|
|
7
|
+
readonly gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", "1fr">;
|
|
8
|
+
}>;
|
|
9
|
+
readonly col2: Readonly<{
|
|
10
|
+
readonly gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", "repeat(2, 1fr)">;
|
|
11
|
+
}>;
|
|
12
|
+
readonly col3: Readonly<{
|
|
13
|
+
readonly gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", "repeat(3, 1fr)">;
|
|
14
|
+
}>;
|
|
15
|
+
readonly col4: Readonly<{
|
|
16
|
+
readonly gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", "repeat(4, 1fr)">;
|
|
17
|
+
}>;
|
|
18
|
+
readonly col5: Readonly<{
|
|
19
|
+
readonly gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", "repeat(5, 1fr)">;
|
|
20
|
+
}>;
|
|
21
|
+
readonly col6: Readonly<{
|
|
22
|
+
readonly gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", "repeat(6, 1fr)">;
|
|
23
|
+
}>;
|
|
24
|
+
readonly autoFit: (minWidth: string) => readonly [Readonly<{
|
|
25
|
+
gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", string>;
|
|
26
|
+
}>, css.InlineStyles];
|
|
27
|
+
readonly gapXs: Readonly<{
|
|
28
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
29
|
+
}>;
|
|
30
|
+
readonly gapSm: Readonly<{
|
|
31
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
32
|
+
}>;
|
|
33
|
+
readonly gapMs: Readonly<{
|
|
34
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
35
|
+
}>;
|
|
36
|
+
readonly gapMd: Readonly<{
|
|
37
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
38
|
+
}>;
|
|
39
|
+
readonly gapLg: Readonly<{
|
|
40
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
41
|
+
}>;
|
|
42
|
+
readonly gapXl: Readonly<{
|
|
43
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
44
|
+
}>;
|
|
45
|
+
readonly gapXxl: Readonly<{
|
|
46
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
47
|
+
}>;
|
|
48
|
+
readonly gapXxxl: Readonly<{
|
|
49
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
50
|
+
}>;
|
|
51
|
+
}>;
|
|
52
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBjB,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type HeadingVariant = 'displayLg' | 'displayMd' | 'displaySm' | 'headingXl' | 'headingLg' | 'headingMd' | 'headingSm';
|
|
3
|
+
interface HeadingProps {
|
|
4
|
+
level: 1 | 2 | 3 | 4 | 5 | 6;
|
|
5
|
+
variant?: HeadingVariant;
|
|
6
|
+
color?: 'default' | 'muted' | 'accent';
|
|
7
|
+
align?: 'start' | 'center' | 'end';
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export declare function Heading({ level, variant, color, align, children }: HeadingProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=Heading.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAKpC,MAAM,MAAM,cAAc,GACtB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAA;AAEf,UAAU,YAAY;IACpB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IACtC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAiBD,wBAAgB,OAAO,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAiB,EAAE,KAAK,EAAE,QAAQ,EAAC,EAAE,YAAY,2CAUzF"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly default: Readonly<{
|
|
4
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
5
|
+
}>;
|
|
6
|
+
readonly muted: Readonly<{
|
|
7
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
8
|
+
}>;
|
|
9
|
+
readonly accent: Readonly<{
|
|
10
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
11
|
+
}>;
|
|
12
|
+
readonly alignStart: Readonly<{
|
|
13
|
+
readonly textAlign: css.StyleXClassNameFor<"textAlign", "start">;
|
|
14
|
+
}>;
|
|
15
|
+
readonly alignCenter: Readonly<{
|
|
16
|
+
readonly textAlign: css.StyleXClassNameFor<"textAlign", "center">;
|
|
17
|
+
}>;
|
|
18
|
+
readonly alignEnd: Readonly<{
|
|
19
|
+
readonly textAlign: css.StyleXClassNameFor<"textAlign", "end">;
|
|
20
|
+
}>;
|
|
21
|
+
}>;
|
|
22
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;EAsBjB,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { SpacingKey } from '../Stack/Stack';
|
|
3
|
+
interface InlineProps {
|
|
4
|
+
gap?: SpacingKey;
|
|
5
|
+
align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
|
|
6
|
+
justify?: 'start' | 'center' | 'end' | 'between';
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare function Inline({ gap, align, justify, children }: InlineProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=Inline.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../src/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAA;AAE9C,UAAU,WAAW;IACnB,GAAG,CAAC,EAAE,UAAU,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAAA;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAA;IAChD,QAAQ,EAAE,SAAS,CAAA;CACpB;AA4BD,wBAAgB,MAAM,CAAC,EAAC,GAAU,EAAE,KAAgB,EAAE,OAAiB,EAAE,QAAQ,EAAC,EAAE,WAAW,2CAM9F"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Inline } from './Inline';
|
|
3
|
+
declare const meta: Meta<typeof Inline>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Inline>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const SpaceBetween: Story;
|
|
8
|
+
export declare const IconAndText: Story;
|
|
9
|
+
export declare const ButtonGroup: Story;
|
|
10
|
+
//# sourceMappingURL=Inline.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Inline.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Inline/Inline.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAI/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAiB7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAoBpC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAA"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly base: Readonly<{
|
|
4
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
5
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
|
|
6
|
+
readonly flexWrap: css.StyleXClassNameFor<"flexWrap", "nowrap">;
|
|
7
|
+
}>;
|
|
8
|
+
readonly alignStart: Readonly<{
|
|
9
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-start">;
|
|
10
|
+
}>;
|
|
11
|
+
readonly alignCenter: Readonly<{
|
|
12
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
13
|
+
}>;
|
|
14
|
+
readonly alignEnd: Readonly<{
|
|
15
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-end">;
|
|
16
|
+
}>;
|
|
17
|
+
readonly alignBaseline: Readonly<{
|
|
18
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "baseline">;
|
|
19
|
+
}>;
|
|
20
|
+
readonly alignStretch: Readonly<{
|
|
21
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "stretch">;
|
|
22
|
+
}>;
|
|
23
|
+
readonly justifyStart: Readonly<{
|
|
24
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "flex-start">;
|
|
25
|
+
}>;
|
|
26
|
+
readonly justifyCenter: Readonly<{
|
|
27
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
|
|
28
|
+
}>;
|
|
29
|
+
readonly justifyEnd: Readonly<{
|
|
30
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "flex-end">;
|
|
31
|
+
}>;
|
|
32
|
+
readonly justifyBetween: Readonly<{
|
|
33
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "space-between">;
|
|
34
|
+
}>;
|
|
35
|
+
readonly gapXs: Readonly<{
|
|
36
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
37
|
+
}>;
|
|
38
|
+
readonly gapSm: Readonly<{
|
|
39
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
40
|
+
}>;
|
|
41
|
+
readonly gapMs: Readonly<{
|
|
42
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
43
|
+
}>;
|
|
44
|
+
readonly gapMd: Readonly<{
|
|
45
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
46
|
+
}>;
|
|
47
|
+
readonly gapLg: Readonly<{
|
|
48
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
49
|
+
}>;
|
|
50
|
+
readonly gapXl: Readonly<{
|
|
51
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
52
|
+
}>;
|
|
53
|
+
readonly gapXxl: Readonly<{
|
|
54
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
55
|
+
}>;
|
|
56
|
+
readonly gapXxxl: Readonly<{
|
|
57
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
58
|
+
}>;
|
|
59
|
+
}>;
|
|
60
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Inline/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBjB,CAAA"}
|
|
@@ -4,9 +4,10 @@ interface RootProps {
|
|
|
4
4
|
defaultValue?: string;
|
|
5
5
|
value?: string;
|
|
6
6
|
onValueChange?: (value: string | null) => void;
|
|
7
|
+
initialLabels?: Record<string, string>;
|
|
7
8
|
children: ReactNode;
|
|
8
9
|
}
|
|
9
|
-
declare function Root({ name, defaultValue, value, onValueChange, children }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function Root({ name, defaultValue, value, onValueChange, initialLabels, children }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
declare function Trigger({ children }: {
|
|
11
12
|
children: ReactNode;
|
|
12
13
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAA;AAO9D,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAC,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAA;AAO9D,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAW3F;AAGD,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAwBjD;AAGD,iBAAS,KAAK,CAAC,EAAC,WAAW,EAAC,EAAE;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAC,2CASnD;AAGD,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAC,2CAoB/C;AAGD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAgB/C;AAGD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAmDpD;AAGD,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAElD;AAED,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAA"}
|
|
@@ -3,8 +3,9 @@ interface UseSelectRootOptions {
|
|
|
3
3
|
defaultValue?: string;
|
|
4
4
|
value?: string;
|
|
5
5
|
onValueChange?: (value: string | null) => void;
|
|
6
|
+
initialLabels?: Record<string, string>;
|
|
6
7
|
}
|
|
7
|
-
export declare function useSelectRoot({ defaultValue, value: controlledValue, onValueChange, }: UseSelectRootOptions): {
|
|
8
|
+
export declare function useSelectRoot({ defaultValue, value: controlledValue, onValueChange, initialLabels, }: UseSelectRootOptions): {
|
|
8
9
|
ctx: SelectContextValue;
|
|
9
10
|
rootRef: import('react').RefObject<HTMLDivElement | null>;
|
|
10
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSelectRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Select/useSelectRoot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AAEvD,UAAU,oBAAoB;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"useSelectRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Select/useSelectRoot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AAEvD,UAAU,oBAAoB;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACvC;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,aAAa,GACd,EAAE,oBAAoB;;;EAiKtB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type SpacingKey = 'xs' | 'sm' | 'ms' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
|
|
3
|
+
interface StackProps {
|
|
4
|
+
gap?: SpacingKey;
|
|
5
|
+
align?: 'start' | 'center' | 'end' | 'stretch';
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare function Stack({ gap, align, children }: StackProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAIpC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAA;AAEjF,UAAU,UAAU;IAClB,GAAG,CAAC,EAAE,UAAU,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAA;IAC9C,QAAQ,EAAE,SAAS,CAAA;CACpB;AAoBD,wBAAgB,KAAK,CAAC,EAAC,GAAU,EAAE,KAAiB,EAAE,QAAQ,EAAC,EAAE,UAAU,2CAE1E"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Stack } from './Stack';
|
|
3
|
+
declare const meta: Meta<typeof Stack>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Stack>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Tight: Story;
|
|
8
|
+
export declare const Spacious: Story;
|
|
9
|
+
export declare const CenterAligned: Story;
|
|
10
|
+
export declare const AllGaps: Story;
|
|
11
|
+
//# sourceMappingURL=Stack.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAI7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAa5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAqBnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly base: Readonly<{
|
|
4
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
5
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
|
|
6
|
+
}>;
|
|
7
|
+
readonly alignStart: Readonly<{
|
|
8
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-start">;
|
|
9
|
+
}>;
|
|
10
|
+
readonly alignCenter: Readonly<{
|
|
11
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
12
|
+
}>;
|
|
13
|
+
readonly alignEnd: Readonly<{
|
|
14
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-end">;
|
|
15
|
+
}>;
|
|
16
|
+
readonly alignStretch: Readonly<{
|
|
17
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "stretch">;
|
|
18
|
+
}>;
|
|
19
|
+
readonly gapXs: Readonly<{
|
|
20
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
21
|
+
}>;
|
|
22
|
+
readonly gapSm: Readonly<{
|
|
23
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
24
|
+
}>;
|
|
25
|
+
readonly gapMs: Readonly<{
|
|
26
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
27
|
+
}>;
|
|
28
|
+
readonly gapMd: Readonly<{
|
|
29
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
30
|
+
}>;
|
|
31
|
+
readonly gapLg: Readonly<{
|
|
32
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
33
|
+
}>;
|
|
34
|
+
readonly gapXl: Readonly<{
|
|
35
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
36
|
+
}>;
|
|
37
|
+
readonly gapXxl: Readonly<{
|
|
38
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
39
|
+
}>;
|
|
40
|
+
readonly gapXxxl: Readonly<{
|
|
41
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
42
|
+
}>;
|
|
43
|
+
}>;
|
|
44
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBjB,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type TextVariant = 'bodySm' | 'bodyMd' | 'bodyLg' | 'caption' | 'label' | 'code' | 'overline';
|
|
3
|
+
export type TextColor = 'default' | 'muted' | 'accent' | 'error' | 'success' | 'warning';
|
|
4
|
+
interface TextProps {
|
|
5
|
+
variant?: TextVariant;
|
|
6
|
+
color?: TextColor;
|
|
7
|
+
weight?: 'normal' | 'medium' | 'semibold' | 'bold';
|
|
8
|
+
align?: 'start' | 'center' | 'end';
|
|
9
|
+
truncate?: boolean;
|
|
10
|
+
as?: 'span' | 'p' | 'div';
|
|
11
|
+
children: ReactNode;
|
|
12
|
+
}
|
|
13
|
+
export declare function Text({ variant, color, weight, align, truncate, as, children, }: TextProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAKpC,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAA;AACpG,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAExF,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAA;IAClD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,KAAK,CAAA;IACzB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAeD,wBAAgB,IAAI,CAAC,EACnB,OAAkB,EAClB,KAAiB,EACjB,MAAM,EACN,KAAK,EACL,QAAQ,EACR,EAAW,EACX,QAAQ,GACT,EAAE,SAAS,2CAYX"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly default: Readonly<{
|
|
4
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
5
|
+
}>;
|
|
6
|
+
readonly muted: Readonly<{
|
|
7
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
8
|
+
}>;
|
|
9
|
+
readonly accent: Readonly<{
|
|
10
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
11
|
+
}>;
|
|
12
|
+
readonly error: Readonly<{
|
|
13
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
14
|
+
}>;
|
|
15
|
+
readonly success: Readonly<{
|
|
16
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
17
|
+
}>;
|
|
18
|
+
readonly warning: Readonly<{
|
|
19
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
20
|
+
}>;
|
|
21
|
+
readonly weightNormal: Readonly<{
|
|
22
|
+
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
23
|
+
}>;
|
|
24
|
+
readonly weightMedium: Readonly<{
|
|
25
|
+
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
26
|
+
}>;
|
|
27
|
+
readonly weightSemibold: Readonly<{
|
|
28
|
+
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
29
|
+
}>;
|
|
30
|
+
readonly weightBold: Readonly<{
|
|
31
|
+
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
32
|
+
}>;
|
|
33
|
+
readonly alignStart: Readonly<{
|
|
34
|
+
readonly textAlign: css.StyleXClassNameFor<"textAlign", "start">;
|
|
35
|
+
}>;
|
|
36
|
+
readonly alignCenter: Readonly<{
|
|
37
|
+
readonly textAlign: css.StyleXClassNameFor<"textAlign", "center">;
|
|
38
|
+
}>;
|
|
39
|
+
readonly alignEnd: Readonly<{
|
|
40
|
+
readonly textAlign: css.StyleXClassNameFor<"textAlign", "end">;
|
|
41
|
+
}>;
|
|
42
|
+
readonly truncate: Readonly<{
|
|
43
|
+
readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
|
|
44
|
+
readonly textOverflow: css.StyleXClassNameFor<"textOverflow", "ellipsis">;
|
|
45
|
+
readonly whiteSpace: css.StyleXClassNameFor<"whiteSpace", "nowrap">;
|
|
46
|
+
}>;
|
|
47
|
+
}>;
|
|
48
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Text/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAIpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDjB,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: Meta;
|
|
3
|
+
export default meta;
|
|
4
|
+
export declare const PrimitiveScale: StoryObj;
|
|
5
|
+
export declare const SemanticTokens: StoryObj;
|
|
6
|
+
export declare const BaselineRhythm: StoryObj;
|
|
7
|
+
export declare const ResponsiveSpacing: StoryObj;
|
|
8
|
+
//# sourceMappingURL=Spacing.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spacing.stories.d.ts","sourceRoot":"","sources":["../../src/docs/Spacing.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AA0BpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AA0EnB,eAAO,MAAM,cAAc,EAAE,QAM5B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,QAU5B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,QAsB5B,CAAA;AAqDD,eAAO,MAAM,iBAAiB,EAAE,QAE/B,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: Meta;
|
|
3
|
+
export default meta;
|
|
4
|
+
export declare const PrimitiveScale: StoryObj;
|
|
5
|
+
export declare const SemanticPresets: StoryObj;
|
|
6
|
+
export declare const BaselineGrid: StoryObj;
|
|
7
|
+
export declare const FluidDisplay: StoryObj;
|
|
8
|
+
export declare const HeadingLevels: StoryObj;
|
|
9
|
+
export declare const TextVariants: StoryObj;
|
|
10
|
+
//# sourceMappingURL=Typography.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../src/docs/Typography.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAUpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AAcnB,eAAO,MAAM,cAAc,EAAE,QAM5B,CAAA;AAmBD,eAAO,MAAM,eAAe,EAAE,QAa7B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,QAuB1B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,QAkB1B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,QAa3B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,QAsC1B,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
interface SpacingBarProps {
|
|
2
|
+
value: string;
|
|
3
|
+
}
|
|
4
|
+
export declare function SpacingBar({ value }: SpacingBarProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
interface TokenTableProps {
|
|
6
|
+
tokens: Record<string, string>;
|
|
7
|
+
label?: string;
|
|
8
|
+
}
|
|
9
|
+
interface TypeScaleRow {
|
|
10
|
+
step: number;
|
|
11
|
+
token: string;
|
|
12
|
+
size: string;
|
|
13
|
+
lineHeight: string;
|
|
14
|
+
}
|
|
15
|
+
interface TypeScaleTableProps {
|
|
16
|
+
rows: TypeScaleRow[];
|
|
17
|
+
label?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare function TypeScaleTable({ rows, label }: TypeScaleTableProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare function TokenTable({ tokens, label }: TokenTableProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=helpers.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/docs/helpers.tsx"],"names":[],"mappings":"AAqCA,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,UAAU,CAAC,EAAC,KAAK,EAAC,EAAE,eAAe,2CAElD;AAED,UAAU,eAAe;IACvB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,UAAU,mBAAmB;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,cAAc,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,mBAAmB,2CAsChE;AAED,wBAAgB,UAAU,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,EAAE,eAAe,2CAgC1D"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type ContainerSize = 'compact' | 'default' | 'spacious';
|
|
2
|
+
interface UseContainerQueryOptions {
|
|
3
|
+
compactBelow?: number;
|
|
4
|
+
spaciousAbove?: number;
|
|
5
|
+
}
|
|
6
|
+
export declare function useContainerQuery<T extends HTMLElement = HTMLElement>(options?: UseContainerQueryOptions): {
|
|
7
|
+
ref: React.RefObject<T | null>;
|
|
8
|
+
size: ContainerSize;
|
|
9
|
+
};
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=useContainerQuery.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useContainerQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useContainerQuery.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAE9D,UAAU,wBAAwB;IAChC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACnE,OAAO,GAAE,wBAA6B,GACrC;IACD,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAA;IAC9B,IAAI,EAAE,aAAa,CAAA;CACpB,CAuCA"}
|