@luxonis/depthai-pipeline-lib 1.4.8 → 1.4.10
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/package.json +1 -1
- package/dist/index.css +0 -3
- package/dist/panda.css +0 -1474
- package/dist/src/components/Node.d.ts +0 -5
- package/dist/src/components/Node.js +0 -42
- package/dist/src/components/PipelineCanvas.d.ts +0 -7
- package/dist/src/components/PipelineCanvas.js +0 -56
- package/dist/src/index.d.ts +0 -4
- package/dist/src/index.js +0 -2
- package/dist/src/services/pipeline.d.ts +0 -51
- package/dist/src/services/pipeline.js +0 -40
- package/dist/src/styled-system/chunks/src__components__Node.css +0 -195
- package/dist/src/styled-system/chunks/src__components__PipelineCanvas.css +0 -25
- package/dist/src/styled-system/css/conditions.mjs +0 -34
- package/dist/src/styled-system/css/css.d.mts +0 -9
- package/dist/src/styled-system/css/css.mjs +0 -44
- package/dist/src/styled-system/css/cva.d.mts +0 -6
- package/dist/src/styled-system/css/cva.mjs +0 -63
- package/dist/src/styled-system/css/cx.d.mts +0 -5
- package/dist/src/styled-system/css/cx.mjs +0 -15
- package/dist/src/styled-system/css/index.d.mts +0 -5
- package/dist/src/styled-system/css/index.mjs +0 -4
- package/dist/src/styled-system/css/sva.d.mts +0 -4
- package/dist/src/styled-system/css/sva.mjs +0 -35
- package/dist/src/styled-system/global.css +0 -70
- package/dist/src/styled-system/helpers.mjs +0 -282
- package/dist/src/styled-system/patterns/aspect-ratio.d.mts +0 -21
- package/dist/src/styled-system/patterns/aspect-ratio.mjs +0 -35
- package/dist/src/styled-system/patterns/bleed.d.mts +0 -22
- package/dist/src/styled-system/patterns/bleed.mjs +0 -19
- package/dist/src/styled-system/patterns/box.d.mts +0 -21
- package/dist/src/styled-system/patterns/box.mjs +0 -12
- package/dist/src/styled-system/patterns/center.d.mts +0 -21
- package/dist/src/styled-system/patterns/center.mjs +0 -18
- package/dist/src/styled-system/patterns/circle.d.mts +0 -21
- package/dist/src/styled-system/patterns/circle.mjs +0 -22
- package/dist/src/styled-system/patterns/container.d.mts +0 -21
- package/dist/src/styled-system/patterns/container.mjs +0 -18
- package/dist/src/styled-system/patterns/divider.d.mts +0 -23
- package/dist/src/styled-system/patterns/divider.mjs +0 -21
- package/dist/src/styled-system/patterns/flex.d.mts +0 -27
- package/dist/src/styled-system/patterns/flex.mjs +0 -23
- package/dist/src/styled-system/patterns/float.d.mts +0 -24
- package/dist/src/styled-system/patterns/float.mjs +0 -45
- package/dist/src/styled-system/patterns/grid-item.d.mts +0 -26
- package/dist/src/styled-system/patterns/grid-item.mjs +0 -22
- package/dist/src/styled-system/patterns/grid.d.mts +0 -25
- package/dist/src/styled-system/patterns/grid.mjs +0 -20
- package/dist/src/styled-system/patterns/hstack.d.mts +0 -22
- package/dist/src/styled-system/patterns/hstack.mjs +0 -20
- package/dist/src/styled-system/patterns/index.d.mts +0 -21
- package/dist/src/styled-system/patterns/index.mjs +0 -20
- package/dist/src/styled-system/patterns/link-box.d.mts +0 -21
- package/dist/src/styled-system/patterns/link-box.mjs +0 -19
- package/dist/src/styled-system/patterns/link-overlay.d.mts +0 -21
- package/dist/src/styled-system/patterns/link-overlay.mjs +0 -24
- package/dist/src/styled-system/patterns/spacer.d.mts +0 -21
- package/dist/src/styled-system/patterns/spacer.mjs +0 -18
- package/dist/src/styled-system/patterns/square.d.mts +0 -21
- package/dist/src/styled-system/patterns/square.mjs +0 -21
- package/dist/src/styled-system/patterns/stack.d.mts +0 -24
- package/dist/src/styled-system/patterns/stack.mjs +0 -20
- package/dist/src/styled-system/patterns/visually-hidden.d.mts +0 -21
- package/dist/src/styled-system/patterns/visually-hidden.mjs +0 -15
- package/dist/src/styled-system/patterns/vstack.d.mts +0 -22
- package/dist/src/styled-system/patterns/vstack.mjs +0 -20
- package/dist/src/styled-system/patterns/wrap.d.mts +0 -25
- package/dist/src/styled-system/patterns/wrap.mjs +0 -22
- package/dist/src/styled-system/recipes/accordion.d.mts +0 -28
- package/dist/src/styled-system/recipes/accordion.mjs +0 -46
- package/dist/src/styled-system/recipes/alert-description.d.mts +0 -28
- package/dist/src/styled-system/recipes/alert-description.mjs +0 -19
- package/dist/src/styled-system/recipes/alert-dialog.d.mts +0 -28
- package/dist/src/styled-system/recipes/alert-dialog.mjs +0 -70
- package/dist/src/styled-system/recipes/alert-title.d.mts +0 -28
- package/dist/src/styled-system/recipes/alert-title.mjs +0 -19
- package/dist/src/styled-system/recipes/alert.d.mts +0 -28
- package/dist/src/styled-system/recipes/alert.mjs +0 -26
- package/dist/src/styled-system/recipes/avatar.d.mts +0 -28
- package/dist/src/styled-system/recipes/avatar.mjs +0 -38
- package/dist/src/styled-system/recipes/badge.d.mts +0 -28
- package/dist/src/styled-system/recipes/badge.mjs +0 -28
- package/dist/src/styled-system/recipes/blockquote.d.mts +0 -28
- package/dist/src/styled-system/recipes/blockquote.mjs +0 -19
- package/dist/src/styled-system/recipes/button.d.mts +0 -29
- package/dist/src/styled-system/recipes/button.mjs +0 -37
- package/dist/src/styled-system/recipes/calendar.d.mts +0 -28
- package/dist/src/styled-system/recipes/calendar.mjs +0 -118
- package/dist/src/styled-system/recipes/card-content.d.mts +0 -28
- package/dist/src/styled-system/recipes/card-content.mjs +0 -19
- package/dist/src/styled-system/recipes/card-description.d.mts +0 -28
- package/dist/src/styled-system/recipes/card-description.mjs +0 -19
- package/dist/src/styled-system/recipes/card-footer.d.mts +0 -28
- package/dist/src/styled-system/recipes/card-footer.mjs +0 -19
- package/dist/src/styled-system/recipes/card-header.d.mts +0 -28
- package/dist/src/styled-system/recipes/card-header.mjs +0 -19
- package/dist/src/styled-system/recipes/card-title.d.mts +0 -28
- package/dist/src/styled-system/recipes/card-title.mjs +0 -19
- package/dist/src/styled-system/recipes/card.d.mts +0 -28
- package/dist/src/styled-system/recipes/card.mjs +0 -19
- package/dist/src/styled-system/recipes/checkbox.d.mts +0 -28
- package/dist/src/styled-system/recipes/checkbox.mjs +0 -34
- package/dist/src/styled-system/recipes/collapsible.d.mts +0 -28
- package/dist/src/styled-system/recipes/collapsible.mjs +0 -38
- package/dist/src/styled-system/recipes/command-dialog.d.mts +0 -28
- package/dist/src/styled-system/recipes/command-dialog.mjs +0 -34
- package/dist/src/styled-system/recipes/command.d.mts +0 -28
- package/dist/src/styled-system/recipes/command.mjs +0 -66
- package/dist/src/styled-system/recipes/context-menu.d.mts +0 -28
- package/dist/src/styled-system/recipes/context-menu.mjs +0 -98
- package/dist/src/styled-system/recipes/create-recipe.d.mts +0 -1
- package/dist/src/styled-system/recipes/create-recipe.mjs +0 -50
- package/dist/src/styled-system/recipes/dialog.d.mts +0 -28
- package/dist/src/styled-system/recipes/dialog.mjs +0 -66
- package/dist/src/styled-system/recipes/dropdown-menu.d.mts +0 -28
- package/dist/src/styled-system/recipes/dropdown-menu.mjs +0 -90
- package/dist/src/styled-system/recipes/form-control.d.mts +0 -28
- package/dist/src/styled-system/recipes/form-control.mjs +0 -19
- package/dist/src/styled-system/recipes/form-description.d.mts +0 -28
- package/dist/src/styled-system/recipes/form-description.mjs +0 -19
- package/dist/src/styled-system/recipes/form-item.d.mts +0 -28
- package/dist/src/styled-system/recipes/form-item.mjs +0 -19
- package/dist/src/styled-system/recipes/form-label.d.mts +0 -28
- package/dist/src/styled-system/recipes/form-label.mjs +0 -19
- package/dist/src/styled-system/recipes/form-message.d.mts +0 -28
- package/dist/src/styled-system/recipes/form-message.mjs +0 -19
- package/dist/src/styled-system/recipes/h1.d.mts +0 -28
- package/dist/src/styled-system/recipes/h1.mjs +0 -19
- package/dist/src/styled-system/recipes/h2.d.mts +0 -28
- package/dist/src/styled-system/recipes/h2.mjs +0 -19
- package/dist/src/styled-system/recipes/h3.d.mts +0 -28
- package/dist/src/styled-system/recipes/h3.mjs +0 -19
- package/dist/src/styled-system/recipes/h4.d.mts +0 -28
- package/dist/src/styled-system/recipes/h4.mjs +0 -19
- package/dist/src/styled-system/recipes/hover-card.d.mts +0 -28
- package/dist/src/styled-system/recipes/hover-card.mjs +0 -38
- package/dist/src/styled-system/recipes/icon.d.mts +0 -32
- package/dist/src/styled-system/recipes/icon.mjs +0 -49
- package/dist/src/styled-system/recipes/index.d.mts +0 -74
- package/dist/src/styled-system/recipes/index.mjs +0 -73
- package/dist/src/styled-system/recipes/inline-code.d.mts +0 -28
- package/dist/src/styled-system/recipes/inline-code.mjs +0 -19
- package/dist/src/styled-system/recipes/input.d.mts +0 -28
- package/dist/src/styled-system/recipes/input.mjs +0 -19
- package/dist/src/styled-system/recipes/label.d.mts +0 -28
- package/dist/src/styled-system/recipes/label.mjs +0 -19
- package/dist/src/styled-system/recipes/large.d.mts +0 -28
- package/dist/src/styled-system/recipes/large.mjs +0 -19
- package/dist/src/styled-system/recipes/lead.d.mts +0 -28
- package/dist/src/styled-system/recipes/lead.mjs +0 -19
- package/dist/src/styled-system/recipes/link.d.mts +0 -28
- package/dist/src/styled-system/recipes/link.mjs +0 -19
- package/dist/src/styled-system/recipes/list.d.mts +0 -28
- package/dist/src/styled-system/recipes/list.mjs +0 -19
- package/dist/src/styled-system/recipes/menubar.d.mts +0 -28
- package/dist/src/styled-system/recipes/menubar.mjs +0 -94
- package/dist/src/styled-system/recipes/muted.d.mts +0 -28
- package/dist/src/styled-system/recipes/muted.mjs +0 -19
- package/dist/src/styled-system/recipes/navigation-menu.d.mts +0 -28
- package/dist/src/styled-system/recipes/navigation-menu.mjs +0 -62
- package/dist/src/styled-system/recipes/p.d.mts +0 -28
- package/dist/src/styled-system/recipes/p.mjs +0 -19
- package/dist/src/styled-system/recipes/popover.d.mts +0 -28
- package/dist/src/styled-system/recipes/popover.mjs +0 -42
- package/dist/src/styled-system/recipes/progress.d.mts +0 -28
- package/dist/src/styled-system/recipes/progress.mjs +0 -34
- package/dist/src/styled-system/recipes/radio-group.d.mts +0 -28
- package/dist/src/styled-system/recipes/radio-group.mjs +0 -42
- package/dist/src/styled-system/recipes/scroll-area.d.mts +0 -28
- package/dist/src/styled-system/recipes/scroll-area.mjs +0 -46
- package/dist/src/styled-system/recipes/select.d.mts +0 -28
- package/dist/src/styled-system/recipes/select.mjs +0 -66
- package/dist/src/styled-system/recipes/separator.d.mts +0 -28
- package/dist/src/styled-system/recipes/separator.mjs +0 -26
- package/dist/src/styled-system/recipes/sheet.d.mts +0 -28
- package/dist/src/styled-system/recipes/sheet.mjs +0 -81
- package/dist/src/styled-system/recipes/skeleton.d.mts +0 -28
- package/dist/src/styled-system/recipes/skeleton.mjs +0 -19
- package/dist/src/styled-system/recipes/slider.d.mts +0 -28
- package/dist/src/styled-system/recipes/slider.mjs +0 -42
- package/dist/src/styled-system/recipes/small.d.mts +0 -28
- package/dist/src/styled-system/recipes/small.mjs +0 -19
- package/dist/src/styled-system/recipes/switch-recipe.d.mts +0 -28
- package/dist/src/styled-system/recipes/switch-recipe.mjs +0 -34
- package/dist/src/styled-system/recipes/table-body.d.mts +0 -28
- package/dist/src/styled-system/recipes/table-body.mjs +0 -19
- package/dist/src/styled-system/recipes/table-caption.d.mts +0 -28
- package/dist/src/styled-system/recipes/table-caption.mjs +0 -19
- package/dist/src/styled-system/recipes/table-cell.d.mts +0 -28
- package/dist/src/styled-system/recipes/table-cell.mjs +0 -19
- package/dist/src/styled-system/recipes/table-container.d.mts +0 -28
- package/dist/src/styled-system/recipes/table-container.mjs +0 -19
- package/dist/src/styled-system/recipes/table-footer.d.mts +0 -28
- package/dist/src/styled-system/recipes/table-footer.mjs +0 -19
- package/dist/src/styled-system/recipes/table-head.d.mts +0 -28
- package/dist/src/styled-system/recipes/table-head.mjs +0 -19
- package/dist/src/styled-system/recipes/table-header.d.mts +0 -28
- package/dist/src/styled-system/recipes/table-header.mjs +0 -19
- package/dist/src/styled-system/recipes/table-row.d.mts +0 -28
- package/dist/src/styled-system/recipes/table-row.mjs +0 -19
- package/dist/src/styled-system/recipes/table.d.mts +0 -28
- package/dist/src/styled-system/recipes/table.mjs +0 -19
- package/dist/src/styled-system/recipes/tabs.d.mts +0 -28
- package/dist/src/styled-system/recipes/tabs.mjs +0 -42
- package/dist/src/styled-system/recipes/textarea.d.mts +0 -28
- package/dist/src/styled-system/recipes/textarea.mjs +0 -19
- package/dist/src/styled-system/recipes/toast-viewport.d.mts +0 -28
- package/dist/src/styled-system/recipes/toast-viewport.mjs +0 -19
- package/dist/src/styled-system/recipes/toast.d.mts +0 -28
- package/dist/src/styled-system/recipes/toast.mjs +0 -59
- package/dist/src/styled-system/recipes/toggle.d.mts +0 -29
- package/dist/src/styled-system/recipes/toggle.mjs +0 -32
- package/dist/src/styled-system/recipes/tooltip.d.mts +0 -28
- package/dist/src/styled-system/recipes/tooltip.mjs +0 -38
- package/dist/src/styled-system/recipes/typography-table-container.d.mts +0 -28
- package/dist/src/styled-system/recipes/typography-table-container.mjs +0 -19
- package/dist/src/styled-system/recipes/typography-table.d.mts +0 -28
- package/dist/src/styled-system/recipes/typography-table.mjs +0 -19
- package/dist/src/styled-system/reset.css +0 -206
- package/dist/src/styled-system/static.css +0 -320
- package/dist/src/styled-system/tokens/index.css +0 -620
- package/dist/src/styled-system/tokens/index.d.mts +0 -9
- package/dist/src/styled-system/tokens/index.mjs +0 -2680
- package/dist/src/styled-system/tokens/keyframes.css +0 -56
- package/dist/src/styled-system/tokens/tokens.d.mts +0 -63
- package/dist/src/styled-system/types/composition.d.mts +0 -111
- package/dist/src/styled-system/types/conditions.d.mts +0 -266
- package/dist/src/styled-system/types/csstype.d.mts +0 -20749
- package/dist/src/styled-system/types/global.d.mts +0 -19
- package/dist/src/styled-system/types/helpers.d.mts +0 -2
- package/dist/src/styled-system/types/index.d.mts +0 -8
- package/dist/src/styled-system/types/parts.d.mts +0 -6
- package/dist/src/styled-system/types/pattern.d.mts +0 -61
- package/dist/src/styled-system/types/prop-type.d.mts +0 -340
- package/dist/src/styled-system/types/recipe.d.mts +0 -148
- package/dist/src/styled-system/types/selectors.d.mts +0 -59
- package/dist/src/styled-system/types/style-props.d.mts +0 -687
- package/dist/src/styled-system/types/system-types.d.mts +0 -85
|
@@ -1,21 +0,0 @@
|
|
|
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
|
|
@@ -1,27 +0,0 @@
|
|
|
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;
|
|
@@ -1,23 +0,0 @@
|
|
|
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
|
|
@@ -1,24 +0,0 @@
|
|
|
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;
|
|
@@ -1,45 +0,0 @@
|
|
|
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
|
|
@@ -1,26 +0,0 @@
|
|
|
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;
|
|
@@ -1,22 +0,0 @@
|
|
|
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
|
|
@@ -1,25 +0,0 @@
|
|
|
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;
|
|
@@ -1,20 +0,0 @@
|
|
|
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
|
|
@@ -1,22 +0,0 @@
|
|
|
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;
|
|
@@ -1,20 +0,0 @@
|
|
|
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
|
|
@@ -1,21 +0,0 @@
|
|
|
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';
|
|
@@ -1,20 +0,0 @@
|
|
|
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';
|
|
@@ -1,21 +0,0 @@
|
|
|
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;
|
|
@@ -1,19 +0,0 @@
|
|
|
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
|
|
@@ -1,21 +0,0 @@
|
|
|
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;
|
|
@@ -1,24 +0,0 @@
|
|
|
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
|
|
@@ -1,21 +0,0 @@
|
|
|
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;
|
|
@@ -1,18 +0,0 @@
|
|
|
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
|
|
@@ -1,21 +0,0 @@
|
|
|
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;
|
|
@@ -1,21 +0,0 @@
|
|
|
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
|
|
@@ -1,24 +0,0 @@
|
|
|
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;
|
|
@@ -1,20 +0,0 @@
|
|
|
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
|
|
@@ -1,21 +0,0 @@
|
|
|
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;
|
|
@@ -1,15 +0,0 @@
|
|
|
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
|
|
@@ -1,22 +0,0 @@
|
|
|
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;
|
|
@@ -1,20 +0,0 @@
|
|
|
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
|