@sanity/ui 0.36.13 → 0.36.16

package/lib/cjs/styles/grid/gridStyle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/styles/grid/gridStyle.ts"],
-  "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {getResponsiveProp, rem, responsive} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveGridStyleProps} from './types'\n\nconst GRID_CSS = {\n  '&&:not([hidden])': {\n    display: 'grid',\n  },\n  '&[data-as=\"ul\"],&[data-as=\"ol\"]': {\n    listStyle: 'none',\n  },\n}\n\nconst GRID_AUTO_COLUMS = {\n  auto: 'auto',\n  min: 'min-content',\n  max: 'max-content',\n  fr: 'minmax(0, 1fr)',\n}\n\nconst GRID_AUTO_ROWS = {\n  auto: 'auto',\n  min: 'min-content',\n  max: 'max-content',\n  fr: 'minmax(0, 1fr)',\n}\n\nexport function responsiveGridStyle(): Array<\n  CSSObject | ((props: ResponsiveGridStyleProps & ThemeProps) => CSSObject[])\n> {\n  return [\n    GRID_CSS,\n    responsiveGridAutoFlowStyle,\n    responsiveGridAutoRowsStyle,\n    responsiveGridAutoColsStyle,\n    responsiveGridColumnsStyle,\n    responsiveGridRowsStyle,\n    responsiveGridGapStyle,\n    responsiveGridGapXStyle,\n    responsiveGridGapYStyle,\n  ]\n}\n\nfunction responsiveGridAutoFlowStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$autoFlow), (autoFlow) => ({\n    gridAutoFlow: autoFlow,\n  }))\n}\n\nfunction responsiveGridAutoRowsStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$autoRows), (autoRows) => ({\n    gridAutoRows: autoRows && GRID_AUTO_ROWS[autoRows],\n  }))\n}\n\nfunction responsiveGridAutoColsStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$autoCols), (autoCols) => ({\n    gridAutoColumns: autoCols && GRID_AUTO_COLUMS[autoCols],\n  }))\n}\n\nfunction responsiveGridColumnsStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$columns), (columns) => ({\n    gridTemplateColumns: columns && `repeat(${columns},minmax(0,1fr));`,\n  }))\n}\n\nfunction responsiveGridRowsStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$rows), (rows) => ({\n    gridTemplateRows: rows && `repeat(${rows},minmax(0,1fr));`,\n  }))\n}\n\nfunction responsiveGridGapStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media, space} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$gap), (gap) => ({\n    gridGap: gap ? rem(space[gap]) : undefined,\n  }))\n}\n\nfunction responsiveGridGapXStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media, space} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$gapX), (gapX) => ({\n    columnGap: gapX ? rem(space[gapX]) : undefined,\n  }))\n}\n\nfunction responsiveGridGapYStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n  const {theme} = props\n  const {media, space} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$gapY), (gapY) => ({\n    rowGap: gapY ? rem(space[gapY]) : undefined,\n  }))\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AACA,qBAAiD;AAIjD,MAAM,WAAW;AAAA,EACf,oBAAoB;AAAA,IAClB,SAAS;AAAA;AAAA,EAEX,mCAAmC;AAAA,IACjC,WAAW;AAAA;AAAA;AAIf,MAAM,mBAAmB;AAAA,EACvB,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AAAA,EACL,IAAI;AAAA;AAGN,MAAM,iBAAiB;AAAA,EACrB,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AAAA,EACL,IAAI;AAAA;AAGC,+BAEL;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,qCAAqC,OAA8C;AACjF,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,YAAY,CAAC,aAAc;AAAA,IAC1E,cAAc;AAAA;AAAA;AAIlB,qCAAqC,OAA8C;AACjF,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,YAAY,CAAC,aAAc;AAAA,IAC1E,cAAc,YAAY,eAAe;AAAA;AAAA;AAI7C,qCAAqC,OAA8C;AACjF,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,YAAY,CAAC,aAAc;AAAA,IAC1E,iBAAiB,YAAY,iBAAiB;AAAA;AAAA;AAIlD,oCAAoC,OAA8C;AAChF,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,WAAW,CAAC,YAAa;AAAA,IACxE,qBAAqB,WAAW,UAAU;AAAA;AAAA;AAI9C,iCAAiC,OAA8C;AAC7E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,+BAAW,OAAO,sCAAkB,MAAM,QAAQ,CAAC,SAAU;AAAA,IAClE,kBAAkB,QAAQ,UAAU;AAAA;AAAA;AAIxC,gCAAgC,OAA8C;AAC5E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,OAAO,UAAS,MAAM;AAE7B,SAAO,+BAAW,OAAO,sCAAkB,MAAM,OAAO,CAAC,QAAS;AAAA,IAChE,SAAS,MAAM,wBAAI,MAAM,QAAQ;AAAA;AAAA;AAIrC,iCAAiC,OAA8C;AAC7E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,OAAO,UAAS,MAAM;AAE7B,SAAO,+BAAW,OAAO,sCAAkB,MAAM,QAAQ,CAAC,SAAU;AAAA,IAClE,WAAW,OAAO,wBAAI,MAAM,SAAS;AAAA;AAAA;AAIzC,iCAAiC,OAA8C;AAC7E,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,OAAO,UAAS,MAAM;AAE7B,SAAO,+BAAW,OAAO,sCAAkB,MAAM,QAAQ,CAAC,SAAU;AAAA,IAClE,QAAQ,OAAO,wBAAI,MAAM,SAAS;AAAA;AAAA;",
-  "names": []
-}

package/lib/cjs/styles/grid/index.d.ts

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

package/lib/cjs/styles/grid/index.js

@@ -1,22 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__markAsModule(exports);
-__reExport(exports, __toModule(require("./gridStyle")));
-__reExport(exports, __toModule(require("./gridItemStyle")));
-__reExport(exports, __toModule(require("./types")));

package/lib/cjs/styles/grid/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/styles/grid/index.ts"],
-  "sourcesContent": ["export * from './gridStyle'\nexport * from './gridItemStyle'\nexport * from './types'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AACd,oBAAc;AACd,oBAAc;",
-  "names": []
-}

package/lib/cjs/styles/grid/types.d.ts

@@ -1,26 +0,0 @@
-import { GridAutoCols, GridAutoFlow, GridAutoRows, GridItemColumn, GridItemColumnEnd, GridItemColumnStart, GridItemRow, GridItemRowEnd, GridItemRowStart } from '../../types';
-/**
- * @internal
- */
-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[];
-}
-/**
- * @internal
- */
-export interface ResponsiveGridItemStyleProps {
-    $column?: GridItemColumn | GridItemColumn[];
-    $columnStart?: GridItemColumnStart | GridItemColumnStart[];
-    $columnEnd?: GridItemColumnEnd | GridItemColumnEnd[];
-    $row?: GridItemRow | GridItemRow[];
-    $rowStart?: GridItemRowStart | GridItemRowStart[];
-    $rowEnd?: GridItemRowEnd | GridItemRowEnd[];
-}
-//# sourceMappingURL=types.d.ts.map

package/lib/cjs/styles/grid/types.js

@@ -1,3 +0,0 @@
-var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-__markAsModule(exports);

package/lib/cjs/styles/grid/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/styles/grid/types.ts"],
-  "sourcesContent": ["import {\n  GridAutoCols,\n  GridAutoFlow,\n  GridAutoRows,\n  GridItemColumn,\n  GridItemColumnEnd,\n  GridItemColumnStart,\n  GridItemRow,\n  GridItemRowEnd,\n  GridItemRowStart,\n} from '../../types'\n\n/**\n * @internal\n */\nexport interface ResponsiveGridStyleProps {\n  $autoRows?: GridAutoRows | GridAutoRows[]\n  $autoCols?: GridAutoCols | GridAutoCols[]\n  $autoFlow?: GridAutoFlow | GridAutoFlow[]\n  $columns?: number | number[]\n  $gap?: number | number[]\n  $gapX?: number | number[]\n  $gapY?: number | number[]\n  $rows?: number | number[]\n}\n\n/**\n * @internal\n */\nexport interface ResponsiveGridItemStyleProps {\n  $column?: GridItemColumn | GridItemColumn[]\n  $columnStart?: GridItemColumnStart | GridItemColumnStart[]\n  $columnEnd?: GridItemColumnEnd | GridItemColumnEnd[]\n  $row?: GridItemRow | GridItemRow[]\n  $rowStart?: GridItemRowStart | GridItemRowStart[]\n  $rowEnd?: GridItemRowEnd | GridItemRowEnd[]\n}\n"],
-  "mappings": ";;AAAA;",
-  "names": []
-}

package/lib/cjs/styles/helpers.d.ts

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

package/lib/cjs/styles/helpers.js

@@ -1,64 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  fillCSSObject: () => fillCSSObject,
-  getResponsiveProp: () => getResponsiveProp,
-  getResponsiveSpace: () => getResponsiveSpace,
-  rem: () => rem,
-  responsive: () => responsive
-});
-var import_constants = __toModule(require("../constants"));
-function fillCSSObject(propKeys, value) {
-  return propKeys.reduce((obj, propKey) => {
-    obj[propKey] = value;
-    return obj;
-  }, {});
-}
-function rem(pixelValue) {
-  if (pixelValue === 0)
-    return 0;
-  return `${pixelValue / 16}rem`;
-}
-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 };
-  });
-}
-function getResponsiveProp(val, defaultVal) {
-  if (val === void 0)
-    return defaultVal || import_constants.EMPTY_ARRAY;
-  return Array.isArray(val) ? val : [val];
-}
-function getResponsiveSpace(theme, props, spaceIndexes = import_constants.EMPTY_ARRAY) {
-  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])));
-}

package/lib/cjs/styles/helpers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/styles/helpers.ts"],
-  "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {EMPTY_ARRAY} from '../constants'\nimport {Theme} from '../theme'\n\n/**\n * @internal\n */\nexport function fillCSSObject(propKeys: string[], value: unknown): CSSObject {\n  return propKeys.reduce((obj: CSSObject, propKey) => {\n    obj[propKey] = value as any\n\n    return obj\n  }, {})\n}\n\n/**\n * @public\n */\nexport function rem(pixelValue: number): string | 0 {\n  if (pixelValue === 0) return 0\n\n  return `${pixelValue / 16}rem`\n}\n\n/**\n * @internal\n */\nexport function responsive<T>(\n  media: number[],\n  values: T[],\n  callback: (value: T, index: number, array: T[]) => CSSObject\n): CSSObject[] {\n  const statements = values.map(callback)\n\n  return statements.map((statement, mediaIndex) => {\n    if (mediaIndex === 0) return statement\n\n    return {[`@media screen and (min-width: ${media[mediaIndex - 1]}px)`]: statement}\n  })\n}\n\n/**\n * @internal\n */\nexport function getResponsiveProp<T = number>(val: T | T[] | undefined, defaultVal?: T[]): T[] {\n  if (val === undefined) return defaultVal || EMPTY_ARRAY\n\n  return Array.isArray(val) ? val : [val]\n}\n\n/**\n * @internal\n */\nexport function getResponsiveSpace(\n  theme: Theme,\n  props: string[],\n  spaceIndexes: number[] = EMPTY_ARRAY\n): CSSObject[] | null {\n  if (!Array.isArray(spaceIndexes)) {\n    throw new Error('the property must be array of numbers')\n  }\n\n  if (spaceIndexes.length === 0) {\n    return null\n  }\n\n  return responsive(theme.sanity.media, spaceIndexes, (spaceIndex) =>\n    fillCSSObject(props, rem(theme.sanity.space[spaceIndex]))\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAA0B;AAMnB,uBAAuB,UAAoB,OAA2B;AAC3E,SAAO,SAAS,OAAO,CAAC,KAAgB,YAAY;AAClD,QAAI,WAAW;AAEf,WAAO;AAAA,KACN;AAAA;AAME,aAAa,YAAgC;AAClD,MAAI,eAAe;AAAG,WAAO;AAE7B,SAAO,GAAG,aAAa;AAAA;AAMlB,oBACL,OACA,QACA,UACa;AACb,QAAM,aAAa,OAAO,IAAI;AAE9B,SAAO,WAAW,IAAI,CAAC,WAAW,eAAe;AAC/C,QAAI,eAAe;AAAG,aAAO;AAE7B,WAAO,GAAE,iCAAiC,MAAM,aAAa,UAAU;AAAA;AAAA;AAOpE,2BAAuC,KAA0B,YAAuB;AAC7F,MAAI,QAAQ;AAAW,WAAO,cAAc;AAE5C,SAAO,MAAM,QAAQ,OAAO,MAAM,CAAC;AAAA;AAM9B,4BACL,OACA,OACA,eAAyB,8BACL;AACpB,MAAI,CAAC,MAAM,QAAQ,eAAe;AAChC,UAAM,IAAI,MAAM;AAAA;AAGlB,MAAI,aAAa,WAAW,GAAG;AAC7B,WAAO;AAAA;AAGT,SAAO,WAAW,MAAM,OAAO,OAAO,cAAc,CAAC,eACnD,cAAc,OAAO,IAAI,MAAM,OAAO,MAAM;AAAA;",
-  "names": []
-}

package/lib/cjs/styles/index.d.ts

@@ -1,4 +0,0 @@
-export * from './helpers';
-export * from './types';
-export * from './font';
-//# sourceMappingURL=index.d.ts.map

package/lib/cjs/styles/index.js

@@ -1,22 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__markAsModule(exports);
-__reExport(exports, __toModule(require("./helpers")));
-__reExport(exports, __toModule(require("./types")));
-__reExport(exports, __toModule(require("./font")));

package/lib/cjs/styles/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/styles/index.ts"],
-  "sourcesContent": ["export * from './helpers'\nexport * from './types'\n\n// beta\nexport * from './font'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AACd,oBAAc;AAGd,oBAAc;",
-  "names": []
-}

package/lib/cjs/styles/input/index.d.ts

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

package/lib/cjs/styles/input/index.js

@@ -1,21 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__markAsModule(exports);
-__reExport(exports, __toModule(require("./responsiveInputPaddingStyle")));
-__reExport(exports, __toModule(require("./textInputStyle")));

package/lib/cjs/styles/input/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/styles/input/index.ts"],
-  "sourcesContent": ["export * from './responsiveInputPaddingStyle'\nexport * from './textInputStyle'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AACd,oBAAc;",
-  "names": []
-}

package/lib/cjs/styles/input/responsiveInputPaddingStyle.d.ts

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

package/lib/cjs/styles/input/responsiveInputPaddingStyle.js

@@ -1,89 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  responsiveInputPaddingIconLeftStyle: () => responsiveInputPaddingIconLeftStyle,
-  responsiveInputPaddingIconRightStyle: () => responsiveInputPaddingIconRightStyle,
-  responsiveInputPaddingIconsStyle: () => responsiveInputPaddingIconsStyle,
-  responsiveInputPaddingStyle: () => responsiveInputPaddingStyle
-});
-var import_helpers = __toModule(require("../helpers"));
-function responsiveInputPaddingStyle(props) {
-  const { $iconLeft, $iconRight, theme } = props;
-  const { fonts, media, space: spaceScale } = theme.sanity;
-  const padding = (0, import_helpers.getResponsiveProp)(props.$padding, [0]);
-  const space = (0, import_helpers.getResponsiveProp)(props.$space, [0]);
-  const size = (0, import_helpers.getResponsiveProp)(props.$fontSize, [0]);
-  const len = Math.max(padding.length, space.length, size.length);
-  const _padding = [];
-  const _space = [];
-  const _size = [];
-  for (let i = 0; i < len; i += 1) {
-    _padding[i] = padding[i] === void 0 ? _padding[i - 1] : padding[i];
-    _space[i] = space[i] === void 0 ? _space[i - 1] : space[i];
-    _size[i] = size[i] === void 0 ? _size[i - 1] : size[i];
-  }
-  return (0, import_helpers.responsive)(media, _padding, (_, i) => {
-    const fontSize = fonts.text.sizes[_size[i]] || fonts.text.sizes[2];
-    const emSize = fontSize.lineHeight - fontSize.ascenderHeight - fontSize.descenderHeight;
-    const p = spaceScale[_padding[i]];
-    const s = spaceScale[_space[i]];
-    const styles = {
-      paddingTop: (0, import_helpers.rem)(p - fontSize.ascenderHeight),
-      paddingRight: (0, import_helpers.rem)(p),
-      paddingBottom: (0, import_helpers.rem)(p - fontSize.descenderHeight),
-      paddingLeft: (0, import_helpers.rem)(p)
-    };
-    if ($iconRight)
-      styles.paddingRight = (0, import_helpers.rem)(p + emSize + s);
-    if ($iconLeft)
-      styles.paddingLeft = (0, import_helpers.rem)(p + emSize + s);
-    return styles;
-  });
-}
-function responsiveInputPaddingIconsStyle(props) {
-  return responsiveInputPaddingStyle(__spreadProps(__spreadValues({}, props), { $iconLeft: true, $iconRight: true }));
-}
-function responsiveInputPaddingIconLeftStyle(props) {
-  return responsiveInputPaddingStyle(__spreadProps(__spreadValues({}, props), { $iconLeft: true }));
-}
-function responsiveInputPaddingIconRightStyle(props) {
-  return responsiveInputPaddingStyle(__spreadProps(__spreadValues({}, props), { $iconRight: true }));
-}

package/lib/cjs/styles/input/responsiveInputPaddingStyle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/styles/input/responsiveInputPaddingStyle.ts"],
-  "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {getResponsiveProp, rem, responsive} from '../helpers'\nimport {ThemeProps} from '../types'\n\nexport interface TextInputResponsivePaddingStyleProps {\n  $fontSize?: number | number[]\n  $iconLeft?: boolean\n  $iconRight?: boolean\n  $padding?: number | number[]\n  $space?: number | number[]\n}\n\nexport function responsiveInputPaddingStyle(\n  props: TextInputResponsivePaddingStyleProps & ThemeProps\n): CSSObject[] {\n  const {$iconLeft, $iconRight, theme} = props\n  const {fonts, media, space: spaceScale} = theme.sanity\n  const padding = getResponsiveProp(props.$padding, [0])\n  const space = getResponsiveProp(props.$space, [0])\n  const size = getResponsiveProp(props.$fontSize, [0])\n  const len = Math.max(padding.length, space.length, size.length)\n  const _padding: number[] = []\n  const _space: number[] = []\n  const _size: number[] = []\n\n  for (let i = 0; i < len; i += 1) {\n    _padding[i] = padding[i] === undefined ? _padding[i - 1] : padding[i]\n    _space[i] = space[i] === undefined ? _space[i - 1] : space[i]\n    _size[i] = size[i] === undefined ? _size[i - 1] : size[i]\n  }\n\n  return responsive(media, _padding, (_, i) => {\n    const fontSize = fonts.text.sizes[_size[i]] || fonts.text.sizes[2]\n    const emSize = fontSize.lineHeight - fontSize.ascenderHeight - fontSize.descenderHeight\n    const p = spaceScale[_padding[i]]\n    const s = spaceScale[_space[i]]\n\n    const styles = {\n      paddingTop: rem(p - fontSize.ascenderHeight),\n      paddingRight: rem(p),\n      paddingBottom: rem(p - fontSize.descenderHeight),\n      paddingLeft: rem(p),\n    }\n\n    if ($iconRight) styles.paddingRight = rem(p + emSize + s)\n    if ($iconLeft) styles.paddingLeft = rem(p + emSize + s)\n\n    return styles\n  })\n}\n\nexport function responsiveInputPaddingIconsStyle(\n  props: {\n    padding?: number | number[]\n    size?: number | number[]\n    space?: number | number[]\n  } & ThemeProps\n): CSSObject[] {\n  return responsiveInputPaddingStyle({...props, $iconLeft: true, $iconRight: true})\n}\n\nexport function responsiveInputPaddingIconLeftStyle(\n  props: {\n    padding?: number | number[]\n    size?: number | number[]\n    space?: number | number[]\n  } & ThemeProps\n): CSSObject[] {\n  return responsiveInputPaddingStyle({...props, $iconLeft: true})\n}\n\nexport function responsiveInputPaddingIconRightStyle(\n  props: {\n    padding?: number | number[]\n    size?: number | number[]\n    space?: number | number[]\n  } & ThemeProps\n): CSSObject[] {\n  return responsiveInputPaddingStyle({...props, $iconRight: true})\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAiD;AAW1C,qCACL,OACa;AACb,QAAM,EAAC,WAAW,YAAY,UAAS;AACvC,QAAM,EAAC,OAAO,OAAO,OAAO,eAAc,MAAM;AAChD,QAAM,UAAU,sCAAkB,MAAM,UAAU,CAAC;AACnD,QAAM,QAAQ,sCAAkB,MAAM,QAAQ,CAAC;AAC/C,QAAM,OAAO,sCAAkB,MAAM,WAAW,CAAC;AACjD,QAAM,MAAM,KAAK,IAAI,QAAQ,QAAQ,MAAM,QAAQ,KAAK;AACxD,QAAM,WAAqB;AAC3B,QAAM,SAAmB;AACzB,QAAM,QAAkB;AAExB,WAAS,IAAI,GAAG,IAAI,KAAK,KAAK,GAAG;AAC/B,aAAS,KAAK,QAAQ,OAAO,SAAY,SAAS,IAAI,KAAK,QAAQ;AACnE,WAAO,KAAK,MAAM,OAAO,SAAY,OAAO,IAAI,KAAK,MAAM;AAC3D,UAAM,KAAK,KAAK,OAAO,SAAY,MAAM,IAAI,KAAK,KAAK;AAAA;AAGzD,SAAO,+BAAW,OAAO,UAAU,CAAC,GAAG,MAAM;AAC3C,UAAM,WAAW,MAAM,KAAK,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM;AAChE,UAAM,SAAS,SAAS,aAAa,SAAS,iBAAiB,SAAS;AACxE,UAAM,IAAI,WAAW,SAAS;AAC9B,UAAM,IAAI,WAAW,OAAO;AAE5B,UAAM,SAAS;AAAA,MACb,YAAY,wBAAI,IAAI,SAAS;AAAA,MAC7B,cAAc,wBAAI;AAAA,MAClB,eAAe,wBAAI,IAAI,SAAS;AAAA,MAChC,aAAa,wBAAI;AAAA;AAGnB,QAAI;AAAY,aAAO,eAAe,wBAAI,IAAI,SAAS;AACvD,QAAI;AAAW,aAAO,cAAc,wBAAI,IAAI,SAAS;AAErD,WAAO;AAAA;AAAA;AAIJ,0CACL,OAKa;AACb,SAAO,4BAA4B,iCAAI,QAAJ,EAAW,WAAW,MAAM,YAAY;AAAA;AAGtE,6CACL,OAKa;AACb,SAAO,4BAA4B,iCAAI,QAAJ,EAAW,WAAW;AAAA;AAGpD,8CACL,OAKa;AACb,SAAO,4BAA4B,iCAAI,QAAJ,EAAW,YAAY;AAAA;",
-  "names": []
-}

package/lib/cjs/styles/input/textInputStyle.d.ts

@@ -1,23 +0,0 @@
-import { CSSObject, FlattenSimpleInterpolation } from 'styled-components';
-import { ThemeFontWeightKey } from '../../theme';
-import { ThemeProps } from '../types';
-/**
- * @internal
- */
-export interface TextInputInputStyleProps {
-    $fontSize?: number | number[];
-    $weight?: ThemeFontWeightKey;
-}
-/**
- * @internal
- */
-export interface TextInputRepresentationStyleProps {
-    $border?: boolean;
-    $hasPrefix?: boolean;
-    $hasSuffix?: boolean;
-}
-export declare function textInputRootStyle(): FlattenSimpleInterpolation;
-export declare function textInputBaseStyle(props: TextInputInputStyleProps & ThemeProps): FlattenSimpleInterpolation;
-export declare function textInputFontSizeStyle(props: TextInputInputStyleProps & ThemeProps): CSSObject[];
-export declare function textInputRepresentationStyle(props: TextInputRepresentationStyleProps & ThemeProps): FlattenSimpleInterpolation;
-//# sourceMappingURL=textInputStyle.d.ts.map

package/lib/cjs/styles/input/textInputStyle.js

@@ -1,195 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  textInputBaseStyle: () => textInputBaseStyle,
-  textInputFontSizeStyle: () => textInputFontSizeStyle,
-  textInputRepresentationStyle: () => textInputRepresentationStyle,
-  textInputRootStyle: () => textInputRootStyle
-});
-var import_styled_components = __toModule(require("styled-components"));
-var import_focusRing = __toModule(require("../focusRing"));
-var import_helpers = __toModule(require("../helpers"));
-const ROOT_STYLE = import_styled_components.css`
-  &:not([hidden]) {
-    display: flex;
-  }
-`;
-function textInputRootStyle() {
-  return ROOT_STYLE;
-}
-function textInputBaseStyle(props) {
-  const { theme, $weight } = props;
-  const font = theme.sanity.fonts.text;
-  const color = theme.sanity.color.input;
-  return import_styled_components.css`
-    --input-fg-color: ${color.default.enabled.fg};
-    --input-placeholder-color: ${color.default.enabled.placeholder};
-
-    appearance: none;
-    background: none;
-    border: 0;
-    border-radius: 0;
-    outline: none;
-    width: 100%;
-    box-sizing: border-box;
-    font-family: ${font.family};
-    font-weight: ${$weight && font.weights[$weight] || font.weights.regular};
-    margin: 0;
-    position: relative;
-    z-index: 1;
-    display: block;
-    color: var(--input-fg-color);
-
-    /* NOTE: This is a hack to disable Chrome’s autofill styles */
-    &:-webkit-autofill,
-    &:-webkit-autofill:hover,
-    &:-webkit-autofill:focus,
-    &:-webkit-autofill:active {
-      -webkit-text-fill-color: var(--input-fg-color) !important;
-      transition: background-color 5000s;
-      transition-delay: 86400s /* 24h */;
-    }
-
-    &::placeholder {
-      color: var(--input-placeholder-color);
-    }
-
-    /* &:is(textarea) */
-    &[data-as='textarea'] {
-      resize: none;
-    }
-
-    /* enabled */
-    &:not(:invalid):not(:disabled):not(:read-only) {
-      --input-fg-color: ${color.default.enabled.fg};
-      --input-placeholder-color: ${color.default.enabled.placeholder};
-    }
-
-    /* disabled */
-    &:not(:invalid):disabled {
-      --input-fg-color: ${color.default.disabled.fg};
-      --input-placeholder-color: ${color.default.disabled.placeholder};
-    }
-
-    /* invalid */
-    &:invalid {
-      --input-fg-color: ${color.invalid.enabled.fg};
-      --input-placeholder-color: ${color.invalid.enabled.placeholder};
-    }
-
-    /* readOnly */
-    &:read-only {
-      --input-fg-color: ${color.default.readOnly.fg};
-      --input-placeholder-color: ${color.default.readOnly.placeholder};
-    }
-  `;
-}
-function textInputFontSizeStyle(props) {
-  const { theme } = props;
-  const { fonts, media } = theme.sanity;
-  return (0, import_helpers.responsive)(media, (0, import_helpers.getResponsiveProp)(props.$fontSize, [2]), (sizeIndex) => {
-    const size = fonts.text.sizes[sizeIndex] || fonts.text.sizes[2];
-    return {
-      fontSize: (0, import_helpers.rem)(size.fontSize),
-      lineHeight: size.lineHeight / size.fontSize
-    };
-  });
-}
-function textInputRepresentationStyle(props) {
-  const { $border, $hasPrefix, $hasSuffix, theme } = props;
-  const { focusRing, input } = theme.sanity;
-  const color = theme.sanity.color.input;
-  return import_styled_components.css`
-    --card-bg-color: ${color.default.enabled.bg};
-    --card-fg-color: ${color.default.enabled.fg};
-    --input-box-shadow: none;
-
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    display: block;
-    pointer-events: none;
-    z-index: 0;
-    background-color: var(--card-bg-color);
-    box-shadow: var(--input-box-shadow);
-
-    border-top-left-radius: ${$hasPrefix ? 0 : void 0};
-    border-bottom-left-radius: ${$hasPrefix ? 0 : void 0};
-    border-top-right-radius: ${$hasSuffix ? 0 : void 0};
-    border-bottom-right-radius: ${$hasSuffix ? 0 : void 0};
-
-    /* enabled */
-    *:not(:disabled) + && {
-      --input-box-shadow: ${$border ? (0, import_focusRing.focusRingBorderStyle)({ color: color.default.enabled.border, width: input.border.width }) : void 0};
-    }
-
-    /* invalid */
-    *:not(:disabled):invalid + && {
-      --card-bg-color: ${color.invalid.enabled.bg};
-      --card-fg-color: ${color.invalid.enabled.fg};
-      --input-box-shadow: ${$border ? (0, import_focusRing.focusRingBorderStyle)({ color: color.invalid.enabled.border, width: input.border.width }) : "none"};
-    }
-
-    /* focused */
-    *:not(:disabled):focus + && {
-      --input-box-shadow: ${(0, import_focusRing.focusRingStyle)({
-    border: $border ? { color: color.default.enabled.border, width: input.border.width } : void 0,
-    focusRing
-  })};
-    }
-
-    /* disabled */
-    *:disabled + && {
-      --card-bg-color: ${color.default.disabled.bg};
-      --card-fg-color: ${color.default.disabled.fg};
-      --input-box-shadow: ${$border ? (0, import_focusRing.focusRingBorderStyle)({
-    color: color.default.disabled.border,
-    width: input.border.width
-  }) : "none"};
-    }
-
-    /* hovered */
-    @media (hover: hover) {
-      *:not(:disabled):not(:read-only):not(:invalid):hover + && {
-        --card-bg-color: ${color.default.hovered.bg};
-        --card-fg-color: ${color.default.hovered.fg};
-      }
-
-      *:not(:disabled):not(:read-only):not(:invalid):not(:focus):hover + && {
-        --input-box-shadow: ${$border ? (0, import_focusRing.focusRingBorderStyle)({
-    color: color.default.hovered.border,
-    width: input.border.width
-  }) : "none"};
-      }
-    }
-
-    /* readOnly */
-    *:read-only + && {
-      --card-bg-color: ${color.default.readOnly.bg};
-      --card-fg-color: ${color.default.readOnly.fg};
-    }
-  `;
-}