cetec-design-system 0.0.20 → 0.0.21

package/styled-system/patterns/container.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 ContainerProperties {
-   
-}
-
-
-interface ContainerStyles extends ContainerProperties, DistributiveOmit<SystemStyleObject, keyof ContainerProperties > {}
-
-interface ContainerPatternFn {
-  (styles?: ContainerStyles): string
-  raw: (styles?: ContainerStyles) => SystemStyleObject
-}
-
-
-export declare const container: ContainerPatternFn;

package/styled-system/patterns/container.js

@@ -1,24 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.js';
-import { css } from '../css/index.js';
-
-const containerConfig = {
-transform(props) {
-  return Object.assign(
-    {
-      position: "relative",
-      width: "100%",
-      maxWidth: "7xl",
-      mx: "auto",
-      px: { base: "24", md: "20", sm: "16" }
-    },
-    props
-  );
-}}
-
-export const getContainerStyle = (styles = {}) => {
-  const _styles = getPatternStyles(containerConfig, styles)
-  return containerConfig.transform(_styles, patternFns)
-}
-
-export const container = (styles) => css(getContainerStyle(styles))
-container.raw = getContainerStyle

package/styled-system/patterns/container.mjs

@@ -1,24 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const containerConfig = {
-transform(props) {
-  return Object.assign(
-    {
-      position: "relative",
-      width: "100%",
-      maxWidth: "7xl",
-      mx: "auto",
-      px: { base: "24", md: "20", sm: "16" }
-    },
-    props
-  );
-}}
-
-export const getContainerStyle = (styles = {}) => {
-  const _styles = getPatternStyles(containerConfig, styles)
-  return containerConfig.transform(_styles, patternFns)
-}
-
-export const container = (styles) => css(getContainerStyle(styles))
-container.raw = getContainerStyle

package/styled-system/patterns/cq.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 CqProperties {
-   name?: ConditionalValue<Tokens["containerNames"] | Properties["containerName"]>
-	type?: SystemProperties["containerType"]
-}
-
-
-interface CqStyles extends CqProperties, DistributiveOmit<SystemStyleObject, keyof CqProperties > {}
-
-interface CqPatternFn {
-  (styles?: CqStyles): string
-  raw: (styles?: CqStyles) => SystemStyleObject
-}
-
-
-export declare const cq: CqPatternFn;

package/styled-system/patterns/cq.js

@@ -1,21 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.js';
-import { css } from '../css/index.js';
-
-const cqConfig = {
-transform(props) {
-  const { name, type, ...rest } = props;
-  return {
-    containerType: type,
-    containerName: name,
-    ...rest
-  };
-},
-defaultValues:{type:'inline-size'}}
-
-export const getCqStyle = (styles = {}) => {
-  const _styles = getPatternStyles(cqConfig, styles)
-  return cqConfig.transform(_styles, patternFns)
-}
-
-export const cq = (styles) => css(getCqStyle(styles))
-cq.raw = getCqStyle

package/styled-system/patterns/cq.mjs

@@ -1,21 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const cqConfig = {
-transform(props) {
-  const { name, type, ...rest } = props;
-  return {
-    containerType: type,
-    containerName: name,
-    ...rest
-  };
-},
-defaultValues:{type:'inline-size'}}
-
-export const getCqStyle = (styles = {}) => {
-  const _styles = getPatternStyles(cqConfig, styles)
-  return cqConfig.transform(_styles, patternFns)
-}
-
-export const cq = (styles) => css(getCqStyle(styles))
-cq.raw = getCqStyle

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

@@ -1,23 +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 DividerProperties {
-   orientation?: ConditionalValue<"horizontal" | "vertical">
-	thickness?: ConditionalValue<Tokens["sizes"] | Properties["borderWidth"]>
-	color?: ConditionalValue<Tokens["colors"] | Properties["borderColor"]>
-}
-
-
-interface DividerStyles extends DividerProperties, DistributiveOmit<SystemStyleObject, keyof DividerProperties > {}
-
-interface DividerPatternFn {
-  (styles?: DividerStyles): string
-  raw: (styles?: DividerStyles) => SystemStyleObject
-}
-
-
-export declare const divider: DividerPatternFn;

package/styled-system/patterns/divider.mjs

@@ -1,25 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const dividerConfig = {
-transform(props, { map }) {
-  const { orientation, thickness, color, ...rest } = props;
-  return {
-    "--thickness": thickness,
-    width: map(orientation, (v) => v === "vertical" ? void 0 : "100%"),
-    height: map(orientation, (v) => v === "horizontal" ? void 0 : "100%"),
-    borderBlockEndWidth: map(orientation, (v) => v === "horizontal" ? "var(--thickness)" : void 0),
-    borderInlineEndWidth: map(orientation, (v) => v === "vertical" ? "var(--thickness)" : void 0),
-    borderColor: color,
-    ...rest
-  };
-},
-defaultValues:{orientation:'horizontal',thickness:'1px'}}
-
-export const getDividerStyle = (styles = {}) => {
-  const _styles = getPatternStyles(dividerConfig, styles)
-  return dividerConfig.transform(_styles, patternFns)
-}
-
-export const divider = (styles) => css(getDividerStyle(styles))
-divider.raw = getDividerStyle

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

@@ -1,27 +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 FlexProperties {
-   align?: SystemProperties["alignItems"]
-	justify?: SystemProperties["justifyContent"]
-	direction?: SystemProperties["flexDirection"]
-	wrap?: SystemProperties["flexWrap"]
-	basis?: SystemProperties["flexBasis"]
-	grow?: SystemProperties["flexGrow"]
-	shrink?: SystemProperties["flexShrink"]
-}
-
-
-interface FlexStyles extends FlexProperties, DistributiveOmit<SystemStyleObject, keyof FlexProperties > {}
-
-interface FlexPatternFn {
-  (styles?: FlexStyles): string
-  raw: (styles?: FlexStyles) => SystemStyleObject
-}
-
-
-export declare const flex: FlexPatternFn;

package/styled-system/patterns/flex.js

@@ -1,26 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.js';
-import { css } from '../css/index.js';
-
-const flexConfig = {
-transform(props) {
-  const { direction, align, justify, wrap: wrap2, basis, grow, shrink, ...rest } = props;
-  return {
-    display: "flex",
-    flexDirection: direction,
-    alignItems: align,
-    justifyContent: justify,
-    flexWrap: wrap2,
-    flexBasis: basis,
-    flexGrow: grow,
-    flexShrink: shrink,
-    ...rest
-  };
-}}
-
-export const getFlexStyle = (styles = {}) => {
-  const _styles = getPatternStyles(flexConfig, styles)
-  return flexConfig.transform(_styles, patternFns)
-}
-
-export const flex = (styles) => css(getFlexStyle(styles))
-flex.raw = getFlexStyle

package/styled-system/patterns/flex.mjs

@@ -1,26 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const flexConfig = {
-transform(props) {
-  const { direction, align, justify, wrap: wrap2, basis, grow, shrink, ...rest } = props;
-  return {
-    display: "flex",
-    flexDirection: direction,
-    alignItems: align,
-    justifyContent: justify,
-    flexWrap: wrap2,
-    flexBasis: basis,
-    flexGrow: grow,
-    flexShrink: shrink,
-    ...rest
-  };
-}}
-
-export const getFlexStyle = (styles = {}) => {
-  const _styles = getPatternStyles(flexConfig, styles)
-  return flexConfig.transform(_styles, patternFns)
-}
-
-export const flex = (styles) => css(getFlexStyle(styles))
-flex.raw = getFlexStyle

package/styled-system/patterns/float.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 FloatProperties {
-   offsetX?: ConditionalValue<Tokens["spacing"] | Properties["left"]>
-	offsetY?: ConditionalValue<Tokens["spacing"] | Properties["top"]>
-	offset?: ConditionalValue<Tokens["spacing"] | Properties["top"]>
-	placement?: ConditionalValue<"bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom-center" | "top-center" | "middle-center" | "middle-end" | "middle-start">
-}
-
-
-interface FloatStyles extends FloatProperties, DistributiveOmit<SystemStyleObject, keyof FloatProperties > {}
-
-interface FloatPatternFn {
-  (styles?: FloatStyles): string
-  raw: (styles?: FloatStyles) => SystemStyleObject
-}
-
-
-export declare const float: FloatPatternFn;

package/styled-system/patterns/float.js

@@ -1,52 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.js';
-import { css } from '../css/index.js';
-
-const floatConfig = {
-transform(props, { map }) {
-  const { offset, offsetX, offsetY, placement, ...rest } = props;
-  return {
-    display: "inline-flex",
-    justifyContent: "center",
-    alignItems: "center",
-    position: "absolute",
-    insetBlockStart: map(placement, (v) => {
-      const [side] = v.split("-");
-      const map2 = { top: offsetY, middle: "50%", bottom: "auto" };
-      return map2[side];
-    }),
-    insetBlockEnd: map(placement, (v) => {
-      const [side] = v.split("-");
-      const map2 = { top: "auto", middle: "50%", bottom: offsetY };
-      return map2[side];
-    }),
-    insetInlineStart: map(placement, (v) => {
-      const [, align] = v.split("-");
-      const map2 = { start: offsetX, center: "50%", end: "auto" };
-      return map2[align];
-    }),
-    insetInlineEnd: map(placement, (v) => {
-      const [, align] = v.split("-");
-      const map2 = { start: "auto", center: "50%", end: offsetX };
-      return map2[align];
-    }),
-    translate: map(placement, (v) => {
-      const [side, align] = v.split("-");
-      const mapX = { start: "-50%", center: "-50%", end: "50%" };
-      const mapY = { top: "-50%", middle: "-50%", bottom: "50%" };
-      return `${mapX[align]} ${mapY[side]}`;
-    }),
-    ...rest
-  };
-},
-defaultValues(props) {
-  const offset = props.offset || "0";
-  return { offset, offsetX: offset, offsetY: offset, placement: "top-end" };
-}}
-
-export const getFloatStyle = (styles = {}) => {
-  const _styles = getPatternStyles(floatConfig, styles)
-  return floatConfig.transform(_styles, patternFns)
-}
-
-export const float = (styles) => css(getFloatStyle(styles))
-float.raw = getFloatStyle

package/styled-system/patterns/float.mjs

@@ -1,52 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const floatConfig = {
-transform(props, { map }) {
-  const { offset, offsetX, offsetY, placement, ...rest } = props;
-  return {
-    display: "inline-flex",
-    justifyContent: "center",
-    alignItems: "center",
-    position: "absolute",
-    insetBlockStart: map(placement, (v) => {
-      const [side] = v.split("-");
-      const map2 = { top: offsetY, middle: "50%", bottom: "auto" };
-      return map2[side];
-    }),
-    insetBlockEnd: map(placement, (v) => {
-      const [side] = v.split("-");
-      const map2 = { top: "auto", middle: "50%", bottom: offsetY };
-      return map2[side];
-    }),
-    insetInlineStart: map(placement, (v) => {
-      const [, align] = v.split("-");
-      const map2 = { start: offsetX, center: "50%", end: "auto" };
-      return map2[align];
-    }),
-    insetInlineEnd: map(placement, (v) => {
-      const [, align] = v.split("-");
-      const map2 = { start: "auto", center: "50%", end: offsetX };
-      return map2[align];
-    }),
-    translate: map(placement, (v) => {
-      const [side, align] = v.split("-");
-      const mapX = { start: "-50%", center: "-50%", end: "50%" };
-      const mapY = { top: "-50%", middle: "-50%", bottom: "50%" };
-      return `${mapX[align]} ${mapY[side]}`;
-    }),
-    ...rest
-  };
-},
-defaultValues(props) {
-  const offset = props.offset || "0";
-  return { offset, offsetX: offset, offsetY: offset, placement: "top-end" };
-}}
-
-export const getFloatStyle = (styles = {}) => {
-  const _styles = getPatternStyles(floatConfig, styles)
-  return floatConfig.transform(_styles, patternFns)
-}
-
-export const float = (styles) => css(getFloatStyle(styles))
-float.raw = getFloatStyle

package/styled-system/patterns/grid-item.d.ts

@@ -1,26 +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 GridItemProperties {
-   colSpan?: ConditionalValue<number>
-	rowSpan?: ConditionalValue<number>
-	colStart?: ConditionalValue<number>
-	rowStart?: ConditionalValue<number>
-	colEnd?: ConditionalValue<number>
-	rowEnd?: ConditionalValue<number>
-}
-
-
-interface GridItemStyles extends GridItemProperties, DistributiveOmit<SystemStyleObject, keyof GridItemProperties > {}
-
-interface GridItemPatternFn {
-  (styles?: GridItemStyles): string
-  raw: (styles?: GridItemStyles) => SystemStyleObject
-}
-
-
-export declare const gridItem: GridItemPatternFn;

package/styled-system/patterns/grid-item.js

@@ -1,25 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.js';
-import { css } from '../css/index.js';
-
-const gridItemConfig = {
-transform(props, { map }) {
-  const { colSpan, rowSpan, colStart, rowStart, colEnd, rowEnd, ...rest } = props;
-  const spanFn = (v) => v === "auto" ? v : `span ${v}`;
-  return {
-    gridColumn: colSpan != null ? map(colSpan, spanFn) : void 0,
-    gridRow: rowSpan != null ? map(rowSpan, spanFn) : void 0,
-    gridColumnStart: colStart,
-    gridColumnEnd: colEnd,
-    gridRowStart: rowStart,
-    gridRowEnd: rowEnd,
-    ...rest
-  };
-}}
-
-export const getGridItemStyle = (styles = {}) => {
-  const _styles = getPatternStyles(gridItemConfig, styles)
-  return gridItemConfig.transform(_styles, patternFns)
-}
-
-export const gridItem = (styles) => css(getGridItemStyle(styles))
-gridItem.raw = getGridItemStyle

package/styled-system/patterns/grid-item.mjs

@@ -1,25 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const gridItemConfig = {
-transform(props, { map }) {
-  const { colSpan, rowSpan, colStart, rowStart, colEnd, rowEnd, ...rest } = props;
-  const spanFn = (v) => v === "auto" ? v : `span ${v}`;
-  return {
-    gridColumn: colSpan != null ? map(colSpan, spanFn) : void 0,
-    gridRow: rowSpan != null ? map(rowSpan, spanFn) : void 0,
-    gridColumnStart: colStart,
-    gridColumnEnd: colEnd,
-    gridRowStart: rowStart,
-    gridRowEnd: rowEnd,
-    ...rest
-  };
-}}
-
-export const getGridItemStyle = (styles = {}) => {
-  const _styles = getPatternStyles(gridItemConfig, styles)
-  return gridItemConfig.transform(_styles, patternFns)
-}
-
-export const gridItem = (styles) => css(getGridItemStyle(styles))
-gridItem.raw = getGridItemStyle

package/styled-system/patterns/grid.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 GridProperties {
-   gap?: SystemProperties["gap"]
-	columnGap?: SystemProperties["gap"]
-	rowGap?: SystemProperties["gap"]
-	columns?: ConditionalValue<number>
-	minChildWidth?: ConditionalValue<Tokens["sizes"] | Properties["width"]>
-}
-
-
-interface GridStyles extends GridProperties, DistributiveOmit<SystemStyleObject, keyof GridProperties > {}
-
-interface GridPatternFn {
-  (styles?: GridStyles): string
-  raw: (styles?: GridStyles) => SystemStyleObject
-}
-
-
-export declare const grid: GridPatternFn;

package/styled-system/patterns/grid.js

@@ -1,27 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.js';
-import { css } from '../css/index.js';
-
-const gridConfig = {
-transform(props, { map, isCssUnit }) {
-  const { columnGap, rowGap, gap, columns, minChildWidth, ...rest } = props;
-  const getValue = (v) => isCssUnit(v) ? v : `token(sizes.${v}, ${v})`;
-  return {
-    display: "grid",
-    gridTemplateColumns: columns != null ? map(columns, (v) => `repeat(${v}, minmax(0, 1fr))`) : minChildWidth != null ? map(minChildWidth, (v) => `repeat(auto-fit, minmax(${getValue(v)}, 1fr))`) : void 0,
-    gap,
-    columnGap,
-    rowGap,
-    ...rest
-  };
-},
-defaultValues(props) {
-  return { gap: props.columnGap || props.rowGap ? void 0 : "10px" };
-}}
-
-export const getGridStyle = (styles = {}) => {
-  const _styles = getPatternStyles(gridConfig, styles)
-  return gridConfig.transform(_styles, patternFns)
-}
-
-export const grid = (styles) => css(getGridStyle(styles))
-grid.raw = getGridStyle

package/styled-system/patterns/grid.mjs

@@ -1,27 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const gridConfig = {
-transform(props, { map, isCssUnit }) {
-  const { columnGap, rowGap, gap, columns, minChildWidth, ...rest } = props;
-  const getValue = (v) => isCssUnit(v) ? v : `token(sizes.${v}, ${v})`;
-  return {
-    display: "grid",
-    gridTemplateColumns: columns != null ? map(columns, (v) => `repeat(${v}, minmax(0, 1fr))`) : minChildWidth != null ? map(minChildWidth, (v) => `repeat(auto-fit, minmax(${getValue(v)}, 1fr))`) : void 0,
-    gap,
-    columnGap,
-    rowGap,
-    ...rest
-  };
-},
-defaultValues(props) {
-  return { gap: props.columnGap || props.rowGap ? void 0 : "10px" };
-}}
-
-export const getGridStyle = (styles = {}) => {
-  const _styles = getPatternStyles(gridConfig, styles)
-  return gridConfig.transform(_styles, patternFns)
-}
-
-export const grid = (styles) => css(getGridStyle(styles))
-grid.raw = getGridStyle

package/styled-system/patterns/hstack.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 HstackProperties {
-   justify?: SystemProperties["justifyContent"]
-	gap?: SystemProperties["gap"]
-}
-
-
-interface HstackStyles extends HstackProperties, DistributiveOmit<SystemStyleObject, keyof HstackProperties > {}
-
-interface HstackPatternFn {
-  (styles?: HstackStyles): string
-  raw: (styles?: HstackStyles) => SystemStyleObject
-}
-
-
-export declare const hstack: HstackPatternFn;

package/styled-system/patterns/hstack.js

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

package/styled-system/patterns/hstack.mjs

@@ -1,24 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const hstackConfig = {
-transform(props) {
-  const { justify, gap, ...rest } = props;
-  return {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: justify,
-    gap,
-    flexDirection: "row",
-    ...rest
-  };
-},
-defaultValues:{gap:'10px'}}
-
-export const getHstackStyle = (styles = {}) => {
-  const _styles = getPatternStyles(hstackConfig, styles)
-  return hstackConfig.transform(_styles, patternFns)
-}
-
-export const hstack = (styles) => css(getHstackStyle(styles))
-hstack.raw = getHstackStyle

package/styled-system/patterns/icon.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 IconProperties {
-   size?: ConditionalValue<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "full" | "min" | "max" | "fit" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose">
-}
-
-
-interface IconStyles extends IconProperties, DistributiveOmit<SystemStyleObject, keyof IconProperties > {}
-
-interface IconPatternFn {
-  (styles?: IconStyles): string
-  raw: (styles?: IconStyles) => SystemStyleObject
-}
-
-
-export declare const icon: IconPatternFn;