@sanity/ui 1.0.0-beta.3 → 1.0.0-beta.31

package/dist/es/hooks/useForwardedRef.js

@@ -1,16 +0,0 @@
-import { useLayoutEffect, useRef } from 'react';
-export function useForwardedRef(ref) {
-    const innerRef = useRef(null);
-    useLayoutEffect(() => {
-        if (!ref)
-            return;
-        if (typeof ref === 'function') {
-            ref(innerRef.current);
-        }
-        else {
-            ref.current = innerRef.current;
-        }
-    });
-    return innerRef;
-}
-//# sourceMappingURL=useForwardedRef.js.map

package/dist/es/hooks/useForwardedRef.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useForwardedRef.js","sourceRoot":"","sources":["../../../src/hooks/useForwardedRef.ts"],"names":[],"mappings":"AAAA,OAAc,EAAC,eAAe,EAAE,MAAM,EAAC,MAAM,OAAO,CAAA;AAEpD,MAAM,UAAU,eAAe,CAAI,GAA0B;IAC3D,MAAM,QAAQ,GAAG,MAAM,CAAW,IAAI,CAAC,CAAA;IAEvC,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,GAAG;YAAE,OAAM;QAEhB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;YAC7B,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;SACtB;aAAM;YACL,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAA;SAC/B;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAA;AACjB,CAAC"}

package/dist/es/hooks/useGlobalKeyDown.d.ts

@@ -1 +0,0 @@
-export declare function useGlobalKeyDown(onKeyDown: (event: KeyboardEvent) => void): void;

package/dist/es/hooks/useGlobalKeyDown.js

@@ -1,8 +0,0 @@
-import { useEffect } from 'react';
-export function useGlobalKeyDown(onKeyDown) {
-    return useEffect(() => {
-        addEventListener('keydown', onKeyDown);
-        return () => removeEventListener('keydown', onKeyDown);
-    }, [onKeyDown]);
-}
-//# sourceMappingURL=useGlobalKeyDown.js.map

package/dist/es/hooks/useGlobalKeyDown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGlobalKeyDown.js","sourceRoot":"","sources":["../../../src/hooks/useGlobalKeyDown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAE/B,MAAM,UAAU,gBAAgB,CAAC,SAAyC;IACxE,OAAO,SAAS,CAAC,GAAG,EAAE;QACpB,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;QAEtC,OAAO,GAAG,EAAE,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACxD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;AACjB,CAAC"}

package/dist/es/hooks/usePrefersDark.d.ts

@@ -1 +0,0 @@
-export declare function usePrefersDark(): boolean;

package/dist/es/hooks/usePrefersDark.js

@@ -1,15 +0,0 @@
-import { useEffect, useState } from 'react';
-export function usePrefersDark() {
-    const [dark, setDark] = useState(false);
-    useEffect(() => {
-        const mq = window.matchMedia('(prefers-color-scheme: dark)');
-        setDark(mq.matches);
-        const handleChange = () => {
-            setDark(mq.matches);
-        };
-        mq.addEventListener('change', handleChange);
-        return () => mq.removeEventListener('change', handleChange);
-    }, []);
-    return dark;
-}
-//# sourceMappingURL=usePrefersDark.js.map

package/dist/es/hooks/usePrefersDark.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePrefersDark.js","sourceRoot":"","sources":["../../../src/hooks/usePrefersDark.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAEzC,MAAM,UAAU,cAAc;IAC5B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAA;QAE5D,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAA;QAEnB,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAA;QACrB,CAAC,CAAA;QAED,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE3C,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/es/index.d.ts

@@ -1,8 +0,0 @@
-export * from './atoms';
-export * from './components';
-export * from './helpers';
-export * from './hooks';
-export * from './styles';
-export * from './theme';
-export * from './types';
-export * from './utils';

package/dist/es/index.js

@@ -1,9 +0,0 @@
-export * from './atoms';
-export * from './components';
-export * from './helpers';
-export * from './hooks';
-export * from './styles';
-export * from './theme';
-export * from './types';
-export * from './utils';
-//# sourceMappingURL=index.js.map

package/dist/es/index.js.map

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

package/dist/es/styles/border/borderStyle.d.ts

@@ -1,42 +0,0 @@
-import { BorderStyleProps } from './types';
-export declare function borderStyle(props: BorderStyleProps): (false | {
-    '&&': {
-        border: string;
-        borderTop?: undefined;
-        borderRight?: undefined;
-        borderBottom?: undefined;
-        borderLeft?: undefined;
-    };
-} | {
-    '&&': {
-        borderTop: string;
-        border?: undefined;
-        borderRight?: undefined;
-        borderBottom?: undefined;
-        borderLeft?: undefined;
-    };
-} | {
-    '&&': {
-        borderRight: string;
-        border?: undefined;
-        borderTop?: undefined;
-        borderBottom?: undefined;
-        borderLeft?: undefined;
-    };
-} | {
-    '&&': {
-        borderBottom: string;
-        border?: undefined;
-        borderTop?: undefined;
-        borderRight?: undefined;
-        borderLeft?: undefined;
-    };
-} | {
-    '&&': {
-        borderLeft: string;
-        border?: undefined;
-        borderTop?: undefined;
-        borderRight?: undefined;
-        borderBottom?: undefined;
-    };
-} | undefined)[];

package/dist/es/styles/border/borderStyle.js

@@ -1,11 +0,0 @@
-const BORDER_VALUE = '1px solid var(--card-hairline-soft-color)';
-export function borderStyle(props) {
-    return [
-        props.border && { '&&': { border: BORDER_VALUE } },
-        props.borderTop && { '&&': { borderTop: BORDER_VALUE } },
-        props.borderRight && { '&&': { borderRight: BORDER_VALUE } },
-        props.borderBottom && { '&&': { borderBottom: BORDER_VALUE } },
-        props.borderLeft && { '&&': { borderLeft: BORDER_VALUE } },
-    ].filter(Boolean);
-}
-//# sourceMappingURL=borderStyle.js.map

package/dist/es/styles/border/borderStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"borderStyle.js","sourceRoot":"","sources":["../../../../src/styles/border/borderStyle.ts"],"names":[],"mappings":"AAEA,MAAM,YAAY,GAAG,2CAA2C,CAAA;AAEhE,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,OAAO;QACL,KAAK,CAAC,MAAM,IAAI,EAAC,IAAI,EAAE,EAAC,MAAM,EAAE,YAAY,EAAC,EAAC;QAC9C,KAAK,CAAC,SAAS,IAAI,EAAC,IAAI,EAAE,EAAC,SAAS,EAAE,YAAY,EAAC,EAAC;QACpD,KAAK,CAAC,WAAW,IAAI,EAAC,IAAI,EAAE,EAAC,WAAW,EAAE,YAAY,EAAC,EAAC;QACxD,KAAK,CAAC,YAAY,IAAI,EAAC,IAAI,EAAE,EAAC,YAAY,EAAE,YAAY,EAAC,EAAC;QAC1D,KAAK,CAAC,UAAU,IAAI,EAAC,IAAI,EAAE,EAAC,UAAU,EAAE,YAAY,EAAC,EAAC;KACvD,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;AACnB,CAAC"}

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

@@ -1,2 +0,0 @@
-export * from './borderStyle';
-export * from './types';

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/border/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA"}

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

@@ -1,7 +0,0 @@
-export interface BorderStyleProps {
-    border?: boolean;
-    borderTop?: boolean;
-    borderRight?: boolean;
-    borderBottom?: boolean;
-    borderLeft?: boolean;
-}

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

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

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

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

package/dist/es/styles/box/boxStyle.d.ts

@@ -1,3 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { BoxStyleProps } from './types';
-export declare function boxStyle({ sizing }: BoxStyleProps): CSSObject;

package/dist/es/styles/box/boxStyle.js

@@ -1,11 +0,0 @@
-const BOX_SIZING = {
-    content: 'content-box',
-    border: 'border-box',
-};
-export function boxStyle({ sizing }) {
-    return {
-        display: 'block',
-        boxSizing: sizing && BOX_SIZING[sizing],
-    };
-}
-//# sourceMappingURL=boxStyle.js.map

package/dist/es/styles/box/boxStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"boxStyle.js","sourceRoot":"","sources":["../../../../src/styles/box/boxStyle.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,GAAwC;IACtD,OAAO,EAAE,aAAa;IACtB,MAAM,EAAE,YAAY;CACrB,CAAA;AAED,MAAM,UAAU,QAAQ,CAAC,EAAC,MAAM,EAAgB;IAC9C,OAAO;QACL,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC;KACxC,CAAA;AACH,CAAC"}

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

@@ -1,2 +0,0 @@
-export * from './boxStyle';
-export * from './types';

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/box/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}

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

@@ -1,3 +0,0 @@
-export interface BoxStyleProps {
-    sizing?: 'content' | 'border';
-}

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

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

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

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

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

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

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

@@ -1,5 +0,0 @@
-import { getResponsiveProp, responsive } from '../helpers';
-export function flexItemStyle({ flex, theme }) {
-    return responsive(theme.media, getResponsiveProp(flex).map((val) => ({ flex: val })));
-}
-//# sourceMappingURL=flexItemStyle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"flexItemStyle.js","sourceRoot":"","sources":["../../../../src/styles/flex/flexItemStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAE,UAAU,EAAC,MAAM,YAAY,CAAA;AAIxD,MAAM,UAAU,aAAa,CAAC,EAAC,IAAI,EAAE,KAAK,EAAkC;IAC1E,OAAO,UAAU,CACf,KAAK,CAAC,KAAK,EACX,iBAAiB,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC,CAAC,CACpD,CAAA;AACH,CAAC"}

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

@@ -1,21 +0,0 @@
-import { FlexStyleProps } from './types';
-export declare function flexStyle(props: FlexStyleProps): (typeof responsiveFlexColumnStyle | {
-    display: string;
-    alignItems: "flex-start" | "flex-end" | "center" | "baseline" | "stretch" | undefined;
-    justifyContent: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
-})[];
-export declare function responsiveFlexColumnStyle(props: FlexStyleProps): {
-    flexDirection: import("./types").FlexDirection;
-    flexWrap: "wrap" | "wrap-reverse" | "nowrap" | undefined;
-    '&>*': {
-        minHeight: number;
-        minWidth?: undefined;
-    };
-} | {
-    flexDirection: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
-    flexWrap: "wrap" | "wrap-reverse" | "nowrap" | undefined;
-    '&>*': {
-        minWidth: number;
-        minHeight?: undefined;
-    };
-};

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

@@ -1,29 +0,0 @@
-export function flexStyle(props) {
-    return [
-        {
-            display: 'flex',
-            alignItems: props.align,
-            justifyContent: props.justify,
-        },
-        responsiveFlexColumnStyle,
-    ];
-}
-export function responsiveFlexColumnStyle(props) {
-    if (props.direction && props.direction.startsWith('column')) {
-        return {
-            flexDirection: props.direction,
-            flexWrap: props.wrap,
-            '&>*': {
-                minHeight: 0,
-            },
-        };
-    }
-    return {
-        flexDirection: props.direction,
-        flexWrap: props.wrap,
-        '&>*': {
-            minWidth: 0,
-        },
-    };
-}
-//# sourceMappingURL=flexStyle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"flexStyle.js","sourceRoot":"","sources":["../../../../src/styles/flex/flexStyle.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,OAAO;QACL;YACE,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,KAAK,CAAC,KAAK;YACvB,cAAc,EAAE,KAAK,CAAC,OAAO;SAC9B;QACD,yBAAyB;KAC1B,CAAA;AACH,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,KAAqB;IAC7D,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;QAC3D,OAAO;YACL,aAAa,EAAE,KAAK,CAAC,SAAS;YAC9B,QAAQ,EAAE,KAAK,CAAC,IAAI;YAEpB,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;aACb;SACF,CAAA;KACF;IAED,OAAO;QACL,aAAa,EAAE,KAAK,CAAC,SAAS;QAC9B,QAAQ,EAAE,KAAK,CAAC,IAAI;QAEpB,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC;SACZ;KACF,CAAA;AACH,CAAC"}

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 FlexStyleProps {
-    align?: FlexAlign;
-    direction?: FlexDirection;
-    justify?: FlexJustify;
-    wrap?: FlexWrap;
-}
-export interface FlexItemStyleProps {
-    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 headingFont(props: ResponsiveFontProps & ThemeProps): import("styled-components").CSSObject[];

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

@@ -1,5 +0,0 @@
-import { responsiveFont } from './responsiveFont';
-export function headingFont(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,WAAW,CAAC,KAAuC;IACjE,OAAO,cAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;AACzC,CAAC"}

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

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

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

@@ -1,6 +0,0 @@
-export * from './codeFontStyle';
-export * from './headingFontStyle';
-export * from './labelFontStyle';
-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,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 } from '../../theme';
-import { ThemeProps } from '../types';
-import { FontKey, ResponsiveFontProps } from './types';
-export declare function responsiveFont(fontKey: FontKey, props: ResponsiveFontProps & ThemeProps): CSSObject[];
-export declare function fontSize(size: ThemeFontSize): CSSObject;

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

@@ -1,41 +0,0 @@
-import { getResponsiveProp, rem, responsive } from '../helpers';
-export function responsiveFont(fontKey, props) {
-    const { size, theme } = props;
-    const { family, sizes, weights } = theme.fonts[fontKey];
-    const fontWeight = weights[props.weight || 'regular'];
-    // @todo: make this configurable
-    const defaultSize = sizes[2];
-    const ret = [
-        {
-            position: 'relative',
-            fontFamily: family,
-            fontWeight,
-            display: 'block',
-            padding: '1px 0',
-            margin: 0,
-        },
-        ...responsive(theme.media, getResponsiveProp(size).map((sizeIndex) => fontSize(sizes[sizeIndex] || defaultSize))),
-    ];
-    return ret;
-}
-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,CAAC,OAAgB,EAAE,KAAuC;IACtF,MAAM,EAAC,IAAI,EAAE,KAAK,EAAC,GAAG,KAAK,CAAA;IAC3B,MAAM,EAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAC,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IACrD,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC,CAAA;IAErD,gCAAgC;IAChC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;IAE5B,MAAM,GAAG,GAAG;QACV;YACE,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,MAAM;YAClB,UAAU;YACV,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,CAAC;SACG;QACd,GAAG,UAAU,CACX,KAAK,CAAC,KAAK,EACX,iBAAiB,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,WAAW,CAAC,CAAC,CACtF;KACF,CAAA;IAED,OAAO,GAAG,CAAA;AACZ,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/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 @@
-export declare type FontKey = 'code' | 'heading' | 'label' | 'text';
-export declare type FontWeight = 'regular' | 'medium' | 'semibold' | 'bold';
-export interface ResponsiveFontSizeProps {
-    size?: number | number[];
-}
-export interface FontWeightProps {
-    weight?: FontWeight;
-}
-export interface ResponsiveFontProps extends FontWeightProps, ResponsiveFontSizeProps {
-    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 { GridItemProps } from './types';
-export declare function gridItemStyle(): (typeof responsiveGridItemRowStyle)[];
-declare function responsiveGridItemRowStyle({ row, theme }: GridItemProps & ThemeProps): import("styled-components").CSSObject[];
-export {};

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

@@ -1,48 +0,0 @@
-import { getResponsiveProp, responsive } from '../helpers';
-export function gridItemStyle() {
-    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({ row, theme }) {
-    return responsive(theme.media, getResponsiveProp(row).map((val) => {
-        if (typeof val === 'number') {
-            return { gridRow: `span ${val} / span ${val}` };
-        }
-        return { gridRow: GRID_ITEM_ROW[val] };
-    }));
-}
-function responsiveGridItemRowStartStyle({ rowStart, theme }) {
-    return responsive(theme.media, getResponsiveProp(rowStart).map((val) => ({ gridRowStart: val })));
-}
-function responsiveGridItemRowEndStyle({ rowEnd, theme }) {
-    return responsive(theme.media, getResponsiveProp(rowEnd).map((val) => ({ gridRowEnd: val })));
-}
-function responsiveGridItemColumnStyle({ column, theme }) {
-    return responsive(theme.media, getResponsiveProp(column).map((val) => {
-        if (typeof val === 'number') {
-            return { gridColumn: `span ${val} / span ${val}` };
-        }
-        return { gridColumn: GRID_ITEM_COLUMN[val] };
-    }));
-}
-function responsiveGridItemColumnStartStyle({ columnStart, theme }) {
-    return responsive(theme.media, getResponsiveProp(columnStart).map((val) => ({ gridColumnStart: val })));
-}
-function responsiveGridItemColumnEndStyle({ columnEnd, theme }) {
-    return responsive(theme.media, getResponsiveProp(columnEnd).map((val) => ({ gridColumnEnd: val })));
-}
-//# 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,aAAa;IAC3B,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,EAAC,GAAG,EAAE,KAAK,EAA6B;IAC1E,OAAO,UAAU,CACf,KAAK,CAAC,KAAK,EACX,iBAAiB,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACjC,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,CACH,CAAA;AACH,CAAC;AAED,SAAS,+BAA+B,CAAC,EAAC,QAAQ,EAAE,KAAK,EAA6B;IACpF,OAAO,UAAU,CACf,KAAK,CAAC,KAAK,EACX,iBAAiB,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAC,YAAY,EAAE,GAAG,EAAC,CAAC,CAAC,CAChE,CAAA;AACH,CAAC;AAED,SAAS,6BAA6B,CAAC,EAAC,MAAM,EAAE,KAAK,EAA6B;IAChF,OAAO,UAAU,CACf,KAAK,CAAC,KAAK,EACX,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,GAAG,EAAC,CAAC,CAAC,CAC5D,CAAA;AACH,CAAC;AAED,SAAS,6BAA6B,CAAC,EAAC,MAAM,EAAE,KAAK,EAA6B;IAChF,OAAO,UAAU,CACf,KAAK,CAAC,KAAK,EACX,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACpC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;YAC3B,OAAO,EAAC,UAAU,EAAE,QAAQ,GAAG,WAAW,GAAG,EAAE,EAAC,CAAA;SACjD;QAED,OAAO,EAAC,UAAU,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAC,CAAA;IAC5C,CAAC,CAAC,CACH,CAAA;AACH,CAAC;AAED,SAAS,kCAAkC,CAAC,EAAC,WAAW,EAAE,KAAK,EAA6B;IAC1F,OAAO,UAAU,CACf,KAAK,CAAC,KAAK,EACX,iBAAiB,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAC,eAAe,EAAE,GAAG,EAAC,CAAC,CAAC,CACtE,CAAA;AACH,CAAC;AAED,SAAS,gCAAgC,CAAC,EAAC,SAAS,EAAE,KAAK,EAA6B;IACtF,OAAO,UAAU,CACf,KAAK,CAAC,KAAK,EACX,iBAAiB,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,GAAG,EAAC,CAAC,CAAC,CAClE,CAAA;AACH,CAAC"}

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

@@ -1,14 +0,0 @@
-import { Theme } from '../../theme';
-import { GridStyleProps } from './types';
-export declare function gridStyle({ autoCols, autoFlow, autoRows }: GridStyleProps & {
-    theme: Theme;
-}): (typeof responsiveGridColumnsStyle | {
-    display: string;
-    gridAutoFlow: "row" | "column" | "row dense" | "column dense" | undefined;
-    gridAutoColumns: string | undefined;
-    gridAutoRows: string | undefined;
-})[];
-declare function responsiveGridColumnsStyle({ columns, theme }: GridStyleProps & {
-    theme: Theme;
-}): import("styled-components").CSSObject[];
-export {};

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

@@ -1,42 +0,0 @@
-import { getResponsiveProp, rem, responsive } from '../helpers';
-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 gridStyle({ autoCols, autoFlow, autoRows }) {
-    return [
-        {
-            display: 'grid',
-            gridAutoFlow: autoFlow,
-            gridAutoColumns: autoCols && GRID_AUTO_COLUMS[autoCols],
-            gridAutoRows: autoRows && GRID_AUTO_ROWS[autoRows],
-        },
-        responsiveGridColumnsStyle,
-        responsiveGridRowsStyle,
-        responsiveGridGapStyle,
-    ];
-}
-function responsiveGridColumnsStyle({ columns, theme }) {
-    return responsive(theme.media, getResponsiveProp(columns).map((val) => ({
-        gridTemplateColumns: val && `repeat(${val}, minmax(0, 1fr));`,
-    })));
-}
-function responsiveGridRowsStyle({ rows, theme }) {
-    return responsive(theme.media, getResponsiveProp(rows).map((val) => ({
-        gridTemplateRows: val && `repeat(${val}, minmax(0, 1fr));`,
-    })));
-}
-function responsiveGridGapStyle({ gap, theme }) {
-    return responsive(theme.media, getResponsiveProp(gap).map((spaceIndex) => ({
-        gridGap: gap ? rem(theme.space[spaceIndex]) : undefined,
-    })));
-}
-//# sourceMappingURL=gridStyle.js.map