@sanity/ui 1.0.0-beta.26 → 1.0.0-beta.28

package/dist/es/styles/flex/index.d.ts

@@ -1,3 +0,0 @@
-export * from './flexStyle';
-export * from './flexItemStyle';
-export * from './types';

package/dist/es/styles/flex/index.js

@@ -1,4 +0,0 @@
-export * from './flexStyle';
-export * from './flexItemStyle';
-export * from './types';
-//# sourceMappingURL=index.js.map

package/dist/es/styles/flex/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/flex/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA"}

package/dist/es/styles/flex/types.d.ts

@@ -1,13 +0,0 @@
-export declare type FlexAlign = 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
-export declare type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
-export declare type FlexJustify = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
-export declare type FlexWrap = 'wrap' | 'wrap-reverse' | 'nowrap';
-export interface ResponsiveFlexStyleProps {
-    align?: FlexAlign | FlexAlign[];
-    direction?: FlexDirection | FlexDirection[];
-    justify?: FlexJustify | FlexJustify[];
-    wrap?: FlexWrap | FlexWrap[];
-}
-export interface ResponsiveFlexItemStyleProps {
-    flex?: number | number[];
-}

package/dist/es/styles/flex/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/es/styles/flex/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/styles/flex/types.ts"],"names":[],"mappings":""}

package/dist/es/styles/font/codeFontStyle.d.ts

@@ -1,3 +0,0 @@
-import { ThemeProps } from '../types';
-import { ResponsiveFontProps } from './types';
-export declare function responsiveCodeFontStyle(props: ResponsiveFontProps & ThemeProps): import("styled-components").CSSObject[];

package/dist/es/styles/font/codeFontStyle.js

@@ -1,5 +0,0 @@
-import { responsiveFont } from './responsiveFont';
-export function responsiveCodeFontStyle(props) {
-    return responsiveFont('code', props);
-}
-//# sourceMappingURL=codeFontStyle.js.map

package/dist/es/styles/font/codeFontStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"codeFontStyle.js","sourceRoot":"","sources":["../../../../src/styles/font/codeFontStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAG/C,MAAM,UAAU,uBAAuB,CAAC,KAAuC;IAC7E,OAAO,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AACtC,CAAC"}

package/dist/es/styles/font/headingFontStyle.d.ts

@@ -1,3 +0,0 @@
-import { ThemeProps } from '../types';
-import { ResponsiveFontProps } from './types';
-export declare function responsiveHeadingFont(props: ResponsiveFontProps & ThemeProps): import("styled-components").CSSObject[];

package/dist/es/styles/font/headingFontStyle.js

@@ -1,5 +0,0 @@
-import { responsiveFont } from './responsiveFont';
-export function responsiveHeadingFont(props) {
-    return responsiveFont('heading', props);
-}
-//# sourceMappingURL=headingFontStyle.js.map

package/dist/es/styles/font/headingFontStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"headingFontStyle.js","sourceRoot":"","sources":["../../../../src/styles/font/headingFontStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAG/C,MAAM,UAAU,qBAAqB,CAAC,KAAuC;IAC3E,OAAO,cAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;AACzC,CAAC"}

package/dist/es/styles/font/index.d.ts

@@ -1,6 +0,0 @@
-export * from './codeFontStyle';
-export * from './headingFontStyle';
-export * from './labelFontStyle';
-export * from './textAlignStyle';
-export * from './textFontStyle';
-export * from './types';

package/dist/es/styles/font/index.js

@@ -1,7 +0,0 @@
-export * from './codeFontStyle';
-export * from './headingFontStyle';
-export * from './labelFontStyle';
-export * from './textAlignStyle';
-export * from './textFontStyle';
-export * from './types';
-//# sourceMappingURL=index.js.map

package/dist/es/styles/font/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/font/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA"}

package/dist/es/styles/font/labelFontStyle.d.ts

@@ -1,3 +0,0 @@
-import { ThemeProps } from '../types';
-import { ResponsiveFontProps } from './types';
-export declare function responsiveLabelFont(props: ResponsiveFontProps & ThemeProps): import("styled-components").CSSObject[];

package/dist/es/styles/font/labelFontStyle.js

@@ -1,5 +0,0 @@
-import { responsiveFont } from './responsiveFont';
-export function responsiveLabelFont(props) {
-    return responsiveFont('label', props);
-}
-//# sourceMappingURL=labelFontStyle.js.map

package/dist/es/styles/font/labelFontStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"labelFontStyle.js","sourceRoot":"","sources":["../../../../src/styles/font/labelFontStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAG/C,MAAM,UAAU,mBAAmB,CAAC,KAAuC;IACzE,OAAO,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;AACvC,CAAC"}

package/dist/es/styles/font/responsiveFont.d.ts

@@ -1,6 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { ThemeFontSize, ThemeFontKey } from '../../theme';
-import { ThemeProps } from '../types';
-import { ResponsiveFontProps } from './types';
-export declare function responsiveFont(fontKey: ThemeFontKey, props: ResponsiveFontProps & ThemeProps): CSSObject[];
-export declare function fontSize(size: ThemeFontSize): CSSObject;

package/dist/es/styles/font/responsiveFont.js

@@ -1,52 +0,0 @@
-import { getResponsiveProp, rem, responsive } from '../helpers';
-export function responsiveFont(fontKey, props) {
-    const { size, theme, weight } = props;
-    const { fonts, media } = theme.sanity;
-    const { family, sizes, weights } = fonts[fontKey];
-    const fontWeight = (weight && weights[weight]) || weights.regular;
-    // @todo: make this configurable
-    const defaultSize = sizes[2];
-    const base = {
-        position: 'relative',
-        fontFamily: family,
-        fontWeight,
-        padding: '1px 0',
-        margin: 0,
-        // '&:before': {
-        //   content: '',
-        //   display: 'block',
-        //   height: 0,
-        // },
-        // '&:after': {
-        //   content: '',
-        //   display: 'block',
-        //   height: 0,
-        // },
-        '&&:not([hidden])': {
-            display: 'block',
-        },
-    };
-    const resp = responsive(media, getResponsiveProp(size), (sizeIndex) => fontSize(sizes[sizeIndex] || defaultSize));
-    return [base, ...resp];
-}
-export function fontSize(size) {
-    const negHeight = size.ascenderHeight + size.descenderHeight;
-    const capHeight = size.lineHeight - negHeight;
-    return {
-        fontSize: rem(size.fontSize),
-        lineHeight: rem(size.lineHeight),
-        letterSpacing: rem(size.letterSpacing),
-        transform: `translateY(${rem(size.descenderHeight)})`,
-        '&:before': {
-            marginTop: `calc(${rem(0 - negHeight)} - 1px)`,
-        },
-        '&:after': {
-            marginBottom: '-1px',
-        },
-        '& [data-sanity-icon]': {
-            fontSize: rem(size.iconSize),
-            margin: rem((capHeight - size.iconSize) / 2),
-        },
-    };
-}
-//# sourceMappingURL=responsiveFont.js.map

package/dist/es/styles/font/responsiveFont.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"responsiveFont.js","sourceRoot":"","sources":["../../../../src/styles/font/responsiveFont.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,iBAAiB,EAAE,GAAG,EAAE,UAAU,EAAC,MAAM,YAAY,CAAA;AAI7D,MAAM,UAAU,cAAc,CAC5B,OAAqB,EACrB,KAAuC;IAEvC,MAAM,EAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAC,GAAG,KAAK,CAAA;IACnC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC,MAAM,CAAA;IACnC,MAAM,EAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,OAAO,CAAC,OAAO,CAAA;IAEjE,gCAAgC;IAChC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;IAE5B,MAAM,IAAI,GAAG;QACX,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,MAAM;QAClB,UAAU;QACV,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,CAAC;QAET,gBAAgB;QAChB,iBAAiB;QACjB,sBAAsB;QACtB,eAAe;QACf,KAAK;QAEL,eAAe;QACf,iBAAiB;QACjB,sBAAsB;QACtB,eAAe;QACf,KAAK;QAEL,kBAAkB,EAAE;YAClB,OAAO,EAAE,OAAO;SACjB;KACW,CAAA;IAEd,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,CACpE,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,WAAW,CAAC,CAC1C,CAAA;IAED,OAAO,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAA;AACxB,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,IAAmB;IAC1C,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,eAAe,CAAA;IAC5D,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,GAAG,SAAS,CAAA;IAE7C,OAAO;QACL,QAAQ,EAAE,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC5B,UAAU,EAAE,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;QAChC,aAAa,EAAE,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC;QACtC,SAAS,EAAE,cAAc,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG;QAErD,UAAU,EAAE;YACV,SAAS,EAAE,QAAQ,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,SAAS;SAC/C;QAED,SAAS,EAAE;YACT,YAAY,EAAE,MAAM;SACrB;QAED,sBAAsB,EAAE;YACtB,QAAQ,EAAE,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC5B,MAAM,EAAE,GAAG,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;SAC7C;KACF,CAAA;AACH,CAAC"}

package/dist/es/styles/font/textAlignStyle.d.ts

@@ -1,5 +0,0 @@
-import { TextAlign } from '../../types';
-import { ThemeProps } from '../types';
-export declare function responsiveTextAlignStyle(props: {
-    align?: TextAlign | TextAlign[];
-} & ThemeProps): import("styled-components").CSSObject[];

package/dist/es/styles/font/textAlignStyle.js

@@ -1,8 +0,0 @@
-import { getResponsiveProp, responsive } from '../helpers';
-export function responsiveTextAlignStyle(props) {
-    const { theme } = props;
-    return responsive(theme.sanity.media, getResponsiveProp(props.align), (textAlign) => {
-        return { textAlign };
-    });
-}
-//# sourceMappingURL=textAlignStyle.js.map

package/dist/es/styles/font/textAlignStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textAlignStyle.js","sourceRoot":"","sources":["../../../../src/styles/font/textAlignStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAE,UAAU,EAAC,MAAM,YAAY,CAAA;AAGxD,MAAM,UAAU,wBAAwB,CAAC,KAAqD;IAC5F,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAA;IAErB,OAAO,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE;QAClF,OAAO,EAAC,SAAS,EAAC,CAAA;IACpB,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/dist/es/styles/font/textFontStyle.d.ts

@@ -1,3 +0,0 @@
-import { ThemeProps } from '../types';
-import { ResponsiveFontProps } from './types';
-export declare function responsiveTextFont(props: ResponsiveFontProps & ThemeProps): import("styled-components").CSSObject[];

package/dist/es/styles/font/textFontStyle.js

@@ -1,5 +0,0 @@
-import { responsiveFont } from './responsiveFont';
-export function responsiveTextFont(props) {
-    return responsiveFont('text', props);
-}
-//# sourceMappingURL=textFontStyle.js.map

package/dist/es/styles/font/textFontStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textFontStyle.js","sourceRoot":"","sources":["../../../../src/styles/font/textFontStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAG/C,MAAM,UAAU,kBAAkB,CAAC,KAAuC;IACxE,OAAO,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AACtC,CAAC"}

package/dist/es/styles/font/types.d.ts

@@ -1,11 +0,0 @@
-import { ThemeFontWeightKey } from '../../theme';
-export interface ResponsiveFontSizeProps {
-    size?: number | number[];
-}
-export interface FontWeightProps {
-    weight?: ThemeFontWeightKey;
-}
-export interface ResponsiveFontProps extends FontWeightProps, ResponsiveFontSizeProps {
-    accent?: boolean;
-    muted?: boolean;
-}

package/dist/es/styles/font/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/es/styles/font/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/styles/font/types.ts"],"names":[],"mappings":""}

package/dist/es/styles/grid/gridItemStyle.d.ts

@@ -1,5 +0,0 @@
-import { ThemeProps } from '../types';
-import { ResponsiveGridItemStyleProps } from './types';
-export declare function responsiveGridItemStyle(): (typeof responsiveGridItemRowStyle)[];
-declare function responsiveGridItemRowStyle(props: ResponsiveGridItemStyleProps & ThemeProps): import("styled-components").CSSObject[];
-export {};

package/dist/es/styles/grid/gridItemStyle.js

@@ -1,66 +0,0 @@
-import { getResponsiveProp, responsive } from '../helpers';
-export function responsiveGridItemStyle() {
-    return [
-        responsiveGridItemRowStyle,
-        responsiveGridItemRowStartStyle,
-        responsiveGridItemRowEndStyle,
-        responsiveGridItemColumnStyle,
-        responsiveGridItemColumnStartStyle,
-        responsiveGridItemColumnEndStyle,
-    ];
-}
-const GRID_ITEM_ROW = {
-    auto: 'auto',
-    full: '1 / -1',
-};
-const GRID_ITEM_COLUMN = {
-    auto: 'auto',
-    full: '1 / -1',
-};
-function responsiveGridItemRowStyle(props) {
-    const { theme } = props;
-    const { media } = theme.sanity;
-    return responsive(media, getResponsiveProp(props.row), (row) => {
-        if (typeof row === 'number') {
-            return { gridRow: `span ${row} / span ${row}` };
-        }
-        return { gridRow: GRID_ITEM_ROW[row] };
-    });
-}
-function responsiveGridItemRowStartStyle(props) {
-    const { theme } = props;
-    const { media } = theme.sanity;
-    return responsive(media, getResponsiveProp(props.rowStart), (rowStart) => ({
-        gridRowStart: rowStart,
-    }));
-}
-function responsiveGridItemRowEndStyle(props) {
-    const { theme } = props;
-    const { media } = theme.sanity;
-    return responsive(media, getResponsiveProp(props.rowEnd), (rowEnd) => ({ gridRowEnd: rowEnd }));
-}
-function responsiveGridItemColumnStyle(props) {
-    const { theme } = props;
-    const { media } = theme.sanity;
-    return responsive(media, getResponsiveProp(props.column), (column) => {
-        if (typeof column === 'number') {
-            return { gridColumn: `span ${column} / span ${column}` };
-        }
-        return { gridColumn: GRID_ITEM_COLUMN[column] };
-    });
-}
-function responsiveGridItemColumnStartStyle(props) {
-    const { theme } = props;
-    const { media } = theme.sanity;
-    return responsive(media, getResponsiveProp(props.columnStart), (columnStart) => ({
-        gridColumnStart: columnStart,
-    }));
-}
-function responsiveGridItemColumnEndStyle(props) {
-    const { theme } = props;
-    const { media } = theme.sanity;
-    return responsive(media, getResponsiveProp(props.columnEnd), (columnEnd) => ({
-        gridColumnEnd: columnEnd,
-    }));
-}
-//# sourceMappingURL=gridItemStyle.js.map

package/dist/es/styles/grid/gridItemStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gridItemStyle.js","sourceRoot":"","sources":["../../../../src/styles/grid/gridItemStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAE,UAAU,EAAC,MAAM,YAAY,CAAA;AAIxD,MAAM,UAAU,uBAAuB;IACrC,OAAO;QACL,0BAA0B;QAC1B,+BAA+B;QAC/B,6BAA6B;QAC7B,6BAA6B;QAC7B,kCAAkC;QAClC,gCAAgC;KACjC,CAAA;AACH,CAAC;AAED,MAAM,aAAa,GAAG;IACpB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,QAAQ;CACf,CAAA;AAED,MAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,QAAQ;CACf,CAAA;AAED,SAAS,0BAA0B,CAAC,KAAgD;IAClF,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAA;IACrB,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,MAAM,CAAA;IAE5B,OAAO,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE;QAC7D,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;YAC3B,OAAO,EAAC,OAAO,EAAE,QAAQ,GAAG,WAAW,GAAG,EAAE,EAAC,CAAA;SAC9C;QAED,OAAO,EAAC,OAAO,EAAE,aAAa,CAAC,GAAG,CAAC,EAAC,CAAA;IACtC,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,+BAA+B,CAAC,KAAgD;IACvF,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAA;IACrB,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,MAAM,CAAA;IAE5B,OAAO,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QACzE,YAAY,EAAE,QAAQ;KACvB,CAAC,CAAC,CAAA;AACL,CAAC;AAED,SAAS,6BAA6B,CAAC,KAAgD;IACrF,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAA;IACrB,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,MAAM,CAAA;IAE5B,OAAO,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,MAAM,EAAC,CAAC,CAAC,CAAA;AAC/F,CAAC;AAED,SAAS,6BAA6B,CAAC,KAAgD;IACrF,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAA;IACrB,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,MAAM,CAAA;IAE5B,OAAO,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE;QACnE,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;YAC9B,OAAO,EAAC,UAAU,EAAE,QAAQ,MAAM,WAAW,MAAM,EAAE,EAAC,CAAA;SACvD;QAED,OAAO,EAAC,UAAU,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAAC,CAAA;IAC/C,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,kCAAkC,CAAC,KAAgD;IAC1F,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAA;IACrB,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,MAAM,CAAA;IAE5B,OAAO,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QAC/E,eAAe,EAAE,WAAW;KAC7B,CAAC,CAAC,CAAA;AACL,CAAC;AAED,SAAS,gCAAgC,CAAC,KAAgD;IACxF,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAA;IACrB,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,MAAM,CAAA;IAE5B,OAAO,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QAC3E,aAAa,EAAE,SAAS;KACzB,CAAC,CAAC,CAAA;AACL,CAAC"}

package/dist/es/styles/grid/gridStyle.d.ts

@@ -1,9 +0,0 @@
-import { ThemeProps } from '../types';
-import { ResponsiveGridStyleProps } from './types';
-export declare function responsiveGridStyle(): ({
-    '&:not([hidden])': {
-        display: string;
-    };
-} | typeof responsiveGridAutoFlowStyle)[];
-declare function responsiveGridAutoFlowStyle(props: ResponsiveGridStyleProps & ThemeProps): import("styled-components").CSSObject[];
-export {};

package/dist/es/styles/grid/gridStyle.js

@@ -1,84 +0,0 @@
-import { getResponsiveProp, rem, responsive } from '../helpers';
-const GRID_CSS = { '&:not([hidden])': { display: 'grid' } };
-const GRID_AUTO_COLUMS = {
-    auto: 'auto',
-    min: 'min-content',
-    max: 'max-content',
-    fr: 'minmax(0, 1fr)',
-};
-const GRID_AUTO_ROWS = {
-    auto: 'auto',
-    min: 'min-content',
-    max: 'max-content',
-    fr: 'minmax(0, 1fr)',
-};
-export function responsiveGridStyle() {
-    return [
-        GRID_CSS,
-        responsiveGridAutoFlowStyle,
-        responsiveGridAutoRowsStyle,
-        responsiveGridAutoColsStyle,
-        responsiveGridColumnsStyle,
-        responsiveGridRowsStyle,
-        responsiveGridGapStyle,
-        responsiveGridGapXStyle,
-        responsiveGridGapYStyle,
-    ];
-}
-function responsiveGridAutoFlowStyle(props) {
-    const { theme } = props;
-    const { media } = theme.sanity;
-    return responsive(media, getResponsiveProp(props.autoFlow), (autoFlow) => ({
-        gridAutoFlow: autoFlow,
-    }));
-}
-function responsiveGridAutoRowsStyle(props) {
-    const { theme } = props;
-    const { media } = theme.sanity;
-    return responsive(media, getResponsiveProp(props.autoRows), (autoRows) => ({
-        gridAutoRows: autoRows && GRID_AUTO_ROWS[autoRows],
-    }));
-}
-function responsiveGridAutoColsStyle(props) {
-    const { theme } = props;
-    const { media } = theme.sanity;
-    return responsive(media, getResponsiveProp(props.autoCols), (autoCols) => ({
-        gridAutoColumns: autoCols && GRID_AUTO_COLUMS[autoCols],
-    }));
-}
-function responsiveGridColumnsStyle(props) {
-    const { theme } = props;
-    const { media } = theme.sanity;
-    return responsive(media, getResponsiveProp(props.columns), (columns) => ({
-        gridTemplateColumns: columns && `repeat(${columns},minmax(0,1fr));`,
-    }));
-}
-function responsiveGridRowsStyle(props) {
-    const { theme } = props;
-    const { media } = theme.sanity;
-    return responsive(media, getResponsiveProp(props.rows), (rows) => ({
-        gridTemplateRows: rows && `repeat(${rows},minmax(0,1fr));`,
-    }));
-}
-function responsiveGridGapStyle(props) {
-    const { theme } = props;
-    const { media, space } = theme.sanity;
-    return responsive(media, getResponsiveProp(props.gap), (gap) => ({
-        gridGap: gap ? rem(space[gap]) : undefined,
-    }));
-}
-function responsiveGridGapXStyle(props) {
-    const { theme } = props;
-    const { media, space } = theme.sanity;
-    return responsive(media, getResponsiveProp(props.gapX), (gapX) => ({
-        columnGap: gapX ? rem(space[gapX]) : undefined,
-    }));
-}
-function responsiveGridGapYStyle(props) {
-    const { theme } = props;
-    const { media, space } = theme.sanity;
-    return responsive(media, getResponsiveProp(props.gapY), (gapY) => ({
-        rowGap: gapY ? rem(space[gapY]) : undefined,
-    }));
-}
-//# sourceMappingURL=gridStyle.js.map

package/dist/es/styles/grid/gridStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gridStyle.js","sourceRoot":"","sources":["../../../../src/styles/grid/gridStyle.ts"],"names":[],"mappings":"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"}

package/dist/es/styles/grid/index.d.ts

@@ -1,3 +0,0 @@
-export * from './gridStyle';
-export * from './gridItemStyle';
-export * from './types';

package/dist/es/styles/grid/index.js

@@ -1,4 +0,0 @@
-export * from './gridStyle';
-export * from './gridItemStyle';
-export * from './types';
-//# sourceMappingURL=index.js.map

package/dist/es/styles/grid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA"}

package/dist/es/styles/grid/types.d.ts

@@ -1,28 +0,0 @@
-export declare type GridAutoRows = 'auto' | 'min' | 'max' | 'fr';
-export declare type GridAutoCols = 'auto' | 'min' | 'max' | 'fr';
-export declare type GridAutoFlow = 'row' | 'column' | 'row dense' | 'column dense';
-export interface ResponsiveGridStyleProps {
-    autoRows?: GridAutoRows | GridAutoRows[];
-    autoCols?: GridAutoCols | GridAutoCols[];
-    autoFlow?: GridAutoFlow | GridAutoFlow[];
-    columns?: number | number[];
-    gap?: number | number[];
-    gapX?: number | number[];
-    gapY?: number | number[];
-    rows?: number | number[];
-}
-declare type GridItemColumn = 'auto' | 'full' | number;
-declare type GridItemColumnStart = 'auto' | number;
-declare type GridItemColumnEnd = 'auto' | number;
-declare type GridItemRow = 'auto' | 'full' | number;
-declare type GridItemRowStart = 'auto' | number;
-declare type GridItemRowEnd = 'auto' | number;
-export interface ResponsiveGridItemStyleProps {
-    column?: GridItemColumn | GridItemColumn[];
-    columnStart?: GridItemColumnStart | GridItemColumnStart[];
-    columnEnd?: GridItemColumnEnd | GridItemColumnEnd[];
-    row?: GridItemRow | GridItemRow[];
-    rowStart?: GridItemRowStart | GridItemRowStart[];
-    rowEnd?: GridItemRowEnd | GridItemRowEnd[];
-}
-export {};

package/dist/es/styles/grid/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/es/styles/grid/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/styles/grid/types.ts"],"names":[],"mappings":""}

package/dist/es/styles/helpers.d.ts

@@ -1,7 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { Theme } from '../theme';
-export declare function fillCSSObject(propKeys: string[], value: any): CSSObject;
-export declare function rem(pixelValue: number): string | 0;
-export declare function responsive<T>(media: number[], values: T[], callback: (value: T, index: number, array: T[]) => CSSObject): CSSObject[];
-export declare function getResponsiveProp<T = number>(val: T | T[] | undefined, defaultVal?: T[]): T[];
-export declare function getResponsiveSpace(theme: Theme, props: string[], spaceIndexes?: number[]): CSSObject[] | null;

package/dist/es/styles/helpers.js

@@ -1,34 +0,0 @@
-export function fillCSSObject(propKeys, value) {
-    return propKeys.reduce((obj, propKey) => {
-        obj[propKey] = value;
-        return obj;
-    }, {});
-}
-export function rem(pixelValue) {
-    if (pixelValue === 0)
-        return 0;
-    return `${pixelValue / 16}rem`;
-}
-export function responsive(media, values, callback) {
-    const statements = values.map(callback);
-    return statements.map((statement, mediaIndex) => {
-        if (mediaIndex === 0)
-            return statement;
-        return { [`@media screen and (min-width: ${media[mediaIndex - 1]}px)`]: statement };
-    });
-}
-export function getResponsiveProp(val, defaultVal = []) {
-    if (val === undefined)
-        return defaultVal;
-    return Array.isArray(val) ? val : [val];
-}
-export function getResponsiveSpace(theme, props, spaceIndexes = []) {
-    if (!Array.isArray(spaceIndexes)) {
-        throw new Error('the property must be array of numbers');
-    }
-    if (spaceIndexes.length === 0) {
-        return null;
-    }
-    return responsive(theme.sanity.media, spaceIndexes, (spaceIndex) => fillCSSObject(props, rem(theme.sanity.space[spaceIndex])));
-}
-//# sourceMappingURL=helpers.js.map

package/dist/es/styles/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/styles/helpers.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,aAAa,CAAC,QAAkB,EAAE,KAAU;IAC1D,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAc,EAAE,OAAO,EAAE,EAAE;QACjD,GAAG,CAAC,OAAO,CAAC,GAAG,KAAK,CAAA;QAEpB,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,UAAkB;IACpC,IAAI,UAAU,KAAK,CAAC;QAAE,OAAO,CAAC,CAAA;IAE9B,OAAO,GAAG,UAAU,GAAG,EAAE,KAAK,CAAA;AAChC,CAAC;AAED,MAAM,UAAU,UAAU,CACxB,KAAe,EACf,MAAW,EACX,QAA4D;IAE5D,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAEvC,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,EAAE;QAC9C,IAAI,UAAU,KAAK,CAAC;YAAE,OAAO,SAAS,CAAA;QAEtC,OAAO,EAAC,CAAC,iCAAiC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,SAAS,EAAC,CAAA;IACnF,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAa,GAAwB,EAAE,aAAkB,EAAE;IAC1F,IAAI,GAAG,KAAK,SAAS;QAAE,OAAO,UAAU,CAAA;IAExC,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;AACzC,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAY,EAAE,KAAe,EAAE,eAAyB,EAAE;IAC3F,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;QAChC,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAA;KACzD;IAED,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;QAC7B,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,EAAE,CAAC,UAAU,EAAE,EAAE,CACjE,aAAa,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAC1D,CAAA;AACH,CAAC"}

package/dist/es/styles/index.d.ts

@@ -1,12 +0,0 @@
-export * from './border';
-export * from './box';
-export * from './flex';
-export * from './font';
-export * from './grid';
-export * from './helpers';
-export * from './input';
-export * from './margin';
-export * from './padding';
-export * from './radius';
-export * from './shadow';
-export * from './types';

package/dist/es/styles/index.js

@@ -1,13 +0,0 @@
-export * from './border';
-export * from './box';
-export * from './flex';
-export * from './font';
-export * from './grid';
-export * from './helpers';
-export * from './input';
-export * from './margin';
-export * from './padding';
-export * from './radius';
-export * from './shadow';
-export * from './types';
-//# sourceMappingURL=index.js.map

package/dist/es/styles/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA"}

package/dist/es/styles/input/index.d.ts

@@ -1,2 +0,0 @@
-export * from './responsiveInputPaddingStyle';
-export * from './textInputStyle';

package/dist/es/styles/input/index.js

@@ -1,3 +0,0 @@
-export * from './responsiveInputPaddingStyle';
-export * from './textInputStyle';
-//# sourceMappingURL=index.js.map

package/dist/es/styles/input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/input/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAA;AAC7C,cAAc,kBAAkB,CAAA"}

package/dist/es/styles/input/responsiveInputPaddingStyle.d.ts

@@ -1,24 +0,0 @@
-import { ThemeProps } from '../types';
-export interface TextInputResponsivePaddingStyleProps {
-    fontSize?: number | number[];
-    padding?: number | number[];
-    space?: number | number[];
-    iconLeft?: boolean;
-    iconRight?: boolean;
-}
-export declare function responsiveInputPaddingStyle(props: TextInputResponsivePaddingStyleProps & ThemeProps): import("styled-components").CSSObject[];
-export declare function responsiveInputPaddingIconsStyle(props: {
-    padding?: number | number[];
-    size?: number | number[];
-    space?: number | number[];
-} & ThemeProps): import("styled-components").CSSObject[];
-export declare function responsiveInputPaddingIconLeftStyle(props: {
-    padding?: number | number[];
-    size?: number | number[];
-    space?: number | number[];
-} & ThemeProps): import("styled-components").CSSObject[];
-export declare function responsiveInputPaddingIconRightStyle(props: {
-    padding?: number | number[];
-    size?: number | number[];
-    space?: number | number[];
-} & ThemeProps): import("styled-components").CSSObject[];