thread-ui 0.13.0 → 0.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -7
- package/dist/components/content-display/carousel/carousel-context.d.ts +117 -9
- package/dist/components/content-display/carousel/carousel.d.ts +1 -1
- package/dist/components/content-display/carousel/carousel.js +19 -4
- package/dist/components/content-display/carousel/carousel.js.map +1 -1
- package/dist/components/content-display/carousel/carousel.types.d.ts +10 -9
- package/dist/components/content-display/carousel/components/carousel-controls.js +1 -1
- package/dist/components/content-display/carousel/components/carousel-controls.js.map +1 -1
- package/dist/components/content-display/carousel/components/carousel-header.d.ts +1 -1
- package/dist/components/content-display/carousel/components/carousel-header.js +6 -13
- package/dist/components/content-display/carousel/components/carousel-header.js.map +1 -1
- package/dist/components/content-display/carousel/components/carousel-item.js +1 -5
- package/dist/components/content-display/carousel/components/carousel-item.js.map +1 -1
- package/dist/components/content-display/gallery/components/gallery-content.js +3 -4
- package/dist/components/content-display/gallery/components/gallery-content.js.map +1 -1
- package/dist/components/content-display/gallery/gallery-context.d.ts +117 -9
- package/dist/components/content-display/gallery/gallery.d.ts +1 -1
- package/dist/components/content-display/gallery/gallery.js +2 -1
- package/dist/components/content-display/gallery/gallery.js.map +1 -1
- package/dist/components/content-display/gallery/gallery.types.d.ts +4 -5
- package/dist/components/content-display/lightbox/components/lightbox-title.js +5 -8
- package/dist/components/content-display/lightbox/components/lightbox-title.js.map +1 -1
- package/dist/components/content-display/lightbox/lightbox-context.d.ts +44 -2
- package/dist/components/content-display/lightbox/lightbox.types.d.ts +1 -1
- package/dist/components/layouts/column-layout/column-layout.d.ts +2 -2
- package/dist/components/layouts/column-layout/column-layout.js +6 -6
- package/dist/components/layouts/column-layout/column-layout.js.map +1 -1
- package/dist/components/layouts/column-layout/column-layout.types.d.ts +4 -7
- package/dist/components/layouts/footer/footer.d.ts +3 -3
- package/dist/components/layouts/footer/footer.js +4 -4
- package/dist/components/layouts/footer/footer.js.map +1 -1
- package/dist/components/layouts/footer/footer.types.d.ts +1 -1
- package/dist/components/layouts/layout-component.types.d.ts +2 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.d.ts +1 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.js +3 -3
- package/dist/components/layouts/masonry-layout/masonry-layout.js.map +1 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.types.d.ts +4 -6
- package/dist/components/media-display/info-card/info-card.js +2 -2
- package/dist/components/media-display/info-card/info-card.js.map +1 -1
- package/dist/components/media-display/info-card/info-card.types.d.ts +1 -1
- package/dist/components/typography/heading/heading.js +1 -1
- package/dist/components/typography/heading/heading.js.map +1 -1
- package/dist/components/typography/page-header/page-header.d.ts +3 -3
- package/dist/components/typography/page-header/page-header.js +5 -5
- package/dist/components/typography/page-header/page-header.js.map +1 -1
- package/dist/components/typography/page-header/page-header.types.d.ts +3 -3
- package/dist/components/ui/button/button-recipe.js +11 -10
- package/dist/components/ui/button/button-recipe.js.map +1 -1
- package/dist/components/ui/card/card.d.ts +1 -1
- package/dist/components/ui/card/card.js +14 -9
- package/dist/components/ui/card/card.js.map +1 -1
- package/dist/components/ui/card/card.types.d.ts +2 -0
- package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.types.d.ts +1 -1
- package/dist/components/ui/modal/modal-context.d.ts +2 -2
- package/dist/internal-components/content-header/content-header.d.ts +12 -0
- package/dist/internal-components/content-header/content-header.js +36 -0
- package/dist/internal-components/content-header/content-header.js.map +1 -0
- package/dist/internal-components/content-header/content-header.types.d.ts +32 -0
- package/dist/internal-components/content-header/content-header.types.js +2 -0
- package/dist/internal-components/content-header/content-header.types.js.map +1 -0
- package/dist/internal-components/content-header/index.d.ts +2 -0
- package/dist/internal-components/content-header/index.js +2 -0
- package/dist/internal-components/content-header/index.js.map +1 -0
- package/dist/internal-components/index.d.ts +2 -0
- package/dist/internal-components/index.js +2 -0
- package/dist/internal-components/index.js.map +1 -1
- package/dist/internal-components/modal-primitive/modal-primitive.d.ts +1 -1
- package/dist/internal-components/modal-primitive/modal-primitive.js +3 -2
- package/dist/internal-components/modal-primitive/modal-primitive.js.map +1 -1
- package/dist/internal-components/modal-primitive/modal-primitive.types.d.ts +2 -0
- package/dist/internal-components/surface/index.d.ts +2 -0
- package/dist/internal-components/surface/index.js +2 -0
- package/dist/internal-components/surface/index.js.map +1 -0
- package/dist/internal-components/surface/surface.d.ts +3 -0
- package/dist/internal-components/surface/surface.js +11 -0
- package/dist/internal-components/surface/surface.js.map +1 -0
- package/dist/internal-components/surface/surface.types.d.ts +15 -0
- package/dist/internal-components/surface/surface.types.js +2 -0
- package/dist/internal-components/surface/surface.types.js.map +1 -0
- package/dist/styled-system/recipes/button.js +6 -6
- package/dist/styled-system/tokens/index.js +8 -0
- package/dist/styled-system/tokens/tokens.d.ts +1 -1
- package/dist/styles/panda.css +1 -1
- package/dist/styles/theme.css +6 -0
- package/dist/theme/css-name-configurations/theme-css-names.d.ts +1 -0
- package/dist/theme/css-name-configurations/theme-css-names.js +3 -0
- package/dist/theme/css-name-configurations/theme-css-names.js.map +1 -1
- package/dist/theme/default-theme.js +2 -0
- package/dist/theme/default-theme.js.map +1 -1
- package/dist/theme/theme-surface-system.d.ts +2 -1
- package/dist/theme/theme-surface-system.js.map +1 -1
- package/dist/types/colors/utility-color-options.types.d.ts +1 -1
- package/dist/types/theme/theme.types.d.ts +1 -0
- package/dist/utils/theme-utilities/get-colored-text-color/get-colored-text-color.js +2 -0
- package/dist/utils/theme-utilities/get-colored-text-color/get-colored-text-color.js.map +1 -1
- package/dist/utils/theme-utilities/get-surface-styles/get-surface-styles.d.ts +2 -3
- package/dist/utils/theme-utilities/get-surface-styles/get-surface-styles.js.map +1 -1
- package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.js +1 -0
- package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.js.map +1 -1
- package/dist/utils/theme-utilities/get-utility-size-value/get-utility-size-value.d.ts +1 -1
- package/package.json +1 -1
- package/dist/styled-system/css/conditions..js +0 -36
- package/dist/styled-system/css/conditions.mjs +0 -36
- package/dist/styled-system/css/css..js +0 -45
- package/dist/styled-system/css/css.mjs +0 -45
- package/dist/styled-system/css/cva..js +0 -87
- package/dist/styled-system/css/cva.mjs +0 -87
- package/dist/styled-system/css/cx..js +0 -15
- package/dist/styled-system/css/cx.mjs +0 -15
- package/dist/styled-system/css/index..js +0 -4
- package/dist/styled-system/css/index.mjs +0 -4
- package/dist/styled-system/css/sva..js +0 -46
- package/dist/styled-system/css/sva.mjs +0 -46
- package/dist/styled-system/helpers..js +0 -316
- package/dist/styled-system/helpers.mjs +0 -316
- package/dist/styled-system/patterns/aspect-ratio..js +0 -38
- package/dist/styled-system/patterns/aspect-ratio.mjs +0 -38
- package/dist/styled-system/patterns/bleed..js +0 -24
- package/dist/styled-system/patterns/bleed.mjs +0 -24
- package/dist/styled-system/patterns/box..js +0 -15
- package/dist/styled-system/patterns/box.mjs +0 -15
- package/dist/styled-system/patterns/center..js +0 -21
- package/dist/styled-system/patterns/center.mjs +0 -21
- package/dist/styled-system/patterns/circle..js +0 -25
- package/dist/styled-system/patterns/circle.mjs +0 -25
- package/dist/styled-system/patterns/container..js +0 -22
- package/dist/styled-system/patterns/container.mjs +0 -22
- package/dist/styled-system/patterns/cq..js +0 -21
- package/dist/styled-system/patterns/cq.mjs +0 -21
- package/dist/styled-system/patterns/divider..js +0 -25
- package/dist/styled-system/patterns/divider.mjs +0 -25
- package/dist/styled-system/patterns/flex..js +0 -26
- package/dist/styled-system/patterns/flex.mjs +0 -26
- package/dist/styled-system/patterns/float..js +0 -52
- package/dist/styled-system/patterns/float.mjs +0 -52
- package/dist/styled-system/patterns/grid-item..js +0 -25
- package/dist/styled-system/patterns/grid-item.mjs +0 -25
- package/dist/styled-system/patterns/grid..js +0 -27
- package/dist/styled-system/patterns/grid.mjs +0 -27
- package/dist/styled-system/patterns/hstack..js +0 -24
- package/dist/styled-system/patterns/hstack.mjs +0 -24
- package/dist/styled-system/patterns/index..js +0 -20
- package/dist/styled-system/patterns/index.mjs +0 -20
- package/dist/styled-system/patterns/link-overlay..js +0 -24
- package/dist/styled-system/patterns/link-overlay.mjs +0 -24
- package/dist/styled-system/patterns/spacer..js +0 -21
- package/dist/styled-system/patterns/spacer.mjs +0 -21
- package/dist/styled-system/patterns/square..js +0 -24
- package/dist/styled-system/patterns/square.mjs +0 -24
- package/dist/styled-system/patterns/stack..js +0 -24
- package/dist/styled-system/patterns/stack.mjs +0 -24
- package/dist/styled-system/patterns/visually-hidden..js +0 -18
- package/dist/styled-system/patterns/visually-hidden.mjs +0 -18
- package/dist/styled-system/patterns/vstack..js +0 -24
- package/dist/styled-system/patterns/vstack.mjs +0 -24
- package/dist/styled-system/patterns/wrap..js +0 -25
- package/dist/styled-system/patterns/wrap.mjs +0 -25
- package/dist/styled-system/recipes/button..js +0 -445
- package/dist/styled-system/recipes/button.mjs +0 -445
- package/dist/styled-system/recipes/create-recipe..js +0 -82
- package/dist/styled-system/recipes/create-recipe.mjs +0 -82
- package/dist/styled-system/recipes/index..js +0 -1
- package/dist/styled-system/recipes/index.mjs +0 -1
- package/dist/styled-system/styles.css +0 -1
- package/dist/styled-system/tokens/index..js +0 -2104
- package/dist/styled-system/tokens/index.mjs +0 -2164
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export * from './container.mjs';
|
|
2
|
-
export * from './box.mjs';
|
|
3
|
-
export * from './flex.mjs';
|
|
4
|
-
export * from './stack.mjs';
|
|
5
|
-
export * from './vstack.mjs';
|
|
6
|
-
export * from './hstack.mjs';
|
|
7
|
-
export * from './spacer.mjs';
|
|
8
|
-
export * from './square.mjs';
|
|
9
|
-
export * from './circle.mjs';
|
|
10
|
-
export * from './center.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 './divider.mjs';
|
|
17
|
-
export * from './float.mjs';
|
|
18
|
-
export * from './bleed.mjs';
|
|
19
|
-
export * from './visually-hidden.mjs';
|
|
20
|
-
export * from './cq.mjs';
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { getPatternStyles, patternFns } from '../helpers..js';
|
|
2
|
-
import { css } from '../css/index..js';
|
|
3
|
-
|
|
4
|
-
const linkOverlayConfig = {
|
|
5
|
-
transform(props) {
|
|
6
|
-
return {
|
|
7
|
-
_before: {
|
|
8
|
-
content: '""',
|
|
9
|
-
position: "absolute",
|
|
10
|
-
inset: "0",
|
|
11
|
-
zIndex: "0",
|
|
12
|
-
...props["_before"]
|
|
13
|
-
},
|
|
14
|
-
...props
|
|
15
|
-
};
|
|
16
|
-
}}
|
|
17
|
-
|
|
18
|
-
export const getLinkOverlayStyle = (styles = {}) => {
|
|
19
|
-
const _styles = getPatternStyles(linkOverlayConfig, styles)
|
|
20
|
-
return linkOverlayConfig.transform(_styles, patternFns)
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export const linkOverlay = (styles) => css(getLinkOverlayStyle(styles))
|
|
24
|
-
linkOverlay.raw = getLinkOverlayStyle
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { getPatternStyles, patternFns } from '../helpers.mjs';
|
|
2
|
-
import { css } from '../css/index.mjs';
|
|
3
|
-
|
|
4
|
-
const linkOverlayConfig = {
|
|
5
|
-
transform(props) {
|
|
6
|
-
return {
|
|
7
|
-
_before: {
|
|
8
|
-
content: '""',
|
|
9
|
-
position: "absolute",
|
|
10
|
-
inset: "0",
|
|
11
|
-
zIndex: "0",
|
|
12
|
-
...props["_before"]
|
|
13
|
-
},
|
|
14
|
-
...props
|
|
15
|
-
};
|
|
16
|
-
}}
|
|
17
|
-
|
|
18
|
-
export const getLinkOverlayStyle = (styles = {}) => {
|
|
19
|
-
const _styles = getPatternStyles(linkOverlayConfig, styles)
|
|
20
|
-
return linkOverlayConfig.transform(_styles, patternFns)
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export const linkOverlay = (styles) => css(getLinkOverlayStyle(styles))
|
|
24
|
-
linkOverlay.raw = getLinkOverlayStyle
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { getPatternStyles, patternFns } from '../helpers..js';
|
|
2
|
-
import { css } from '../css/index..js';
|
|
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 = {}) => {
|
|
16
|
-
const _styles = getPatternStyles(spacerConfig, styles)
|
|
17
|
-
return spacerConfig.transform(_styles, patternFns)
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export const spacer = (styles) => css(getSpacerStyle(styles))
|
|
21
|
-
spacer.raw = getSpacerStyle
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { getPatternStyles, patternFns } 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 = {}) => {
|
|
16
|
-
const _styles = getPatternStyles(spacerConfig, styles)
|
|
17
|
-
return spacerConfig.transform(_styles, patternFns)
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export const spacer = (styles) => css(getSpacerStyle(styles))
|
|
21
|
-
spacer.raw = getSpacerStyle
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { getPatternStyles, patternFns } from '../helpers..js';
|
|
2
|
-
import { css } from '../css/index..js';
|
|
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 = {}) => {
|
|
19
|
-
const _styles = getPatternStyles(squareConfig, styles)
|
|
20
|
-
return squareConfig.transform(_styles, patternFns)
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export const square = (styles) => css(getSquareStyle(styles))
|
|
24
|
-
square.raw = getSquareStyle
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { getPatternStyles, patternFns } 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 = {}) => {
|
|
19
|
-
const _styles = getPatternStyles(squareConfig, styles)
|
|
20
|
-
return squareConfig.transform(_styles, patternFns)
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export const square = (styles) => css(getSquareStyle(styles))
|
|
24
|
-
square.raw = getSquareStyle
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { getPatternStyles, patternFns } from '../helpers..js';
|
|
2
|
-
import { css } from '../css/index..js';
|
|
3
|
-
|
|
4
|
-
const stackConfig = {
|
|
5
|
-
transform(props) {
|
|
6
|
-
const { align, justify, direction, gap, ...rest } = props;
|
|
7
|
-
return {
|
|
8
|
-
display: "flex",
|
|
9
|
-
flexDirection: direction,
|
|
10
|
-
alignItems: align,
|
|
11
|
-
justifyContent: justify,
|
|
12
|
-
gap,
|
|
13
|
-
...rest
|
|
14
|
-
};
|
|
15
|
-
},
|
|
16
|
-
defaultValues:{direction:'column',gap:'8px'}}
|
|
17
|
-
|
|
18
|
-
export const getStackStyle = (styles = {}) => {
|
|
19
|
-
const _styles = getPatternStyles(stackConfig, styles)
|
|
20
|
-
return stackConfig.transform(_styles, patternFns)
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export const stack = (styles) => css(getStackStyle(styles))
|
|
24
|
-
stack.raw = getStackStyle
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { getPatternStyles, patternFns } from '../helpers.mjs';
|
|
2
|
-
import { css } from '../css/index.mjs';
|
|
3
|
-
|
|
4
|
-
const stackConfig = {
|
|
5
|
-
transform(props) {
|
|
6
|
-
const { align, justify, direction, gap, ...rest } = props;
|
|
7
|
-
return {
|
|
8
|
-
display: "flex",
|
|
9
|
-
flexDirection: direction,
|
|
10
|
-
alignItems: align,
|
|
11
|
-
justifyContent: justify,
|
|
12
|
-
gap,
|
|
13
|
-
...rest
|
|
14
|
-
};
|
|
15
|
-
},
|
|
16
|
-
defaultValues:{direction:'column',gap:'8px'}}
|
|
17
|
-
|
|
18
|
-
export const getStackStyle = (styles = {}) => {
|
|
19
|
-
const _styles = getPatternStyles(stackConfig, styles)
|
|
20
|
-
return stackConfig.transform(_styles, patternFns)
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export const stack = (styles) => css(getStackStyle(styles))
|
|
24
|
-
stack.raw = getStackStyle
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { getPatternStyles, patternFns } from '../helpers..js';
|
|
2
|
-
import { css } from '../css/index..js';
|
|
3
|
-
|
|
4
|
-
const visuallyHiddenConfig = {
|
|
5
|
-
transform(props) {
|
|
6
|
-
return {
|
|
7
|
-
srOnly: true,
|
|
8
|
-
...props
|
|
9
|
-
};
|
|
10
|
-
}}
|
|
11
|
-
|
|
12
|
-
export const getVisuallyHiddenStyle = (styles = {}) => {
|
|
13
|
-
const _styles = getPatternStyles(visuallyHiddenConfig, styles)
|
|
14
|
-
return visuallyHiddenConfig.transform(_styles, patternFns)
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
export const visuallyHidden = (styles) => css(getVisuallyHiddenStyle(styles))
|
|
18
|
-
visuallyHidden.raw = getVisuallyHiddenStyle
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { getPatternStyles, patternFns } 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 = {}) => {
|
|
13
|
-
const _styles = getPatternStyles(visuallyHiddenConfig, styles)
|
|
14
|
-
return visuallyHiddenConfig.transform(_styles, patternFns)
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
export const visuallyHidden = (styles) => css(getVisuallyHiddenStyle(styles))
|
|
18
|
-
visuallyHidden.raw = getVisuallyHiddenStyle
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { getPatternStyles, patternFns } from '../helpers..js';
|
|
2
|
-
import { css } from '../css/index..js';
|
|
3
|
-
|
|
4
|
-
const vstackConfig = {
|
|
5
|
-
transform(props) {
|
|
6
|
-
const { justify, gap, ...rest } = props;
|
|
7
|
-
return {
|
|
8
|
-
display: "flex",
|
|
9
|
-
alignItems: "center",
|
|
10
|
-
justifyContent: justify,
|
|
11
|
-
gap,
|
|
12
|
-
flexDirection: "column",
|
|
13
|
-
...rest
|
|
14
|
-
};
|
|
15
|
-
},
|
|
16
|
-
defaultValues:{gap:'8px'}}
|
|
17
|
-
|
|
18
|
-
export const getVstackStyle = (styles = {}) => {
|
|
19
|
-
const _styles = getPatternStyles(vstackConfig, styles)
|
|
20
|
-
return vstackConfig.transform(_styles, patternFns)
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export const vstack = (styles) => css(getVstackStyle(styles))
|
|
24
|
-
vstack.raw = getVstackStyle
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { getPatternStyles, patternFns } from '../helpers.mjs';
|
|
2
|
-
import { css } from '../css/index.mjs';
|
|
3
|
-
|
|
4
|
-
const vstackConfig = {
|
|
5
|
-
transform(props) {
|
|
6
|
-
const { justify, gap, ...rest } = props;
|
|
7
|
-
return {
|
|
8
|
-
display: "flex",
|
|
9
|
-
alignItems: "center",
|
|
10
|
-
justifyContent: justify,
|
|
11
|
-
gap,
|
|
12
|
-
flexDirection: "column",
|
|
13
|
-
...rest
|
|
14
|
-
};
|
|
15
|
-
},
|
|
16
|
-
defaultValues:{gap:'8px'}}
|
|
17
|
-
|
|
18
|
-
export const getVstackStyle = (styles = {}) => {
|
|
19
|
-
const _styles = getPatternStyles(vstackConfig, styles)
|
|
20
|
-
return vstackConfig.transform(_styles, patternFns)
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export const vstack = (styles) => css(getVstackStyle(styles))
|
|
24
|
-
vstack.raw = getVstackStyle
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { getPatternStyles, patternFns } from '../helpers..js';
|
|
2
|
-
import { css } from '../css/index..js';
|
|
3
|
-
|
|
4
|
-
const wrapConfig = {
|
|
5
|
-
transform(props) {
|
|
6
|
-
const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "8px", align, justify, ...rest } = props;
|
|
7
|
-
return {
|
|
8
|
-
display: "flex",
|
|
9
|
-
flexWrap: "wrap",
|
|
10
|
-
alignItems: align,
|
|
11
|
-
justifyContent: justify,
|
|
12
|
-
gap,
|
|
13
|
-
columnGap,
|
|
14
|
-
rowGap,
|
|
15
|
-
...rest
|
|
16
|
-
};
|
|
17
|
-
}}
|
|
18
|
-
|
|
19
|
-
export const getWrapStyle = (styles = {}) => {
|
|
20
|
-
const _styles = getPatternStyles(wrapConfig, styles)
|
|
21
|
-
return wrapConfig.transform(_styles, patternFns)
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export const wrap = (styles) => css(getWrapStyle(styles))
|
|
25
|
-
wrap.raw = getWrapStyle
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { getPatternStyles, patternFns } from '../helpers.mjs';
|
|
2
|
-
import { css } from '../css/index.mjs';
|
|
3
|
-
|
|
4
|
-
const wrapConfig = {
|
|
5
|
-
transform(props) {
|
|
6
|
-
const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "8px", align, justify, ...rest } = props;
|
|
7
|
-
return {
|
|
8
|
-
display: "flex",
|
|
9
|
-
flexWrap: "wrap",
|
|
10
|
-
alignItems: align,
|
|
11
|
-
justifyContent: justify,
|
|
12
|
-
gap,
|
|
13
|
-
columnGap,
|
|
14
|
-
rowGap,
|
|
15
|
-
...rest
|
|
16
|
-
};
|
|
17
|
-
}}
|
|
18
|
-
|
|
19
|
-
export const getWrapStyle = (styles = {}) => {
|
|
20
|
-
const _styles = getPatternStyles(wrapConfig, styles)
|
|
21
|
-
return wrapConfig.transform(_styles, patternFns)
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export const wrap = (styles) => css(getWrapStyle(styles))
|
|
25
|
-
wrap.raw = getWrapStyle
|