@semcore/skeleton 17.2.2 → 18.0.0-prerelease.0

package/lib/cjs/svg/venn-chart.svg

@@ -1,13 +1,4 @@
 <svg width="200" height="180" viewBox="0 0 200 180" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="paragraph=false, chart type=venn chart, picture div=false">
-<g id="skeleton-venn" clip-path="url(#clip0_10328_146989)">
-<path id="Shape" fill-rule="evenodd" clip-rule="evenodd" d="M77.7778 90C77.7778 71.0574 86.4277 54.1315 100 42.9431C113.572 54.1315 122.222 71.0574 122.222 90C122.222 108.943 113.572 125.869 100 137.057C86.4277 125.869 77.7778 108.943 77.7778 90ZM100 137.057C110.566 145.767 124.115 151 138.889 151C172.64 151 200 123.689 200 90C200 56.3106 172.64 29 138.889 29C124.115 29 110.566 34.2329 100 42.9431C89.434 34.2329 75.8848 29 61.1111 29C27.3604 29 0 56.3106 0 90C0 123.689 27.3604 151 61.1111 151C75.8848 151 89.434 145.767 100 137.057Z" fill="#E0E1E9" fill-opacity="0.8"/>
-<path id="Path" fill-rule="evenodd" clip-rule="evenodd" d="M100 43C113.437 54.1749 122 71.0803 122 90C122 108.92 113.437 125.825 100 137C86.5635 125.825 78 108.92 78 90C78 71.0803 86.5635 54.1749 100 43V43Z" fill="#E0E1E9" fill-opacity="0.8" stroke="white" stroke-width="4"/>
-</g>
-</g>
-<defs>
-<clipPath id="clip0_10328_146989">
-<rect width="200" height="122" fill="white" transform="translate(0 29)"/>
-</clipPath>
-</defs>
+<path id="Shape" fill-rule="evenodd" clip-rule="evenodd" d="M77.7778 90C77.7778 71.0574 86.4277 54.1315 100 42.9431C113.572 54.1315 122.222 71.0574 122.222 90C122.222 108.943 113.572 125.869 100 137.057C86.4277 125.869 77.7778 108.943 77.7778 90ZM100 137.057C110.566 145.767 124.115 151 138.889 151C172.64 151 200 123.689 200 90C200 56.3106 172.64 29 138.889 29C124.115 29 110.566 34.2329 100 42.9431C89.434 34.2329 75.8848 29 61.1111 29C27.3604 29 0 56.3106 0 90C0 123.689 27.3604 151 61.1111 151C75.8848 151 89.434 145.767 100 137.057Z" fill="oklch(0.94 0.002 180)" />
+<path id="Path" fill-rule="evenodd" clip-rule="evenodd" d="M100 43C113.437 54.1749 122 71.0803 122 90C122 108.92 113.437 125.825 100 137C86.5635 125.825 78 108.92 78 90C78 71.0803 86.5635 54.1749 100 43V43Z"  stroke="oklch(0.94 0.002 180)" stroke-width="2"/>
 </svg>

package/lib/es6/Skeleton.js

@@ -9,22 +9,18 @@ import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
 import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
 import React from 'react';
 /*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SSkeleton_te9i1_gg_{animation-name:pulse_te9i1;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_te9i1);will-change:opacity}@keyframes pulse_te9i1{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SSkeletonSVG_te9i1_gg_._theme_invert_te9i1_gg_{fill:var(--intergalactic-skeleton-bg,oklch(.94 .002 180))}.___SSkeletonSVG_te9i1_gg_._theme_dark_te9i1_gg_{fill:var(--intergalactic-skeleton-bg-invert,oklch(.5 .004 147.4))}.___SText_te9i1_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_te9i1_gg_{animation-name:none}}", /*__inner_css_end__*/"te9i1_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SSkeleton_1me8d_gg_{animation-name:pulse_1me8d;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1me8d);will-change:opacity}@keyframes pulse_1me8d{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SSkeletonSVG_1me8d_gg_._theme_default_1me8d_gg_{fill:var(--intergalactic-skeleton-bg,oklch(.94 .002 180))}.___SSkeletonSVG_1me8d_gg_._theme_invert_1me8d_gg_{fill:var(--intergalactic-skeleton-bg-invert,oklch(.5 .004 147.4))}.___SText_1me8d_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1me8d_gg_{animation-name:none}}", /*__inner_css_end__*/"1me8d_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SSkeleton": "___SSkeleton_te9i1_gg_",
-  "--durationAnim": "--durationAnim_te9i1",
-  "@pulse": "pulse_te9i1",
-  "__SSkeletonSVG": "___SSkeletonSVG_te9i1_gg_",
-  "_theme_invert": "_theme_invert_te9i1_gg_",
-  "_theme_dark": "_theme_dark_te9i1_gg_",
-  "__SText": "___SText_te9i1_gg_"
+  "__SSkeleton": "___SSkeleton_1me8d_gg_",
+  "--durationAnim": "--durationAnim_1me8d",
+  "@pulse": "pulse_1me8d",
+  "__SSkeletonSVG": "___SSkeletonSVG_1me8d_gg_",
+  "_theme_default": "_theme_default_1me8d_gg_",
+  "_theme_invert": "_theme_invert_1me8d_gg_",
+  "__SText": "___SText_1me8d_gg_"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
-const MAP_COLOR_THEME = {
-  dark: 'rgba(255, 255, 255, 0.3)',
-  invert: 'rgba(224, 225, 233, 0.8)'
-};
 class SkeletonRoot extends Component {
   render() {
     var _ref = this.asProps,
@@ -52,6 +48,7 @@ _defineProperty(SkeletonRoot, "displayName", 'Skeleton');
 _defineProperty(SkeletonRoot, "style", style);
 _defineProperty(SkeletonRoot, "enhance", [i18nEnhance(localizedMessages)]);
 _defineProperty(SkeletonRoot, "defaultProps", {
+  theme: 'default',
   duration: 2000
 });
 class SkeletonSVG extends Component {
@@ -81,15 +78,6 @@ class SkeletonSVG extends Component {
       svg.setAttribute('width', '100%');
     }
   }
-  setContext() {
-    const {
-      theme
-    } = this.asProps;
-    if (!theme) return {};
-    return {
-      gradientUrl: MAP_COLOR_THEME[theme]
-    };
-  }
   render() {
     var _ref2 = this.asProps,
       _ref4;
@@ -124,7 +112,7 @@ _defineProperty(SkeletonSVG, "displayName", 'SkeletonSVG');
 _defineProperty(SkeletonSVG, "enhance", [uniqueIDEnhancement()]);
 _defineProperty(SkeletonSVG, "style", style);
 _defineProperty(SkeletonSVG, "defaultProps", {
-  theme: 'invert',
+  theme: 'default',
   duration: 2000
 });
 function Text(props) {
@@ -142,6 +130,7 @@ function Text(props) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, [...Array(amountLine)].map((_el, index) => {
     var _ref5;
     return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", {
+      "fill": '#fff',
       "tag": 'rect',
       "rx": '4',
       "ry": '4',

package/lib/es6/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["Box","createComponent","Component","sstyled","Root","canUseDOM","i18nEnhance","uniqueIDEnhancement","React","style","_sstyled","insert","localizedMessages","MAP_COLOR_THEME","dark","invert","SkeletonRoot","render","_ref","asProps","_ref3","SSkeleton","styles","duration","hidden","getI18nText","createElement","cn","_assignProps","_defineProperty","SkeletonSVG","constructor","props","createRef","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","current","svgRef","parentElement","observe","componentWillUnmount","disconnect","entries","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","Children","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","SText","y","x","amount","width","forwardRef","other","amountLine","Number","Fragment","Array","map","_el","index","_ref5"],"sources":["../../src/Skeleton.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport type { NSSkeleton } from './Skeleton.type';\nimport style from './style/skeleton.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255, 255, 255, 0.3)',\n  invert: 'rgba(224, 225, 233, 0.8)',\n};\n\nclass SkeletonRoot extends Component<\n  Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.RenderComponent>,\n  typeof SkeletonRoot.enhance,\n  {},\n  {},\n  {},\n  NSSkeleton.DefaultProps\n> {\n  static displayName = 'Skeleton';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n  static defaultProps = {\n    duration: 2000,\n  } as const;\n\n  render() {\n    const SSkeleton = Root;\n    const { styles, duration, hidden, getI18nText } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton\n        render={Box}\n        width='100%'\n        height='100%'\n        durationAnim={`${duration}ms`}\n        role='img'\n        aria-label={getI18nText('loading')}\n      />,\n    );\n  }\n}\n\nclass SkeletonSVG extends Component<\n  Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.Component>,\n  typeof SkeletonRoot.enhance,\n  never,\n  {},\n  {},\n  NSSkeleton.DefaultProps\n> {\n  static displayName = 'SkeletonSVG';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    theme: 'invert',\n    duration: 2000,\n  } as const;\n\n  svgRef = React.createRef<SVGElement>();\n  private observer: ResizeObserver | null = null;\n\n  constructor(props: NSSkeleton.Props) {\n    super(props);\n\n    if (canUseDOM() && props.observeParentSize) {\n      this.observer = new ResizeObserver(this.handleResize.bind(this));\n    }\n  }\n\n  componentDidMount() {\n    const { current } = this.svgRef;\n\n    if (current && current.parentElement) {\n      this.observer?.observe(current.parentElement);\n    }\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  handleResize(entries: ResizeObserverEntry[]) {\n    const target = entries[0].target;\n    const svg = this.svgRef.current;\n\n    if (target && svg) {\n      svg.setAttribute('width', '100%');\n    }\n  }\n\n  setContext() {\n    const { theme } = this.asProps;\n\n    if (!theme) return {};\n\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const { Children, styles, uid, theme, duration } = this.asProps;\n    const SSkeletonSVG = Root;\n\n    return sstyled(styles)(\n      <SSkeletonSVG\n        render={Skeleton}\n        tag='svg'\n        ref={this.svgRef}\n        preserveAspectRatio='none'\n        theme={theme}\n        durationAnim={`${duration}ms`}\n      >\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x='0' y='0' width='100%' height='100%' mask={`url(#${uid})`} />\n      </SSkeletonSVG>,\n    );\n  }\n}\n\nfunction Text(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.Text.Component>,\n) {\n  const SText = Box;\n  const { y = 0, x = 0, amount = 1, width = '100%', styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((_el, index) =>\n        sstyled(styles)(\n          <SText\n            tag='rect'\n            rx='4'\n            ry='4'\n            height='8'\n            key={index}\n            y={y || 20 * index}\n            x={x}\n            ref={forwardRef}\n            width={width}\n            {...other}\n          />,\n        ),\n      )}\n    </React.Fragment>\n  );\n}\n\n/**\n * Skeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nconst Skeleton = createComponent<\n  NSSkeleton.RenderComponent,\n  typeof SkeletonRoot\n>(SkeletonRoot);\n\nexport { Skeleton };\n\n/**\n * Skeleton SVG\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nexport default createComponent<\n  NSSkeleton.Component,\n  typeof SkeletonSVG\n>(SkeletonSVG, {\n  Text,\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Skeleton.js","names":["Box","createComponent","Component","sstyled","Root","canUseDOM","i18nEnhance","uniqueIDEnhancement","React","style","_sstyled","insert","localizedMessages","SkeletonRoot","render","_ref","asProps","_ref3","SSkeleton","styles","duration","hidden","getI18nText","createElement","cn","_assignProps","_defineProperty","theme","SkeletonSVG","constructor","props","createRef","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","current","svgRef","parentElement","observe","componentWillUnmount","disconnect","entries","target","svg","setAttribute","_ref2","_ref4","Children","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","SText","y","x","amount","width","forwardRef","other","amountLine","Number","Fragment","Array","map","_el","index","_ref5"],"sources":["../../src/Skeleton.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport type { NSSkeleton } from './Skeleton.type';\nimport style from './style/skeleton.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass SkeletonRoot extends Component<\n  Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.RenderComponent>,\n  typeof SkeletonRoot.enhance,\n  {},\n  {},\n  {},\n  NSSkeleton.DefaultProps\n> {\n  static displayName = 'Skeleton';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n  static defaultProps = {\n    theme: 'default',\n    duration: 2000,\n  } as const;\n\n  render() {\n    const SSkeleton = Root;\n    const { styles, duration, hidden, getI18nText } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton\n        render={Box}\n        width='100%'\n        height='100%'\n        durationAnim={`${duration}ms`}\n        role='img'\n        aria-label={getI18nText('loading')}\n      />,\n    );\n  }\n}\n\nclass SkeletonSVG extends Component<\n  Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.Component>,\n  typeof SkeletonRoot.enhance,\n  never,\n  {},\n  {},\n  NSSkeleton.DefaultProps\n> {\n  static displayName = 'SkeletonSVG';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    theme: 'default',\n    duration: 2000,\n  } as const;\n\n  svgRef = React.createRef<SVGElement>();\n  private observer: ResizeObserver | null = null;\n\n  constructor(props: NSSkeleton.Props) {\n    super(props);\n\n    if (canUseDOM() && props.observeParentSize) {\n      this.observer = new ResizeObserver(this.handleResize.bind(this));\n    }\n  }\n\n  componentDidMount() {\n    const { current } = this.svgRef;\n\n    if (current && current.parentElement) {\n      this.observer?.observe(current.parentElement);\n    }\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  handleResize(entries: ResizeObserverEntry[]) {\n    const target = entries[0].target;\n    const svg = this.svgRef.current;\n\n    if (target && svg) {\n      svg.setAttribute('width', '100%');\n    }\n  }\n\n  render() {\n    const { Children, styles, uid, theme, duration } = this.asProps;\n    const SSkeletonSVG = Root;\n\n    return sstyled(styles)(\n      <SSkeletonSVG\n        render={Skeleton}\n        tag='svg'\n        ref={this.svgRef}\n        preserveAspectRatio='none'\n        theme={theme}\n        durationAnim={`${duration}ms`}\n      >\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x='0' y='0' width='100%' height='100%' mask={`url(#${uid})`} />\n      </SSkeletonSVG>,\n    );\n  }\n}\n\nfunction Text(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.Text.Component>,\n) {\n  const SText = Box;\n  const { y = 0, x = 0, amount = 1, width = '100%', styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((_el, index) =>\n        sstyled(styles)(\n          <SText\n            fill='#fff'\n            tag='rect'\n            rx='4'\n            ry='4'\n            height='8'\n            key={index}\n            y={y || 20 * index}\n            x={x}\n            ref={forwardRef}\n            width={width}\n            {...other}\n          />,\n        ),\n      )}\n    </React.Fragment>\n  );\n}\n\n/**\n * Skeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nconst Skeleton = createComponent<\n  NSSkeleton.RenderComponent,\n  typeof SkeletonRoot\n>(SkeletonRoot);\n\nexport { Skeleton };\n\n/**\n * Skeleton SVG\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nexport default createComponent<\n  NSSkeleton.Component,\n  typeof SkeletonSVG\n>(SkeletonSVG, {\n  Text,\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/Skeleton.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.type.js","names":[],"sources":["../../src/Skeleton.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';\n\ndeclare namespace NSSkeleton {\n  type Props = BoxProps & UniqueIDProps & {\n    /**\n     *  Skeleton visibility control property\n     */\n    hidden?: boolean;\n    /**\n     * Animation speed in ms\n     * @default 2000\n     */\n    duration?: string | number;\n    /**\n     * Skeleton theme\n     * @default invert\n     */\n    theme?: 'dark' | 'invert';\n    /** Specifies the locale for i18n support */\n    locale?: string;\n    /**\n     * Enable ResizeObserver for parent Element to recalculate skeleton size.\n     * @default false\n     */\n    observeParentSize?: boolean;\n  };\n  type Ctx = {\n    gradientUrl: string;\n  };\n\n  type DefaultProps = {\n    theme?: 'invert';\n    duration: 2000;\n  };\n\n  namespace Text {\n    type Props = BoxProps & {\n      // TODO: It looks like it should be number (def. not a string...)\n      /**\n       * Number of items to be returned\n       * @default 1\n       */\n      amount?: string | number;\n    };\n\n    type Component = Intergalactic.Component<'rect', Props>;\n  }\n\n  type RenderComponent = Intergalactic.Component<'div', Props, Ctx>;\n\n  type Component = Intergalactic.Component<'svg', Props, Ctx> & {\n    Text: Text.Component;\n  };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type SkeletonProps = NSSkeleton.Props;\n/** @deprecated It will be removed in v18. */\nexport type SkeletonCtx = NSSkeleton.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type SkeletonTextProps = NSSkeleton.Text.Props;\n\nexport type { NSSkeleton };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Skeleton.type.js","names":[],"sources":["../../src/Skeleton.type.ts"],"sourcesContent":["import type { NSBox } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';\n\ndeclare namespace NSSkeleton {\n  type Props = NSBox.Props & UniqueIDProps & {\n    /**\n     *  Skeleton visibility control property\n     */\n    hidden?: boolean;\n    /**\n     * Animation speed in ms\n     * @default 2000\n     */\n    duration?: string | number;\n    /**\n     * Skeleton theme\n     * @default default\n     */\n    theme?: 'default' | 'invert';\n    /** Specifies the locale for i18n support */\n    locale?: string;\n    /**\n     * Enable ResizeObserver for parent Element to recalculate skeleton size.\n     * @default false\n     */\n    observeParentSize?: boolean;\n  };\n\n  type DefaultProps = {\n    theme: 'default';\n    duration: 2000;\n  };\n\n  namespace Text {\n    type Props = NSBox.Props & {\n      // TODO: It looks like it should be number (def. not a string...)\n      /**\n       * Number of items to be returned\n       * @default 1\n       */\n      amount?: string | number;\n    };\n\n    type Component = Intergalactic.Component<'rect', Props>;\n  }\n\n  type RenderComponent = Intergalactic.Component<'div', Props>;\n\n  type Component = Intergalactic.Component<'svg', Props> & {\n    Text: Text.Component;\n  };\n}\n\n/** @deprecated It will be removed in v19. */\nexport type SkeletonProps = NSSkeleton.Props;\n/** @deprecated It will be removed in v19. */\nexport type SkeletonTextProps = NSSkeleton.Text.Props;\n\nexport type { NSSkeleton };\n"],"mappings":"","ignoreList":[]}

package/lib/es6/charts/Area/Area.js

@@ -4,23 +4,24 @@ import { createComponent, Root, sstyled } from '@semcore/core';
 import React from 'react';
 import { Skeleton } from '../../Skeleton';
 /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1sgde_gg_{height:200px;width:100%;background-image:var(--bgPattern_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgPosition_1sgde_gg_{background-position:var(--bgPosition_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgSize_1sgde_gg_{background-size:var(--bgSize_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgRepeat_1sgde_gg_{background-repeat:var(--bgRepeat_1sgde)}", /*__inner_css_end__*/"1sgde_gg_"),
+const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_12qq0_gg_{height:200px;width:100%;-webkit-mask-image:var(--bgPattern_12qq0);mask-image:var(--bgPattern_12qq0);background-color:var(--intergalactic-skeleton-bg,oklch(.94 .002 180))}.___SChartSkeleton_12qq0_gg_._theme_invert_12qq0_gg_{background-color:var(--intergalactic-skeleton-bg-invert,oklch(.5 .004 147.4))}.___SChartSkeleton_12qq0_gg_.__bgPosition_12qq0_gg_{-webkit-mask-position:var(--bgPosition_12qq0);mask-position:var(--bgPosition_12qq0)}.___SChartSkeleton_12qq0_gg_.__bgSize_12qq0_gg_{-webkit-mask-size:var(--bgSize_12qq0);mask-size:var(--bgSize_12qq0)}.___SChartSkeleton_12qq0_gg_.__bgRepeat_12qq0_gg_{-webkit-mask-repeat:var(--bgRepeat_12qq0);mask-repeat:var(--bgRepeat_12qq0)}", /*__inner_css_end__*/"12qq0_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SChartSkeleton": "___SChartSkeleton_1sgde_gg_",
-  "--bgPattern": "--bgPattern_1sgde",
-  "_bgPosition": "__bgPosition_1sgde_gg_",
-  "--bgPosition": "--bgPosition_1sgde",
-  "_bgSize": "__bgSize_1sgde_gg_",
-  "--bgSize": "--bgSize_1sgde",
-  "_bgRepeat": "__bgRepeat_1sgde_gg_",
-  "--bgRepeat": "--bgRepeat_1sgde"
+  "__SChartSkeleton": "___SChartSkeleton_12qq0_gg_",
+  "--bgPattern": "--bgPattern_12qq0",
+  "_theme_invert": "_theme_invert_12qq0_gg_",
+  "_bgPosition": "__bgPosition_12qq0_gg_",
+  "--bgPosition": "--bgPosition_12qq0",
+  "_bgSize": "__bgSize_12qq0_gg_",
+  "--bgSize": "--bgSize_12qq0",
+  "_bgRepeat": "__bgRepeat_12qq0_gg_",
+  "--bgRepeat": "--bgRepeat_12qq0"
 }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
 // @ts-ignore
-const areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+const areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgMTI4IDY0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCAzMy45Mzk0TDAgMFY2NEgxMjhWMEw2My45OTk4IDMzLjkzOTRaIiBmaWxsPSJva2xjaCgwLjk0IDAuMDAyIDE4MCkiLz4KPC9zdmc+Cg==";
 // TODO: replace it with babel-plugin-inline-import/or vite plugin.
 // @ts-ignore
-const areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+const areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgMTI4IDY0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCAzMy45Mzk0QzMyLjAwMDEgMzMuOTM5NCAzMi4wMDAxIDAgMCAwVjY0SDEyOFYwQzk1Ljk5OTkgMCA5NS45OTk5IDMzLjkzOTQgNjMuOTk5OCAzMy45Mzk0WiIgZmlsbD0ib2tsY2goMC45NCAwLjAwMiAxODApIi8+Cjwvc3ZnPgo=";
 const pattern = {
   linear: areaLinearSvg,
   monotone: areaMonotoneSvg

package/lib/es6/charts/Area/Area.js.map

@@ -1 +1 @@
-{"version":3,"file":"Area.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","areaLinearSvg","areaMonotoneSvg","pattern","linear","monotone","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps","type"],"sources":["../../../../src/charts/Area/Area.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonAreaChart } from './Area.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst areaLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-linear.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst areaMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-monotone.svg'))\n`;\n\nconst pattern = {\n  linear: areaLinearSvg,\n  monotone: areaMonotoneSvg,\n};\n\nfunction AreaChartSkeleton(props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonAreaChart.Component>) {\n  const SChartSkeleton = Root;\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left bottom'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[props.type ?? 'linear']})`}\n    />,\n  );\n}\n\n/**\n * AreaChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#areachartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}\n */\nexport default createComponent<\n  NSSkeletonAreaChart.Component,\n  typeof AreaChartSkeleton\n>(AreaChartSkeleton);\n"],"mappings":";;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,aAAa,yVAElB;AACD;AACA;AACA,MAAMC,eAAe,iRAEpB;AAED,MAAMC,OAAO,GAAG;EACdC,MAAM,EAAEH,aAAa;EACrBI,QAAQ,EAAEH;AACZ,CAAC;AAED,SAASI,iBAAiBA,CAACC,KAAuF,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAClH,MAAMC,cAAc,GAGRd,QAAQ;EAFpB,OAAAa,KAAA,GAAOf,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAgB,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCX,OAAO,CAACI,KAAK,CAACQ,IAAI,IAAI,QAAQ,CAAC;IAAG,GAAAP,IAAA;EAAA,EAC/E,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAef,eAAe,CAG5Ba,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"file":"Area.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","areaLinearSvg","areaMonotoneSvg","pattern","linear","monotone","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps","type"],"sources":["../../../../src/charts/Area/Area.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonAreaChart } from './Area.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst areaLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-linear.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst areaMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-monotone.svg'))\n`;\n\nconst pattern = {\n  linear: areaLinearSvg,\n  monotone: areaMonotoneSvg,\n};\n\nfunction AreaChartSkeleton(props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonAreaChart.Component>) {\n  const SChartSkeleton = Root;\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left bottom'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[props.type ?? 'linear']})`}\n    />,\n  );\n}\n\n/**\n * AreaChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#areachartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}\n */\nexport default createComponent<\n  NSSkeletonAreaChart.Component,\n  typeof AreaChartSkeleton\n>(AreaChartSkeleton);\n"],"mappings":";;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,aAAa,yQAElB;AACD;AACA;AACA,MAAMC,eAAe,6UAEpB;AAED,MAAMC,OAAO,GAAG;EACdC,MAAM,EAAEH,aAAa;EACrBI,QAAQ,EAAEH;AACZ,CAAC;AAED,SAASI,iBAAiBA,CAACC,KAAuF,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAClH,MAAMC,cAAc,GAGRd,QAAQ;EAFpB,OAAAa,KAAA,GAAOf,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAgB,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCX,OAAO,CAACI,KAAK,CAACQ,IAAI,IAAI,QAAQ,CAAC;IAAG,GAAAP,IAAA;EAAA,EAC/E,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAef,eAAe,CAG5Ba,iBAAiB,CAAC","ignoreList":[]}

package/lib/es6/charts/Area/Area.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Area.type.js","names":[],"sources":["../../../../src/charts/Area/Area.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonAreaChart {\n    type Props = NSSkeleton.Props & {\n      /** Controls the area curve interpolation style for the skeleton pattern */\n      type?: 'linear' | 'monotone';\n    };\n    type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v18. */\nexport type AreaChartSkeletonProps = NSSkeletonAreaChart.Props;\n\nexport type { NSSkeletonAreaChart };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Area.type.js","names":[],"sources":["../../../../src/charts/Area/Area.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonAreaChart {\n    type Props = NSSkeleton.Props & {\n      /** Controls the area curve interpolation style for the skeleton pattern */\n      type?: 'linear' | 'monotone';\n    };\n    type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v19. */\nexport type AreaChartSkeletonProps = NSSkeletonAreaChart.Props;\n\nexport type { NSSkeletonAreaChart };\n"],"mappings":"","ignoreList":[]}

package/lib/es6/charts/Bar/Bar.js

@@ -4,23 +4,24 @@ import { createComponent, Root, sstyled } from '@semcore/core';
 import React from 'react';
 import { Skeleton } from '../../Skeleton';
 /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1sgde_gg_{height:200px;width:100%;background-image:var(--bgPattern_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgPosition_1sgde_gg_{background-position:var(--bgPosition_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgSize_1sgde_gg_{background-size:var(--bgSize_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgRepeat_1sgde_gg_{background-repeat:var(--bgRepeat_1sgde)}", /*__inner_css_end__*/"1sgde_gg_"),
+const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_12qq0_gg_{height:200px;width:100%;-webkit-mask-image:var(--bgPattern_12qq0);mask-image:var(--bgPattern_12qq0);background-color:var(--intergalactic-skeleton-bg,oklch(.94 .002 180))}.___SChartSkeleton_12qq0_gg_._theme_invert_12qq0_gg_{background-color:var(--intergalactic-skeleton-bg-invert,oklch(.5 .004 147.4))}.___SChartSkeleton_12qq0_gg_.__bgPosition_12qq0_gg_{-webkit-mask-position:var(--bgPosition_12qq0);mask-position:var(--bgPosition_12qq0)}.___SChartSkeleton_12qq0_gg_.__bgSize_12qq0_gg_{-webkit-mask-size:var(--bgSize_12qq0);mask-size:var(--bgSize_12qq0)}.___SChartSkeleton_12qq0_gg_.__bgRepeat_12qq0_gg_{-webkit-mask-repeat:var(--bgRepeat_12qq0);mask-repeat:var(--bgRepeat_12qq0)}", /*__inner_css_end__*/"12qq0_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SChartSkeleton": "___SChartSkeleton_1sgde_gg_",
-  "--bgPattern": "--bgPattern_1sgde",
-  "_bgPosition": "__bgPosition_1sgde_gg_",
-  "--bgPosition": "--bgPosition_1sgde",
-  "_bgSize": "__bgSize_1sgde_gg_",
-  "--bgSize": "--bgSize_1sgde",
-  "_bgRepeat": "__bgRepeat_1sgde_gg_",
-  "--bgRepeat": "--bgRepeat_1sgde"
+  "__SChartSkeleton": "___SChartSkeleton_12qq0_gg_",
+  "--bgPattern": "--bgPattern_12qq0",
+  "_theme_invert": "_theme_invert_12qq0_gg_",
+  "_bgPosition": "__bgPosition_12qq0_gg_",
+  "--bgPosition": "--bgPosition_12qq0",
+  "_bgSize": "__bgSize_12qq0_gg_",
+  "--bgSize": "--bgSize_12qq0",
+  "_bgRepeat": "__bgRepeat_12qq0_gg_",
+  "--bgRepeat": "--bgRepeat_12qq0"
 }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
 // @ts-ignore
-const barVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYxMkMxMjQgMTQuMjA5MSAxMjIuMjA5IDE2IDEyMCAxNkgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDBDMTYwIDQyLjIwOTEgMTU4LjIwOSA0NCAxNTYgNDRIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY2OEMxNDIgNzAuMjA5MSAxNDAuMjA5IDcyIDEzOCA3MkgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4Vjk2QzE2MCA5OC4yMDkxIDE1OC4yMDkgMTAwIDE1NiAxMDBIMFY4NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDExMkgxMTZDMTE4LjIwOSAxMTIgMTIwIDExMy43OTEgMTIwIDExNlYxMjRDMTIwIDEyNi4yMDkgMTE4LjIwOSAxMjggMTE2IDEyOEgwVjExMloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+const barVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYxMkMxMjQgMTQuMjA5MSAxMjIuMjA5IDE2IDEyMCAxNkgwVjBaIiBmaWxsPSJva2xjaCgwLjk0IDAuMDAyIDE4MCkiLz4KPHBhdGggZD0iTTAgMjhIMTU2QzE1OC4yMDkgMjggMTYwIDI5Ljc5MDkgMTYwIDMyVjQwQzE2MCA0Mi4yMDkxIDE1OC4yMDkgNDQgMTU2IDQ0SDBWMjhaIiBmaWxsPSJva2xjaCgwLjk0IDAuMDAyIDE4MCkiIC8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY2OEMxNDIgNzAuMjA5MSAxNDAuMjA5IDcyIDEzOCA3MkgwVjU2WiIgZmlsbD0ib2tsY2goMC45NCAwLjAwMiAxODApIiAvPgo8cGF0aCBkPSJNMCA4NEgxNTZDMTU4LjIwOSA4NCAxNjAgODUuNzkwOSAxNjAgODhWOTZDMTYwIDk4LjIwOTEgMTU4LjIwOSAxMDAgMTU2IDEwMEgwVjg0WiIgZmlsbD0ib2tsY2goMC45NCAwLjAwMiAxODApIiAvPgo8cGF0aCBkPSJNMCAxMTJIMTE2QzExOC4yMDkgMTEyIDEyMCAxMTMuNzkxIDEyMCAxMTZWMTI0QzEyMCAxMjYuMjA5IDExOC4yMDkgMTI4IDExNiAxMjhIMFYxMTJaIiBmaWxsPSJva2xjaCgwLjk0IDAuMDAyIDE4MCkiIC8+Cjwvc3ZnPgo=";
 // TODO: replace it with babel-plugin-inline-import/or vite plugin.
 // @ts-ignore
-const barHorizontalSvg = "PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE1NiAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAxNkMxMiAxMy43OTA5IDEzLjc5MDkgMTIgMTYgMTJIMjNDMjUuMjA5MSAxMiAyNyAxMy43OTA5IDI3IDE2VjE0OEgxMlYxNloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik01MSA0MkM1MSAzOS43OTA5IDUyLjc5MDkgMzggNTUgMzhINjJDNjQuMjA5MSAzOCA2NiAzOS43OTA5IDY2IDQyVjE0OEg1MVY0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik05MCA2M0M5MCA2MC43OTA5IDkxLjc5MDkgNTkgOTQgNTlIMTAxQzEwMy4yMDkgNTkgMTA1IDYwLjc5MDkgMTA1IDYzVjE0OEg5MFY2M1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgMzBDMTI5IDI3Ljc5MDkgMTMwLjc5MSAyNiAxMzMgMjZIMTQwQzE0Mi4yMDkgMjYgMTQ0IDI3Ljc5MDkgMTQ0IDMwVjE0OEgxMjlWMzBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
+const barHorizontalSvg = "PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE1NiAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAxNkMxMiAxMy43OTA5IDEzLjc5MDkgMTIgMTYgMTJIMjNDMjUuMjA5MSAxMiAyNyAxMy43OTA5IDI3IDE2VjE0OEgxMlYxNloiIGZpbGw9Im9rbGNoKDAuOTQgMC4wMDIgMTgwKSIvPgo8cGF0aCBkPSJNNTEgNDJDNTEgMzkuNzkwOSA1Mi43OTA5IDM4IDU1IDM4SDYyQzY0LjIwOTEgMzggNjYgMzkuNzkwOSA2NiA0MlYxNDhINTFWNDJaIiBmaWxsPSJva2xjaCgwLjk0IDAuMDAyIDE4MCkiLz4KPHBhdGggZD0iTTkwIDYzQzkwIDYwLjc5MDkgOTEuNzkwOSA1OSA5NCA1OUgxMDFDMTAzLjIwOSA1OSAxMDUgNjAuNzkwOSAxMDUgNjNWMTQ4SDkwVjYzWiIgZmlsbD0ib2tsY2goMC45NCAwLjAwMiAxODApIi8+CjxwYXRoIGQ9Ik0xMjkgMzBDMTI5IDI3Ljc5MDkgMTMwLjc5MSAyNiAxMzMgMjZIMTQwQzE0Mi4yMDkgMjYgMTQ0IDI3Ljc5MDkgMTQ0IDMwVjE0OEgxMjlWMzBaIiBmaWxsPSJva2xjaCgwLjk0IDAuMDAyIDE4MCkiLz4KPC9zdmc+Cg==";
 const pattern = {
   vertical: barVerticalSvg,
   horizontal: barHorizontalSvg

package/lib/es6/charts/Bar/Bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bar.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","barVerticalSvg","barHorizontalSvg","pattern","vertical","horizontal","repeat","position","size","BarChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","layout","createElement","cn","_assignProps"],"sources":["../../../../src/charts/Bar/Bar.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBarChart } from './Bar.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\n\nconst barVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-vertical.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst barHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-horizontal.svg'))\n`;\n\nconst pattern = { vertical: barVerticalSvg, horizontal: barHorizontalSvg };\nconst repeat = { vertical: 'repeat-y', horizontal: 'repeat-x' };\nconst position = { vertical: 'left top', horizontal: 'left bottom' };\nconst size = { vertical: 'contain', horizontal: 'auto 50%' };\n\nfunction BarChartSkeleton(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonBarChart.Component>,\n) {\n  const SChartSkeleton = Root;\n  const layout = props.layout ?? 'horizontal';\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat={repeat[layout]}\n      bgPosition={position[layout]}\n      bgSize={size[layout]}\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[layout]})`}\n    />,\n  );\n}\n\n/**\n * BarChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#barchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}\n */\nexport default createComponent<\n  NSSkeletonBarChart.Component,\n  typeof BarChartSkeleton\n>(BarChartSkeleton);\n"],"mappings":";;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AAEA,MAAMC,cAAc,69BAEnB;AACD;AACA;AACA,MAAMC,gBAAgB,izBAErB;AAED,MAAMC,OAAO,GAAG;EAAEC,QAAQ,EAAEH,cAAc;EAAEI,UAAU,EAAEH;AAAiB,CAAC;AAC1E,MAAMI,MAAM,GAAG;EAAEF,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC/D,MAAME,QAAQ,GAAG;EAAEH,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAc,CAAC;AACpE,MAAMG,IAAI,GAAG;EAAEJ,QAAQ,EAAE,SAAS;EAAEC,UAAU,EAAE;AAAW,CAAC;AAE5D,SAASI,gBAAgBA,CACvBC,KAAsF,EACtF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRjB,QAAQ;EAHpB,MAAMkB,MAAM,GAAGL,KAAK,CAACK,MAAM,IAAI,YAAY;EAC3C,OAAAF,KAAA,GAAOlB,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAoB,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEHZ,MAAM,CAACS,MAAM,CAAC;MAAA,cACZR,QAAQ,CAACQ,MAAM,CAAC;MAAA,UACpBP,IAAI,CAACO,MAAM,CAAC;MAAA,aACT,iCAAiCZ,OAAO,CAACY,MAAM,CAAC;IAAG,GAAAJ,IAAA;EAAA,EAC/D,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAelB,eAAe,CAG5BgB,gBAAgB,CAAC","ignoreList":[]}
+{"version":3,"file":"Bar.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","barVerticalSvg","barHorizontalSvg","pattern","vertical","horizontal","repeat","position","size","BarChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","layout","createElement","cn","_assignProps"],"sources":["../../../../src/charts/Bar/Bar.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBarChart } from './Bar.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\n\nconst barVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-vertical.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst barHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-horizontal.svg'))\n`;\n\nconst pattern = { vertical: barVerticalSvg, horizontal: barHorizontalSvg };\nconst repeat = { vertical: 'repeat-y', horizontal: 'repeat-x' };\nconst position = { vertical: 'left top', horizontal: 'left bottom' };\nconst size = { vertical: 'contain', horizontal: 'auto 50%' };\n\nfunction BarChartSkeleton(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonBarChart.Component>,\n) {\n  const SChartSkeleton = Root;\n  const layout = props.layout ?? 'horizontal';\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat={repeat[layout]}\n      bgPosition={position[layout]}\n      bgSize={size[layout]}\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[layout]})`}\n    />,\n  );\n}\n\n/**\n * BarChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#barchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}\n */\nexport default createComponent<\n  NSSkeletonBarChart.Component,\n  typeof BarChartSkeleton\n>(BarChartSkeleton);\n"],"mappings":";;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AAEA,MAAMC,cAAc,i8BAEnB;AACD;AACA;AACA,MAAMC,gBAAgB,yxBAErB;AAED,MAAMC,OAAO,GAAG;EAAEC,QAAQ,EAAEH,cAAc;EAAEI,UAAU,EAAEH;AAAiB,CAAC;AAC1E,MAAMI,MAAM,GAAG;EAAEF,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC/D,MAAME,QAAQ,GAAG;EAAEH,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAc,CAAC;AACpE,MAAMG,IAAI,GAAG;EAAEJ,QAAQ,EAAE,SAAS;EAAEC,UAAU,EAAE;AAAW,CAAC;AAE5D,SAASI,gBAAgBA,CACvBC,KAAsF,EACtF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRjB,QAAQ;EAHpB,MAAMkB,MAAM,GAAGL,KAAK,CAACK,MAAM,IAAI,YAAY;EAC3C,OAAAF,KAAA,GAAOlB,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAoB,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEHZ,MAAM,CAACS,MAAM,CAAC;MAAA,cACZR,QAAQ,CAACQ,MAAM,CAAC;MAAA,UACpBP,IAAI,CAACO,MAAM,CAAC;MAAA,aACT,iCAAiCZ,OAAO,CAACY,MAAM,CAAC;IAAG,GAAAJ,IAAA;EAAA,EAC/D,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAelB,eAAe,CAG5BgB,gBAAgB,CAAC","ignoreList":[]}

package/lib/es6/charts/Bar/Bar.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bar.type.js","names":[],"sources":["../../../../src/charts/Bar/Bar.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonBarChart {\n    type Props = NSSkeleton.Props & {\n      /** Controls the orientation of the bar chart skeleton */\n      layout?: 'horizontal' | 'vertical';\n    };\n    type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v18. */\nexport type BarChartSkeletonProps = NSSkeletonBarChart.Props;\n\nexport type { NSSkeletonBarChart };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Bar.type.js","names":[],"sources":["../../../../src/charts/Bar/Bar.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonBarChart {\n    type Props = NSSkeleton.Props & {\n      /** Controls the orientation of the bar chart skeleton */\n      layout?: 'horizontal' | 'vertical';\n    };\n    type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v19. */\nexport type BarChartSkeletonProps = NSSkeletonBarChart.Props;\n\nexport type { NSSkeletonBarChart };\n"],"mappings":"","ignoreList":[]}

package/lib/es6/charts/Bubble/Bubble.js

@@ -4,20 +4,21 @@ import { createComponent, Root, sstyled } from '@semcore/core';
 import React from 'react';
 import { Skeleton } from '../../Skeleton';
 /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1sgde_gg_{height:200px;width:100%;background-image:var(--bgPattern_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgPosition_1sgde_gg_{background-position:var(--bgPosition_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgSize_1sgde_gg_{background-size:var(--bgSize_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgRepeat_1sgde_gg_{background-repeat:var(--bgRepeat_1sgde)}", /*__inner_css_end__*/"1sgde_gg_"),
+const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_12qq0_gg_{height:200px;width:100%;-webkit-mask-image:var(--bgPattern_12qq0);mask-image:var(--bgPattern_12qq0);background-color:var(--intergalactic-skeleton-bg,oklch(.94 .002 180))}.___SChartSkeleton_12qq0_gg_._theme_invert_12qq0_gg_{background-color:var(--intergalactic-skeleton-bg-invert,oklch(.5 .004 147.4))}.___SChartSkeleton_12qq0_gg_.__bgPosition_12qq0_gg_{-webkit-mask-position:var(--bgPosition_12qq0);mask-position:var(--bgPosition_12qq0)}.___SChartSkeleton_12qq0_gg_.__bgSize_12qq0_gg_{-webkit-mask-size:var(--bgSize_12qq0);mask-size:var(--bgSize_12qq0)}.___SChartSkeleton_12qq0_gg_.__bgRepeat_12qq0_gg_{-webkit-mask-repeat:var(--bgRepeat_12qq0);mask-repeat:var(--bgRepeat_12qq0)}", /*__inner_css_end__*/"12qq0_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SChartSkeleton": "___SChartSkeleton_1sgde_gg_",
-  "--bgPattern": "--bgPattern_1sgde",
-  "_bgPosition": "__bgPosition_1sgde_gg_",
-  "--bgPosition": "--bgPosition_1sgde",
-  "_bgSize": "__bgSize_1sgde_gg_",
-  "--bgSize": "--bgSize_1sgde",
-  "_bgRepeat": "__bgRepeat_1sgde_gg_",
-  "--bgRepeat": "--bgRepeat_1sgde"
+  "__SChartSkeleton": "___SChartSkeleton_12qq0_gg_",
+  "--bgPattern": "--bgPattern_12qq0",
+  "_theme_invert": "_theme_invert_12qq0_gg_",
+  "_bgPosition": "__bgPosition_12qq0_gg_",
+  "--bgPosition": "--bgPosition_12qq0",
+  "_bgSize": "__bgSize_12qq0_gg_",
+  "--bgSize": "--bgSize_12qq0",
+  "_bgRepeat": "__bgRepeat_12qq0_gg_",
+  "--bgRepeat": "--bgRepeat_12qq0"
 }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
 // @ts-ignore
-const bubbleSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjE2NCIgdmlld0JveD0iMCAwIDM3NiAxNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OCAxNjRDNzAuMDkxNCAxNjQgODggMTQ2LjA5MSA4OCAxMjRDODggMTAxLjkwOSA3MC4wOTE0IDg0IDQ4IDg0QzI1LjkwODYgODQgOCAxMDEuOTA5IDggMTI0QzggMTQ2LjA5MSAyNS45MDg2IDE2NCA0OCAxNjRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNODggNDhDMTAxLjI1NSA0OCAxMTIgMzcuMjU0OCAxMTIgMjRDMTEyIDEwLjc0NTIgMTAxLjI1NSAwIDg4IDBDNzQuNzQ1MiAwIDY0IDEwLjc0NTIgNjQgMjRDNjQgMzcuMjU0OCA3NC43NDUyIDQ4IDg4IDQ4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTI5Mi41IDU1QzMwNS40NzkgNTUgMzE2IDQ0LjQ3ODcgMzE2IDMxLjVDMzE2IDE4LjUyMTMgMzA1LjQ3OSA4IDI5Mi41IDhDMjc5LjUyMSA4IDI2OSAxOC41MjEzIDI2OSAzMS41QzI2OSA0NC40Nzg3IDI3OS41MjEgNTUgMjkyLjUgNTVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzQ0IDk4QzM1Mi44MzcgOTggMzYwIDkwLjgzNjYgMzYwIDgyQzM2MCA3My4xNjM0IDM1Mi44MzcgNjYgMzQ0IDY2QzMzNS4xNjMgNjYgMzI4IDczLjE2MzQgMzI4IDgyQzMyOCA5MC44MzY2IDMzNS4xNjMgOTggMzQ0IDk4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTE4OCAxMzRDMjE2LjcxOSAxMzQgMjQwIDExMC43MTkgMjQwIDgyQzI0MCA1My4yODEyIDIxNi43MTkgMzAgMTg4IDMwQzE1OS4yODEgMzAgMTM2IDUzLjI4MTIgMTM2IDgyQzEzNiAxMTAuNzE5IDE1OS4yODEgMTM0IDE4OCAxMzRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
+const bubbleSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjE2NCIgdmlld0JveD0iMCAwIDM3NiAxNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OCAxNjRDNzAuMDkxNCAxNjQgODggMTQ2LjA5MSA4OCAxMjRDODggMTAxLjkwOSA3MC4wOTE0IDg0IDQ4IDg0QzI1LjkwODYgODQgOCAxMDEuOTA5IDggMTI0QzggMTQ2LjA5MSAyNS45MDg2IDE2NCA0OCAxNjRaIiBmaWxsPSJva2xjaCgwLjk0IDAuMDAyIDE4MCkiIC8+CjxwYXRoIGQ9Ik04OCA0OEMxMDEuMjU1IDQ4IDExMiAzNy4yNTQ4IDExMiAyNEMxMTIgMTAuNzQ1MiAxMDEuMjU1IDAgODggMEM3NC43NDUyIDAgNjQgMTAuNzQ1MiA2NCAyNEM2NCAzNy4yNTQ4IDc0Ljc0NTIgNDggODggNDhaIiBmaWxsPSJva2xjaCgwLjk0IDAuMDAyIDE4MCkiIC8+CjxwYXRoIGQ9Ik0yOTIuNSA1NUMzMDUuNDc5IDU1IDMxNiA0NC40Nzg3IDMxNiAzMS41QzMxNiAxOC41MjEzIDMwNS40NzkgOCAyOTIuNSA4QzI3OS41MjEgOCAyNjkgMTguNTIxMyAyNjkgMzEuNUMyNjkgNDQuNDc4NyAyNzkuNTIxIDU1IDI5Mi41IDU1WiIgZmlsbD0ib2tsY2goMC45NCAwLjAwMiAxODApIiAvPgo8cGF0aCBkPSJNMzQ0IDk4QzM1Mi44MzcgOTggMzYwIDkwLjgzNjYgMzYwIDgyQzM2MCA3My4xNjM0IDM1Mi44MzcgNjYgMzQ0IDY2QzMzNS4xNjMgNjYgMzI4IDczLjE2MzQgMzI4IDgyQzMyOCA5MC44MzY2IDMzNS4xNjMgOTggMzQ0IDk4WiIgZmlsbD0ib2tsY2goMC45NCAwLjAwMiAxODApIiAvPgo8cGF0aCBkPSJNMTg4IDEzNEMyMTYuNzE5IDEzNCAyNDAgMTEwLjcxOSAyNDAgODJDMjQwIDUzLjI4MTIgMjE2LjcxOSAzMCAxODggMzBDMTU5LjI4MSAzMCAxMzYgNTMuMjgxMiAxMzYgODJDMTM2IDExMC43MTkgMTU5LjI4MSAxMzQgMTg4IDEzNFoiIGZpbGw9Im9rbGNoKDAuOTQgMC4wMDIgMTgwKSIgLz4KPC9zdmc+Cg==";
 function BubbleChartSkeleton() {
   var _ref = arguments[0],
     _ref2;

package/lib/es6/charts/Bubble/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps"],"sources":["../../../../src/charts/Bubble/Bubble.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBubbleChart } from './Bubble.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst bubbleSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bubble-chart.svg'))\n`;\n\nfunction BubbleChartSkeleton() {\n  const SChartSkeleton = Root;\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left center'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${bubbleSvg})`}\n    />,\n  );\n}\n\n/**\n * BubbleChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nexport default createComponent<\n  NSSkeletonBubbleChart.Component,\n  typeof BubbleChartSkeleton\n>(BubbleChartSkeleton);\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,SAAS,6xCAEd;AAED,SAASC,mBAAmBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC7B,MAAMC,cAAc,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOV,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAW,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCR,SAAS;IAAG,GAAAE,IAAA;EAAA,EACzD,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAeV,eAAe,CAG5BS,mBAAmB,CAAC","ignoreList":[]}
+{"version":3,"file":"Bubble.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps"],"sources":["../../../../src/charts/Bubble/Bubble.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBubbleChart } from './Bubble.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst bubbleSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bubble-chart.svg'))\n`;\n\nfunction BubbleChartSkeleton() {\n  const SChartSkeleton = Root;\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left center'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${bubbleSvg})`}\n    />,\n  );\n}\n\n/**\n * BubbleChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nexport default createComponent<\n  NSSkeletonBubbleChart.Component,\n  typeof BubbleChartSkeleton\n>(BubbleChartSkeleton);\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,SAAS,qwCAEd;AAED,SAASC,mBAAmBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC7B,MAAMC,cAAc,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOV,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAW,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCR,SAAS;IAAG,GAAAE,IAAA;EAAA,EACzD,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAeV,eAAe,CAG5BS,mBAAmB,CAAC","ignoreList":[]}

package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.js

@@ -4,20 +4,21 @@ import { createComponent, Root, sstyled } from '@semcore/core';
 import React from 'react';
 import { Skeleton } from '../../Skeleton';
 /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1sgde_gg_{height:200px;width:100%;background-image:var(--bgPattern_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgPosition_1sgde_gg_{background-position:var(--bgPosition_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgSize_1sgde_gg_{background-size:var(--bgSize_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgRepeat_1sgde_gg_{background-repeat:var(--bgRepeat_1sgde)}", /*__inner_css_end__*/"1sgde_gg_"),
+const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_12qq0_gg_{height:200px;width:100%;-webkit-mask-image:var(--bgPattern_12qq0);mask-image:var(--bgPattern_12qq0);background-color:var(--intergalactic-skeleton-bg,oklch(.94 .002 180))}.___SChartSkeleton_12qq0_gg_._theme_invert_12qq0_gg_{background-color:var(--intergalactic-skeleton-bg-invert,oklch(.5 .004 147.4))}.___SChartSkeleton_12qq0_gg_.__bgPosition_12qq0_gg_{-webkit-mask-position:var(--bgPosition_12qq0);mask-position:var(--bgPosition_12qq0)}.___SChartSkeleton_12qq0_gg_.__bgSize_12qq0_gg_{-webkit-mask-size:var(--bgSize_12qq0);mask-size:var(--bgSize_12qq0)}.___SChartSkeleton_12qq0_gg_.__bgRepeat_12qq0_gg_{-webkit-mask-repeat:var(--bgRepeat_12qq0);mask-repeat:var(--bgRepeat_12qq0)}", /*__inner_css_end__*/"12qq0_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SChartSkeleton": "___SChartSkeleton_1sgde_gg_",
-  "--bgPattern": "--bgPattern_1sgde",
-  "_bgPosition": "__bgPosition_1sgde_gg_",
-  "--bgPosition": "--bgPosition_1sgde",
-  "_bgSize": "__bgSize_1sgde_gg_",
-  "--bgSize": "--bgSize_1sgde",
-  "_bgRepeat": "__bgRepeat_1sgde_gg_",
-  "--bgRepeat": "--bgRepeat_1sgde"
+  "__SChartSkeleton": "___SChartSkeleton_12qq0_gg_",
+  "--bgPattern": "--bgPattern_12qq0",
+  "_theme_invert": "_theme_invert_12qq0_gg_",
+  "_bgPosition": "__bgPosition_12qq0_gg_",
+  "--bgPosition": "--bgPosition_12qq0",
+  "_bgSize": "__bgSize_12qq0_gg_",
+  "--bgSize": "--bgSize_12qq0",
+  "_bgRepeat": "__bgRepeat_12qq0_gg_",
+  "--bgRepeat": "--bgRepeat_12qq0"
 }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
 // @ts-ignore
-const patternBase64 = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE1NiIgdmlld0JveD0iMCAwIDE3MiAxNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAgMEgxMjBDMTIyLjIwOSAwIDEyNCAxLjc5MDg2IDEyNCA0VjEyQzEyNCAxNC4yMDkxIDEyMi4yMDkgMTYgMTIwIDE2SDBWMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPHBhdGggZD0iTTAgMzJIMTU2QzE1OC4yMDkgMzIgMTYwIDMzLjc5MDkgMTYwIDM2VjQ0QzE2MCA0Ni4yMDkxIDE1OC4yMDkgNDggMTU2IDQ4SDBWMzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDY0SDEzOEMxNDAuMjA5IDY0IDE0MiA2NS43OTA5IDE0MiA2OFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjY0WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KICA8cGF0aCBkPSJNMCA5NkgxNTZDMTU4LjIwOSA5NiAxNjAgOTcuNzkwOSAxNjAgMTAwVjEwOEMxNjAgMTEwLjIwOSAxNTguMjA5IDExMiAxNTYgMTEySDBWOTZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDEyOEgxMTZDMTE4LjIwOSAxMjggMTIwIDEyOS43OTEgMTIwIDEzMlYxNDBDMTIwIDE0Mi4yMDkgMTE4LjIwOSAxNDQgMTE2IDE0NEgwVjEyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPC9zdmc+CiAg";
+const patternBase64 = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE1NiIgdmlld0JveD0iMCAwIDE3MiAxNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAgMEgxMjBDMTIyLjIwOSAwIDEyNCAxLjc5MDg2IDEyNCA0VjEyQzEyNCAxNC4yMDkxIDEyMi4yMDkgMTYgMTIwIDE2SDBWMFoiIGZpbGw9Im9rbGNoKDAuOTQgMC4wMDIgMTgwKSIgLz4KICA8cGF0aCBkPSJNMCAzMkgxNTZDMTU4LjIwOSAzMiAxNjAgMzMuNzkwOSAxNjAgMzZWNDRDMTYwIDQ2LjIwOTEgMTU4LjIwOSA0OCAxNTYgNDhIMFYzMloiIGZpbGw9Im9rbGNoKDAuOTQgMC4wMDIgMTgwKSIgLz4KICA8cGF0aCBkPSJNMCA2NEgxMzhDMTQwLjIwOSA2NCAxNDIgNjUuNzkwOSAxNDIgNjhWNzZDMTQyIDc4LjIwOTEgMTQwLjIwOSA4MCAxMzggODBIMFY2NFoiIGZpbGw9Im9rbGNoKDAuOTQgMC4wMDIgMTgwKSIgLz4KICA8cGF0aCBkPSJNMCA5NkgxNTZDMTU4LjIwOSA5NiAxNjAgOTcuNzkwOSAxNjAgMTAwVjEwOEMxNjAgMTEwLjIwOSAxNTguMjA5IDExMiAxNTYgMTEySDBWOTZaIiBmaWxsPSJva2xjaCgwLjk0IDAuMDAyIDE4MCkiIC8+CiAgPHBhdGggZD0iTTAgMTI4SDExNkMxMTguMjA5IDEyOCAxMjAgMTI5Ljc5MSAxMjAgMTMyVjE0MEMxMjAgMTQyLjIwOSAxMTguMjA5IDE0NCAxMTYgMTQ0SDBWMTI4WiIgZmlsbD0ib2tsY2goMC45NCAwLjAwMiAxODApIiAvPgogIDwvc3ZnPgo=";
 function CompactHorizontalBarChartSkeleton() {
   var _ref = arguments[0],
     _ref2;

package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompactHorizontalBar.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","patternBase64","CompactHorizontalBarChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps"],"sources":["../../../../src/charts/CompactHorizontalBar/CompactHorizontalBar.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonCompactHorizontalBar } from './CompactHorizontalBar.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst patternBase64 = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/compact-horizontal-bar-chart.svg'))\n`;\n\nfunction CompactHorizontalBarChartSkeleton() {\n  const SChartSkeleton = Root;\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-y'\n      bgPosition='left top'\n      bgSize='contain'\n      bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n    />,\n  );\n}\n\n/**\n * CompactHorizontalBarChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nexport default createComponent<\n  NSSkeletonCompactHorizontalBar.Component,\n  typeof CompactHorizontalBarChartSkeleton\n>(CompactHorizontalBarChartSkeleton);\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,aAAa,i/BAElB;AAED,SAASC,iCAAiCA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3C,MAAMC,cAAc,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOV,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAW,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEJ,UAAU;MAAA,cACR,UAAU;MAAA,UACd,SAAS;MAAA,aACL,iCAAiCR,aAAa;IAAG,GAAAE,IAAA;EAAA,EAC7D,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAeV,eAAe,CAG5BS,iCAAiC,CAAC","ignoreList":[]}
+{"version":3,"file":"CompactHorizontalBar.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","patternBase64","CompactHorizontalBarChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps"],"sources":["../../../../src/charts/CompactHorizontalBar/CompactHorizontalBar.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonCompactHorizontalBar } from './CompactHorizontalBar.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst patternBase64 = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/compact-horizontal-bar-chart.svg'))\n`;\n\nfunction CompactHorizontalBarChartSkeleton() {\n  const SChartSkeleton = Root;\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-y'\n      bgPosition='left top'\n      bgSize='contain'\n      bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n    />,\n  );\n}\n\n/**\n * CompactHorizontalBarChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nexport default createComponent<\n  NSSkeletonCompactHorizontalBar.Component,\n  typeof CompactHorizontalBarChartSkeleton\n>(CompactHorizontalBarChartSkeleton);\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,aAAa,q9BAElB;AAED,SAASC,iCAAiCA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3C,MAAMC,cAAc,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOV,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAW,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEJ,UAAU;MAAA,cACR,UAAU;MAAA,UACd,SAAS;MAAA,aACL,iCAAiCR,aAAa;IAAG,GAAAE,IAAA;EAAA,EAC7D,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAeV,eAAe,CAG5BS,iCAAiC,CAAC","ignoreList":[]}

package/lib/es6/charts/Donut/Donut.js

@@ -4,23 +4,24 @@ import { createComponent, Root, sstyled } from '@semcore/core';
 import React from 'react';
 import { Skeleton } from '../../Skeleton';
 /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1sgde_gg_{height:200px;width:100%;background-image:var(--bgPattern_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgPosition_1sgde_gg_{background-position:var(--bgPosition_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgSize_1sgde_gg_{background-size:var(--bgSize_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgRepeat_1sgde_gg_{background-repeat:var(--bgRepeat_1sgde)}", /*__inner_css_end__*/"1sgde_gg_"),
+const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_12qq0_gg_{height:200px;width:100%;-webkit-mask-image:var(--bgPattern_12qq0);mask-image:var(--bgPattern_12qq0);background-color:var(--intergalactic-skeleton-bg,oklch(.94 .002 180))}.___SChartSkeleton_12qq0_gg_._theme_invert_12qq0_gg_{background-color:var(--intergalactic-skeleton-bg-invert,oklch(.5 .004 147.4))}.___SChartSkeleton_12qq0_gg_.__bgPosition_12qq0_gg_{-webkit-mask-position:var(--bgPosition_12qq0);mask-position:var(--bgPosition_12qq0)}.___SChartSkeleton_12qq0_gg_.__bgSize_12qq0_gg_{-webkit-mask-size:var(--bgSize_12qq0);mask-size:var(--bgSize_12qq0)}.___SChartSkeleton_12qq0_gg_.__bgRepeat_12qq0_gg_{-webkit-mask-repeat:var(--bgRepeat_12qq0);mask-repeat:var(--bgRepeat_12qq0)}", /*__inner_css_end__*/"12qq0_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SChartSkeleton": "___SChartSkeleton_1sgde_gg_",
-  "--bgPattern": "--bgPattern_1sgde",
-  "_bgPosition": "__bgPosition_1sgde_gg_",
-  "--bgPosition": "--bgPosition_1sgde",
-  "_bgSize": "__bgSize_1sgde_gg_",
-  "--bgSize": "--bgSize_1sgde",
-  "_bgRepeat": "__bgRepeat_1sgde_gg_",
-  "--bgRepeat": "--bgRepeat_1sgde"
+  "__SChartSkeleton": "___SChartSkeleton_12qq0_gg_",
+  "--bgPattern": "--bgPattern_12qq0",
+  "_theme_invert": "_theme_invert_12qq0_gg_",
+  "_bgPosition": "__bgPosition_12qq0_gg_",
+  "--bgPosition": "--bgPosition_12qq0",
+  "_bgSize": "__bgSize_12qq0_gg_",
+  "--bgSize": "--bgSize_12qq0",
+  "_bgRepeat": "__bgRepeat_12qq0_gg_",
+  "--bgRepeat": "--bgRepeat_12qq0"
 }); // TODO: replace it with babel-plugin-inline-import or vite plugin.
 // @ts-ignore
-const donutFullSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9JiMyNDA7JiMxNTk7JiMxNDE7JiMxNjk7IGRvbnV0IGNoYXJ0LCBwaWN0dXJlIGRpdj1mYWxzZSI+CjxnIGlkPSJkb251dC1jaGFydCI+CjxwYXRoIGQ9Ik0xNTguODYzIDE0NS43NDJDMTcxLjQ1MyAxMzAuMjU5IDE4MCAxMTEuNTExIDE4MCA5MEMxODAgNjguNjE2OCAxNzIuNTQzIDQ4Ljk3NTMgMTYwLjA4NyAzMy41MzQzTDEzNy43MzEgNTUuMTQ1OUMxNTEuNzk5IDgyLjA2NzMgMTUxLjQ3NSA5NS40NDAzIDEzNy43OTMgMTIzLjcyNEwxNTguODYzIDE0NS43NDJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOTAgMTgwQzExNy4xMTIgMTgwIDE0MC40MjUgMTY3LjAxMSAxNTYuOTI1IDE0OC4wNDZMMTM1LjgyNyAxMjZDMTI0LjgyNyAxMzkuNTcgMTA4LjMzIDE0OSA4OS41IDE0OUM1Ni4zNjI5IDE0OSAyOSAxMjMuMTM3IDI5IDkwQzI4LjU2MzEgNTcuODU3NiA1NC44NzYyIDMxLjU3OTkgODcgMzBWMC4wNDkwNThDMzguNjgzMSAxLjYzMTUyIDAgNDEuMjk4MyAwIDkwQzAgMTM5LjcwNiA0MC4yOTQ0IDE4MCA5MCAxODBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTU4LjA0NiAzMS4zMzI3TDEzNS42MzQgNTNDMTI1LjEzMiAzOS42MTYxIDEwOS44NzQgMzAuNDU1MiA5MCAzMFYwQzExNy45MTUgMCAxNDEuNTM4IDExLjM4NTEgMTU4LjA0NiAzMS4zMzI3WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
+const donutFullSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNTguODYzIDE0NS43NDJDMTcxLjQ1MyAxMzAuMjU5IDE4MCAxMTEuNTExIDE4MCA5MEMxODAgNjguNjE2OCAxNzIuNTQzIDQ4Ljk3NTMgMTYwLjA4NyAzMy41MzQzTDEzNy43MzEgNTUuMTQ1OUMxNTEuNzk5IDgyLjA2NzMgMTUxLjQ3NSA5NS40NDAzIDEzNy43OTMgMTIzLjcyNEwxNTguODYzIDE0NS43NDJaIiBmaWxsPSJva2xjaCgwLjk0IDAuMDAyIDE4MCkiIC8+CjxwYXRoIGQ9Ik05MCAxODBDMTE3LjExMiAxODAgMTQwLjQyNSAxNjcuMDExIDE1Ni45MjUgMTQ4LjA0NkwxMzUuODI3IDEyNkMxMjQuODI3IDEzOS41NyAxMDguMzMgMTQ5IDg5LjUgMTQ5QzU2LjM2MjkgMTQ5IDI5IDEyMy4xMzcgMjkgOTBDMjguNTYzMSA1Ny44NTc2IDU0Ljg3NjIgMzEuNTc5OSA4NyAzMFYwLjA0OTA1OEMzOC42ODMxIDEuNjMxNTIgMCA0MS4yOTgzIDAgOTBDMCAxMzkuNzA2IDQwLjI5NDQgMTgwIDkwIDE4MFoiIGZpbGw9Im9rbGNoKDAuOTQgMC4wMDIgMTgwKSIgLz4KPHBhdGggZD0iTTE1OC4wNDYgMzEuMzMyN0wxMzUuNjM0IDUzQzEyNS4xMzIgMzkuNjE2MSAxMDkuODc0IDMwLjQ1NTIgOTAgMzBWMEMxMTcuOTE1IDAgMTQxLjUzOCAxMS4zODUxIDE1OC4wNDYgMzEuMzMyN1oiIGZpbGw9Im9rbGNoKDAuOTQgMC4wMDIgMTgwKSIgLz4KPC9zdmc+Cg==";
 // TODO: replace it with babel-plugin-inline-import/or vite plugin.
 // @ts-ignore
-const donutHalfSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTgwIDkwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTU2LjkyNSAzMS45NTM4QzE0MC40MjUgMTIuOTg4NiAxMTcuMTEyIDAgOTAgMEM0MC4yOTQ0IDAgMCA0MC4yOTQ0IDAgOTBIMjlDMjkgNTYuODYyOSA1Ni4zNjI5IDMxIDg5LjUgMzFDMTA4LjMzIDMxIDEyNC44MjcgNDAuNDI5NiAxMzUuODI3IDU0TDE1Ni45MjUgMzEuOTUzOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xODAgOTBIMTQ4LjE1MkMxNDcuODg2IDgwLjA5ODkgMTQ0LjM5NSA2OS45MjMzIDEzNy43OTMgNTYuMjc2NEwxNTguODYzIDM0LjI1ODFDMTcxLjQ1MyA0OS43NDA3IDE4MCA2OC40ODkgMTgwIDkwWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==";
+const donutHalfSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTgwIDkwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTU2LjkyNSAzMS45NTM4QzE0MC40MjUgMTIuOTg4NiAxMTcuMTEyIDAgOTAgMEM0MC4yOTQ0IDAgMCA0MC4yOTQ0IDAgOTBIMjlDMjkgNTYuODYyOSA1Ni4zNjI5IDMxIDg5LjUgMzFDMTA4LjMzIDMxIDEyNC44MjcgNDAuNDI5NiAxMzUuODI3IDU0TDE1Ni45MjUgMzEuOTUzOFoiIGZpbGw9Im9rbGNoKDAuOTQgMC4wMDIgMTgwKSIgLz4KPHBhdGggZD0iTTE4MCA5MEgxNDguMTUyQzE0Ny44ODYgODAuMDk4OSAxNDQuMzk1IDY5LjkyMzMgMTM3Ljc5MyA1Ni4yNzY0TDE1OC44NjMgMzQuMjU4MUMxNzEuNDUzIDQ5Ljc0MDcgMTgwIDY4LjQ4OSAxODAgOTBaIiBmaWxsPSJva2xjaCgwLjk0IDAuMDAyIDE4MCkiIC8+Cjwvc3ZnPgo=";
 const pattern = {
   true: donutHalfSvg,
   false: donutFullSvg

package/lib/es6/charts/Donut/Donut.js.map

@@ -1 +1 @@
-{"version":3,"file":"Donut.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","donutFullSvg","donutHalfSvg","pattern","true","false","position","DonutChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","halfsize","toString","createElement","cn","_assignProps"],"sources":["../../../../src/charts/Donut/Donut.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonDonutChart } from './Donut.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import or vite plugin.\n// @ts-ignore\nconst donutFullSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/donut-chart.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst donutHalfSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/donut-chart-halfsize.svg'))\n`;\n\nconst pattern: Record<string, string> = {\n  true: donutHalfSvg,\n  false: donutFullSvg,\n};\nconst position: Record<string, string> = {\n  true: 'center bottom',\n  false: 'center',\n};\n\nfunction DonutChartSkeleton(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonDonutChart.Component>,\n) {\n  const SChartSkeleton = Root;\n  const halfsize = (props.halfsize ?? false).toString();\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='no-repeat'\n      bgPosition={position[halfsize]}\n      bgSize='contain'\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[halfsize]})`}\n    />,\n  );\n}\n\n/**\n * DonutChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#donutchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}\n */\nexport default createComponent<\n  NSSkeletonDonutChart.Component,\n  typeof DonutChartSkeleton\n>(DonutChartSkeleton);\n"],"mappings":";;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,YAAY,6qCAEjB;AACD;AACA;AACA,MAAMC,YAAY,6nBAEjB;AAED,MAAMC,OAA+B,GAAG;EACtCC,IAAI,EAAEF,YAAY;EAClBG,KAAK,EAAEJ;AACT,CAAC;AACD,MAAMK,QAAgC,GAAG;EACvCF,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE;AACT,CAAC;AAED,SAASE,kBAAkBA,CACzBC,KAAwF,EACxF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRf,QAAQ;EAHpB,MAAMgB,QAAQ,GAAG,CAACL,KAAK,CAACK,QAAQ,IAAI,KAAK,EAAEC,QAAQ,CAAC,CAAC;EACrD,OAAAH,KAAA,GAAOhB,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAmB,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEJ,WAAW;MAAA,cACRX,QAAQ,CAACO,QAAQ,CAAC;MAAA,UACvB,SAAS;MAAA,aACL,iCAAiCV,OAAO,CAACU,QAAQ,CAAC;IAAG,GAAAJ,IAAA;EAAA,EACjE,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAehB,eAAe,CAG5Bc,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"file":"Donut.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","donutFullSvg","donutHalfSvg","pattern","true","false","position","DonutChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","halfsize","toString","createElement","cn","_assignProps"],"sources":["../../../../src/charts/Donut/Donut.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonDonutChart } from './Donut.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import or vite plugin.\n// @ts-ignore\nconst donutFullSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/donut-chart.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst donutHalfSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/donut-chart-halfsize.svg'))\n`;\n\nconst pattern: Record<string, string> = {\n  true: donutHalfSvg,\n  false: donutFullSvg,\n};\nconst position: Record<string, string> = {\n  true: 'center bottom',\n  false: 'center',\n};\n\nfunction DonutChartSkeleton(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonDonutChart.Component>,\n) {\n  const SChartSkeleton = Root;\n  const halfsize = (props.halfsize ?? false).toString();\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='no-repeat'\n      bgPosition={position[halfsize]}\n      bgSize='contain'\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[halfsize]})`}\n    />,\n  );\n}\n\n/**\n * DonutChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#donutchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}\n */\nexport default createComponent<\n  NSSkeletonDonutChart.Component,\n  typeof DonutChartSkeleton\n>(DonutChartSkeleton);\n"],"mappings":";;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,YAAY,y/BAEjB;AACD;AACA;AACA,MAAMC,YAAY,inBAEjB;AAED,MAAMC,OAA+B,GAAG;EACtCC,IAAI,EAAEF,YAAY;EAClBG,KAAK,EAAEJ;AACT,CAAC;AACD,MAAMK,QAAgC,GAAG;EACvCF,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE;AACT,CAAC;AAED,SAASE,kBAAkBA,CACzBC,KAAwF,EACxF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRf,QAAQ;EAHpB,MAAMgB,QAAQ,GAAG,CAACL,KAAK,CAACK,QAAQ,IAAI,KAAK,EAAEC,QAAQ,CAAC,CAAC;EACrD,OAAAH,KAAA,GAAOhB,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAmB,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEJ,WAAW;MAAA,cACRX,QAAQ,CAACO,QAAQ,CAAC;MAAA,UACvB,SAAS;MAAA,aACL,iCAAiCV,OAAO,CAACU,QAAQ,CAAC;IAAG,GAAAJ,IAAA;EAAA,EACjE,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAehB,eAAe,CAG5Bc,kBAAkB,CAAC","ignoreList":[]}

package/lib/es6/charts/Donut/Donut.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Donut.type.js","names":[],"sources":["../../../../src/charts/Donut/Donut.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonDonutChart {\n    type Props = NSSkeleton.Props & {\n      /** Semi donut */\n      halfsize?: boolean;\n    };\n    type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v18. */\nexport type DonutChartSkeletonProps = NSSkeletonDonutChart.Props;\n\nexport type { NSSkeletonDonutChart };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Donut.type.js","names":[],"sources":["../../../../src/charts/Donut/Donut.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonDonutChart {\n    type Props = NSSkeleton.Props & {\n      /** Semi donut */\n      halfsize?: boolean;\n    };\n    type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v19. */\nexport type DonutChartSkeletonProps = NSSkeletonDonutChart.Props;\n\nexport type { NSSkeletonDonutChart };\n"],"mappings":"","ignoreList":[]}

package/lib/es6/charts/Histogram/Histogram.js

@@ -4,23 +4,24 @@ import { createComponent, Root, sstyled } from '@semcore/core';
 import React from 'react';
 import { Skeleton } from '../../Skeleton';
 /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1sgde_gg_{height:200px;width:100%;background-image:var(--bgPattern_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgPosition_1sgde_gg_{background-position:var(--bgPosition_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgSize_1sgde_gg_{background-size:var(--bgSize_1sgde)}.___SChartSkeleton_1sgde_gg_.__bgRepeat_1sgde_gg_{background-repeat:var(--bgRepeat_1sgde)}", /*__inner_css_end__*/"1sgde_gg_"),
+const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_12qq0_gg_{height:200px;width:100%;-webkit-mask-image:var(--bgPattern_12qq0);mask-image:var(--bgPattern_12qq0);background-color:var(--intergalactic-skeleton-bg,oklch(.94 .002 180))}.___SChartSkeleton_12qq0_gg_._theme_invert_12qq0_gg_{background-color:var(--intergalactic-skeleton-bg-invert,oklch(.5 .004 147.4))}.___SChartSkeleton_12qq0_gg_.__bgPosition_12qq0_gg_{-webkit-mask-position:var(--bgPosition_12qq0);mask-position:var(--bgPosition_12qq0)}.___SChartSkeleton_12qq0_gg_.__bgSize_12qq0_gg_{-webkit-mask-size:var(--bgSize_12qq0);mask-size:var(--bgSize_12qq0)}.___SChartSkeleton_12qq0_gg_.__bgRepeat_12qq0_gg_{-webkit-mask-repeat:var(--bgRepeat_12qq0);mask-repeat:var(--bgRepeat_12qq0)}", /*__inner_css_end__*/"12qq0_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SChartSkeleton": "___SChartSkeleton_1sgde_gg_",
-  "--bgPattern": "--bgPattern_1sgde",
-  "_bgPosition": "__bgPosition_1sgde_gg_",
-  "--bgPosition": "--bgPosition_1sgde",
-  "_bgSize": "__bgSize_1sgde_gg_",
-  "--bgSize": "--bgSize_1sgde",
-  "_bgRepeat": "__bgRepeat_1sgde_gg_",
-  "--bgRepeat": "--bgRepeat_1sgde"
+  "__SChartSkeleton": "___SChartSkeleton_12qq0_gg_",
+  "--bgPattern": "--bgPattern_12qq0",
+  "_theme_invert": "_theme_invert_12qq0_gg_",
+  "_bgPosition": "__bgPosition_12qq0_gg_",
+  "--bgPosition": "--bgPosition_12qq0",
+  "_bgSize": "__bgSize_12qq0_gg_",
+  "--bgSize": "--bgSize_12qq0",
+  "_bgRepeat": "__bgRepeat_12qq0_gg_",
+  "--bgRepeat": "--bgRepeat_12qq0"
 }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
 // @ts-ignore
-const histogramVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYyMEMxMjQgMjIuMjA5MSAxMjIuMjA5IDI0IDEyMCAyNEgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDhDMTYwIDUwLjIwOTEgMTU4LjIwOSA1MiAxNTYgNTJIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4VjEwNEMxNjAgMTA2LjIwOSAxNTguMjA5IDEwOCAxNTYgMTA4SDBWODRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAxMTJIMTE2QzExOC4yMDkgMTEyIDEyMCAxMTMuNzkxIDEyMCAxMTZWMTMyQzEyMCAxMzQuMjA5IDExOC4yMDkgMTM2IDExNiAxMzZIMFYxMTJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
+const histogramVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYyMEMxMjQgMjIuMjA5MSAxMjIuMjA5IDI0IDEyMCAyNEgwVjBaIiBmaWxsPSJva2xjaCgwLjk0IDAuMDAyIDE4MCkiIC8+CjxwYXRoIGQ9Ik0wIDI4SDE1NkMxNTguMjA5IDI4IDE2MCAyOS43OTA5IDE2MCAzMlY0OEMxNjAgNTAuMjA5MSAxNTguMjA5IDUyIDE1NiA1MkgwVjI4WiIgZmlsbD0ib2tsY2goMC45NCAwLjAwMiAxODApIiAvPgo8cGF0aCBkPSJNMCA1NkgxMzhDMTQwLjIwOSA1NiAxNDIgNTcuNzkwOSAxNDIgNjBWNzZDMTQyIDc4LjIwOTEgMTQwLjIwOSA4MCAxMzggODBIMFY1NloiIGZpbGw9Im9rbGNoKDAuOTQgMC4wMDIgMTgwKSIgLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4VjEwNEMxNjAgMTA2LjIwOSAxNTguMjA5IDEwOCAxNTYgMTA4SDBWODRaIiBmaWxsPSJva2xjaCgwLjk0IDAuMDAyIDE4MCkiIC8+CjxwYXRoIGQ9Ik0wIDExMkgxMTZDMTE4LjIwOSAxMTIgMTIwIDExMy43OTEgMTIwIDExNlYxMzJDMTIwIDEzNC4yMDkgMTE4LjIwOSAxMzYgMTE2IDEzNkgwVjExMloiIGZpbGw9Im9rbGNoKDAuOTQgMC4wMDIgMTgwKSIgLz4KPC9zdmc+Cg==";
 // TODO: replace it with babel-plugin-inline-import/or vite plugin.
 // @ts-ignore
-const histogramHorizontalSvg = "PHN2ZyB3aWR0aD0iNDU2IiBoZWlnaHQ9IjEwNCIgdmlld0JveD0iMCAwIDQ1NiAxMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yIDE0QzIgMTIuODk1NCAyLjg5NTQzIDEyIDQgMTJIMTEwLjkwMUMxMTIuMDA1IDEyIDExMi45MDEgMTIuODk1NCAxMTIuOTAxIDE0VjkySDJWMTRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTE2LjkwMSAzMEMxMTYuOTAxIDI4Ljg5NTQgMTE3Ljc5NiAyOCAxMTguOTAxIDI4SDIyNC44MDJDMjI1LjkwNiAyOCAyMjYuODAyIDI4Ljg5NTQgMjI2LjgwMiAzMFY5MkgxMTYuOTAxVjMwWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTIzMC44MDIgNjJDMjMwLjgwMiA2MC44OTU0IDIzMS42OTcgNjAgMjMyLjgwMiA2MEgzMzguNzAyQzMzOS44MDcgNjAgMzQwLjcwMiA2MC44OTU0IDM0MC43MDIgNjJWOTJIMjMwLjgwMlY2MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0zNDQuNzAyIDQ0QzM0NC43MDIgNDIuODk1NCAzNDUuNTk4IDQyIDM0Ni43MDIgNDJINDUxLjYwM0M0NTIuNzA4IDQyIDQ1My42MDMgNDIuODk1NCA0NTMuNjAzIDQ0VjkySDM0NC43MDJWNDRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
+const histogramHorizontalSvg = "PHN2ZyB3aWR0aD0iNDU2IiBoZWlnaHQ9IjEwNCIgdmlld0JveD0iMCAwIDQ1NiAxMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yIDE0QzIgMTIuODk1NCAyLjg5NTQzIDEyIDQgMTJIMTEwLjkwMUMxMTIuMDA1IDEyIDExMi45MDEgMTIuODk1NCAxMTIuOTAxIDE0VjkySDJWMTRaIiBmaWxsPSJva2xjaCgwLjk0IDAuMDAyIDE4MCkiIC8+CjxwYXRoIGQ9Ik0xMTYuOTAxIDMwQzExNi45MDEgMjguODk1NCAxMTcuNzk2IDI4IDExOC45MDEgMjhIMjI0LjgwMkMyMjUuOTA2IDI4IDIyNi44MDIgMjguODk1NCAyMjYuODAyIDMwVjkySDExNi45MDFWMzBaIiBmaWxsPSJva2xjaCgwLjk0IDAuMDAyIDE4MCkiIC8+CjxwYXRoIGQ9Ik0yMzAuODAyIDYyQzIzMC44MDIgNjAuODk1NCAyMzEuNjk3IDYwIDIzMi44MDIgNjBIMzM4LjcwMkMzMzkuODA3IDYwIDM0MC43MDIgNjAuODk1NCAzNDAuNzAyIDYyVjkySDIzMC44MDJWNjJaIiBmaWxsPSJva2xjaCgwLjk0IDAuMDAyIDE4MCkiIC8+CjxwYXRoIGQ9Ik0zNDQuNzAyIDQ0QzM0NC43MDIgNDIuODk1NCAzNDUuNTk4IDQyIDM0Ni43MDIgNDJINDUxLjYwM0M0NTIuNzA4IDQyIDQ1My42MDMgNDIuODk1NCA0NTMuNjAzIDQ0VjkySDM0NC43MDJWNDRaIiBmaWxsPSJva2xjaCgwLjk0IDAuMDAyIDE4MCkiIC8+Cjwvc3ZnPgo=";
 const repeat = {
   vertical: 'repeat-y',
   horizontal: 'repeat-x'

package/lib/es6/charts/Histogram/Histogram.js.map

@@ -1 +1 @@
-{"version":3,"file":"Histogram.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","histogramVerticalSvg","histogramHorizontalSvg","repeat","vertical","horizontal","position","size","pattern","HistogramChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","layout","createElement","cn","_assignProps"],"sources":["../../../../src/charts/Histogram/Histogram.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonHistogramChart } from './Histogram.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst histogramVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/histogram-chart-vertical.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst histogramHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/histogram-chart-horizontal.svg'))\n`;\n\nconst repeat = { vertical: 'repeat-y', horizontal: 'repeat-x' };\nconst position = { vertical: 'left top', horizontal: 'left bottom' };\nconst size = { vertical: 'contain', horizontal: 'auto 50%' };\nconst pattern = { vertical: histogramVerticalSvg, horizontal: histogramHorizontalSvg };\n\nfunction HistogramChartSkeleton(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonHistogramChart.Component>,\n) {\n  const SChartSkeleton = Root;\n  const layout = props.layout ?? 'horizontal';\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat={repeat[layout]}\n      bgPosition={position[layout]}\n      bgSize={size[layout]}\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[layout]})`}\n    />,\n  );\n}\n\n/**\n * HistogramChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#histogramchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}\n */\nexport default createComponent<\n  NSSkeletonHistogramChart.Component,\n  typeof HistogramChartSkeleton\n>(HistogramChartSkeleton);\n"],"mappings":";;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,oBAAoB,69BAEzB;AACD;AACA;AACA,MAAMC,sBAAsB,y7BAE3B;AAED,MAAMC,MAAM,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC/D,MAAMC,QAAQ,GAAG;EAAEF,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAc,CAAC;AACpE,MAAME,IAAI,GAAG;EAAEH,QAAQ,EAAE,SAAS;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC5D,MAAMG,OAAO,GAAG;EAAEJ,QAAQ,EAAEH,oBAAoB;EAAEI,UAAU,EAAEH;AAAuB,CAAC;AAEtF,SAASO,sBAAsBA,CAC7BC,KAA4F,EAC5F;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRjB,QAAQ;EAHpB,MAAMkB,MAAM,GAAGL,KAAK,CAACK,MAAM,IAAI,YAAY;EAC3C,OAAAF,KAAA,GAAOlB,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAoB,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEHf,MAAM,CAACY,MAAM,CAAC;MAAA,cACZT,QAAQ,CAACS,MAAM,CAAC;MAAA,UACpBR,IAAI,CAACQ,MAAM,CAAC;MAAA,aACT,iCAAiCP,OAAO,CAACO,MAAM,CAAC;IAAG,GAAAJ,IAAA;EAAA,EAC/D,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAelB,eAAe,CAG5BgB,sBAAsB,CAAC","ignoreList":[]}
+{"version":3,"file":"Histogram.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","histogramVerticalSvg","histogramHorizontalSvg","repeat","vertical","horizontal","position","size","pattern","HistogramChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","layout","createElement","cn","_assignProps"],"sources":["../../../../src/charts/Histogram/Histogram.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonHistogramChart } from './Histogram.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst histogramVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/histogram-chart-vertical.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst histogramHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/histogram-chart-horizontal.svg'))\n`;\n\nconst repeat = { vertical: 'repeat-y', horizontal: 'repeat-x' };\nconst position = { vertical: 'left top', horizontal: 'left bottom' };\nconst size = { vertical: 'contain', horizontal: 'auto 50%' };\nconst pattern = { vertical: histogramVerticalSvg, horizontal: histogramHorizontalSvg };\n\nfunction HistogramChartSkeleton(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonHistogramChart.Component>,\n) {\n  const SChartSkeleton = Root;\n  const layout = props.layout ?? 'horizontal';\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat={repeat[layout]}\n      bgPosition={position[layout]}\n      bgSize={size[layout]}\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[layout]})`}\n    />,\n  );\n}\n\n/**\n * HistogramChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#histogramchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}\n */\nexport default createComponent<\n  NSSkeletonHistogramChart.Component,\n  typeof HistogramChartSkeleton\n>(HistogramChartSkeleton);\n"],"mappings":";;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,oBAAoB,q8BAEzB;AACD;AACA;AACA,MAAMC,sBAAsB,q6BAE3B;AAED,MAAMC,MAAM,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC/D,MAAMC,QAAQ,GAAG;EAAEF,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAc,CAAC;AACpE,MAAME,IAAI,GAAG;EAAEH,QAAQ,EAAE,SAAS;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC5D,MAAMG,OAAO,GAAG;EAAEJ,QAAQ,EAAEH,oBAAoB;EAAEI,UAAU,EAAEH;AAAuB,CAAC;AAEtF,SAASO,sBAAsBA,CAC7BC,KAA4F,EAC5F;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRjB,QAAQ;EAHpB,MAAMkB,MAAM,GAAGL,KAAK,CAACK,MAAM,IAAI,YAAY;EAC3C,OAAAF,KAAA,GAAOlB,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAoB,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEHf,MAAM,CAACY,MAAM,CAAC;MAAA,cACZT,QAAQ,CAACS,MAAM,CAAC;MAAA,UACpBR,IAAI,CAACQ,MAAM,CAAC;MAAA,aACT,iCAAiCP,OAAO,CAACO,MAAM,CAAC;IAAG,GAAAJ,IAAA;EAAA,EAC/D,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAelB,eAAe,CAG5BgB,sBAAsB,CAAC","ignoreList":[]}

package/lib/es6/charts/Histogram/Histogram.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Histogram.type.js","names":[],"sources":["../../../../src/charts/Histogram/Histogram.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonHistogramChart {\n    type Props = NSSkeleton.Props & {\n      /** Controls the orientation of the histogram chart skeleton */\n      layout?: 'horizontal' | 'vertical';\n    };\n    type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v18. */\nexport type HistogramChartSkeletonProps = NSSkeletonHistogramChart.Props;\n\nexport type { NSSkeletonHistogramChart };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Histogram.type.js","names":[],"sources":["../../../../src/charts/Histogram/Histogram.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonHistogramChart {\n    type Props = NSSkeleton.Props & {\n      /** Controls the orientation of the histogram chart skeleton */\n      layout?: 'horizontal' | 'vertical';\n    };\n    type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v19. */\nexport type HistogramChartSkeletonProps = NSSkeletonHistogramChart.Props;\n\nexport type { NSSkeletonHistogramChart };\n"],"mappings":"","ignoreList":[]}