intergalactic 15.87.0 → 15.89.0-prerelease.0

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","style","_sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","SSkeleton","_this$asProps","Children","styles","duration","hidden","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","SkeletonSVG","_Component2","_super2","setContext","theme","gradientUrl","_ref2","_ref4","_this$asProps2","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","props","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","renderRect","_ref5","Fragment","_toConsumableArray","Array","map","el","index","ref"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/skeleton.shadow.css';\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  static displayName = 'Skeleton';\n  static style = style;\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    duration: 2000,\n  };\n\n  render() {\n    const SSkeleton = Root;\n    const { Children, styles, duration, hidden, style } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton\n        render={Box}\n        durationAnim={`${duration}ms`}\n        aria-busy='true'\n        aria-atomic='true'\n        aria-hidden='true'\n        alt=''\n      >\n        <Children />\n      </SSkeleton>,\n    );\n  }\n}\n\nclass SkeletonSVG extends Component {\n  static displayName = 'SkeletonSVG';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    theme: 'invert',\n    duration: 2000,\n  };\n\n  setContext() {\n    const { theme } = this.asProps;\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        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(props) {\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  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag='rect' rx='4' ry='4' height='8' {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          width,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nconst Skeleton = createComponent(SkeletonRoot);\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n  Text,\n});\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,mBAAmB,MAAM,6BAA6B;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI9D,IAAMC,eAAe,GAAG;EACtBC,IAAI,EAAE,0BAA0B;EAChCC,MAAM,EAAE;AACV,CAAC;AAAC,IAEIC,YAAY,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,YAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,YAAA;EAAA,SAAAA,aAAA;IAAAK,eAAA,OAAAL,YAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,YAAA;IAAAS,GAAA;IAAAC,KAAA,EAShB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,SAAS,GAOHvB,GAAG;MANf,IAAAwB,aAAA,GAAsD,IAAI,CAACH,OAAO;QAA1DI,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,QAAQ,GAAAH,aAAA,CAARG,QAAQ;QAAEC,MAAM,GAAAJ,aAAA,CAANI,MAAM;QAAE1B,KAAK,GAAAsB,aAAA,CAALtB,KAAK;MAEjD,IAAI0B,MAAM,EAAE,OAAO,IAAI;MAEvB,OAAAN,KAAA,GAAOxB,OAAO,CAAC4B,MAAM,CAAC,eACpB/B,KAAA,CAAAkC,aAAA,CAACN,SAAS,EAAAD,KAAA,CAAAQ,EAAA,cAAAC,aAAA,KAAAC,YAAA;QAAA,mBAAAC,MAAA,CAESN,QAAQ;QAAA,aACf,MAAM;QAAA,eACJ,MAAM;QAAA,eACN,MAAM;QAAA,OACd;MAAE,GAAAP,IAAA,kBAENzB,KAAA,CAAAkC,aAAA,CAACJ,QAAQ,EAAAH,KAAA,CAAAQ,EAAA,iBAAG,CACF;IAEhB;EAAC;EAAA,OAAAtB,YAAA;AAAA,EA3BwBX,SAAS;AAAAqC,eAAA,CAA9B1B,YAAY,iBACK,UAAU;AAAA0B,eAAA,CAD3B1B,YAAY,WAEDN,KAAK;AAAAgC,eAAA,CAFhB1B,YAAY,kBAGM;EACpB2B,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdT,QAAQ,EAAE;AACZ,CAAC;AAAA,IAuBGU,WAAW,0BAAAC,WAAA;EAAA5B,SAAA,CAAA2B,WAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAA3B,YAAA,CAAAyB,WAAA;EAAA,SAAAA,YAAA;IAAAxB,eAAA,OAAAwB,WAAA;IAAA,OAAAE,OAAA,CAAAzB,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAqB,WAAA;IAAApB,GAAA;IAAAC,KAAA,EAUf,SAAAsB,WAAA,EAAa;MACX,IAAQC,KAAK,GAAK,IAAI,CAACpB,OAAO,CAAtBoB,KAAK;MACb,OAAO;QACLC,WAAW,EAAErC,eAAe,CAACoC,KAAK;MACpC,CAAC;IACH;EAAC;IAAAxB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAS;MAAA,IAAAwB,KAAA,QAAAtB,OAAA;QAAAuB,KAAA;MACP,IAAAC,cAAA,GAAmD,IAAI,CAACxB,OAAO;QAAvDI,QAAQ,GAAAoB,cAAA,CAARpB,QAAQ;QAAEC,MAAM,GAAAmB,cAAA,CAANnB,MAAM;QAAEoB,GAAG,GAAAD,cAAA,CAAHC,GAAG;QAAEL,KAAK,GAAAI,cAAA,CAALJ,KAAK;QAAEd,QAAQ,GAAAkB,cAAA,CAARlB,QAAQ;MAC9C,IAAMoB,YAAY,GAINC,QAAQ;MAFpB,OAAAJ,KAAA,GAAO9C,OAAO,CAAC4B,MAAM,CAAC,eACpB/B,KAAA,CAAAkC,aAAA,CAACkB,YAAY,EAAAH,KAAA,CAAAd,EAAA,iBAAAC,aAAA,KAAAkB,aAAA;QAAA,OAEP,KAAK;QAAA,uBACW,MAAM;QAAA,SACnBR,KAAK;QAAA,mBAAAR,MAAA,CACKN,QAAQ;MAAA,GAAAgB,KAAA,kBAEzBhD,KAAA,CAAAkC,aAAA,SAAAe,KAAA,CAAAd,EAAA,2BACEnC,KAAA,CAAAkC,aAAA,SAAAe,KAAA,CAAAd,EAAA;QAAA,MAAUgB;MAAG,iBACXnD,KAAA,CAAAkC,aAAA,CAACJ,QAAQ,EAAAmB,KAAA,CAAAd,EAAA,iBAAG,CACP,CACF,eACPnC,KAAA,CAAAkC,aAAA,SAAAe,KAAA,CAAAd,EAAA;QAAA,KAAQ,GAAG;QAAA,KAAG,GAAG;QAAA,SAAO,MAAM;QAAA,UAAQ,MAAM;QAAA,gBAAAG,MAAA,CAAea,GAAG;MAAA,GAAO,CACxD;IAEnB;EAAC;EAAA,OAAAT,WAAA;AAAA,EArCuBxC,SAAS;AAAAqC,eAAA,CAA7BG,WAAW,iBACM,aAAa;AAAAH,eAAA,CAD9BG,WAAW,aAEE,CAACpC,mBAAmB,EAAE,CAAC;AAAAiC,eAAA,CAFpCG,WAAW,WAGAnC,KAAK;AAAAgC,eAAA,CAHhBG,WAAW,kBAKO;EACpBI,KAAK,EAAE,QAAQ;EACfd,QAAQ,EAAE;AACZ,CAAC;AAgCH,SAASuB,IAAIA,CAACC,KAAK,EAAE;EACnB,IAAMC,KAAK,GAAGpD,GAAG;EACjB,IAAAqD,QAAA,GAAmFF,KAAK,CAAhFG,CAAC;IAADA,CAAC,GAAAD,QAAA,cAAG,CAAC,GAAAA,QAAA;IAAAE,QAAA,GAAsEJ,KAAK,CAAzEK,CAAC;IAADA,CAAC,GAAAD,QAAA,cAAG,CAAC,GAAAA,QAAA;IAAAE,aAAA,GAA+DN,KAAK,CAAlEO,MAAM;IAANA,MAAM,GAAAD,aAAA,cAAG,CAAC,GAAAA,aAAA;IAAAE,YAAA,GAAmDR,KAAK,CAAtDhB,KAAK;IAALA,KAAK,GAAAwB,YAAA,cAAG,MAAM,GAAAA,YAAA;IAAEjC,MAAM,GAA2ByB,KAAK,CAAtCzB,MAAM;IAAEkC,UAAU,GAAeT,KAAK,CAA9BS,UAAU;IAAKC,KAAK,GAAAC,wBAAA,CAAKX,KAAK,EAAAY,SAAA;EACxF,IAAMC,UAAU,GAAGC,MAAM,CAACP,MAAM,CAAC;EAEjC,IAAMQ,UAAU,GAAG,SAAbA,UAAUA,CAAIf,KAAK,EAAK;IAAA,IAAAgB,KAAA;IAC5B,OAAAA,KAAA,GAAOrE,OAAO,CAAC4B,MAAM,CAAC,eAAC/B,KAAA,CAAAkC,aAAA,CAACuB,KAAK,EAAAe,KAAA,CAAArC,EAAA,UAAAC,aAAA;MAAA,OAAK,MAAM;MAAA,MAAI,GAAG;MAAA,MAAI,GAAG;MAAA,UAAQ;IAAG,GAAKoB,KAAK,GAAI;EACjF,CAAC;EAED,oBACExD,KAAA,CAAAkC,aAAA,CAAClC,KAAK,CAACyE,QAAQ,QACZC,kBAAA,CAAIC,KAAK,CAACN,UAAU,CAAC,EAAEO,GAAG,CAAC,UAACC,EAAE,EAAEC,KAAK;IAAA,OACpCP,UAAU,CAAAnC,aAAA;MACRd,GAAG,EAAEwD,KAAK;MACVnB,CAAC,EAAEA,CAAC,IAAI,EAAE,GAAGmB,KAAK;MAClBjB,CAAC,EAADA,CAAC;MACDkB,GAAG,EAAEd,UAAU;MACfzB,KAAK,EAALA;IAAK,GACF0B,KAAK,EACR;EAAA,EACH,CACc;AAErB;AAEA,IAAMb,QAAQ,GAAGpD,eAAe,CAACY,YAAY,CAAC;AAE9C,SAASwC,QAAQ;AAEjB,eAAepD,eAAe,CAACyC,WAAW,EAAE;EAC1Ca,IAAI,EAAJA;AACF,CAAC,CAAC"}
+{"version":3,"file":"Skeleton.js","names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","i18nEnhance","localizedMessages","ScreenReaderOnly","Portal","style","_sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","SSkeleton","_this$asProps","Children","styles","duration","hidden","getI18nText","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","SkeletonSVG","_Component2","_super2","setContext","theme","gradientUrl","_ref2","_ref4","_this$asProps2","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","props","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","renderRect","_ref5","Fragment","_toConsumableArray","Array","map","el","index","ref"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\nimport Portal from '@semcore/portal';\n\nimport style from './style/skeleton.shadow.css';\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  static displayName = 'Skeleton';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    duration: 2000,\n  };\n\n  render() {\n    const SSkeleton = Root;\n    const { Children, styles, duration, hidden, getI18nText } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton\n        render={Box}\n        durationAnim={`${duration}ms`}\n        aria-busy='true'\n        aria-label={getI18nText('loading')}\n      >\n        <foreignObject x='0' y='0' width='0' height='0'>\n          <ScreenReaderOnly aria-live='polite' role='status' aria-atomic='true'>\n            {getI18nText('loading')}\n          </ScreenReaderOnly>\n        </foreignObject>\n        <Children />\n      </SSkeleton>,\n    );\n  }\n}\n\nclass SkeletonSVG extends Component {\n  static displayName = 'SkeletonSVG';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    theme: 'invert',\n    duration: 2000,\n  };\n\n  setContext() {\n    const { theme } = this.asProps;\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        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(props) {\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  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag='rect' rx='4' ry='4' height='8' {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          width,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nconst Skeleton = createComponent(SkeletonRoot);\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n  Text,\n});\n"],"mappings":"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"}

package/skeleton/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { BoxProps } from '@semcore/flex-box';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { UniqueIDProps } from '@semcore/utils/lib/uniqueID';\n\n/** @deprecated */\nexport interface ISkeletonProps extends SkeletonProps, UnknownProperties {}\nexport type SkeletonProps = BoxProps &\n  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  };\n\n/** @deprecated */\nexport interface ISkeletonCtx extends SkeletonCtx, UnknownProperties {}\nexport type SkeletonCtx = {\n  gradientUrl: 'string';\n};\n\n/** @deprecated */\nexport interface ISkeletonTextProps extends SkeletonTextProps, UnknownProperties {}\nexport type SkeletonTextProps = BoxProps & {\n  /**\n   * Number of items to be returned\n   * @default 1\n   */\n  amount?: string | number;\n};\n\nexport type AreaChartSkeletonProps = SkeletonProps & {\n  type?: 'linear' | 'monotone';\n};\n\nexport type BarChartSkeletonProps = SkeletonProps & {\n  layout?: 'horizontal' | 'vertical';\n};\n\nexport type HistogramChartSkeletonProps = SkeletonProps & {\n  layout?: 'horizontal' | 'vertical';\n};\n\nexport type LineChartSkeletonProps = SkeletonProps & {\n  type?: 'linear' | 'monotone';\n};\n\nexport type DonutChartSkeletonProps = SkeletonProps & {\n  /** Semi donut */\n  halfsize?: boolean;\n};\n\ndeclare const Skeleton: Intergalactic.Component<'svg', SkeletonProps, SkeletonCtx> & {\n  Text: Intergalactic.Component<'rect', SkeletonTextProps>;\n};\ndeclare const AreaChartSkeleton: Intergalactic.Component<'svg', AreaChartSkeletonProps>;\ndeclare const BarChartSkeleton: Intergalactic.Component<'svg', BarChartSkeletonProps>;\ndeclare const HistogramChartSkeleton: Intergalactic.Component<'svg', HistogramChartSkeletonProps>;\ndeclare const LineChartSkeleton: Intergalactic.Component<'svg', LineChartSkeletonProps>;\ndeclare const DonutChartSkeleton: Intergalactic.Component<'svg', DonutChartSkeletonProps>;\ndeclare const VennChartSkeleton: typeof Skeleton;\ndeclare const BubbleChartSkeleton: typeof Skeleton;\ndeclare const ScatterPlotChartSkeleton: typeof Skeleton;\ndeclare const RadialTreeChartSkeleton: typeof Skeleton;\n\nexport default Skeleton;\nexport {\n  AreaChartSkeleton,\n  BarChartSkeleton,\n  HistogramChartSkeleton,\n  LineChartSkeleton,\n  DonutChartSkeleton,\n  VennChartSkeleton,\n  BubbleChartSkeleton,\n  ScatterPlotChartSkeleton,\n  RadialTreeChartSkeleton,\n};\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { BoxProps } from '@semcore/flex-box';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { UniqueIDProps } from '@semcore/utils/lib/uniqueID';\n\n/** @deprecated */\nexport interface ISkeletonProps extends SkeletonProps, UnknownProperties {}\nexport type SkeletonProps = BoxProps &\n  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\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface ISkeletonCtx extends SkeletonCtx, UnknownProperties {}\nexport type SkeletonCtx = {\n  gradientUrl: 'string';\n};\n\n/** @deprecated */\nexport interface ISkeletonTextProps extends SkeletonTextProps, UnknownProperties {}\nexport type SkeletonTextProps = BoxProps & {\n  /**\n   * Number of items to be returned\n   * @default 1\n   */\n  amount?: string | number;\n};\n\nexport type AreaChartSkeletonProps = SkeletonProps & {\n  type?: 'linear' | 'monotone';\n};\n\nexport type BarChartSkeletonProps = SkeletonProps & {\n  layout?: 'horizontal' | 'vertical';\n};\n\nexport type HistogramChartSkeletonProps = SkeletonProps & {\n  layout?: 'horizontal' | 'vertical';\n};\n\nexport type LineChartSkeletonProps = SkeletonProps & {\n  type?: 'linear' | 'monotone';\n};\n\nexport type DonutChartSkeletonProps = SkeletonProps & {\n  /** Semi donut */\n  halfsize?: boolean;\n};\n\ndeclare const Skeleton: Intergalactic.Component<'svg', SkeletonProps, SkeletonCtx> & {\n  Text: Intergalactic.Component<'rect', SkeletonTextProps>;\n};\ndeclare const AreaChartSkeleton: Intergalactic.Component<'svg', AreaChartSkeletonProps>;\ndeclare const BarChartSkeleton: Intergalactic.Component<'svg', BarChartSkeletonProps>;\ndeclare const HistogramChartSkeleton: Intergalactic.Component<'svg', HistogramChartSkeletonProps>;\ndeclare const LineChartSkeleton: Intergalactic.Component<'svg', LineChartSkeletonProps>;\ndeclare const DonutChartSkeleton: Intergalactic.Component<'svg', DonutChartSkeletonProps>;\ndeclare const VennChartSkeleton: typeof Skeleton;\ndeclare const BubbleChartSkeleton: typeof Skeleton;\ndeclare const ScatterPlotChartSkeleton: typeof Skeleton;\ndeclare const RadialTreeChartSkeleton: typeof Skeleton;\n\nexport default Skeleton;\nexport {\n  AreaChartSkeleton,\n  BarChartSkeleton,\n  HistogramChartSkeleton,\n  LineChartSkeleton,\n  DonutChartSkeleton,\n  VennChartSkeleton,\n  BubbleChartSkeleton,\n  ScatterPlotChartSkeleton,\n  RadialTreeChartSkeleton,\n};\n"],"mappings":""}

package/skeleton/lib/es6/translations/__intergalactic-dynamic-locales.js

@@ -0,0 +1,31 @@
+import de from './de.json';
+import en from './en.json';
+import es from './es.json';
+import fr from './fr.json';
+import it from './it.json';
+import ja from './ja.json';
+import ko from './ko.json';
+import nl from './nl.json';
+import pt from './pt.json';
+import tr from './tr.json';
+import vi from './vi.json';
+import zh from './zh.json';
+import pl from './pl.json';
+import sv from './sv.json';
+export var localizedMessages = {
+  de: de,
+  en: en,
+  es: es,
+  fr: fr,
+  it: it,
+  ja: ja,
+  ko: ko,
+  nl: nl,
+  pt: pt,
+  tr: tr,
+  vi: vi,
+  zh: zh,
+  pl: pl,
+  sv: sv
+};
+//# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/skeleton/lib/es6/translations/__intergalactic-dynamic-locales.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA;AACF,CAAC"}

package/skeleton/lib/es6/translations/de.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Wird geladen …"
+}

package/skeleton/lib/es6/translations/en.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Loading…"
+}

package/skeleton/lib/es6/translations/es.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Cargando"
+}

package/skeleton/lib/es6/translations/fr.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Chargement en cours"
+}

package/skeleton/lib/es6/translations/it.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Caricamento"
+}

package/skeleton/lib/es6/translations/ja.json

@@ -0,0 +1,3 @@
+{
+  "loading": "読み込み中"
+}

package/skeleton/lib/es6/translations/ko.json

@@ -0,0 +1,3 @@
+{
+  "loading": "로딩 중"
+}

package/skeleton/lib/es6/translations/nl.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Bezig met laden..."
+}

package/skeleton/lib/es6/translations/pl.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Ładowanie…"
+}

package/skeleton/lib/es6/translations/pt.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Carregando"
+}

package/skeleton/lib/es6/translations/sv.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Laddar…"
+}

package/skeleton/lib/es6/translations/tr.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Yükleniyor"
+}

package/skeleton/lib/es6/translations/vi.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Đang tải…"
+}

package/skeleton/lib/es6/translations/zh.json

@@ -0,0 +1,3 @@
+{
+  "loading": "正在加载"
+}

package/skeleton/lib/types/index.d.ts

@@ -20,6 +20,8 @@ export type SkeletonProps = BoxProps &
      * @default invert
      */
     theme?: 'dark' | 'invert';
+
+    locale?: string;
   };
 
 /** @deprecated */

package/slider/lib/cjs/Slider.js

@@ -20,14 +20,14 @@ var _flexBox = require("intergalactic/flex-box");
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 var _reactToText = _interopRequireDefault(require("intergalactic/utils/lib/reactToText"));
 /*__reshadow-styles__:"./style/slider.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSlider_v9e6h_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;outline:0;padding-top:var(--intergalactic-spacing-5x, 20px)}.___SSlider_v9e6h_gg_:before{content:\"\";position:absolute;width:100%;background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_v9e6h_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_v9e6h_gg_.__keyboardFocused_v9e6h_gg_ .___SKnob_v9e6h_gg_,.___SSlider_v9e6h_gg_:active .___SKnob_v9e6h_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_v9e6h_gg_.__disabled_v9e6h_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_v9e6h_gg_,.___SKnob_v9e6h_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_v9e6h_gg_,.___SSlider_v9e6h_gg_:before{top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SBar_v9e6h_gg_{overflow:hidden;background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_v9e6h_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_v9e6h_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_v9e6h_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_v9e6h_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "v9e6h_gg_") /*__reshadow_css_end__*/, {
-  "__SSlider": "___SSlider_v9e6h_gg_",
-  "_keyboardFocused": "__keyboardFocused_v9e6h_gg_",
-  "__SKnob": "___SKnob_v9e6h_gg_",
-  "_disabled": "__disabled_v9e6h_gg_",
-  "__SBar": "___SBar_v9e6h_gg_",
-  "__SInput": "___SInput_v9e6h_gg_",
-  "__SSliderOptions": "___SSliderOptions_v9e6h_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSlider_2r39d_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;outline:0;padding-top:var(--intergalactic-spacing-5x, 20px)}.___SSlider_2r39d_gg_:before{content:\"\";position:absolute;width:100%;background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_2r39d_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_2r39d_gg_.__keyboardFocused_2r39d_gg_ .___SKnob_2r39d_gg_,.___SSlider_2r39d_gg_:active .___SKnob_2r39d_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_2r39d_gg_.__disabled_2r39d_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_2r39d_gg_,.___SKnob_2r39d_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_2r39d_gg_,.___SSlider_2r39d_gg_:before{top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SBar_2r39d_gg_{overflow:hidden;background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_2r39d_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_2r39d_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_2r39d_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_2r39d_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "2r39d_gg_") /*__reshadow_css_end__*/, {
+  "__SSlider": "___SSlider_2r39d_gg_",
+  "_keyboardFocused": "__keyboardFocused_2r39d_gg_",
+  "__SKnob": "___SKnob_2r39d_gg_",
+  "_disabled": "__disabled_2r39d_gg_",
+  "__SBar": "___SBar_2r39d_gg_",
+  "__SInput": "___SInput_2r39d_gg_",
+  "__SSliderOptions": "___SSliderOptions_2r39d_gg_"
 });
 var convertValueToPercent = function convertValueToPercent(value, min, max) {
   if (value > max) return 100;

package/slider/lib/es6/Slider.js

@@ -17,14 +17,14 @@ import { Flex, Box } from 'intergalactic/flex-box';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import reactToText from 'intergalactic/utils/lib/reactToText';
 /*__reshadow-styles__:"./style/slider.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSlider_v9e6h_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;outline:0;padding-top:var(--intergalactic-spacing-5x, 20px)}.___SSlider_v9e6h_gg_:before{content:\"\";position:absolute;width:100%;background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_v9e6h_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_v9e6h_gg_.__keyboardFocused_v9e6h_gg_ .___SKnob_v9e6h_gg_,.___SSlider_v9e6h_gg_:active .___SKnob_v9e6h_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_v9e6h_gg_.__disabled_v9e6h_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_v9e6h_gg_,.___SKnob_v9e6h_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_v9e6h_gg_,.___SSlider_v9e6h_gg_:before{top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SBar_v9e6h_gg_{overflow:hidden;background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_v9e6h_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_v9e6h_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_v9e6h_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_v9e6h_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "v9e6h_gg_") /*__reshadow_css_end__*/, {
-  "__SSlider": "___SSlider_v9e6h_gg_",
-  "_keyboardFocused": "__keyboardFocused_v9e6h_gg_",
-  "__SKnob": "___SKnob_v9e6h_gg_",
-  "_disabled": "__disabled_v9e6h_gg_",
-  "__SBar": "___SBar_v9e6h_gg_",
-  "__SInput": "___SInput_v9e6h_gg_",
-  "__SSliderOptions": "___SSliderOptions_v9e6h_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSlider_2r39d_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;outline:0;padding-top:var(--intergalactic-spacing-5x, 20px)}.___SSlider_2r39d_gg_:before{content:\"\";position:absolute;width:100%;background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_2r39d_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_2r39d_gg_.__keyboardFocused_2r39d_gg_ .___SKnob_2r39d_gg_,.___SSlider_2r39d_gg_:active .___SKnob_2r39d_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_2r39d_gg_.__disabled_2r39d_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_2r39d_gg_,.___SKnob_2r39d_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_2r39d_gg_,.___SSlider_2r39d_gg_:before{top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SBar_2r39d_gg_{overflow:hidden;background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_2r39d_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_2r39d_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_2r39d_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_2r39d_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "2r39d_gg_") /*__reshadow_css_end__*/, {
+  "__SSlider": "___SSlider_2r39d_gg_",
+  "_keyboardFocused": "__keyboardFocused_2r39d_gg_",
+  "__SKnob": "___SKnob_2r39d_gg_",
+  "_disabled": "__disabled_2r39d_gg_",
+  "__SBar": "___SBar_2r39d_gg_",
+  "__SInput": "___SInput_2r39d_gg_",
+  "__SSliderOptions": "___SSliderOptions_2r39d_gg_"
 });
 var convertValueToPercent = function convertValueToPercent(value, min, max) {
   if (value > max) return 100;

package/spin/index.d.ts

@@ -19,6 +19,8 @@ export type SpinProps = BoxProps & {
    * otherwise only horizontal alignment will occur.
    * */
   centered?: boolean;
+
+  locale?: string;
 };
 
 declare const Spin: Intergalactic.Component<'div', SpinProps>;

package/spin/lib/cjs/Spin.js

@@ -17,20 +17,23 @@ var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
+var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
+var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
+var _ScreenReaderOnly = require("intergalactic/utils/lib/ScreenReaderOnly");
 /*__reshadow-styles__:"./style/spin.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_7timi{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_7timi_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_7timi;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_7timi)}.___SSpin_7timi_gg_._theme_dark_7timi_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_7timi_gg_._theme_invert_7timi_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_7timi_gg_.__centered_7timi_gg_{margin:auto}.___SSpin_7timi_gg_._size_xs_7timi_gg_{width:16px;height:16px}.___SSpin_7timi_gg_._size_s_7timi_gg_{width:20px;height:20px}.___SSpin_7timi_gg_._size_m_7timi_gg_{width:24px;height:24px}.___SSpin_7timi_gg_._size_l_7timi_gg_{width:32px;height:32px}.___SSpin_7timi_gg_._size_xl_7timi_gg_{width:48px;height:48px}.___SSpin_7timi_gg_._size_xxl_7timi_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_7timi_gg_{animation-name:none}}" /*__inner_css_end__*/, "7timi_gg_") /*__reshadow_css_end__*/, {
-  "@spin-rotate": "spin-rotate_7timi",
-  "__SSpin": "___SSpin_7timi_gg_",
-  "--theme": "--theme_7timi",
-  "_theme_dark": "_theme_dark_7timi_gg_",
-  "_theme_invert": "_theme_invert_7timi_gg_",
-  "_centered": "__centered_7timi_gg_",
-  "_size_xs": "_size_xs_7timi_gg_",
-  "_size_s": "_size_s_7timi_gg_",
-  "_size_m": "_size_m_7timi_gg_",
-  "_size_l": "_size_l_7timi_gg_",
-  "_size_xl": "_size_xl_7timi_gg_",
-  "_size_xxl": "_size_xxl_7timi_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_1gxji{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_1gxji_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_1gxji;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_1gxji)}.___SSpin_1gxji_gg_._theme_dark_1gxji_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_1gxji_gg_._theme_invert_1gxji_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_1gxji_gg_.__centered_1gxji_gg_{margin:auto}.___SSpin_1gxji_gg_._size_xs_1gxji_gg_{width:16px;height:16px}.___SSpin_1gxji_gg_._size_s_1gxji_gg_{width:20px;height:20px}.___SSpin_1gxji_gg_._size_m_1gxji_gg_{width:24px;height:24px}.___SSpin_1gxji_gg_._size_l_1gxji_gg_{width:32px;height:32px}.___SSpin_1gxji_gg_._size_xl_1gxji_gg_{width:48px;height:48px}.___SSpin_1gxji_gg_._size_xxl_1gxji_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_1gxji_gg_{animation-name:none}}" /*__inner_css_end__*/, "1gxji_gg_") /*__reshadow_css_end__*/, {
+  "@spin-rotate": "spin-rotate_1gxji",
+  "__SSpin": "___SSpin_1gxji_gg_",
+  "--theme": "--theme_1gxji",
+  "_theme_dark": "_theme_dark_1gxji_gg_",
+  "_theme_invert": "_theme_invert_1gxji_gg_",
+  "_centered": "__centered_1gxji_gg_",
+  "_size_xs": "_size_xs_1gxji_gg_",
+  "_size_s": "_size_s_1gxji_gg_",
+  "_size_m": "_size_m_1gxji_gg_",
+  "_size_l": "_size_l_1gxji_gg_",
+  "_size_xl": "_size_xl_1gxji_gg_",
+  "_size_xxl": "_size_xxl_1gxji_gg_"
 });
 var RootSpin = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootSpin, _Component);
@@ -49,14 +52,24 @@ var RootSpin = /*#__PURE__*/function (_Component) {
         Children = _this$asProps.Children,
         styles = _this$asProps.styles,
         theme = _this$asProps.theme,
-        resolveColor = _this$asProps.resolveColor;
+        resolveColor = _this$asProps.resolveColor,
+        getI18nText = _this$asProps.getI18nText;
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSpin, _ref2.cn("SSpin", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "tag": 'svg',
         "viewBox": '0 0 24 24',
         "use:theme": resolveColor(theme),
         "aria-busy": 'true',
-        "aria-hidden": 'true'
-      }, _ref))), /*#__PURE__*/_react["default"].createElement("path", _ref2.cn("path", {
+        "aria-label": getI18nText('loading')
+      }, _ref))), /*#__PURE__*/_react["default"].createElement("foreignObject", _ref2.cn("foreignObject", {
+        "x": '0',
+        "y": '0',
+        "width": '0',
+        "height": '0'
+      }), /*#__PURE__*/_react["default"].createElement(_ScreenReaderOnly.ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
+        "aria-live": 'polite',
+        "role": 'status',
+        "aria-atomic": 'true'
+      }), getI18nText('loading'))), /*#__PURE__*/_react["default"].createElement("path", _ref2.cn("path", {
         "d": 'M16.98 20.6256C17.5433 21.6013 18.8054 21.9477 19.6718 21.2274C21.567 19.6517 22.9447 17.5183 23.5911 15.1058C24.4148 12.0317 23.9836 8.75621 22.3923 6C20.801 3.24379 18.18 1.23261 15.1058 0.408891C12.6934 -0.237529 10.1569 -0.111098 7.84473 0.742337C6.78777 1.13246 6.45667 2.39867 7.02 3.37439V3.37439C7.58333 4.3501 8.83088 4.65471 9.91792 4.35856C11.2588 3.99325 12.6844 3.984 14.0498 4.34987C16.0788 4.89352 17.8087 6.2209 18.8589 8.04C19.9092 9.8591 20.1938 12.0209 19.6501 14.0498C19.2843 15.4153 18.5634 16.6453 17.5766 17.6239C16.7766 18.4172 16.4167 19.6499 16.98 20.6256V20.6256Z'
       })), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})));
     }
@@ -65,7 +78,7 @@ var RootSpin = /*#__PURE__*/function (_Component) {
 }(_core.Component);
 (0, _defineProperty2["default"])(RootSpin, "displayName", 'Spin');
 (0, _defineProperty2["default"])(RootSpin, "style", style);
-(0, _defineProperty2["default"])(RootSpin, "enhance", [(0, _resolveColorEnhance["default"])()]);
+(0, _defineProperty2["default"])(RootSpin, "enhance", [(0, _resolveColorEnhance["default"])(), (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
 (0, _defineProperty2["default"])(RootSpin, "defaultProps", {
   size: 'm',
   theme: 'dark'

package/spin/lib/cjs/Spin.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spin.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","style","_index","sstyled","insert","RootSpin","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SSpin","Box","_this$asProps","Children","styles","theme","resolveColor","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","resolveColorEnhance","size","_default","createComponent","exports"],"sources":["../../src/Spin.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './style/spin.shadow.css';\n\nclass RootSpin extends Component {\n  static displayName = 'Spin';\n  static style = style;\n  static enhance = [resolveColorEnhance()];\n  static defaultProps = {\n    size: 'm',\n    theme: 'dark',\n  };\n\n  render() {\n    const SSpin = Root;\n    const { Children, styles, theme, resolveColor } = this.asProps;\n    return sstyled(styles)(\n      <SSpin\n        render={Box}\n        tag='svg'\n        viewBox='0 0 24 24'\n        use:theme={resolveColor(theme)}\n        aria-busy='true'\n        aria-hidden='true'\n      >\n        <path d='M16.98 20.6256C17.5433 21.6013 18.8054 21.9477 19.6718 21.2274C21.567 19.6517 22.9447 17.5183 23.5911 15.1058C24.4148 12.0317 23.9836 8.75621 22.3923 6C20.801 3.24379 18.18 1.23261 15.1058 0.408891C12.6934 -0.237529 10.1569 -0.111098 7.84473 0.742337C6.78777 1.13246 6.45667 2.39867 7.02 3.37439V3.37439C7.58333 4.3501 8.83088 4.65471 9.91792 4.35856C11.2588 3.99325 12.6844 3.984 14.0498 4.34987C16.0788 4.89352 17.8087 6.2209 18.8589 8.04C19.9092 9.8591 20.1938 12.0209 19.6501 14.0498C19.2843 15.4153 18.5634 16.6453 17.5766 17.6239C16.7766 18.4172 16.4167 19.6499 16.98 20.6256V20.6256Z' />\n        <Children />\n      </SSpin>,\n    );\n  }\n}\n\nexport default createComponent(RootSpin);\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAkF;AAAA,IAAAK,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI5EC,QAAQ,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAA,IAAAK,gBAAA,mBAAAL,QAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,QAAA;IAAAS,GAAA;IAAAC,KAAA,EASZ,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,KAAK,GAICC,YAAG;MAHf,IAAAC,aAAA,GAAkD,IAAI,CAACJ,OAAO;QAAtDK,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,YAAY,GAAAJ,aAAA,CAAZI,YAAY;MAC7C,OAAAP,KAAA,GAAO,IAAAhB,aAAO,EAACqB,MAAM,CAAC,eACpB3B,MAAA,YAAA8B,aAAA,CAACP,KAAK,EAAAD,KAAA,CAAAS,EAAA,cAAAC,cAAA,qBAAAnC,KAAA,CAAAoC,WAAA;QAAA,OAEA,KAAK;QAAA,WACD,WAAW;QAAA,aACRJ,YAAY,CAACD,KAAK,CAAC;QAAA,aACpB,MAAM;QAAA,eACJ;MAAM,GAAAR,IAAA,kBAElBpB,MAAA,YAAA8B,aAAA,SAAAR,KAAA,CAAAS,EAAA;QAAA,KAAQ;MAAglB,GAAG,eAC3lB/B,MAAA,YAAA8B,aAAA,CAACJ,QAAQ,EAAAJ,KAAA,CAAAS,EAAA,iBAAG,CACN;IAEZ;EAAC;EAAA,OAAAvB,QAAA;AAAA,EAzBoB0B,eAAS;AAAA,IAAAC,gBAAA,aAA1B3B,QAAQ,iBACS,MAAM;AAAA,IAAA2B,gBAAA,aADvB3B,QAAQ,WAEGJ,KAAK;AAAA,IAAA+B,gBAAA,aAFhB3B,QAAQ,aAGK,CAAC,IAAA4B,+BAAmB,GAAE,CAAC;AAAA,IAAAD,gBAAA,aAHpC3B,QAAQ,kBAIU;EACpB6B,IAAI,EAAE,GAAG;EACTT,KAAK,EAAE;AACT,CAAC;AAAA,IAAAU,QAAA,GAqBY,IAAAC,gBAAe,EAAC/B,QAAQ,CAAC;AAAAgC,OAAA,cAAAF,QAAA"}
+{"version":3,"file":"Spin.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","_i18nEnhance","_intergalacticDynamicLocales","_ScreenReaderOnly","style","_index","sstyled","insert","RootSpin","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SSpin","Box","_this$asProps","Children","styles","theme","resolveColor","getI18nText","createElement","cn","_objectSpread2","assignProps","ScreenReaderOnly","Component","_defineProperty2","resolveColorEnhance","i18nEnhance","localizedMessages","size","_default","createComponent","exports"],"sources":["../../src/Spin.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\n\nimport style from './style/spin.shadow.css';\n\nclass RootSpin extends Component {\n  static displayName = 'Spin';\n  static style = style;\n  static enhance = [resolveColorEnhance(), i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    size: 'm',\n    theme: 'dark',\n  };\n\n  render() {\n    const SSpin = Root;\n    const { Children, styles, theme, resolveColor, getI18nText } = this.asProps;\n    return sstyled(styles)(\n      <SSpin\n        render={Box}\n        tag='svg'\n        viewBox='0 0 24 24'\n        use:theme={resolveColor(theme)}\n        aria-busy='true'\n        aria-label={getI18nText('loading')}\n      >\n        <foreignObject x='0' y='0' width='0' height='0'>\n          <ScreenReaderOnly aria-live='polite' role='status' aria-atomic='true'>\n            {getI18nText('loading')}\n          </ScreenReaderOnly>\n        </foreignObject>\n        <path d='M16.98 20.6256C17.5433 21.6013 18.8054 21.9477 19.6718 21.2274C21.567 19.6517 22.9447 17.5183 23.5911 15.1058C24.4148 12.0317 23.9836 8.75621 22.3923 6C20.801 3.24379 18.18 1.23261 15.1058 0.408891C12.6934 -0.237529 10.1569 -0.111098 7.84473 0.742337C6.78777 1.13246 6.45667 2.39867 7.02 3.37439V3.37439C7.58333 4.3501 8.83088 4.65471 9.91792 4.35856C11.2588 3.99325 12.6844 3.984 14.0498 4.34987C16.0788 4.89352 17.8087 6.2209 18.8589 8.04C19.9092 9.8591 20.1938 12.0209 19.6501 14.0498C19.2843 15.4153 18.5634 16.6453 17.5766 17.6239C16.7766 18.4172 16.4167 19.6499 16.98 20.6256V20.6256Z' />\n        <Children />\n      </SSpin>,\n    );\n  }\n}\n\nexport default createComponent(RootSpin);\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,4BAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AAAuE;AAAA,IAAAQ,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIjEC,QAAQ,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAA,IAAAK,gBAAA,mBAAAL,QAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,QAAA;IAAAS,GAAA;IAAAC,KAAA,EASZ,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,KAAK,GAICC,YAAG;MAHf,IAAAC,aAAA,GAA+D,IAAI,CAACJ,OAAO;QAAnEK,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,YAAY,GAAAJ,aAAA,CAAZI,YAAY;QAAEC,WAAW,GAAAL,aAAA,CAAXK,WAAW;MAC1D,OAAAR,KAAA,GAAO,IAAAhB,aAAO,EAACqB,MAAM,CAAC,eACpB9B,MAAA,YAAAkC,aAAA,CAACR,KAAK,EAAAD,KAAA,CAAAU,EAAA,cAAAC,cAAA,qBAAAvC,KAAA,CAAAwC,WAAA;QAAA,OAEA,KAAK;QAAA,WACD,WAAW;QAAA,aACRL,YAAY,CAACD,KAAK,CAAC;QAAA,aACpB,MAAM;QAAA,cACJE,WAAW,CAAC,SAAS;MAAC,GAAAV,IAAA,kBAElCvB,MAAA,YAAAkC,aAAA,kBAAAT,KAAA,CAAAU,EAAA;QAAA,KAAiB,GAAG;QAAA,KAAG,GAAG;QAAA,SAAO,GAAG;QAAA,UAAQ;MAAG,iBAC7CnC,MAAA,YAAAkC,aAAA,CAAC5B,iBAAA,CAAAgC,gBAAgB,EAAAb,KAAA,CAAAU,EAAA;QAAA,aAAW,QAAQ;QAAA,QAAM,QAAQ;QAAA,eAAa;MAAM,IAClEF,WAAW,CAAC,SAAS,CAAC,CACN,CACL,eAChBjC,MAAA,YAAAkC,aAAA,SAAAT,KAAA,CAAAU,EAAA;QAAA,KAAQ;MAAglB,GAAG,eAC3lBnC,MAAA,YAAAkC,aAAA,CAACL,QAAQ,EAAAJ,KAAA,CAAAU,EAAA,iBAAG,CACN;IAEZ;EAAC;EAAA,OAAAxB,QAAA;AAAA,EA9BoB4B,eAAS;AAAA,IAAAC,gBAAA,aAA1B7B,QAAQ,iBACS,MAAM;AAAA,IAAA6B,gBAAA,aADvB7B,QAAQ,WAEGJ,KAAK;AAAA,IAAAiC,gBAAA,aAFhB7B,QAAQ,aAGK,CAAC,IAAA8B,+BAAmB,GAAE,EAAE,IAAAC,uBAAW,EAACC,8CAAiB,CAAC,CAAC;AAAA,IAAAH,gBAAA,aAHpE7B,QAAQ,kBAIU;EACpBiC,IAAI,EAAE,GAAG;EACTb,KAAK,EAAE;AACT,CAAC;AAAA,IAAAc,QAAA,GA0BY,IAAAC,gBAAe,EAACnC,QAAQ,CAAC;AAAAoC,OAAA,cAAAF,QAAA"}

package/spin/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\nexport type SpinSize = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n\n/** @deprecated */\nexport interface ISpinProps extends SpinProps, UnknownProperties {}\nexport type SpinProps = BoxProps & {\n  /** Spinner size\n   * @default m\n   **/\n  size?: SpinSize;\n  /** Spinner theme. There are several default themes or you can use your own color\n   * @default dark\n   **/\n  theme?: 'dark' | 'invert' | string;\n  /** Whether the spinner should be in the center of the parent.\n   * This works for a nested spinner in flex,\n   * otherwise only horizontal alignment will occur.\n   * */\n  centered?: boolean;\n};\n\ndeclare const Spin: Intergalactic.Component<'div', SpinProps>;\n\nexport default Spin;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\nexport type SpinSize = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n\n/** @deprecated */\nexport interface ISpinProps extends SpinProps, UnknownProperties {}\nexport type SpinProps = BoxProps & {\n  /** Spinner size\n   * @default m\n   **/\n  size?: SpinSize;\n  /** Spinner theme. There are several default themes or you can use your own color\n   * @default dark\n   **/\n  theme?: 'dark' | 'invert' | string;\n  /** Whether the spinner should be in the center of the parent.\n   * This works for a nested spinner in flex,\n   * otherwise only horizontal alignment will occur.\n   * */\n  centered?: boolean;\n\n  locale?: string;\n};\n\ndeclare const Spin: Intergalactic.Component<'div', SpinProps>;\n\nexport default Spin;\n"],"mappings":""}

package/spin/lib/cjs/translations/__intergalactic-dynamic-locales.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.localizedMessages = void 0;
+var _de = _interopRequireDefault(require("./de.json"));
+var _en = _interopRequireDefault(require("./en.json"));
+var _es = _interopRequireDefault(require("./es.json"));
+var _fr = _interopRequireDefault(require("./fr.json"));
+var _it = _interopRequireDefault(require("./it.json"));
+var _ja = _interopRequireDefault(require("./ja.json"));
+var _ko = _interopRequireDefault(require("./ko.json"));
+var _nl = _interopRequireDefault(require("./nl.json"));
+var _pt = _interopRequireDefault(require("./pt.json"));
+var _tr = _interopRequireDefault(require("./tr.json"));
+var _vi = _interopRequireDefault(require("./vi.json"));
+var _zh = _interopRequireDefault(require("./zh.json"));
+var _pl = _interopRequireDefault(require("./pl.json"));
+var _sv = _interopRequireDefault(require("./sv.json"));
+var localizedMessages = {
+  de: _de["default"],
+  en: _en["default"],
+  es: _es["default"],
+  fr: _fr["default"],
+  it: _it["default"],
+  ja: _ja["default"],
+  ko: _ko["default"],
+  nl: _nl["default"],
+  pt: _pt["default"],
+  tr: _tr["default"],
+  vi: _vi["default"],
+  zh: _zh["default"],
+  pl: _pl["default"],
+  sv: _sv["default"]
+};
+exports.localizedMessages = localizedMessages;
+//# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/spin/lib/cjs/translations/__intergalactic-dynamic-locales.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pt","_tr","_vi","_zh","_pl","_sv","localizedMessages","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","exports"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC;AAACC,OAAA,CAAAf,iBAAA,GAAAA,iBAAA"}

package/spin/lib/cjs/translations/de.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Wird geladen …"
+}

package/spin/lib/cjs/translations/en.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Loading…"
+}

package/spin/lib/cjs/translations/es.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Cargando"
+}

package/spin/lib/cjs/translations/fr.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Chargement en cours"
+}

package/spin/lib/cjs/translations/it.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Caricamento"
+}

package/spin/lib/cjs/translations/ja.json

@@ -0,0 +1,3 @@
+{
+  "loading": "読み込み中"
+}

package/spin/lib/cjs/translations/ko.json

@@ -0,0 +1,3 @@
+{
+  "loading": "로딩 중"
+}

package/spin/lib/cjs/translations/nl.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Bezig met laden..."
+}

package/spin/lib/cjs/translations/pl.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Ładowanie…"
+}

package/spin/lib/cjs/translations/pt.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Carregando"
+}

package/spin/lib/cjs/translations/sv.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Laddar…"
+}

package/spin/lib/cjs/translations/tr.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Yükleniyor"
+}

package/spin/lib/cjs/translations/vi.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Đang tải…"
+}

package/spin/lib/cjs/translations/zh.json

@@ -0,0 +1,3 @@
+{
+  "loading": "正在加载"
+}

package/spin/lib/es6/Spin.js

@@ -10,20 +10,23 @@ import React from 'react';
 import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
+import { ScreenReaderOnly } from 'intergalactic/utils/lib/ScreenReaderOnly';
 /*__reshadow-styles__:"./style/spin.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_7timi{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_7timi_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_7timi;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_7timi)}.___SSpin_7timi_gg_._theme_dark_7timi_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_7timi_gg_._theme_invert_7timi_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_7timi_gg_.__centered_7timi_gg_{margin:auto}.___SSpin_7timi_gg_._size_xs_7timi_gg_{width:16px;height:16px}.___SSpin_7timi_gg_._size_s_7timi_gg_{width:20px;height:20px}.___SSpin_7timi_gg_._size_m_7timi_gg_{width:24px;height:24px}.___SSpin_7timi_gg_._size_l_7timi_gg_{width:32px;height:32px}.___SSpin_7timi_gg_._size_xl_7timi_gg_{width:48px;height:48px}.___SSpin_7timi_gg_._size_xxl_7timi_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_7timi_gg_{animation-name:none}}" /*__inner_css_end__*/, "7timi_gg_") /*__reshadow_css_end__*/, {
-  "@spin-rotate": "spin-rotate_7timi",
-  "__SSpin": "___SSpin_7timi_gg_",
-  "--theme": "--theme_7timi",
-  "_theme_dark": "_theme_dark_7timi_gg_",
-  "_theme_invert": "_theme_invert_7timi_gg_",
-  "_centered": "__centered_7timi_gg_",
-  "_size_xs": "_size_xs_7timi_gg_",
-  "_size_s": "_size_s_7timi_gg_",
-  "_size_m": "_size_m_7timi_gg_",
-  "_size_l": "_size_l_7timi_gg_",
-  "_size_xl": "_size_xl_7timi_gg_",
-  "_size_xxl": "_size_xxl_7timi_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_1gxji{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_1gxji_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_1gxji;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_1gxji)}.___SSpin_1gxji_gg_._theme_dark_1gxji_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_1gxji_gg_._theme_invert_1gxji_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_1gxji_gg_.__centered_1gxji_gg_{margin:auto}.___SSpin_1gxji_gg_._size_xs_1gxji_gg_{width:16px;height:16px}.___SSpin_1gxji_gg_._size_s_1gxji_gg_{width:20px;height:20px}.___SSpin_1gxji_gg_._size_m_1gxji_gg_{width:24px;height:24px}.___SSpin_1gxji_gg_._size_l_1gxji_gg_{width:32px;height:32px}.___SSpin_1gxji_gg_._size_xl_1gxji_gg_{width:48px;height:48px}.___SSpin_1gxji_gg_._size_xxl_1gxji_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_1gxji_gg_{animation-name:none}}" /*__inner_css_end__*/, "1gxji_gg_") /*__reshadow_css_end__*/, {
+  "@spin-rotate": "spin-rotate_1gxji",
+  "__SSpin": "___SSpin_1gxji_gg_",
+  "--theme": "--theme_1gxji",
+  "_theme_dark": "_theme_dark_1gxji_gg_",
+  "_theme_invert": "_theme_invert_1gxji_gg_",
+  "_centered": "__centered_1gxji_gg_",
+  "_size_xs": "_size_xs_1gxji_gg_",
+  "_size_s": "_size_s_1gxji_gg_",
+  "_size_m": "_size_m_1gxji_gg_",
+  "_size_l": "_size_l_1gxji_gg_",
+  "_size_xl": "_size_xl_1gxji_gg_",
+  "_size_xxl": "_size_xxl_1gxji_gg_"
 });
 var RootSpin = /*#__PURE__*/function (_Component) {
   _inherits(RootSpin, _Component);
@@ -42,14 +45,24 @@ var RootSpin = /*#__PURE__*/function (_Component) {
         Children = _this$asProps.Children,
         styles = _this$asProps.styles,
         theme = _this$asProps.theme,
-        resolveColor = _this$asProps.resolveColor;
+        resolveColor = _this$asProps.resolveColor,
+        getI18nText = _this$asProps.getI18nText;
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SSpin, _ref2.cn("SSpin", _objectSpread({}, _assignProps({
         "tag": 'svg',
         "viewBox": '0 0 24 24',
         "use:theme": resolveColor(theme),
         "aria-busy": 'true',
-        "aria-hidden": 'true'
-      }, _ref))), /*#__PURE__*/React.createElement("path", _ref2.cn("path", {
+        "aria-label": getI18nText('loading')
+      }, _ref))), /*#__PURE__*/React.createElement("foreignObject", _ref2.cn("foreignObject", {
+        "x": '0',
+        "y": '0',
+        "width": '0',
+        "height": '0'
+      }), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
+        "aria-live": 'polite',
+        "role": 'status',
+        "aria-atomic": 'true'
+      }), getI18nText('loading'))), /*#__PURE__*/React.createElement("path", _ref2.cn("path", {
         "d": 'M16.98 20.6256C17.5433 21.6013 18.8054 21.9477 19.6718 21.2274C21.567 19.6517 22.9447 17.5183 23.5911 15.1058C24.4148 12.0317 23.9836 8.75621 22.3923 6C20.801 3.24379 18.18 1.23261 15.1058 0.408891C12.6934 -0.237529 10.1569 -0.111098 7.84473 0.742337C6.78777 1.13246 6.45667 2.39867 7.02 3.37439V3.37439C7.58333 4.3501 8.83088 4.65471 9.91792 4.35856C11.2588 3.99325 12.6844 3.984 14.0498 4.34987C16.0788 4.89352 17.8087 6.2209 18.8589 8.04C19.9092 9.8591 20.1938 12.0209 19.6501 14.0498C19.2843 15.4153 18.5634 16.6453 17.5766 17.6239C16.7766 18.4172 16.4167 19.6499 16.98 20.6256V20.6256Z'
       })), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
     }
@@ -58,7 +71,7 @@ var RootSpin = /*#__PURE__*/function (_Component) {
 }(Component);
 _defineProperty(RootSpin, "displayName", 'Spin');
 _defineProperty(RootSpin, "style", style);
-_defineProperty(RootSpin, "enhance", [resolveColorEnhance()]);
+_defineProperty(RootSpin, "enhance", [resolveColorEnhance(), i18nEnhance(localizedMessages)]);
 _defineProperty(RootSpin, "defaultProps", {
   size: 'm',
   theme: 'dark'