@luxonis/depthai-pipeline-lib 1.4.10 → 1.4.12
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/index.css +3 -0
- package/dist/panda.css +1474 -0
- package/dist/src/components/Node.d.ts +5 -0
- package/dist/src/components/Node.js +46 -0
- package/dist/src/components/PipelineCanvas.d.ts +7 -0
- package/dist/src/components/PipelineCanvas.js +64 -0
- package/dist/src/index.d.ts +4 -0
- package/dist/src/index.js +2 -0
- package/dist/src/services/pipeline.d.ts +77 -0
- package/dist/src/services/pipeline.js +66 -0
- package/dist/src/styled-system/chunks/src__components__Node.css +195 -0
- package/dist/src/styled-system/chunks/src__components__PipelineCanvas.css +25 -0
- package/dist/src/styled-system/css/conditions.mjs +34 -0
- package/dist/src/styled-system/css/css.d.mts +9 -0
- package/dist/src/styled-system/css/css.mjs +44 -0
- package/dist/src/styled-system/css/cva.d.mts +6 -0
- package/dist/src/styled-system/css/cva.mjs +63 -0
- package/dist/src/styled-system/css/cx.d.mts +5 -0
- package/dist/src/styled-system/css/cx.mjs +15 -0
- package/dist/src/styled-system/css/index.d.mts +5 -0
- package/dist/src/styled-system/css/index.mjs +4 -0
- package/dist/src/styled-system/css/sva.d.mts +4 -0
- package/dist/src/styled-system/css/sva.mjs +35 -0
- package/dist/src/styled-system/global.css +70 -0
- package/dist/src/styled-system/helpers.mjs +282 -0
- package/dist/src/styled-system/patterns/aspect-ratio.d.mts +21 -0
- package/dist/src/styled-system/patterns/aspect-ratio.mjs +35 -0
- package/dist/src/styled-system/patterns/bleed.d.mts +22 -0
- package/dist/src/styled-system/patterns/bleed.mjs +19 -0
- package/dist/src/styled-system/patterns/box.d.mts +21 -0
- package/dist/src/styled-system/patterns/box.mjs +12 -0
- package/dist/src/styled-system/patterns/center.d.mts +21 -0
- package/dist/src/styled-system/patterns/center.mjs +18 -0
- package/dist/src/styled-system/patterns/circle.d.mts +21 -0
- package/dist/src/styled-system/patterns/circle.mjs +22 -0
- package/dist/src/styled-system/patterns/container.d.mts +21 -0
- package/dist/src/styled-system/patterns/container.mjs +18 -0
- package/dist/src/styled-system/patterns/divider.d.mts +23 -0
- package/dist/src/styled-system/patterns/divider.mjs +21 -0
- package/dist/src/styled-system/patterns/flex.d.mts +27 -0
- package/dist/src/styled-system/patterns/flex.mjs +23 -0
- package/dist/src/styled-system/patterns/float.d.mts +24 -0
- package/dist/src/styled-system/patterns/float.mjs +45 -0
- package/dist/src/styled-system/patterns/grid-item.d.mts +26 -0
- package/dist/src/styled-system/patterns/grid-item.mjs +22 -0
- package/dist/src/styled-system/patterns/grid.d.mts +25 -0
- package/dist/src/styled-system/patterns/grid.mjs +20 -0
- package/dist/src/styled-system/patterns/hstack.d.mts +22 -0
- package/dist/src/styled-system/patterns/hstack.mjs +20 -0
- package/dist/src/styled-system/patterns/index.d.mts +21 -0
- package/dist/src/styled-system/patterns/index.mjs +20 -0
- package/dist/src/styled-system/patterns/link-box.d.mts +21 -0
- package/dist/src/styled-system/patterns/link-box.mjs +19 -0
- package/dist/src/styled-system/patterns/link-overlay.d.mts +21 -0
- package/dist/src/styled-system/patterns/link-overlay.mjs +24 -0
- package/dist/src/styled-system/patterns/spacer.d.mts +21 -0
- package/dist/src/styled-system/patterns/spacer.mjs +18 -0
- package/dist/src/styled-system/patterns/square.d.mts +21 -0
- package/dist/src/styled-system/patterns/square.mjs +21 -0
- package/dist/src/styled-system/patterns/stack.d.mts +24 -0
- package/dist/src/styled-system/patterns/stack.mjs +20 -0
- package/dist/src/styled-system/patterns/visually-hidden.d.mts +21 -0
- package/dist/src/styled-system/patterns/visually-hidden.mjs +15 -0
- package/dist/src/styled-system/patterns/vstack.d.mts +22 -0
- package/dist/src/styled-system/patterns/vstack.mjs +20 -0
- package/dist/src/styled-system/patterns/wrap.d.mts +25 -0
- package/dist/src/styled-system/patterns/wrap.mjs +22 -0
- package/dist/src/styled-system/recipes/accordion.d.mts +28 -0
- package/dist/src/styled-system/recipes/accordion.mjs +46 -0
- package/dist/src/styled-system/recipes/alert-description.d.mts +28 -0
- package/dist/src/styled-system/recipes/alert-description.mjs +19 -0
- package/dist/src/styled-system/recipes/alert-dialog.d.mts +28 -0
- package/dist/src/styled-system/recipes/alert-dialog.mjs +70 -0
- package/dist/src/styled-system/recipes/alert-title.d.mts +28 -0
- package/dist/src/styled-system/recipes/alert-title.mjs +19 -0
- package/dist/src/styled-system/recipes/alert.d.mts +28 -0
- package/dist/src/styled-system/recipes/alert.mjs +26 -0
- package/dist/src/styled-system/recipes/avatar.d.mts +28 -0
- package/dist/src/styled-system/recipes/avatar.mjs +38 -0
- package/dist/src/styled-system/recipes/badge.d.mts +28 -0
- package/dist/src/styled-system/recipes/badge.mjs +28 -0
- package/dist/src/styled-system/recipes/blockquote.d.mts +28 -0
- package/dist/src/styled-system/recipes/blockquote.mjs +19 -0
- package/dist/src/styled-system/recipes/button.d.mts +29 -0
- package/dist/src/styled-system/recipes/button.mjs +37 -0
- package/dist/src/styled-system/recipes/calendar.d.mts +28 -0
- package/dist/src/styled-system/recipes/calendar.mjs +118 -0
- package/dist/src/styled-system/recipes/card-content.d.mts +28 -0
- package/dist/src/styled-system/recipes/card-content.mjs +19 -0
- package/dist/src/styled-system/recipes/card-description.d.mts +28 -0
- package/dist/src/styled-system/recipes/card-description.mjs +19 -0
- package/dist/src/styled-system/recipes/card-footer.d.mts +28 -0
- package/dist/src/styled-system/recipes/card-footer.mjs +19 -0
- package/dist/src/styled-system/recipes/card-header.d.mts +28 -0
- package/dist/src/styled-system/recipes/card-header.mjs +19 -0
- package/dist/src/styled-system/recipes/card-title.d.mts +28 -0
- package/dist/src/styled-system/recipes/card-title.mjs +19 -0
- package/dist/src/styled-system/recipes/card.d.mts +28 -0
- package/dist/src/styled-system/recipes/card.mjs +19 -0
- package/dist/src/styled-system/recipes/checkbox.d.mts +28 -0
- package/dist/src/styled-system/recipes/checkbox.mjs +34 -0
- package/dist/src/styled-system/recipes/collapsible.d.mts +28 -0
- package/dist/src/styled-system/recipes/collapsible.mjs +38 -0
- package/dist/src/styled-system/recipes/command-dialog.d.mts +28 -0
- package/dist/src/styled-system/recipes/command-dialog.mjs +34 -0
- package/dist/src/styled-system/recipes/command.d.mts +28 -0
- package/dist/src/styled-system/recipes/command.mjs +66 -0
- package/dist/src/styled-system/recipes/context-menu.d.mts +28 -0
- package/dist/src/styled-system/recipes/context-menu.mjs +98 -0
- package/dist/src/styled-system/recipes/create-recipe.d.mts +1 -0
- package/dist/src/styled-system/recipes/create-recipe.mjs +50 -0
- package/dist/src/styled-system/recipes/dialog.d.mts +28 -0
- package/dist/src/styled-system/recipes/dialog.mjs +66 -0
- package/dist/src/styled-system/recipes/dropdown-menu.d.mts +28 -0
- package/dist/src/styled-system/recipes/dropdown-menu.mjs +90 -0
- package/dist/src/styled-system/recipes/form-control.d.mts +28 -0
- package/dist/src/styled-system/recipes/form-control.mjs +19 -0
- package/dist/src/styled-system/recipes/form-description.d.mts +28 -0
- package/dist/src/styled-system/recipes/form-description.mjs +19 -0
- package/dist/src/styled-system/recipes/form-item.d.mts +28 -0
- package/dist/src/styled-system/recipes/form-item.mjs +19 -0
- package/dist/src/styled-system/recipes/form-label.d.mts +28 -0
- package/dist/src/styled-system/recipes/form-label.mjs +19 -0
- package/dist/src/styled-system/recipes/form-message.d.mts +28 -0
- package/dist/src/styled-system/recipes/form-message.mjs +19 -0
- package/dist/src/styled-system/recipes/h1.d.mts +28 -0
- package/dist/src/styled-system/recipes/h1.mjs +19 -0
- package/dist/src/styled-system/recipes/h2.d.mts +28 -0
- package/dist/src/styled-system/recipes/h2.mjs +19 -0
- package/dist/src/styled-system/recipes/h3.d.mts +28 -0
- package/dist/src/styled-system/recipes/h3.mjs +19 -0
- package/dist/src/styled-system/recipes/h4.d.mts +28 -0
- package/dist/src/styled-system/recipes/h4.mjs +19 -0
- package/dist/src/styled-system/recipes/hover-card.d.mts +28 -0
- package/dist/src/styled-system/recipes/hover-card.mjs +38 -0
- package/dist/src/styled-system/recipes/icon.d.mts +32 -0
- package/dist/src/styled-system/recipes/icon.mjs +49 -0
- package/dist/src/styled-system/recipes/index.d.mts +74 -0
- package/dist/src/styled-system/recipes/index.mjs +73 -0
- package/dist/src/styled-system/recipes/inline-code.d.mts +28 -0
- package/dist/src/styled-system/recipes/inline-code.mjs +19 -0
- package/dist/src/styled-system/recipes/input.d.mts +28 -0
- package/dist/src/styled-system/recipes/input.mjs +19 -0
- package/dist/src/styled-system/recipes/label.d.mts +28 -0
- package/dist/src/styled-system/recipes/label.mjs +19 -0
- package/dist/src/styled-system/recipes/large.d.mts +28 -0
- package/dist/src/styled-system/recipes/large.mjs +19 -0
- package/dist/src/styled-system/recipes/lead.d.mts +28 -0
- package/dist/src/styled-system/recipes/lead.mjs +19 -0
- package/dist/src/styled-system/recipes/link.d.mts +28 -0
- package/dist/src/styled-system/recipes/link.mjs +19 -0
- package/dist/src/styled-system/recipes/list.d.mts +28 -0
- package/dist/src/styled-system/recipes/list.mjs +19 -0
- package/dist/src/styled-system/recipes/menubar.d.mts +28 -0
- package/dist/src/styled-system/recipes/menubar.mjs +94 -0
- package/dist/src/styled-system/recipes/muted.d.mts +28 -0
- package/dist/src/styled-system/recipes/muted.mjs +19 -0
- package/dist/src/styled-system/recipes/navigation-menu.d.mts +28 -0
- package/dist/src/styled-system/recipes/navigation-menu.mjs +62 -0
- package/dist/src/styled-system/recipes/p.d.mts +28 -0
- package/dist/src/styled-system/recipes/p.mjs +19 -0
- package/dist/src/styled-system/recipes/popover.d.mts +28 -0
- package/dist/src/styled-system/recipes/popover.mjs +42 -0
- package/dist/src/styled-system/recipes/progress.d.mts +28 -0
- package/dist/src/styled-system/recipes/progress.mjs +34 -0
- package/dist/src/styled-system/recipes/radio-group.d.mts +28 -0
- package/dist/src/styled-system/recipes/radio-group.mjs +42 -0
- package/dist/src/styled-system/recipes/scroll-area.d.mts +28 -0
- package/dist/src/styled-system/recipes/scroll-area.mjs +46 -0
- package/dist/src/styled-system/recipes/select.d.mts +28 -0
- package/dist/src/styled-system/recipes/select.mjs +66 -0
- package/dist/src/styled-system/recipes/separator.d.mts +28 -0
- package/dist/src/styled-system/recipes/separator.mjs +26 -0
- package/dist/src/styled-system/recipes/sheet.d.mts +28 -0
- package/dist/src/styled-system/recipes/sheet.mjs +81 -0
- package/dist/src/styled-system/recipes/skeleton.d.mts +28 -0
- package/dist/src/styled-system/recipes/skeleton.mjs +19 -0
- package/dist/src/styled-system/recipes/slider.d.mts +28 -0
- package/dist/src/styled-system/recipes/slider.mjs +42 -0
- package/dist/src/styled-system/recipes/small.d.mts +28 -0
- package/dist/src/styled-system/recipes/small.mjs +19 -0
- package/dist/src/styled-system/recipes/switch-recipe.d.mts +28 -0
- package/dist/src/styled-system/recipes/switch-recipe.mjs +34 -0
- package/dist/src/styled-system/recipes/table-body.d.mts +28 -0
- package/dist/src/styled-system/recipes/table-body.mjs +19 -0
- package/dist/src/styled-system/recipes/table-caption.d.mts +28 -0
- package/dist/src/styled-system/recipes/table-caption.mjs +19 -0
- package/dist/src/styled-system/recipes/table-cell.d.mts +28 -0
- package/dist/src/styled-system/recipes/table-cell.mjs +19 -0
- package/dist/src/styled-system/recipes/table-container.d.mts +28 -0
- package/dist/src/styled-system/recipes/table-container.mjs +19 -0
- package/dist/src/styled-system/recipes/table-footer.d.mts +28 -0
- package/dist/src/styled-system/recipes/table-footer.mjs +19 -0
- package/dist/src/styled-system/recipes/table-head.d.mts +28 -0
- package/dist/src/styled-system/recipes/table-head.mjs +19 -0
- package/dist/src/styled-system/recipes/table-header.d.mts +28 -0
- package/dist/src/styled-system/recipes/table-header.mjs +19 -0
- package/dist/src/styled-system/recipes/table-row.d.mts +28 -0
- package/dist/src/styled-system/recipes/table-row.mjs +19 -0
- package/dist/src/styled-system/recipes/table.d.mts +28 -0
- package/dist/src/styled-system/recipes/table.mjs +19 -0
- package/dist/src/styled-system/recipes/tabs.d.mts +28 -0
- package/dist/src/styled-system/recipes/tabs.mjs +42 -0
- package/dist/src/styled-system/recipes/textarea.d.mts +28 -0
- package/dist/src/styled-system/recipes/textarea.mjs +19 -0
- package/dist/src/styled-system/recipes/toast-viewport.d.mts +28 -0
- package/dist/src/styled-system/recipes/toast-viewport.mjs +19 -0
- package/dist/src/styled-system/recipes/toast.d.mts +28 -0
- package/dist/src/styled-system/recipes/toast.mjs +59 -0
- package/dist/src/styled-system/recipes/toggle.d.mts +29 -0
- package/dist/src/styled-system/recipes/toggle.mjs +32 -0
- package/dist/src/styled-system/recipes/tooltip.d.mts +28 -0
- package/dist/src/styled-system/recipes/tooltip.mjs +38 -0
- package/dist/src/styled-system/recipes/typography-table-container.d.mts +28 -0
- package/dist/src/styled-system/recipes/typography-table-container.mjs +19 -0
- package/dist/src/styled-system/recipes/typography-table.d.mts +28 -0
- package/dist/src/styled-system/recipes/typography-table.mjs +19 -0
- package/dist/src/styled-system/reset.css +206 -0
- package/dist/src/styled-system/static.css +320 -0
- package/dist/src/styled-system/tokens/index.css +620 -0
- package/dist/src/styled-system/tokens/index.d.mts +9 -0
- package/dist/src/styled-system/tokens/index.mjs +2680 -0
- package/dist/src/styled-system/tokens/keyframes.css +56 -0
- package/dist/src/styled-system/tokens/tokens.d.mts +63 -0
- package/dist/src/styled-system/types/composition.d.mts +111 -0
- package/dist/src/styled-system/types/conditions.d.mts +266 -0
- package/dist/src/styled-system/types/csstype.d.mts +20749 -0
- package/dist/src/styled-system/types/global.d.mts +19 -0
- package/dist/src/styled-system/types/helpers.d.mts +2 -0
- package/dist/src/styled-system/types/index.d.mts +8 -0
- package/dist/src/styled-system/types/parts.d.mts +6 -0
- package/dist/src/styled-system/types/pattern.d.mts +61 -0
- package/dist/src/styled-system/types/prop-type.d.mts +340 -0
- package/dist/src/styled-system/types/recipe.d.mts +148 -0
- package/dist/src/styled-system/types/selectors.d.mts +59 -0
- package/dist/src/styled-system/types/style-props.d.mts +687 -0
- package/dist/src/styled-system/types/system-types.d.mts +85 -0
- package/package.json +3 -2
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { mapObject } from '../helpers.mjs';
|
|
2
|
+
import { css } from '../css/index.mjs';
|
|
3
|
+
|
|
4
|
+
const containerConfig = {
|
|
5
|
+
transform(props) {
|
|
6
|
+
return {
|
|
7
|
+
position: "relative",
|
|
8
|
+
maxWidth: "8xl",
|
|
9
|
+
mx: "auto",
|
|
10
|
+
px: { base: "4", md: "6", lg: "8" },
|
|
11
|
+
...props
|
|
12
|
+
};
|
|
13
|
+
}}
|
|
14
|
+
|
|
15
|
+
export const getContainerStyle = (styles = {}) => containerConfig.transform(styles, { map: mapObject })
|
|
16
|
+
|
|
17
|
+
export const container = (styles) => css(getContainerStyle(styles))
|
|
18
|
+
container.raw = getContainerStyle
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { PropertyValue } from '../types/prop-type.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
|
+
|
|
8
|
+
export interface DividerProperties {
|
|
9
|
+
orientation?: ConditionalValue<"horizontal" | "vertical">
|
|
10
|
+
thickness?: ConditionalValue<Tokens["sizes"] | Properties["borderWidth"]>
|
|
11
|
+
color?: ConditionalValue<Tokens["colors"] | Properties["borderColor"]>
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
interface DividerStyles extends DividerProperties, DistributiveOmit<SystemStyleObject, keyof DividerProperties > {}
|
|
16
|
+
|
|
17
|
+
interface DividerPatternFn {
|
|
18
|
+
(styles?: DividerStyles): string
|
|
19
|
+
raw: (styles?: DividerStyles) => SystemStyleObject
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
export declare const divider: DividerPatternFn;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { mapObject } from '../helpers.mjs';
|
|
2
|
+
import { css } from '../css/index.mjs';
|
|
3
|
+
|
|
4
|
+
const dividerConfig = {
|
|
5
|
+
transform(props, { map }) {
|
|
6
|
+
const { orientation = "horizontal", thickness = "1px", color, ...rest } = props;
|
|
7
|
+
return {
|
|
8
|
+
"--thickness": thickness,
|
|
9
|
+
width: map(orientation, (v) => v === "vertical" ? void 0 : "100%"),
|
|
10
|
+
height: map(orientation, (v) => v === "horizontal" ? void 0 : "100%"),
|
|
11
|
+
borderBlockEndWidth: map(orientation, (v) => v === "horizontal" ? "var(--thickness)" : void 0),
|
|
12
|
+
borderInlineEndWidth: map(orientation, (v) => v === "vertical" ? "var(--thickness)" : void 0),
|
|
13
|
+
borderColor: color,
|
|
14
|
+
...rest
|
|
15
|
+
};
|
|
16
|
+
}}
|
|
17
|
+
|
|
18
|
+
export const getDividerStyle = (styles = {}) => dividerConfig.transform(styles, { map: mapObject })
|
|
19
|
+
|
|
20
|
+
export const divider = (styles) => css(getDividerStyle(styles))
|
|
21
|
+
divider.raw = getDividerStyle
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { PropertyValue } from '../types/prop-type.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
|
+
|
|
8
|
+
export interface FlexProperties {
|
|
9
|
+
align?: PropertyValue<'alignItems'>
|
|
10
|
+
justify?: PropertyValue<'justifyContent'>
|
|
11
|
+
direction?: PropertyValue<'flexDirection'>
|
|
12
|
+
wrap?: PropertyValue<'flexWrap'>
|
|
13
|
+
basis?: PropertyValue<'flexBasis'>
|
|
14
|
+
grow?: PropertyValue<'flexGrow'>
|
|
15
|
+
shrink?: PropertyValue<'flexShrink'>
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
interface FlexStyles extends FlexProperties, DistributiveOmit<SystemStyleObject, keyof FlexProperties > {}
|
|
20
|
+
|
|
21
|
+
interface FlexPatternFn {
|
|
22
|
+
(styles?: FlexStyles): string
|
|
23
|
+
raw: (styles?: FlexStyles) => SystemStyleObject
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const flex: FlexPatternFn;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { mapObject } from '../helpers.mjs';
|
|
2
|
+
import { css } from '../css/index.mjs';
|
|
3
|
+
|
|
4
|
+
const flexConfig = {
|
|
5
|
+
transform(props) {
|
|
6
|
+
const { direction, align, justify, wrap: wrap2, basis, grow, shrink, ...rest } = props;
|
|
7
|
+
return {
|
|
8
|
+
display: "flex",
|
|
9
|
+
flexDirection: direction,
|
|
10
|
+
alignItems: align,
|
|
11
|
+
justifyContent: justify,
|
|
12
|
+
flexWrap: wrap2,
|
|
13
|
+
flexBasis: basis,
|
|
14
|
+
flexGrow: grow,
|
|
15
|
+
flexShrink: shrink,
|
|
16
|
+
...rest
|
|
17
|
+
};
|
|
18
|
+
}}
|
|
19
|
+
|
|
20
|
+
export const getFlexStyle = (styles = {}) => flexConfig.transform(styles, { map: mapObject })
|
|
21
|
+
|
|
22
|
+
export const flex = (styles) => css(getFlexStyle(styles))
|
|
23
|
+
flex.raw = getFlexStyle
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { PropertyValue } from '../types/prop-type.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
|
+
|
|
8
|
+
export interface FloatProperties {
|
|
9
|
+
offsetX?: ConditionalValue<Tokens["spacing"] | Properties["left"]>
|
|
10
|
+
offsetY?: ConditionalValue<Tokens["spacing"] | Properties["top"]>
|
|
11
|
+
offset?: ConditionalValue<Tokens["spacing"] | Properties["top"]>
|
|
12
|
+
placement?: ConditionalValue<"bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom-center" | "top-center" | "middle-center" | "middle-end" | "middle-start">
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
interface FloatStyles extends FloatProperties, DistributiveOmit<SystemStyleObject, keyof FloatProperties > {}
|
|
17
|
+
|
|
18
|
+
interface FloatPatternFn {
|
|
19
|
+
(styles?: FloatStyles): string
|
|
20
|
+
raw: (styles?: FloatStyles) => SystemStyleObject
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
export declare const float: FloatPatternFn;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { mapObject } from '../helpers.mjs';
|
|
2
|
+
import { css } from '../css/index.mjs';
|
|
3
|
+
|
|
4
|
+
const floatConfig = {
|
|
5
|
+
transform(props, { map }) {
|
|
6
|
+
const { offset = "0", offsetX = offset, offsetY = offset, placement = "top-end", ...rest } = props;
|
|
7
|
+
return {
|
|
8
|
+
display: "inline-flex",
|
|
9
|
+
justifyContent: "center",
|
|
10
|
+
alignItems: "center",
|
|
11
|
+
position: "absolute",
|
|
12
|
+
insetBlockStart: map(placement, (v) => {
|
|
13
|
+
const [side] = v.split("-");
|
|
14
|
+
const map2 = { top: offsetY, middle: "50%", bottom: "auto" };
|
|
15
|
+
return map2[side];
|
|
16
|
+
}),
|
|
17
|
+
insetBlockEnd: map(placement, (v) => {
|
|
18
|
+
const [side] = v.split("-");
|
|
19
|
+
const map2 = { top: "auto", middle: "50%", bottom: offsetY };
|
|
20
|
+
return map2[side];
|
|
21
|
+
}),
|
|
22
|
+
insetInlineStart: map(placement, (v) => {
|
|
23
|
+
const [, align] = v.split("-");
|
|
24
|
+
const map2 = { start: offsetX, center: "50%", end: "auto" };
|
|
25
|
+
return map2[align];
|
|
26
|
+
}),
|
|
27
|
+
insetInlineEnd: map(placement, (v) => {
|
|
28
|
+
const [, align] = v.split("-");
|
|
29
|
+
const map2 = { start: "auto", center: "50%", end: offsetX };
|
|
30
|
+
return map2[align];
|
|
31
|
+
}),
|
|
32
|
+
translate: map(placement, (v) => {
|
|
33
|
+
const [side, align] = v.split("-");
|
|
34
|
+
const mapX = { start: "-50%", center: "-50%", end: "50%" };
|
|
35
|
+
const mapY = { top: "-50%", middle: "-50%", bottom: "50%" };
|
|
36
|
+
return `${mapX[align]} ${mapY[side]}`;
|
|
37
|
+
}),
|
|
38
|
+
...rest
|
|
39
|
+
};
|
|
40
|
+
}}
|
|
41
|
+
|
|
42
|
+
export const getFloatStyle = (styles = {}) => floatConfig.transform(styles, { map: mapObject })
|
|
43
|
+
|
|
44
|
+
export const float = (styles) => css(getFloatStyle(styles))
|
|
45
|
+
float.raw = getFloatStyle
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { PropertyValue } from '../types/prop-type.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
|
+
|
|
8
|
+
export interface GridItemProperties {
|
|
9
|
+
colSpan?: ConditionalValue<number>
|
|
10
|
+
rowSpan?: ConditionalValue<number>
|
|
11
|
+
colStart?: ConditionalValue<number>
|
|
12
|
+
rowStart?: ConditionalValue<number>
|
|
13
|
+
colEnd?: ConditionalValue<number>
|
|
14
|
+
rowEnd?: ConditionalValue<number>
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
interface GridItemStyles extends GridItemProperties, DistributiveOmit<SystemStyleObject, keyof GridItemProperties > {}
|
|
19
|
+
|
|
20
|
+
interface GridItemPatternFn {
|
|
21
|
+
(styles?: GridItemStyles): string
|
|
22
|
+
raw: (styles?: GridItemStyles) => SystemStyleObject
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
export declare const gridItem: GridItemPatternFn;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { mapObject } from '../helpers.mjs';
|
|
2
|
+
import { css } from '../css/index.mjs';
|
|
3
|
+
|
|
4
|
+
const gridItemConfig = {
|
|
5
|
+
transform(props, { map }) {
|
|
6
|
+
const { colSpan, rowSpan, colStart, rowStart, colEnd, rowEnd, ...rest } = props;
|
|
7
|
+
const spanFn = (v) => v === "auto" ? v : `span ${v}`;
|
|
8
|
+
return {
|
|
9
|
+
gridColumn: colSpan != null ? map(colSpan, spanFn) : void 0,
|
|
10
|
+
gridRow: rowSpan != null ? map(rowSpan, spanFn) : void 0,
|
|
11
|
+
gridColumnStart: colStart,
|
|
12
|
+
gridColumnEnd: colEnd,
|
|
13
|
+
gridRowStart: rowStart,
|
|
14
|
+
gridRowEnd: rowEnd,
|
|
15
|
+
...rest
|
|
16
|
+
};
|
|
17
|
+
}}
|
|
18
|
+
|
|
19
|
+
export const getGridItemStyle = (styles = {}) => gridItemConfig.transform(styles, { map: mapObject })
|
|
20
|
+
|
|
21
|
+
export const gridItem = (styles) => css(getGridItemStyle(styles))
|
|
22
|
+
gridItem.raw = getGridItemStyle
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { PropertyValue } from '../types/prop-type.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
|
+
|
|
8
|
+
export interface GridProperties {
|
|
9
|
+
gap?: PropertyValue<'gap'>
|
|
10
|
+
columnGap?: PropertyValue<'gap'>
|
|
11
|
+
rowGap?: PropertyValue<'gap'>
|
|
12
|
+
columns?: ConditionalValue<number>
|
|
13
|
+
minChildWidth?: ConditionalValue<Tokens["sizes"] | Properties["width"]>
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
interface GridStyles extends GridProperties, DistributiveOmit<SystemStyleObject, keyof GridProperties > {}
|
|
18
|
+
|
|
19
|
+
interface GridPatternFn {
|
|
20
|
+
(styles?: GridStyles): string
|
|
21
|
+
raw: (styles?: GridStyles) => SystemStyleObject
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
export declare const grid: GridPatternFn;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { mapObject } from '../helpers.mjs';
|
|
2
|
+
import { css } from '../css/index.mjs';
|
|
3
|
+
|
|
4
|
+
const gridConfig = {
|
|
5
|
+
transform(props, { map }) {
|
|
6
|
+
const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "10px", columns, minChildWidth, ...rest } = props;
|
|
7
|
+
return {
|
|
8
|
+
display: "grid",
|
|
9
|
+
gridTemplateColumns: columns != null ? map(columns, (v) => `repeat(${v}, minmax(0, 1fr))`) : minChildWidth != null ? map(minChildWidth, (v) => `repeat(auto-fit, minmax(${v}, 1fr))`) : void 0,
|
|
10
|
+
gap,
|
|
11
|
+
columnGap,
|
|
12
|
+
rowGap,
|
|
13
|
+
...rest
|
|
14
|
+
};
|
|
15
|
+
}}
|
|
16
|
+
|
|
17
|
+
export const getGridStyle = (styles = {}) => gridConfig.transform(styles, { map: mapObject })
|
|
18
|
+
|
|
19
|
+
export const grid = (styles) => css(getGridStyle(styles))
|
|
20
|
+
grid.raw = getGridStyle
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { PropertyValue } from '../types/prop-type.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
|
+
|
|
8
|
+
export interface HstackProperties {
|
|
9
|
+
justify?: PropertyValue<'justifyContent'>
|
|
10
|
+
gap?: PropertyValue<'gap'>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
interface HstackStyles extends HstackProperties, DistributiveOmit<SystemStyleObject, keyof HstackProperties > {}
|
|
15
|
+
|
|
16
|
+
interface HstackPatternFn {
|
|
17
|
+
(styles?: HstackStyles): string
|
|
18
|
+
raw: (styles?: HstackStyles) => SystemStyleObject
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
export declare const hstack: HstackPatternFn;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { mapObject } from '../helpers.mjs';
|
|
2
|
+
import { css } from '../css/index.mjs';
|
|
3
|
+
|
|
4
|
+
const hstackConfig = {
|
|
5
|
+
transform(props) {
|
|
6
|
+
const { justify, gap = "10px", ...rest } = props;
|
|
7
|
+
return {
|
|
8
|
+
display: "flex",
|
|
9
|
+
alignItems: "center",
|
|
10
|
+
justifyContent: justify,
|
|
11
|
+
gap,
|
|
12
|
+
flexDirection: "row",
|
|
13
|
+
...rest
|
|
14
|
+
};
|
|
15
|
+
}}
|
|
16
|
+
|
|
17
|
+
export const getHstackStyle = (styles = {}) => hstackConfig.transform(styles, { map: mapObject })
|
|
18
|
+
|
|
19
|
+
export const hstack = (styles) => css(getHstackStyle(styles))
|
|
20
|
+
hstack.raw = getHstackStyle
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
export * from './box.d.mts';
|
|
3
|
+
export * from './flex.d.mts';
|
|
4
|
+
export * from './stack.d.mts';
|
|
5
|
+
export * from './vstack.d.mts';
|
|
6
|
+
export * from './hstack.d.mts';
|
|
7
|
+
export * from './spacer.d.mts';
|
|
8
|
+
export * from './square.d.mts';
|
|
9
|
+
export * from './circle.d.mts';
|
|
10
|
+
export * from './center.d.mts';
|
|
11
|
+
export * from './link-box.d.mts';
|
|
12
|
+
export * from './link-overlay.d.mts';
|
|
13
|
+
export * from './aspect-ratio.d.mts';
|
|
14
|
+
export * from './grid.d.mts';
|
|
15
|
+
export * from './grid-item.d.mts';
|
|
16
|
+
export * from './wrap.d.mts';
|
|
17
|
+
export * from './container.d.mts';
|
|
18
|
+
export * from './divider.d.mts';
|
|
19
|
+
export * from './float.d.mts';
|
|
20
|
+
export * from './bleed.d.mts';
|
|
21
|
+
export * from './visually-hidden.d.mts';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export * from './box.mjs';
|
|
2
|
+
export * from './flex.mjs';
|
|
3
|
+
export * from './stack.mjs';
|
|
4
|
+
export * from './vstack.mjs';
|
|
5
|
+
export * from './hstack.mjs';
|
|
6
|
+
export * from './spacer.mjs';
|
|
7
|
+
export * from './square.mjs';
|
|
8
|
+
export * from './circle.mjs';
|
|
9
|
+
export * from './center.mjs';
|
|
10
|
+
export * from './link-box.mjs';
|
|
11
|
+
export * from './link-overlay.mjs';
|
|
12
|
+
export * from './aspect-ratio.mjs';
|
|
13
|
+
export * from './grid.mjs';
|
|
14
|
+
export * from './grid-item.mjs';
|
|
15
|
+
export * from './wrap.mjs';
|
|
16
|
+
export * from './container.mjs';
|
|
17
|
+
export * from './divider.mjs';
|
|
18
|
+
export * from './float.mjs';
|
|
19
|
+
export * from './bleed.mjs';
|
|
20
|
+
export * from './visually-hidden.mjs';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { PropertyValue } from '../types/prop-type.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
|
+
|
|
8
|
+
export interface LinkBoxProperties {
|
|
9
|
+
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
interface LinkBoxStyles extends LinkBoxProperties, DistributiveOmit<SystemStyleObject, keyof LinkBoxProperties > {}
|
|
14
|
+
|
|
15
|
+
interface LinkBoxPatternFn {
|
|
16
|
+
(styles?: LinkBoxStyles): string
|
|
17
|
+
raw: (styles?: LinkBoxStyles) => SystemStyleObject
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
export declare const linkBox: LinkBoxPatternFn;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { mapObject } from '../helpers.mjs';
|
|
2
|
+
import { css } from '../css/index.mjs';
|
|
3
|
+
|
|
4
|
+
const linkBoxConfig = {
|
|
5
|
+
transform(props) {
|
|
6
|
+
return {
|
|
7
|
+
position: "relative",
|
|
8
|
+
"& :where(a, abbr)": {
|
|
9
|
+
position: "relative",
|
|
10
|
+
zIndex: "1"
|
|
11
|
+
},
|
|
12
|
+
...props
|
|
13
|
+
};
|
|
14
|
+
}}
|
|
15
|
+
|
|
16
|
+
export const getLinkBoxStyle = (styles = {}) => linkBoxConfig.transform(styles, { map: mapObject })
|
|
17
|
+
|
|
18
|
+
export const linkBox = (styles) => css(getLinkBoxStyle(styles))
|
|
19
|
+
linkBox.raw = getLinkBoxStyle
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { PropertyValue } from '../types/prop-type.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
|
+
|
|
8
|
+
export interface LinkOverlayProperties {
|
|
9
|
+
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
interface LinkOverlayStyles extends LinkOverlayProperties, DistributiveOmit<SystemStyleObject, keyof LinkOverlayProperties > {}
|
|
14
|
+
|
|
15
|
+
interface LinkOverlayPatternFn {
|
|
16
|
+
(styles?: LinkOverlayStyles): string
|
|
17
|
+
raw: (styles?: LinkOverlayStyles) => SystemStyleObject
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
export declare const linkOverlay: LinkOverlayPatternFn;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { mapObject } from '../helpers.mjs';
|
|
2
|
+
import { css } from '../css/index.mjs';
|
|
3
|
+
|
|
4
|
+
const linkOverlayConfig = {
|
|
5
|
+
transform(props) {
|
|
6
|
+
return {
|
|
7
|
+
position: "static",
|
|
8
|
+
_before: {
|
|
9
|
+
content: '""',
|
|
10
|
+
display: "block",
|
|
11
|
+
position: "absolute",
|
|
12
|
+
cursor: "inherit",
|
|
13
|
+
inset: "0",
|
|
14
|
+
zIndex: "0",
|
|
15
|
+
...props["_before"]
|
|
16
|
+
},
|
|
17
|
+
...props
|
|
18
|
+
};
|
|
19
|
+
}}
|
|
20
|
+
|
|
21
|
+
export const getLinkOverlayStyle = (styles = {}) => linkOverlayConfig.transform(styles, { map: mapObject })
|
|
22
|
+
|
|
23
|
+
export const linkOverlay = (styles) => css(getLinkOverlayStyle(styles))
|
|
24
|
+
linkOverlay.raw = getLinkOverlayStyle
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { PropertyValue } from '../types/prop-type.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
|
+
|
|
8
|
+
export interface SpacerProperties {
|
|
9
|
+
size?: ConditionalValue<Tokens["spacing"]>
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
interface SpacerStyles extends SpacerProperties, DistributiveOmit<SystemStyleObject, keyof SpacerProperties > {}
|
|
14
|
+
|
|
15
|
+
interface SpacerPatternFn {
|
|
16
|
+
(styles?: SpacerStyles): string
|
|
17
|
+
raw: (styles?: SpacerStyles) => SystemStyleObject
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
export declare const spacer: SpacerPatternFn;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { mapObject } from '../helpers.mjs';
|
|
2
|
+
import { css } from '../css/index.mjs';
|
|
3
|
+
|
|
4
|
+
const spacerConfig = {
|
|
5
|
+
transform(props, { map }) {
|
|
6
|
+
const { size, ...rest } = props;
|
|
7
|
+
return {
|
|
8
|
+
alignSelf: "stretch",
|
|
9
|
+
justifySelf: "stretch",
|
|
10
|
+
flex: map(size, (v) => v == null ? "1" : `0 0 ${v}`),
|
|
11
|
+
...rest
|
|
12
|
+
};
|
|
13
|
+
}}
|
|
14
|
+
|
|
15
|
+
export const getSpacerStyle = (styles = {}) => spacerConfig.transform(styles, { map: mapObject })
|
|
16
|
+
|
|
17
|
+
export const spacer = (styles) => css(getSpacerStyle(styles))
|
|
18
|
+
spacer.raw = getSpacerStyle
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { PropertyValue } from '../types/prop-type.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
|
+
|
|
8
|
+
export interface SquareProperties {
|
|
9
|
+
size?: PropertyValue<'width'>
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
interface SquareStyles extends SquareProperties, DistributiveOmit<SystemStyleObject, keyof SquareProperties > {}
|
|
14
|
+
|
|
15
|
+
interface SquarePatternFn {
|
|
16
|
+
(styles?: SquareStyles): string
|
|
17
|
+
raw: (styles?: SquareStyles) => SystemStyleObject
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
export declare const square: SquarePatternFn;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { mapObject } from '../helpers.mjs';
|
|
2
|
+
import { css } from '../css/index.mjs';
|
|
3
|
+
|
|
4
|
+
const squareConfig = {
|
|
5
|
+
transform(props) {
|
|
6
|
+
const { size, ...rest } = props;
|
|
7
|
+
return {
|
|
8
|
+
display: "flex",
|
|
9
|
+
alignItems: "center",
|
|
10
|
+
justifyContent: "center",
|
|
11
|
+
flex: "0 0 auto",
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
...rest
|
|
15
|
+
};
|
|
16
|
+
}}
|
|
17
|
+
|
|
18
|
+
export const getSquareStyle = (styles = {}) => squareConfig.transform(styles, { map: mapObject })
|
|
19
|
+
|
|
20
|
+
export const square = (styles) => css(getSquareStyle(styles))
|
|
21
|
+
square.raw = getSquareStyle
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { PropertyValue } from '../types/prop-type.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
|
+
|
|
8
|
+
export interface StackProperties {
|
|
9
|
+
align?: PropertyValue<'alignItems'>
|
|
10
|
+
justify?: PropertyValue<'justifyContent'>
|
|
11
|
+
direction?: PropertyValue<'flexDirection'>
|
|
12
|
+
gap?: PropertyValue<'gap'>
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
interface StackStyles extends StackProperties, DistributiveOmit<SystemStyleObject, keyof StackProperties > {}
|
|
17
|
+
|
|
18
|
+
interface StackPatternFn {
|
|
19
|
+
(styles?: StackStyles): string
|
|
20
|
+
raw: (styles?: StackStyles) => SystemStyleObject
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
export declare const stack: StackPatternFn;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { mapObject } from '../helpers.mjs';
|
|
2
|
+
import { css } from '../css/index.mjs';
|
|
3
|
+
|
|
4
|
+
const stackConfig = {
|
|
5
|
+
transform(props) {
|
|
6
|
+
const { align, justify, direction = "column", gap = "10px", ...rest } = props;
|
|
7
|
+
return {
|
|
8
|
+
display: "flex",
|
|
9
|
+
flexDirection: direction,
|
|
10
|
+
alignItems: align,
|
|
11
|
+
justifyContent: justify,
|
|
12
|
+
gap,
|
|
13
|
+
...rest
|
|
14
|
+
};
|
|
15
|
+
}}
|
|
16
|
+
|
|
17
|
+
export const getStackStyle = (styles = {}) => stackConfig.transform(styles, { map: mapObject })
|
|
18
|
+
|
|
19
|
+
export const stack = (styles) => css(getStackStyle(styles))
|
|
20
|
+
stack.raw = getStackStyle
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { PropertyValue } from '../types/prop-type.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
|
+
|
|
8
|
+
export interface VisuallyHiddenProperties {
|
|
9
|
+
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
interface VisuallyHiddenStyles extends VisuallyHiddenProperties, DistributiveOmit<SystemStyleObject, keyof VisuallyHiddenProperties > {}
|
|
14
|
+
|
|
15
|
+
interface VisuallyHiddenPatternFn {
|
|
16
|
+
(styles?: VisuallyHiddenStyles): string
|
|
17
|
+
raw: (styles?: VisuallyHiddenStyles) => SystemStyleObject
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
export declare const visuallyHidden: VisuallyHiddenPatternFn;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { mapObject } from '../helpers.mjs';
|
|
2
|
+
import { css } from '../css/index.mjs';
|
|
3
|
+
|
|
4
|
+
const visuallyHiddenConfig = {
|
|
5
|
+
transform(props) {
|
|
6
|
+
return {
|
|
7
|
+
srOnly: true,
|
|
8
|
+
...props
|
|
9
|
+
};
|
|
10
|
+
}}
|
|
11
|
+
|
|
12
|
+
export const getVisuallyHiddenStyle = (styles = {}) => visuallyHiddenConfig.transform(styles, { map: mapObject })
|
|
13
|
+
|
|
14
|
+
export const visuallyHidden = (styles) => css(getVisuallyHiddenStyle(styles))
|
|
15
|
+
visuallyHidden.raw = getVisuallyHiddenStyle
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { PropertyValue } from '../types/prop-type.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
|
+
|
|
8
|
+
export interface VstackProperties {
|
|
9
|
+
justify?: PropertyValue<'justifyContent'>
|
|
10
|
+
gap?: PropertyValue<'gap'>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
interface VstackStyles extends VstackProperties, DistributiveOmit<SystemStyleObject, keyof VstackProperties > {}
|
|
15
|
+
|
|
16
|
+
interface VstackPatternFn {
|
|
17
|
+
(styles?: VstackStyles): string
|
|
18
|
+
raw: (styles?: VstackStyles) => SystemStyleObject
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
export declare const vstack: VstackPatternFn;
|