cetec-design-system 0.0.20 → 0.0.21

package/styled-system/patterns/icon.js

@@ -1,20 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.js';
-import { css } from '../css/index.js';
-
-const iconConfig = {
-transform(props) {
-  const { size, ...rest } = props;
-  return {
-    width: size,
-    height: size,
-    ...rest
-  };
-}}
-
-export const getIconStyle = (styles = {}) => {
-  const _styles = getPatternStyles(iconConfig, styles)
-  return iconConfig.transform(_styles, patternFns)
-}
-
-export const icon = (styles) => css(getIconStyle(styles))
-icon.raw = getIconStyle

package/styled-system/patterns/icon.mjs

@@ -1,20 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const iconConfig = {
-transform(props) {
-  const { size, ...rest } = props;
-  return {
-    width: size,
-    height: size,
-    ...rest
-  };
-}}
-
-export const getIconStyle = (styles = {}) => {
-  const _styles = getPatternStyles(iconConfig, styles)
-  return iconConfig.transform(_styles, patternFns)
-}
-
-export const icon = (styles) => css(getIconStyle(styles))
-icon.raw = getIconStyle

package/styled-system/patterns/index.d.ts

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

package/styled-system/patterns/index.js

@@ -1,19 +0,0 @@
-export * from './icon.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 './container.js';
-export * from './float.js';
-export * from './bleed.js';
-export * from './visually-hidden.js';
-export * from './cq.js';

package/styled-system/patterns/index.mjs

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

package/styled-system/patterns/link-overlay.d.ts

@@ -1,21 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
-
-export interface LinkOverlayProperties {
-   
-}
-
-
-interface LinkOverlayStyles extends LinkOverlayProperties, DistributiveOmit<SystemStyleObject, keyof LinkOverlayProperties > {}
-
-interface LinkOverlayPatternFn {
-  (styles?: LinkOverlayStyles): string
-  raw: (styles?: LinkOverlayStyles) => SystemStyleObject
-}
-
-
-export declare const linkOverlay: LinkOverlayPatternFn;

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

@@ -1,24 +0,0 @@
-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/styled-system/patterns/link-overlay.mjs

@@ -1,24 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-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/styled-system/patterns/spacer.d.ts

@@ -1,21 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
-
-export interface SpacerProperties {
-   size?: ConditionalValue<Tokens["spacing"]>
-}
-
-
-interface SpacerStyles extends SpacerProperties, DistributiveOmit<SystemStyleObject, keyof SpacerProperties > {}
-
-interface SpacerPatternFn {
-  (styles?: SpacerStyles): string
-  raw: (styles?: SpacerStyles) => SystemStyleObject
-}
-
-
-export declare const spacer: SpacerPatternFn;

package/styled-system/patterns/spacer.js

@@ -1,21 +0,0 @@
-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/styled-system/patterns/spacer.mjs

@@ -1,21 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-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/styled-system/patterns/square.d.ts

@@ -1,21 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
-
-export interface SquareProperties {
-   size?: SystemProperties["width"]
-}
-
-
-interface SquareStyles extends SquareProperties, DistributiveOmit<SystemStyleObject, keyof SquareProperties > {}
-
-interface SquarePatternFn {
-  (styles?: SquareStyles): string
-  raw: (styles?: SquareStyles) => SystemStyleObject
-}
-
-
-export declare const square: SquarePatternFn;

package/styled-system/patterns/square.js

@@ -1,24 +0,0 @@
-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/styled-system/patterns/square.mjs

@@ -1,24 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-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/styled-system/patterns/stack.d.ts

@@ -1,24 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
-
-export interface StackProperties {
-   align?: SystemProperties["alignItems"]
-	justify?: SystemProperties["justifyContent"]
-	direction?: SystemProperties["flexDirection"]
-	gap?: SystemProperties["gap"]
-}
-
-
-interface StackStyles extends StackProperties, DistributiveOmit<SystemStyleObject, keyof StackProperties > {}
-
-interface StackPatternFn {
-  (styles?: StackStyles): string
-  raw: (styles?: StackStyles) => SystemStyleObject
-}
-
-
-export declare const stack: StackPatternFn;

package/styled-system/patterns/stack.js

@@ -1,24 +0,0 @@
-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:'10px'}}
-
-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/styled-system/patterns/stack.mjs

@@ -1,24 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-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:'10px'}}
-
-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/styled-system/patterns/visually-hidden.d.ts

@@ -1,21 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
-
-export interface VisuallyHiddenProperties {
-   
-}
-
-
-interface VisuallyHiddenStyles extends VisuallyHiddenProperties, DistributiveOmit<SystemStyleObject, keyof VisuallyHiddenProperties > {}
-
-interface VisuallyHiddenPatternFn {
-  (styles?: VisuallyHiddenStyles): string
-  raw: (styles?: VisuallyHiddenStyles) => SystemStyleObject
-}
-
-
-export declare const visuallyHidden: VisuallyHiddenPatternFn;

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

@@ -1,18 +0,0 @@
-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/styled-system/patterns/visually-hidden.mjs

@@ -1,18 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-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/styled-system/patterns/vstack.d.ts

@@ -1,22 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
-
-export interface VstackProperties {
-   justify?: SystemProperties["justifyContent"]
-	gap?: SystemProperties["gap"]
-}
-
-
-interface VstackStyles extends VstackProperties, DistributiveOmit<SystemStyleObject, keyof VstackProperties > {}
-
-interface VstackPatternFn {
-  (styles?: VstackStyles): string
-  raw: (styles?: VstackStyles) => SystemStyleObject
-}
-
-
-export declare const vstack: VstackPatternFn;

package/styled-system/patterns/vstack.js

@@ -1,24 +0,0 @@
-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:'10px'}}
-
-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/styled-system/patterns/vstack.mjs

@@ -1,24 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const vstackConfig = {
-transform(props) {
-  const { justify, gap, ...rest } = props;
-  return {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: justify,
-    gap,
-    flexDirection: "column",
-    ...rest
-  };
-},
-defaultValues:{gap:'10px'}}
-
-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/styled-system/patterns/wrap.d.ts

@@ -1,25 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
-
-export interface WrapProperties {
-   gap?: SystemProperties["gap"]
-	rowGap?: SystemProperties["gap"]
-	columnGap?: SystemProperties["gap"]
-	align?: SystemProperties["alignItems"]
-	justify?: SystemProperties["justifyContent"]
-}
-
-
-interface WrapStyles extends WrapProperties, DistributiveOmit<SystemStyleObject, keyof WrapProperties > {}
-
-interface WrapPatternFn {
-  (styles?: WrapStyles): string
-  raw: (styles?: WrapStyles) => SystemStyleObject
-}
-
-
-export declare const wrap: WrapPatternFn;

package/styled-system/patterns/wrap.js

@@ -1,25 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.js';
-import { css } from '../css/index.js';
-
-const wrapConfig = {
-transform(props) {
-  const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "10px", 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/styled-system/patterns/wrap.mjs

@@ -1,25 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const wrapConfig = {
-transform(props) {
-  const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "10px", 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/styled-system/recipes/box.d.ts

@@ -1,28 +0,0 @@
-/* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
-
-interface BoxVariant {
-  
-}
-
-type BoxVariantMap = {
-  [key in keyof BoxVariant]: Array<BoxVariant[key]>
-}
-
-export type BoxVariantProps = {
-  [key in keyof BoxVariant]?: ConditionalValue<BoxVariant[key]> | undefined
-}
-
-export interface BoxRecipe {
-  __type: BoxVariantProps
-  (props?: BoxVariantProps): string
-  raw: (props?: BoxVariantProps) => BoxVariantProps
-  variantMap: BoxVariantMap
-  variantKeys: Array<keyof BoxVariant>
-  splitVariantProps<Props extends BoxVariantProps>(props: Props): [BoxVariantProps, Pretty<DistributiveOmit<Props, keyof BoxVariantProps>>]
-  getVariantProps: (props?: BoxVariantProps) => BoxVariantProps
-}
-
-
-export declare const box: BoxRecipe

package/styled-system/recipes/box.js

@@ -1,24 +0,0 @@
-import { memo, splitProps } from '../helpers.js';
-import { createRecipe, mergeRecipes } from './create-recipe.js';
-
-const boxFn = /* @__PURE__ */ createRecipe('box', {}, [])
-
-const boxVariantMap = {}
-
-const boxVariantKeys = Object.keys(boxVariantMap)
-
-export const box = /* @__PURE__ */ Object.assign(memo(boxFn.recipeFn), {
-  __recipe__: true,
-  __name__: 'box',
-  __getCompoundVariantCss__: boxFn.__getCompoundVariantCss__,
-  raw: (props) => props,
-  variantKeys: boxVariantKeys,
-  variantMap: boxVariantMap,
-  merge(recipe) {
-    return mergeRecipes(this, recipe)
-  },
-  splitVariantProps(props) {
-    return splitProps(props, boxVariantKeys)
-  },
-  getVariantProps: boxFn.getVariantProps,
-})