thread-ui 0.7.14 → 0.8.0

package/dist/styled-system/patterns/index.js

@@ -0,0 +1,20 @@
+export * from './container.js';
+export * from './box.js';
+export * from './flex.js';
+export * from './stack.js';
+export * from './vstack.js';
+export * from './hstack.js';
+export * from './spacer.js';
+export * from './square.js';
+export * from './circle.js';
+export * from './center.js';
+export * from './link-overlay.js';
+export * from './aspect-ratio.js';
+export * from './grid.js';
+export * from './grid-item.js';
+export * from './wrap.js';
+export * from './divider.js';
+export * from './float.js';
+export * from './bleed.js';
+export * from './visually-hidden.js';
+export * from './cq.js';

package/dist/styled-system/patterns/link-overlay..js

@@ -0,0 +1,24 @@
+import { getPatternStyles, patternFns } from '../helpers..js';
+import { css } from '../css/index..js';
+
+const linkOverlayConfig = {
+transform(props) {
+  return {
+    _before: {
+      content: '""',
+      position: "absolute",
+      inset: "0",
+      zIndex: "0",
+      ...props["_before"]
+    },
+    ...props
+  };
+}}
+
+export const getLinkOverlayStyle = (styles = {}) => {
+  const _styles = getPatternStyles(linkOverlayConfig, styles)
+  return linkOverlayConfig.transform(_styles, patternFns)
+}
+
+export const linkOverlay = (styles) => css(getLinkOverlayStyle(styles))
+linkOverlay.raw = getLinkOverlayStyle

package/dist/styled-system/patterns/link-overlay.js

@@ -0,0 +1,24 @@
+import { getPatternStyles, patternFns } from '../helpers.js';
+import { css } from '../css/index.js';
+
+const linkOverlayConfig = {
+transform(props) {
+  return {
+    _before: {
+      content: '""',
+      position: "absolute",
+      inset: "0",
+      zIndex: "0",
+      ...props["_before"]
+    },
+    ...props
+  };
+}}
+
+export const getLinkOverlayStyle = (styles = {}) => {
+  const _styles = getPatternStyles(linkOverlayConfig, styles)
+  return linkOverlayConfig.transform(_styles, patternFns)
+}
+
+export const linkOverlay = (styles) => css(getLinkOverlayStyle(styles))
+linkOverlay.raw = getLinkOverlayStyle

package/dist/styled-system/patterns/spacer..js

@@ -0,0 +1,21 @@
+import { getPatternStyles, patternFns } from '../helpers..js';
+import { css } from '../css/index..js';
+
+const spacerConfig = {
+transform(props, { map }) {
+  const { size, ...rest } = props;
+  return {
+    alignSelf: "stretch",
+    justifySelf: "stretch",
+    flex: map(size, (v) => v == null ? "1" : `0 0 ${v}`),
+    ...rest
+  };
+}}
+
+export const getSpacerStyle = (styles = {}) => {
+  const _styles = getPatternStyles(spacerConfig, styles)
+  return spacerConfig.transform(_styles, patternFns)
+}
+
+export const spacer = (styles) => css(getSpacerStyle(styles))
+spacer.raw = getSpacerStyle

package/dist/styled-system/patterns/spacer.js

@@ -0,0 +1,21 @@
+import { getPatternStyles, patternFns } from '../helpers.js';
+import { css } from '../css/index.js';
+
+const spacerConfig = {
+transform(props, { map }) {
+  const { size, ...rest } = props;
+  return {
+    alignSelf: "stretch",
+    justifySelf: "stretch",
+    flex: map(size, (v) => v == null ? "1" : `0 0 ${v}`),
+    ...rest
+  };
+}}
+
+export const getSpacerStyle = (styles = {}) => {
+  const _styles = getPatternStyles(spacerConfig, styles)
+  return spacerConfig.transform(_styles, patternFns)
+}
+
+export const spacer = (styles) => css(getSpacerStyle(styles))
+spacer.raw = getSpacerStyle

package/dist/styled-system/patterns/square..js

@@ -0,0 +1,24 @@
+import { getPatternStyles, patternFns } from '../helpers..js';
+import { css } from '../css/index..js';
+
+const squareConfig = {
+transform(props) {
+  const { size, ...rest } = props;
+  return {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flex: "0 0 auto",
+    width: size,
+    height: size,
+    ...rest
+  };
+}}
+
+export const getSquareStyle = (styles = {}) => {
+  const _styles = getPatternStyles(squareConfig, styles)
+  return squareConfig.transform(_styles, patternFns)
+}
+
+export const square = (styles) => css(getSquareStyle(styles))
+square.raw = getSquareStyle

package/dist/styled-system/patterns/square.js

@@ -0,0 +1,24 @@
+import { getPatternStyles, patternFns } from '../helpers.js';
+import { css } from '../css/index.js';
+
+const squareConfig = {
+transform(props) {
+  const { size, ...rest } = props;
+  return {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flex: "0 0 auto",
+    width: size,
+    height: size,
+    ...rest
+  };
+}}
+
+export const getSquareStyle = (styles = {}) => {
+  const _styles = getPatternStyles(squareConfig, styles)
+  return squareConfig.transform(_styles, patternFns)
+}
+
+export const square = (styles) => css(getSquareStyle(styles))
+square.raw = getSquareStyle

package/dist/styled-system/patterns/stack..js

@@ -0,0 +1,24 @@
+import { getPatternStyles, patternFns } from '../helpers..js';
+import { css } from '../css/index..js';
+
+const stackConfig = {
+transform(props) {
+  const { align, justify, direction, gap, ...rest } = props;
+  return {
+    display: "flex",
+    flexDirection: direction,
+    alignItems: align,
+    justifyContent: justify,
+    gap,
+    ...rest
+  };
+},
+defaultValues:{direction:'column',gap:'8px'}}
+
+export const getStackStyle = (styles = {}) => {
+  const _styles = getPatternStyles(stackConfig, styles)
+  return stackConfig.transform(_styles, patternFns)
+}
+
+export const stack = (styles) => css(getStackStyle(styles))
+stack.raw = getStackStyle

package/dist/styled-system/patterns/stack.js

@@ -0,0 +1,24 @@
+import { getPatternStyles, patternFns } from '../helpers.js';
+import { css } from '../css/index.js';
+
+const stackConfig = {
+transform(props) {
+  const { align, justify, direction, gap, ...rest } = props;
+  return {
+    display: "flex",
+    flexDirection: direction,
+    alignItems: align,
+    justifyContent: justify,
+    gap,
+    ...rest
+  };
+},
+defaultValues:{direction:'column',gap:'8px'}}
+
+export const getStackStyle = (styles = {}) => {
+  const _styles = getPatternStyles(stackConfig, styles)
+  return stackConfig.transform(_styles, patternFns)
+}
+
+export const stack = (styles) => css(getStackStyle(styles))
+stack.raw = getStackStyle

package/dist/styled-system/patterns/visually-hidden..js

@@ -0,0 +1,18 @@
+import { getPatternStyles, patternFns } from '../helpers..js';
+import { css } from '../css/index..js';
+
+const visuallyHiddenConfig = {
+transform(props) {
+  return {
+    srOnly: true,
+    ...props
+  };
+}}
+
+export const getVisuallyHiddenStyle = (styles = {}) => {
+  const _styles = getPatternStyles(visuallyHiddenConfig, styles)
+  return visuallyHiddenConfig.transform(_styles, patternFns)
+}
+
+export const visuallyHidden = (styles) => css(getVisuallyHiddenStyle(styles))
+visuallyHidden.raw = getVisuallyHiddenStyle

package/dist/styled-system/patterns/visually-hidden.js

@@ -0,0 +1,18 @@
+import { getPatternStyles, patternFns } from '../helpers.js';
+import { css } from '../css/index.js';
+
+const visuallyHiddenConfig = {
+transform(props) {
+  return {
+    srOnly: true,
+    ...props
+  };
+}}
+
+export const getVisuallyHiddenStyle = (styles = {}) => {
+  const _styles = getPatternStyles(visuallyHiddenConfig, styles)
+  return visuallyHiddenConfig.transform(_styles, patternFns)
+}
+
+export const visuallyHidden = (styles) => css(getVisuallyHiddenStyle(styles))
+visuallyHidden.raw = getVisuallyHiddenStyle

package/dist/styled-system/patterns/vstack..js

@@ -0,0 +1,24 @@
+import { getPatternStyles, patternFns } from '../helpers..js';
+import { css } from '../css/index..js';
+
+const vstackConfig = {
+transform(props) {
+  const { justify, gap, ...rest } = props;
+  return {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: justify,
+    gap,
+    flexDirection: "column",
+    ...rest
+  };
+},
+defaultValues:{gap:'8px'}}
+
+export const getVstackStyle = (styles = {}) => {
+  const _styles = getPatternStyles(vstackConfig, styles)
+  return vstackConfig.transform(_styles, patternFns)
+}
+
+export const vstack = (styles) => css(getVstackStyle(styles))
+vstack.raw = getVstackStyle

package/dist/styled-system/patterns/vstack.js

@@ -0,0 +1,24 @@
+import { getPatternStyles, patternFns } from '../helpers.js';
+import { css } from '../css/index.js';
+
+const vstackConfig = {
+transform(props) {
+  const { justify, gap, ...rest } = props;
+  return {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: justify,
+    gap,
+    flexDirection: "column",
+    ...rest
+  };
+},
+defaultValues:{gap:'8px'}}
+
+export const getVstackStyle = (styles = {}) => {
+  const _styles = getPatternStyles(vstackConfig, styles)
+  return vstackConfig.transform(_styles, patternFns)
+}
+
+export const vstack = (styles) => css(getVstackStyle(styles))
+vstack.raw = getVstackStyle

package/dist/styled-system/patterns/wrap..js

@@ -0,0 +1,25 @@
+import { getPatternStyles, patternFns } from '../helpers..js';
+import { css } from '../css/index..js';
+
+const wrapConfig = {
+transform(props) {
+  const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "8px", align, justify, ...rest } = props;
+  return {
+    display: "flex",
+    flexWrap: "wrap",
+    alignItems: align,
+    justifyContent: justify,
+    gap,
+    columnGap,
+    rowGap,
+    ...rest
+  };
+}}
+
+export const getWrapStyle = (styles = {}) => {
+  const _styles = getPatternStyles(wrapConfig, styles)
+  return wrapConfig.transform(_styles, patternFns)
+}
+
+export const wrap = (styles) => css(getWrapStyle(styles))
+wrap.raw = getWrapStyle

package/dist/styled-system/patterns/wrap.js

@@ -0,0 +1,25 @@
+import { getPatternStyles, patternFns } from '../helpers.js';
+import { css } from '../css/index.js';
+
+const wrapConfig = {
+transform(props) {
+  const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "8px", align, justify, ...rest } = props;
+  return {
+    display: "flex",
+    flexWrap: "wrap",
+    alignItems: align,
+    justifyContent: justify,
+    gap,
+    columnGap,
+    rowGap,
+    ...rest
+  };
+}}
+
+export const getWrapStyle = (styles = {}) => {
+  const _styles = getPatternStyles(wrapConfig, styles)
+  return wrapConfig.transform(_styles, patternFns)
+}
+
+export const wrap = (styles) => css(getWrapStyle(styles))
+wrap.raw = getWrapStyle