@sanity/ui 4.2.4 → 4.2.7

package/dist/code.js.map

@@ -1 +1 @@
-{"version":3,"file":"code.js","names":["size = 2","_getArrayProp(size)","<code>{children}</code>","<LazyRefractor language={language} value={children} />","<Suspense fallback={<code>{children}</code>}>\n        <LazyRefractor language={language} value={children} />\n      </Suspense>","<StyledCode\n      data-ui=\"Code\"\n      {...restProps}\n      $size={_getArrayProp(size)}\n      // oxlint-disable-next-line no-unsafe-type-assertion -- `weight` is typed as `string` in the public API; unknown weights fall back to `regular` at runtime\n      $weight={weight as ThemeFontWeightKey | undefined}\n      ref={ref}\n    >\n      <Suspense fallback={<code>{children}</code>}>\n        <LazyRefractor language={language} value={children} />\n      </Suspense>\n    </StyledCode>","weight as ThemeFontWeightKey | undefined"],"sources":["../src/core/primitives/code/styles.ts","../src/core/primitives/code/code.tsx"],"sourcesContent":["import {css, ExecutionContext} from 'styled-components'\n\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\n\nfunction codeSyntaxHighlightingStyle({theme}: ExecutionContext) {\n  const {\n    color: {syntax: color},\n  } = getTheme_v2(theme)\n\n  return {\n    '&.atrule': {color: color.atrule},\n    '&.attr-name': {color: color.attrName},\n    '&.attr-value': {color: color.attrValue},\n    '&.attribute': {color: color.attribute},\n    '&.boolean': {color: color.boolean},\n    '&.builtin': {color: color.builtin},\n    '&.cdata': {color: color.cdata},\n    '&.char': {color: color.char},\n    '&.class': {color: color.class},\n    '&.class-name': {color: color.className},\n    '&.comment': {color: color.comment},\n    '&.constant': {color: color.constant},\n    '&.deleted': {color: color.deleted},\n    '&.doctype': {color: color.doctype},\n    '&.entity': {color: color.entity},\n    '&.function': {color: color.function},\n    '&.hexcode': {color: color.hexcode},\n    '&.id': {color: color.id},\n    '&.important': {color: color.important},\n    '&.inserted': {color: color.inserted},\n    '&.keyword': {color: color.keyword},\n    '&.number': {color: color.number},\n    '&.operator': {color: color.operator},\n    '&.prolog': {color: color.prolog},\n    '&.property': {color: color.property},\n    '&.pseudo-class': {color: color.pseudoClass},\n    '&.pseudo-element': {color: color.pseudoElement},\n    '&.punctuation': {color: color.punctuation},\n    '&.regex': {color: color.regex},\n    '&.selector': {color: color.selector},\n    '&.string': {color: color.string},\n    '&.symbol': {color: color.symbol},\n    '&.tag': {color: color.tag},\n    '&.unit': {color: color.unit},\n    '&.url': {color: color.url},\n    '&.variable': {color: color.variable},\n  }\n}\n\nexport function codeBaseStyle(): ReturnType<typeof css> {\n  return css`\n    color: var(--card-code-fg-color);\n\n    & code {\n      font-family: inherit;\n\n      &.refractor .token {\n        ${codeSyntaxHighlightingStyle}\n      }\n    }\n\n    & a {\n      color: inherit;\n      text-decoration: underline;\n      border-radius: 1px;\n    }\n\n    & svg {\n      /* Certain popular CSS libraries changes the defaults for SVG display */\n      /* Make sure SVGs are rendered as inline elements */\n      display: inline;\n      /* ...and aren't squeezed by resets that set max-width: 100% */\n      max-width: unset;\n    }\n\n    & [data-sanity-icon] {\n      vertical-align: baseline;\n    }\n  `\n}\n","import {lazy, Suspense} from 'react'\nimport {styled} from 'styled-components'\n\nimport {ThemeFontWeightKey} from '../../../theme/system/font'\nimport {responsiveCodeFontStyle} from '../../styles/font/codeFontStyle'\nimport {FontWeightStyleProps, ResponsiveFontSizeStyleProps} from '../../styles/font/types'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ElementType, Props} from '../../types/component'\nimport {codeBaseStyle} from './styles'\n\nconst LazyRefractor = lazy(() => import('./refractor'))\n\n/**\n * @public\n */\nexport interface CodeOwnProps {\n  /** Define the language to use for syntax highlighting. */\n  language?: string\n  size?: number | number[]\n  weight?: string\n}\n\n/**\n * @public\n */\nexport type CodeProps<E extends ElementType = 'pre'> = Props<CodeOwnProps, E>\n\nconst StyledCode = styled.pre<FontWeightStyleProps & ResponsiveFontSizeStyleProps>(\n  codeBaseStyle,\n  responsiveCodeFontStyle,\n)\n\nfunction CodeComponent(\n  props: CodeOwnProps & {as?: ElementType} & Omit<React.HTMLProps<HTMLPreElement>, 'as' | 'size'>,\n) {\n  const {children, language, ref, size = 2, weight, ...restProps} = props\n\n  return (\n    <StyledCode\n      data-ui=\"Code\"\n      {...restProps}\n      $size={_getArrayProp(size)}\n      // oxlint-disable-next-line no-unsafe-type-assertion -- `weight` is typed as `string` in the public API; unknown weights fall back to `regular` at runtime\n      $weight={weight as ThemeFontWeightKey | undefined}\n      ref={ref}\n    >\n      <Suspense fallback={<code>{children}</code>}>\n        <LazyRefractor language={language} value={children} />\n      </Suspense>\n    </StyledCode>\n  )\n}\n\n/**\n * @public\n */\nexport const Code: <E extends ElementType = 'pre'>(props: CodeProps<E>) => React.JSX.Element =\n  CodeComponent\n"],"mappings":"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"}
+{"version":3,"file":"code.js","names":["size = 2","_getArrayProp(size)","<code>{children}</code>","<LazyRefractor language={language} value={children} />","<Suspense fallback={<code>{children}</code>}>\n        <LazyRefractor language={language} value={children} />\n      </Suspense>","<StyledCode\n      data-ui=\"Code\"\n      {...restProps}\n      $size={_getArrayProp(size)}\n      // oxlint-disable-next-line no-unsafe-type-assertion -- `weight` is typed as `string` in the public API; unknown weights fall back to `regular` at runtime\n      $weight={weight as ThemeFontWeightKey | undefined}\n      ref={ref}\n    >\n      <Suspense fallback={<code>{children}</code>}>\n        <LazyRefractor language={language} value={children} />\n      </Suspense>\n    </StyledCode>","weight as ThemeFontWeightKey | undefined","_c"],"sources":["../src/core/primitives/code/styles.ts","../src/core/primitives/code/code.tsx"],"sourcesContent":["import {css, ExecutionContext} from 'styled-components'\n\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\n\nfunction codeSyntaxHighlightingStyle({theme}: ExecutionContext) {\n  const {\n    color: {syntax: color},\n  } = getTheme_v2(theme)\n\n  return {\n    '&.atrule': {color: color.atrule},\n    '&.attr-name': {color: color.attrName},\n    '&.attr-value': {color: color.attrValue},\n    '&.attribute': {color: color.attribute},\n    '&.boolean': {color: color.boolean},\n    '&.builtin': {color: color.builtin},\n    '&.cdata': {color: color.cdata},\n    '&.char': {color: color.char},\n    '&.class': {color: color.class},\n    '&.class-name': {color: color.className},\n    '&.comment': {color: color.comment},\n    '&.constant': {color: color.constant},\n    '&.deleted': {color: color.deleted},\n    '&.doctype': {color: color.doctype},\n    '&.entity': {color: color.entity},\n    '&.function': {color: color.function},\n    '&.hexcode': {color: color.hexcode},\n    '&.id': {color: color.id},\n    '&.important': {color: color.important},\n    '&.inserted': {color: color.inserted},\n    '&.keyword': {color: color.keyword},\n    '&.number': {color: color.number},\n    '&.operator': {color: color.operator},\n    '&.prolog': {color: color.prolog},\n    '&.property': {color: color.property},\n    '&.pseudo-class': {color: color.pseudoClass},\n    '&.pseudo-element': {color: color.pseudoElement},\n    '&.punctuation': {color: color.punctuation},\n    '&.regex': {color: color.regex},\n    '&.selector': {color: color.selector},\n    '&.string': {color: color.string},\n    '&.symbol': {color: color.symbol},\n    '&.tag': {color: color.tag},\n    '&.unit': {color: color.unit},\n    '&.url': {color: color.url},\n    '&.variable': {color: color.variable},\n  }\n}\n\nexport function codeBaseStyle(): ReturnType<typeof css> {\n  return css`\n    color: var(--card-code-fg-color);\n\n    & code {\n      font-family: inherit;\n\n      &.refractor .token {\n        ${codeSyntaxHighlightingStyle}\n      }\n    }\n\n    & a {\n      color: inherit;\n      text-decoration: underline;\n      border-radius: 1px;\n    }\n\n    & svg {\n      /* Certain popular CSS libraries changes the defaults for SVG display */\n      /* Make sure SVGs are rendered as inline elements */\n      display: inline;\n      /* ...and aren't squeezed by resets that set max-width: 100% */\n      max-width: unset;\n    }\n\n    & [data-sanity-icon] {\n      vertical-align: baseline;\n    }\n  `\n}\n","import {lazy, Suspense} from 'react'\nimport {styled} from 'styled-components'\n\nimport {ThemeFontWeightKey} from '../../../theme/system/font'\nimport {responsiveCodeFontStyle} from '../../styles/font/codeFontStyle'\nimport {FontWeightStyleProps, ResponsiveFontSizeStyleProps} from '../../styles/font/types'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ElementType, Props} from '../../types/component'\nimport {codeBaseStyle} from './styles'\n\nconst LazyRefractor = lazy(() => import('./refractor'))\n\n/**\n * @public\n */\nexport interface CodeOwnProps {\n  /** Define the language to use for syntax highlighting. */\n  language?: string\n  size?: number | number[]\n  weight?: string\n}\n\n/**\n * @public\n */\nexport type CodeProps<E extends ElementType = 'pre'> = Props<CodeOwnProps, E>\n\nconst StyledCode = styled.pre<FontWeightStyleProps & ResponsiveFontSizeStyleProps>(\n  codeBaseStyle,\n  responsiveCodeFontStyle,\n)\n\nfunction CodeComponent(\n  props: CodeOwnProps & {as?: ElementType} & Omit<React.HTMLProps<HTMLPreElement>, 'as' | 'size'>,\n) {\n  const {children, language, ref, size = 2, weight, ...restProps} = props\n\n  return (\n    <StyledCode\n      data-ui=\"Code\"\n      {...restProps}\n      $size={_getArrayProp(size)}\n      // oxlint-disable-next-line no-unsafe-type-assertion -- `weight` is typed as `string` in the public API; unknown weights fall back to `regular` at runtime\n      $weight={weight as ThemeFontWeightKey | undefined}\n      ref={ref}\n    >\n      <Suspense fallback={<code>{children}</code>}>\n        <LazyRefractor language={language} value={children} />\n      </Suspense>\n    </StyledCode>\n  )\n}\n\n/**\n * @public\n */\nexport const Code: <E extends ElementType = 'pre'>(props: CodeProps<E>) => React.JSX.Element =\n  CodeComponent\n"],"mappings":"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"}