@duro-app/ui 0.51.0 → 1.0.0
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/{Table-xlMa_Kqe.js → Table-P-UHkEqJ.js} +333 -329
- package/dist/Table-P-UHkEqJ.js.map +1 -0
- package/dist/components/ActionBar/ActionBar.d.ts +6 -4
- package/dist/components/ActionBar/ActionBar.d.ts.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +3 -1
- package/dist/components/ButtonGroup/ButtonGroup.d.ts.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts.map +1 -1
- package/dist/components/Cluster/Cluster.d.ts +2 -2
- package/dist/components/Cluster/Cluster.d.ts.map +1 -1
- package/dist/components/Cluster/Cluster.stories.d.ts.map +1 -1
- package/dist/components/ColorMode/ColorMode.d.ts +3 -2
- package/dist/components/ColorMode/ColorMode.d.ts.map +1 -1
- package/dist/components/Combobox/Combobox.stories.d.ts.map +1 -1
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts +1 -1
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -1
- package/dist/components/DetailPanel/DetailPanel.d.ts +3 -2
- package/dist/components/DetailPanel/DetailPanel.d.ts.map +1 -1
- package/dist/components/DetailPanel/styles.css.d.ts +15 -3
- package/dist/components/DetailPanel/styles.css.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.d.ts +3 -2
- package/dist/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog/styles.css.d.ts +16 -4
- package/dist/components/Dialog/styles.css.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.d.ts +3 -2
- package/dist/components/Drawer/Drawer.d.ts.map +1 -1
- package/dist/components/Drawer/styles.css.d.ts +16 -4
- package/dist/components/Drawer/styles.css.d.ts.map +1 -1
- package/dist/components/Fieldset/Fieldset.d.ts +2 -1
- package/dist/components/Fieldset/Fieldset.d.ts.map +1 -1
- package/dist/components/Grid/Grid.d.ts +2 -2
- package/dist/components/Grid/Grid.d.ts.map +1 -1
- package/dist/components/Grid/Grid.stories.d.ts.map +1 -1
- package/dist/components/Icon/Icon.d.ts +6 -4
- package/dist/components/Icon/Icon.d.ts.map +1 -1
- package/dist/components/Icon/index.d.ts +1 -1
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Inline/Inline.d.ts +2 -2
- package/dist/components/Inline/Inline.d.ts.map +1 -1
- package/dist/components/Inline/Inline.stories.d.ts.map +1 -1
- package/dist/components/SideNav/SideNav.d.ts +32 -3
- package/dist/components/SideNav/SideNav.d.ts.map +1 -1
- package/dist/components/SideNav/SideNav.meta.d.ts.map +1 -1
- package/dist/components/SideNav/SideNav.stories.d.ts +1 -0
- package/dist/components/SideNav/SideNav.stories.d.ts.map +1 -1
- package/dist/components/SideNav/styles.css.d.ts +4 -0
- package/dist/components/SideNav/styles.css.d.ts.map +1 -1
- package/dist/components/Stack/Stack.d.ts +2 -1
- package/dist/components/Stack/Stack.d.ts.map +1 -1
- package/dist/components/Stack/Stack.stories.d.ts.map +1 -1
- package/dist/components/StatusIcon/StatusIcon.d.ts +2 -2
- package/dist/components/StatusIcon/StatusIcon.d.ts.map +1 -1
- package/dist/components/Table/Table.d.ts +1 -7
- package/dist/components/Table/Table.d.ts.map +1 -1
- package/dist/components/Table/Table.stories.d.ts.map +1 -1
- package/dist/components/Tabs/TabsContext.d.ts +2 -1
- package/dist/components/Tabs/TabsContext.d.ts.map +1 -1
- package/dist/components/ToggleGroup/ToggleGroupContext.d.ts +2 -1
- package/dist/components/ToggleGroup/ToggleGroupContext.d.ts.map +1 -1
- package/dist/components/VirtualTable/VirtualTable.d.ts +2 -1
- package/dist/components/VirtualTable/VirtualTable.d.ts.map +1 -1
- package/dist/hooks/useContainerQuery.d.ts +3 -2
- package/dist/hooks/useContainerQuery.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +2120 -1983
- package/dist/index.js.map +1 -1
- package/dist/shared/types.d.ts +2 -0
- package/dist/shared/types.d.ts.map +1 -0
- package/dist/table.js +137 -139
- package/dist/table.js.map +1 -1
- package/package.json +3 -2
- package/src/components/ActionBar/ActionBar.tsx +10 -5
- package/src/components/Alert/Alert.tsx +2 -2
- package/src/components/ButtonGroup/ButtonGroup.stories.tsx +3 -2
- package/src/components/ButtonGroup/ButtonGroup.tsx +5 -2
- package/src/components/Callout/Callout.tsx +2 -2
- package/src/components/Cluster/Cluster.stories.tsx +2 -1
- package/src/components/Cluster/Cluster.tsx +3 -3
- package/src/components/ColorMode/ColorMode.tsx +4 -4
- package/src/components/Combobox/Combobox.stories.tsx +7 -3
- package/src/components/ConfirmDialog/ConfirmDialog.tsx +1 -3
- package/src/components/DetailPanel/DetailPanel.tsx +23 -6
- package/src/components/DetailPanel/styles.css.ts +14 -7
- package/src/components/Dialog/Dialog.tsx +26 -5
- package/src/components/Dialog/styles.css.ts +12 -4
- package/src/components/Drawer/Drawer.tsx +17 -4
- package/src/components/Drawer/styles.css.ts +12 -4
- package/src/components/EmptyState/EmptyState.meta.ts +1 -1
- package/src/components/EmptyState/EmptyState.stories.tsx +2 -2
- package/src/components/Fieldset/Fieldset.tsx +3 -2
- package/src/components/Grid/Grid.stories.tsx +2 -1
- package/src/components/Grid/Grid.tsx +3 -3
- package/src/components/Icon/Icon.meta.ts +3 -3
- package/src/components/Icon/Icon.tsx +63 -2
- package/src/components/Icon/index.ts +1 -1
- package/src/components/Inline/Inline.stories.tsx +2 -1
- package/src/components/Inline/Inline.tsx +3 -3
- package/src/components/SideNav/SideNav.meta.ts +13 -10
- package/src/components/SideNav/SideNav.stories.tsx +67 -8
- package/src/components/SideNav/SideNav.tsx +50 -7
- package/src/components/SideNav/styles.css.ts +7 -0
- package/src/components/Stack/Stack.stories.tsx +3 -2
- package/src/components/Stack/Stack.tsx +3 -2
- package/src/components/StatusIcon/StatusIcon.stories.tsx +1 -1
- package/src/components/StatusIcon/StatusIcon.tsx +3 -3
- package/src/components/Table/Table.stories.tsx +29 -32
- package/src/components/Table/Table.tsx +0 -13
- package/src/components/Tabs/TabsContext.ts +2 -1
- package/src/components/Toast/ToastProvider.tsx +2 -2
- package/src/components/Toggle/Toggle.meta.ts +1 -1
- package/src/components/ToggleGroup/ToggleGroupContext.ts +2 -1
- package/src/components/VirtualTable/VirtualTable.tsx +6 -5
- package/src/hooks/useContainerQuery.ts +10 -3
- package/src/shared/types.ts +3 -0
- package/dist/Table-xlMa_Kqe.js.map +0 -1
|
@@ -9,14 +9,14 @@ export declare const styles: Readonly<{
|
|
|
9
9
|
readonly backdropOpen: Readonly<{
|
|
10
10
|
readonly opacity: css.StyleXClassNameFor<"opacity", 1>;
|
|
11
11
|
readonly animationName: css.StyleXClassNameFor<"animationName", string>;
|
|
12
|
-
readonly animationDuration: css.StyleXClassNameFor<"animationDuration",
|
|
12
|
+
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
13
13
|
readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", string>;
|
|
14
14
|
readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
|
|
15
15
|
}>;
|
|
16
16
|
readonly backdropClosing: Readonly<{
|
|
17
17
|
readonly opacity: css.StyleXClassNameFor<"opacity", 0>;
|
|
18
18
|
readonly animationName: css.StyleXClassNameFor<"animationName", string>;
|
|
19
|
-
readonly animationDuration: css.StyleXClassNameFor<"animationDuration",
|
|
19
|
+
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
20
20
|
readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", string>;
|
|
21
21
|
readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
|
|
22
22
|
}>;
|
|
@@ -48,17 +48,29 @@ export declare const styles: Readonly<{
|
|
|
48
48
|
readonly popupOpen: Readonly<{
|
|
49
49
|
readonly opacity: css.StyleXClassNameFor<"opacity", 1>;
|
|
50
50
|
readonly animationName: css.StyleXClassNameFor<"animationName", string>;
|
|
51
|
-
readonly animationDuration: css.StyleXClassNameFor<"animationDuration",
|
|
51
|
+
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
52
52
|
readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", string>;
|
|
53
53
|
readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
|
|
54
54
|
}>;
|
|
55
55
|
readonly popupClosing: Readonly<{
|
|
56
56
|
readonly opacity: css.StyleXClassNameFor<"opacity", 0>;
|
|
57
57
|
readonly animationName: css.StyleXClassNameFor<"animationName", string>;
|
|
58
|
-
readonly animationDuration: css.StyleXClassNameFor<"animationDuration",
|
|
58
|
+
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
59
59
|
readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", string>;
|
|
60
60
|
readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
|
|
61
61
|
}>;
|
|
62
|
+
readonly closeDurationInstant: Readonly<{
|
|
63
|
+
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
64
|
+
}>;
|
|
65
|
+
readonly closeDurationFast: Readonly<{
|
|
66
|
+
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
67
|
+
}>;
|
|
68
|
+
readonly closeDurationBase: Readonly<{
|
|
69
|
+
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
70
|
+
}>;
|
|
71
|
+
readonly closeDurationSlow: Readonly<{
|
|
72
|
+
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
73
|
+
}>;
|
|
62
74
|
readonly sm: Readonly<{
|
|
63
75
|
readonly maxWidth: css.StyleXClassNameFor<"maxWidth", 400>;
|
|
64
76
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8LjB,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { DurationToken } from '@duro-app/tokens/keys';
|
|
2
3
|
export type DrawerAnchor = 'right' | 'left' | 'bottom';
|
|
3
4
|
export type DrawerSize = 'sm' | 'md' | 'lg';
|
|
4
5
|
interface RootProps {
|
|
@@ -15,8 +16,8 @@ interface RootProps {
|
|
|
15
16
|
dismissable?: boolean;
|
|
16
17
|
/** Whether swipe gesture dismisses the drawer. Default: true */
|
|
17
18
|
swipeDismiss?: boolean;
|
|
18
|
-
/**
|
|
19
|
-
closeAnimationDuration?:
|
|
19
|
+
/** Motion token for the close animation. Default: 'fast' (150ms) */
|
|
20
|
+
closeAnimationDuration?: DurationToken;
|
|
20
21
|
}
|
|
21
22
|
declare function Root({ children, open: controlledOpen, defaultOpen, onOpenChange, anchor, dismissable, swipeDismiss, closeAnimationDuration, }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
22
23
|
declare function Trigger({ children }: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAc,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAMrE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAqC3C,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gEAAgE;IAChE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,aAAa,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,MAAgB,EAChB,WAAkB,EAClB,YAAmB,EACnB,sBAA+B,GAChC,EAAE,SAAS,2CA+FX;AAID,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQjD;AAID,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAqBD,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAC,EAAE,WAAW,kDAuEnD;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAO/C;AAID,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAOrD;AAID,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAE9C;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAmB,EAAC,EAAE,UAAU,2CAuBvE;AAID,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAA"}
|
|
@@ -14,7 +14,7 @@ export declare const styles: Readonly<{
|
|
|
14
14
|
}>;
|
|
15
15
|
readonly backdropClosing: Readonly<{
|
|
16
16
|
readonly animationName: css.StyleXClassNameFor<"animationName", string>;
|
|
17
|
-
readonly animationDuration: css.StyleXClassNameFor<"animationDuration",
|
|
17
|
+
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
18
18
|
readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", string>;
|
|
19
19
|
readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
|
|
20
20
|
}>;
|
|
@@ -87,7 +87,7 @@ export declare const styles: Readonly<{
|
|
|
87
87
|
}>;
|
|
88
88
|
readonly slideOutRight: Readonly<{
|
|
89
89
|
readonly animationName: css.StyleXClassNameFor<"animationName", string>;
|
|
90
|
-
readonly animationDuration: css.StyleXClassNameFor<"animationDuration",
|
|
90
|
+
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
91
91
|
readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", string>;
|
|
92
92
|
readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
|
|
93
93
|
}>;
|
|
@@ -99,7 +99,7 @@ export declare const styles: Readonly<{
|
|
|
99
99
|
}>;
|
|
100
100
|
readonly slideOutLeft: Readonly<{
|
|
101
101
|
readonly animationName: css.StyleXClassNameFor<"animationName", string>;
|
|
102
|
-
readonly animationDuration: css.StyleXClassNameFor<"animationDuration",
|
|
102
|
+
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
103
103
|
readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", string>;
|
|
104
104
|
readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
|
|
105
105
|
}>;
|
|
@@ -111,10 +111,22 @@ export declare const styles: Readonly<{
|
|
|
111
111
|
}>;
|
|
112
112
|
readonly slideOutBottom: Readonly<{
|
|
113
113
|
readonly animationName: css.StyleXClassNameFor<"animationName", string>;
|
|
114
|
-
readonly animationDuration: css.StyleXClassNameFor<"animationDuration",
|
|
114
|
+
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
115
115
|
readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", string>;
|
|
116
116
|
readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
|
|
117
117
|
}>;
|
|
118
|
+
readonly closeDurationInstant: Readonly<{
|
|
119
|
+
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
120
|
+
}>;
|
|
121
|
+
readonly closeDurationFast: Readonly<{
|
|
122
|
+
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
123
|
+
}>;
|
|
124
|
+
readonly closeDurationBase: Readonly<{
|
|
125
|
+
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
126
|
+
}>;
|
|
127
|
+
readonly closeDurationSlow: Readonly<{
|
|
128
|
+
readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
|
|
129
|
+
}>;
|
|
118
130
|
readonly header: Readonly<{
|
|
119
131
|
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
120
132
|
readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-start">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmPjB,CAAA"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
|
|
2
|
+
import { SpacingToken } from '@duro-app/tokens/keys';
|
|
3
|
+
export type FieldsetGap = Exclude<SpacingToken, 'xxl' | 'xxxl'>;
|
|
3
4
|
interface RootProps {
|
|
4
5
|
/** Disables all form controls within the fieldset */
|
|
5
6
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAEpC,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAGvD,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,EAAE,KAAK,GAAG,MAAM,CAAC,CAAA;AAY/D,UAAU,SAAS;IACjB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,GAAG,CAAC,EAAE,WAAW,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAgB,EAAE,GAAU,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAUhE;AAGD,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE,WAAW,2CAEtC;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { SpacingToken } from '@duro-app/tokens/keys';
|
|
3
3
|
interface GridProps {
|
|
4
|
-
gap?:
|
|
4
|
+
gap?: SpacingToken;
|
|
5
5
|
columns?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
6
6
|
minColumnWidth?: string;
|
|
7
7
|
children: ReactNode;
|
|
@@ -1 +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,
|
|
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,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAEvD,UAAU,SAAS;IACjB,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,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"}
|
|
@@ -1 +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;
|
|
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;AAO3B,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"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import { IconSize } from '@duro-app/tokens/keys';
|
|
2
|
+
export type { IconSize };
|
|
3
|
+
export type IconName = 'x-circle' | 'check-circle' | 'check-done' | 'clock' | 'forbidden' | 'info-circle' | 'alert-triangle' | 'shield' | 'lock' | 'key' | 'map' | 'layers' | 'repeat' | 'database' | 'shield-check' | 'route' | 'git-branch' | 'menu' | 'pin' | 'server' | 'hard-drive' | 'box' | 'image' | 'tag' | 'pie-chart' | 'users' | 'user-plus' | 'mail' | 'file-text' | 'plug' | 'sun' | 'moon' | 'monitor' | 'contrast' | 'info-circle-filled' | 'alert-triangle-filled' | 'check-circle-filled' | 'x-circle-filled' | 'shield-filled' | 'lock-filled';
|
|
2
4
|
interface IconProps {
|
|
3
5
|
name: IconName;
|
|
4
|
-
size
|
|
6
|
+
/** Token from the icon size scale: sm 16, md 18, lg 24, xl 36, xxl 48. */
|
|
7
|
+
size?: IconSize;
|
|
5
8
|
}
|
|
6
|
-
export declare function Icon({ name, size }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export {};
|
|
9
|
+
export declare function Icon({ name, size: sizeToken }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
8
10
|
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAE/D,YAAY,EAAC,QAAQ,EAAC,CAAA;AAEtB,MAAM,MAAM,QAAQ,GAChB,UAAU,GACV,cAAc,GACd,YAAY,GACZ,OAAO,GACP,WAAW,GACX,aAAa,GACb,gBAAgB,GAChB,QAAQ,GACR,MAAM,GACN,KAAK,GAEL,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,YAAY,GACZ,MAAM,GACN,KAAK,GAEL,QAAQ,GACR,YAAY,GACZ,KAAK,GACL,OAAO,GACP,KAAK,GACL,WAAW,GAEX,OAAO,GACP,WAAW,GACX,MAAM,GACN,WAAW,GACX,MAAM,GAEN,KAAK,GACL,MAAM,GACN,SAAS,GACT,UAAU,GAEV,oBAAoB,GACpB,uBAAuB,GACvB,qBAAqB,GACrB,iBAAiB,GACjB,eAAe,GACf,aAAa,CAAA;AA+SjB,UAAU,SAAS;IACjB,IAAI,EAAE,QAAQ,CAAA;IACd,0EAA0E;IAC1E,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAED,wBAAgB,IAAI,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,SAAgB,EAAC,EAAE,SAAS,2CAyB7D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,YAAY,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,YAAY,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,QAAQ,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { SpacingToken } from '@duro-app/tokens/keys';
|
|
3
3
|
interface InlineProps {
|
|
4
|
-
gap?:
|
|
4
|
+
gap?: SpacingToken;
|
|
5
5
|
align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
|
|
6
6
|
justify?: 'start' | 'center' | 'end' | 'between';
|
|
7
7
|
children: ReactNode;
|
|
@@ -1 +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,
|
|
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,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAEvD,UAAU,WAAW;IACnB,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,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"}
|
|
@@ -1 +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;
|
|
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;AAK/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"}
|
|
@@ -1,4 +1,29 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* SideNav has two ways to chunk a rail, and they are NOT interchangeable.
|
|
4
|
+
*
|
|
5
|
+
* `Section` — a labelled block that is always open. This is the DEFAULT for
|
|
6
|
+
* primary navigation. A nav's job is to advertise where you can go; an
|
|
7
|
+
* always-open list keeps the whole information architecture scannable and puts
|
|
8
|
+
* every destination one click away. The uppercase label does the chunking work
|
|
9
|
+
* on its own — you get the grouping benefit without hiding anything.
|
|
10
|
+
*
|
|
11
|
+
* `Group` — the same block behind a chevron (a disclosure). Collapsing costs
|
|
12
|
+
* every destination inside it an extra click and hides it from scanning, so it
|
|
13
|
+
* has to buy something back. It does when the region is:
|
|
14
|
+
* • rare or advanced ("Advanced", "Danger zone", "Legacy") — disclose the
|
|
15
|
+
* seldom-used, never the everyday;
|
|
16
|
+
* • unbounded / data-driven (one entry per namespace, project, team) — you
|
|
17
|
+
* cannot author-flatten a list whose length you don't control;
|
|
18
|
+
* • one of many in a rail long enough (>~30 leaves) that a flat list stops
|
|
19
|
+
* reading as an overview.
|
|
20
|
+
* The healthy shape is a mix: flat Sections for the journey, one collapsed
|
|
21
|
+
* Group at the bottom.
|
|
22
|
+
*
|
|
23
|
+
* Neither is a tree. Arbitrary-depth *data* browsing (a file tree, a
|
|
24
|
+
* namespace → resource drill-down) needs `role="tree"` with roving tabindex,
|
|
25
|
+
* typeahead and aria-level — a different component, not a deeper SideNav.
|
|
26
|
+
*/
|
|
2
27
|
interface RootProps {
|
|
3
28
|
children: ReactNode;
|
|
4
29
|
value?: string;
|
|
@@ -19,9 +44,13 @@ interface SectionProps {
|
|
|
19
44
|
}
|
|
20
45
|
/**
|
|
21
46
|
* A static, non-collapsible grouping: an always-visible uppercase header with
|
|
22
|
-
* its items below. Unlike `Group` there is no chevron, toggle, or hidden state
|
|
23
|
-
*
|
|
24
|
-
*
|
|
47
|
+
* its items below. Unlike `Group` there is no chevron, toggle, or hidden state.
|
|
48
|
+
*
|
|
49
|
+
* Reach for this first — see the note at the top of this file for when a
|
|
50
|
+
* collapsible `Group` is the better call. The label is exposed as the group's
|
|
51
|
+
* accessible name, so a screen reader announces "Networking, group" on the way
|
|
52
|
+
* into its items instead of dropping the user into an undifferentiated run of
|
|
53
|
+
* thirty buttons.
|
|
25
54
|
*/
|
|
26
55
|
declare function Section({ children, label }: SectionProps): import("react/jsx-runtime").JSX.Element;
|
|
27
56
|
interface ItemProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAkD,MAAM,OAAO,CAAA;AAMrF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAIH,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAC,EAAE,SAAS,2CAgEvF;AAID,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAC,EAAE,UAAU,2CAoEtE;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;;;;;;GASG;AACH,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,YAAY,2CAY/C;AAID,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB;yEACqE;IACrE,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAC,EAAE,SAAS,2CAyB/C;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNav.meta.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"SideNav.meta.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAkClB,CAAA"}
|
|
@@ -4,6 +4,7 @@ declare const meta: Meta<typeof SideNav.Root>;
|
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof SideNav.Root>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
|
+
export declare const SectionsWithOneDisclosedGroup: Story;
|
|
7
8
|
export declare const Collapsed: Story;
|
|
8
9
|
export declare const DefaultExpandedWithActiveItem: Story;
|
|
9
10
|
export declare const Interactive: Story;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNav.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AAGjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAAC,IAAI,CAMnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"SideNav.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AAGjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAAC,IAAI,CAMnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAA;AAK1C,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAA;AAKD,eAAO,MAAM,6BAA6B,EAAE,KAwC3C,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAA;AAMD,eAAO,MAAM,6BAA6B,EAAE,KAgB3C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAA;AAKD,eAAO,MAAM,aAAa,EAAE,KAsC3B,CAAA"}
|
|
@@ -43,6 +43,10 @@ export declare const styles: Readonly<{
|
|
|
43
43
|
readonly chevronOpen: Readonly<{
|
|
44
44
|
readonly transform: css.StyleXClassNameFor<"transform", "rotate(90deg)">;
|
|
45
45
|
}>;
|
|
46
|
+
readonly items: Readonly<{
|
|
47
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
48
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
|
|
49
|
+
}>;
|
|
46
50
|
readonly section: Readonly<{
|
|
47
51
|
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
48
52
|
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAMpC,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAMpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkJjB,CAAA"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
|
|
2
|
+
import { SpacingToken } from '@duro-app/tokens/keys';
|
|
3
|
+
export type SpacingKey = SpacingToken;
|
|
3
4
|
interface StackProps {
|
|
4
5
|
gap?: SpacingKey;
|
|
5
6
|
align?: 'start' | 'center' | 'end' | 'stretch';
|
|
@@ -1 +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;
|
|
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;AAEpC,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAGvD,MAAM,MAAM,UAAU,GAAG,YAAY,CAAA;AAErC,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"}
|
|
@@ -1 +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;
|
|
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;AAK7B,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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { IconName } from '../Icon';
|
|
1
|
+
import { IconName, IconSize } from '../Icon';
|
|
2
2
|
export type StatusIconName = Extract<IconName, 'x-circle' | 'check-circle' | 'check-done' | 'clock' | 'forbidden'>;
|
|
3
3
|
export type StatusIconVariant = 'error' | 'success' | 'warning' | 'info' | 'muted';
|
|
4
4
|
interface StatusIconProps {
|
|
5
5
|
name: StatusIconName;
|
|
6
|
-
size?:
|
|
6
|
+
size?: IconSize;
|
|
7
7
|
variant?: StatusIconVariant;
|
|
8
8
|
}
|
|
9
9
|
export declare function StatusIcon({ name, size, variant }: StatusIconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIcon/StatusIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIcon/StatusIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAA;AAG/C,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,QAAQ,EACR,UAAU,GAAG,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,WAAW,CACnE,CAAA;AACD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;AAElF,UAAU,eAAe;IACvB,IAAI,EAAE,cAAc,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B;AAED,wBAAgB,UAAU,CAAC,EAAC,IAAI,EAAE,IAAY,EAAE,OAAiB,EAAC,EAAE,eAAe,2CAMlF"}
|
|
@@ -45,7 +45,7 @@ interface RowProps {
|
|
|
45
45
|
'aria-label'?: string;
|
|
46
46
|
}
|
|
47
47
|
export declare function Row({ children, onClick, 'aria-label': ariaLabel }: RowProps): import("react/jsx-runtime").JSX.Element;
|
|
48
|
-
export declare function HeaderCell({ children, width: _width, compactWidth: _compactWidth, label: _label,
|
|
48
|
+
export declare function HeaderCell({ children, width: _width, compactWidth: _compactWidth, label: _label, 'aria-label': ariaLabel, }: {
|
|
49
49
|
children?: ReactNode;
|
|
50
50
|
/** Column width at default (wide) viewport. CSS grid-template-columns
|
|
51
51
|
* track value — e.g. '40px', '2fr', 'max-content'. Defaults to
|
|
@@ -63,12 +63,6 @@ export declare function HeaderCell({ children, width: _width, compactWidth: _com
|
|
|
63
63
|
* text content is used as the label automatically. Required when children
|
|
64
64
|
* contain JSX (icon + text, sort indicator, etc.). */
|
|
65
65
|
label?: string;
|
|
66
|
-
/**
|
|
67
|
-
* @deprecated Has no effect on HeaderCell. Pass `isActions` on the
|
|
68
|
-
* matching `Table.Cell` instead — that's where the stack-mode footer
|
|
69
|
-
* layout actually applies.
|
|
70
|
-
*/
|
|
71
|
-
isActions?: boolean;
|
|
72
66
|
'aria-label'?: string;
|
|
73
67
|
}): import("react/jsx-runtime").JSX.Element;
|
|
74
68
|
export declare namespace HeaderCell {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAMd,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAC7D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AA8CnC,wBAAgB,SAAS,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAE1D;AA0JD,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,0FAA0F;IAC1F,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB;AAED,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAmB,EACnB,IAAW,EACX,UAAiB,EACjB,cAAoB,EACpB,QAAQ,EACR,UAAU,GACX,EAAE,SAAS,2CAqDX;AAID,wBAAgB,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQvD;AAID,wBAAgB,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAsBrD;AAkBD,UAAU,QAAQ;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAQD,wBAAgB,GAAG,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,EAAE,QAAQ,2CA0DzE;AAMD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,MAAM,EACb,
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAMd,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAC7D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AA8CnC,wBAAgB,SAAS,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAE1D;AA0JD,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,0FAA0F;IAC1F,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB;AAED,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAmB,EACnB,IAAW,EACX,UAAiB,EACjB,cAAoB,EACpB,QAAQ,EACR,UAAU,GACX,EAAE,SAAS,2CAqDX;AAID,wBAAgB,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQvD;AAID,wBAAgB,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAsBrD;AAkBD,UAAU,QAAQ;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAQD,wBAAgB,GAAG,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,EAAE,QAAQ,2CA0DzE;AAMD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,SAAS,GACxB,EAAE;IACD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;wDAGoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;iCAK6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;2DAEuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,2CAmBA;yBA5Ce,UAAU;;;AAqD1B,wBAAgB,IAAI,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAC,2CAuBrF;AAID;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS;IACpB,4FAA4F;;;;;;;;CAQ7F,CAAA;AAED,eAAO,MAAM,KAAK;IAVhB,4FAA4F;;;;;;;;CAUhE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AA8BpD,QAAA,MAAM,IAAI,EAAE,IAkBX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAuBrB,eAAO,MAAM,OAAO,EAAE,KAmDrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KA+BrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgCtB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KA+BrB,CAAA;AA4FD,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAA;AAOD,eAAO,MAAM,WAAW,EAAE,KAkHzB,CAAA;AAmED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAwID,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAA;AA2DD,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAA;AAyID,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAA;AAkBD,eAAO,MAAM,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AA8BpD,QAAA,MAAM,IAAI,EAAE,IAkBX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAuBrB,eAAO,MAAM,OAAO,EAAE,KAmDrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KA+BrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgCtB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KA+BrB,CAAA;AA4FD,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAA;AAOD,eAAO,MAAM,WAAW,EAAE,KAkHzB,CAAA;AAmED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAwID,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAA;AA2DD,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAA;AAyID,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAA;AAkBD,eAAO,MAAM,UAAU,EAAE,KAqExB,CAAA;AAqDD,eAAO,MAAM,gBAAgB,EAAE,KA6C9B,CAAA;AAID,eAAO,MAAM,eAAe,EAAE,KAgE7B,CAAA;AAoDD,eAAO,MAAM,4BAA4B,EAAE,KAkC1C,CAAA;AAID,eAAO,MAAM,sBAAsB,EAAE,KAqBpC,CAAA;AAID,eAAO,MAAM,0BAA0B,EAAE,KAuCxC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsContext.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsContext.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TabsContext.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAEnD,YAAY,EAAC,WAAW,EAAC,CAAA;AAEzB,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,WAAW,EAAE,WAAW,CAAA;IACxB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,MAAM,IAAI,CAAA;IAC7D,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;IAKnC,eAAe,EAAE,OAAO,CAAA;IACxB,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CAC9C;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAA;AAEvE,wBAAgB,OAAO,qBAItB"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ToggleSize } from '../Toggle/Toggle';
|
|
2
|
-
|
|
2
|
+
import { Orientation } from '../../shared/types';
|
|
3
|
+
export type { Orientation };
|
|
3
4
|
export interface ToggleGroupContextValue {
|
|
4
5
|
value: string[];
|
|
5
6
|
toggle: (itemValue: string) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroupContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"ToggleGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroupContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAChD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAEnD,YAAY,EAAC,WAAW,EAAC,CAAA;AAEzB,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,WAAW,CAAA;IACxB,IAAI,EAAE,UAAU,CAAA;CACjB;AAED,eAAO,MAAM,kBAAkB,yDAAsD,CAAA;AAErF,wBAAgB,cAAc,mCAE7B"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { ColumnDef, SortingState, OnChangeFn } from '@tanstack/react-table';
|
|
3
|
+
import { Breakpoint } from '@duro-app/tokens/tokens/breakpoints.css';
|
|
3
4
|
export interface VirtualTableRange {
|
|
4
5
|
/** 1-based index of the first visible row (0 when empty). */
|
|
5
6
|
from: number;
|
|
@@ -47,7 +48,7 @@ interface VirtualTableProps<TData> {
|
|
|
47
48
|
* line. Cards disable windowing (variable heights), so keep phone lists
|
|
48
49
|
* reasonably short. Set `responsive={false}` to disable entirely.
|
|
49
50
|
*/
|
|
50
|
-
stackBelow?: number;
|
|
51
|
+
stackBelow?: Breakpoint | number;
|
|
51
52
|
/** Opt out of the card-up-on-narrow behavior. Default true. */
|
|
52
53
|
responsive?: boolean;
|
|
53
54
|
emptyLabel?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualTable.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualTable/VirtualTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAElF,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,UAAU,EAEhB,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"VirtualTable.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualTable/VirtualTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAElF,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,UAAU,EAEhB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAgB,KAAK,UAAU,EAAC,MAAM,yCAAyC,CAAA;AAMtF,MAAM,WAAW,iBAAiB;IAChC,6DAA6D;IAC7D,IAAI,EAAE,MAAM,CAAA;IACZ,4DAA4D;IAC5D,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAGD,UAAU,iBAAiB,CAAC,KAAK;IAC/B,IAAI,EAAE,KAAK,EAAE,CAAA;IAEb,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAA;IAChC,gEAAgE;IAChE,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,eAAe,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IAC1C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAChD,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAA;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACxD,gFAAgF;IAChF,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,MAAM,CAAA;IACjD,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;IAChC,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,EAClC,IAAI,EACJ,OAAO,EACP,OAAO,EACP,eAAe,EACf,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,UAAU,EACV,QAAa,EACb,iBAAsB,EACtB,SAAkB,EAClB,mBAAyB,EACzB,UAAiB,EACjB,UAAiB,EACjB,UAAU,GACX,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CA0Q1B"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { Breakpoint } from '@duro-app/tokens/tokens/breakpoints.css';
|
|
1
2
|
export type ContainerSize = 'compact' | 'default' | 'spacious';
|
|
2
3
|
interface UseContainerQueryOptions {
|
|
3
|
-
compactBelow?: number;
|
|
4
|
-
spaciousAbove?: number;
|
|
4
|
+
compactBelow?: Breakpoint | number;
|
|
5
|
+
spaciousAbove?: Breakpoint | number;
|
|
5
6
|
}
|
|
6
7
|
export declare function useContainerQuery<T extends HTMLElement = HTMLElement>(options?: UseContainerQueryOptions): {
|
|
7
8
|
ref: React.RefObject<T | null>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useContainerQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useContainerQuery.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useContainerQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useContainerQuery.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,UAAU,EAAC,MAAM,yCAAyC,CAAA;AAEtF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAE9D,UAAU,wBAAwB;IAChC,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;IAClC,aAAa,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;CACpC;AAMD,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,CAyCA"}
|