@luxonis/depthai-pipeline-lib 1.4.8
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/LICENSE.md +1 -0
- package/README.md +14 -0
- 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 +42 -0
- package/dist/src/components/PipelineCanvas.d.ts +7 -0
- package/dist/src/components/PipelineCanvas.js +56 -0
- package/dist/src/index.d.ts +4 -0
- package/dist/src/index.js +2 -0
- package/dist/src/services/pipeline.d.ts +51 -0
- package/dist/src/services/pipeline.js +40 -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 +63 -0
|
@@ -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;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { mapObject } from '../helpers.mjs';
|
|
2
|
+
import { css } from '../css/index.mjs';
|
|
3
|
+
|
|
4
|
+
const vstackConfig = {
|
|
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: "column",
|
|
13
|
+
...rest
|
|
14
|
+
};
|
|
15
|
+
}}
|
|
16
|
+
|
|
17
|
+
export const getVstackStyle = (styles = {}) => vstackConfig.transform(styles, { map: mapObject })
|
|
18
|
+
|
|
19
|
+
export const vstack = (styles) => css(getVstackStyle(styles))
|
|
20
|
+
vstack.raw = getVstackStyle
|