intergalactic 15.104.1 → 15.105.0-prerelease.1

package/notice/lib/es6/Notice.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notice.js","names":["React","createComponent","Component","sstyled","Root","Box","Close","resolveColorEnhance","FadeInOut","logger","NoticeGlobal","localizedMessages","i18nEnhance","cssVariableEnhance","style","_sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","render","_ref","_ref6","SNotice","_this$asProps2","Children","styles","hidden","use","isAssertive","color","useTheme","ariaLive","undefined","warn","displayName","createElement","cn","_objectSpread","_assignProps","_defineProperty","variable","fallback","map","Number","parseInt","prop","i18n","locale","Label","_ref11","_ref2","arguments[0]","_ref7","SLabel","_assignProps2","Actions","_ref12","_ref3","_ref8","SActions","_assignProps3","Content","_ref13","_ref4","_ref9","SContent","_assignProps4","CloseIcon","_ref14","_ref5","_ref10","SCloseIcon","_assignProps5"],"sources":["../../src/Notice.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Close from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport logger from '@semcore/utils/lib/logger';\nimport NoticeGlobal from '@semcore/notice-global';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/notice.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);\n}\n\nclass RootNotice extends Component {\n  static displayName = 'Notice';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-popper',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    resolveColorEnhance(),\n  ];\n  static defaultProps = {\n    theme: 'info',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  getLabelProps() {\n    const { theme, resolveColor } = this.asProps;\n\n    return { theme, resolveColor };\n  }\n\n  getCloseIconProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  render() {\n    const SNotice = Root;\n    const { Children, styles, hidden, theme, use, resolveColor, getI18nText } = this.asProps;\n    const isAssertive = theme === 'danger' || theme === 'warning';\n    const color = resolveColor(theme);\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n    let ariaLive = isAssertive ? 'assertive' : 'polite';\n    if (theme === 'neutral') {\n      ariaLive = undefined;\n    }\n\n    if (use === 'primary') {\n      logger.warn(\n        true,\n        `Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead`,\n        RootNotice.displayName,\n      );\n      return <NoticeGlobal {...this.asProps} />;\n    }\n\n    return sstyled(styles)(\n      <SNotice\n        render={FadeInOut}\n        visible={!hidden}\n        use:theme={useTheme}\n        backgroundColor={color}\n        role='region'\n        aria-live={ariaLive}\n        aria-label={getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')}\n      >\n        <Children />\n      </SNotice>,\n    );\n  }\n}\n\nfunction Label({ styles, theme, resolveColor }) {\n  const SLabel = Root;\n  const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n  const color = resolveColor(theme);\n  return sstyled(styles)(<SLabel render={Box} use:theme={useTheme} color={color} />);\n}\n\nfunction Actions({ styles }) {\n  const SActions = Root;\n  return sstyled(styles)(<SActions render={Box} />);\n}\n\nfunction Content({ styles }) {\n  const SContent = Root;\n  return sstyled(styles)(<SContent render={Box} />);\n}\n\nfunction CloseIcon({ styles, getI18nText }) {\n  const SCloseIcon = Root;\n  return sstyled(styles)(\n    <SCloseIcon render={Box} tag={Close} interactive aria-label={getI18nText('close')} />,\n  );\n}\n\nexport default createComponent(RootNotice, {\n  Label,\n  Actions,\n  Content,\n  CloseIcon,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Notice.js","names":["React","createComponent","Component","sstyled","Root","Box","Button","CloseIconM","resolveColorEnhance","FadeInOut","logger","NoticeGlobal","localizedMessages","i18nEnhance","cssVariableEnhance","style","_sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","getCloseProps","render","_ref","_ref7","SNotice","_this$asProps2","Children","styles","hidden","use","isAssertive","color","useTheme","ariaLive","undefined","warn","displayName","createElement","cn","_objectSpread","_assignProps","_defineProperty","variable","fallback","map","Number","parseInt","prop","i18n","locale","Label","_ref13","_ref2","arguments[0]","_ref8","SLabel","_assignProps2","Actions","_ref14","_ref3","_ref9","SActions","_assignProps3","Content","_ref15","_ref4","_ref10","SContent","_assignProps4","CloseIcon","_ref16","_ref5","_ref11","SCloseIcon","_assignProps5","Close","_ref17","_ref6","_ref12","_assignProps6"],"sources":["../../src/Notice.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport CloseIconM from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport logger from '@semcore/utils/lib/logger';\nimport NoticeGlobal from '@semcore/notice-global';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/notice.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);\n}\n\nclass RootNotice extends Component {\n  static displayName = 'Notice';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-popper',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    resolveColorEnhance(),\n  ];\n  static defaultProps = {\n    theme: 'info',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  getLabelProps() {\n    const { theme, resolveColor } = this.asProps;\n\n    return { theme, resolveColor };\n  }\n\n  getCloseIconProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  getCloseProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  render() {\n    const SNotice = Root;\n    const { Children, styles, hidden, theme, use, resolveColor, getI18nText } = this.asProps;\n    const isAssertive = theme === 'danger' || theme === 'warning';\n    const color = resolveColor(theme);\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n    let ariaLive = isAssertive ? 'assertive' : 'polite';\n    if (theme === 'neutral') {\n      ariaLive = undefined;\n    }\n\n    if (use === 'primary') {\n      logger.warn(\n        true,\n        `Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead`,\n        RootNotice.displayName,\n      );\n      return <NoticeGlobal {...this.asProps} />;\n    }\n\n    return sstyled(styles)(\n      <SNotice\n        render={FadeInOut}\n        visible={!hidden}\n        use:theme={useTheme}\n        backgroundColor={color}\n        role='region'\n        aria-live={ariaLive}\n        aria-label={getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')}\n      >\n        <Children />\n      </SNotice>,\n    );\n  }\n}\n\nfunction Label({ styles, theme, resolveColor }) {\n  const SLabel = Root;\n  const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n  const color = resolveColor(theme);\n  return sstyled(styles)(<SLabel render={Box} use:theme={useTheme} color={color} />);\n}\n\nfunction Actions({ styles }) {\n  const SActions = Root;\n  return sstyled(styles)(<SActions render={Box} />);\n}\n\nfunction Content({ styles }) {\n  const SContent = Root;\n  return sstyled(styles)(<SContent render={Box} />);\n}\n\nfunction CloseIcon({ styles, getI18nText }) {\n  const SCloseIcon = Root;\n  return sstyled(styles)(\n    <SCloseIcon render={Box} tag={CloseIconM} interactive aria-label={getI18nText('close')} />,\n  );\n}\n\nfunction Close({ styles, getI18nText }) {\n  const SCloseIcon = Root;\n  return sstyled(styles)(\n    <SCloseIcon\n      render={Button}\n      addonLeft={CloseIconM}\n      use='tertiary'\n      theme='muted'\n      aria-label={getI18nText('close')}\n    />,\n  );\n}\n\nexport default createComponent(RootNotice, {\n  Label,\n  Actions,\n  Content,\n  CloseIcon,\n  Close,\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,MAAM,MAAM,iBAAiB;AACpC,OAAOC,UAAU,MAAM,uBAAuB;AAC9C,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,OAAOC,YAAY,MAAM,wBAAwB;AACjD,SAASC,iBAAiB,QAAQ,gDAAgD;AAClF,OAAOC,WAAW,MAAM,yCAAyC;AACjE,SAASC,kBAAkB,QAAQ,mCAAmC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIvE,SAASC,aAAaA,CAACC,KAAK,EAAE;EAC5B,OAAO,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,CAACC,QAAQ,CAACD,KAAK,CAAC;AAC3E;AAAC,IAEKE,UAAU,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAAK,eAAA,OAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EAmBd,SAAAC,cAAA,EAAgB;MACd,IAAAC,aAAA,GAAgC,IAAI,CAACC,OAAO;QAApCf,KAAK,GAAAc,aAAA,CAALd,KAAK;QAAEgB,YAAY,GAAAF,aAAA,CAAZE,YAAY;MAE3B,OAAO;QAAEhB,KAAK,EAALA,KAAK;QAAEgB,YAAY,EAAZA;MAAa,CAAC;IAChC;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,SAAAK,kBAAA,EAAoB;MAClB,IAAQC,WAAW,GAAK,IAAI,CAACH,OAAO,CAA5BG,WAAW;MAEnB,OAAO;QAAEA,WAAW,EAAXA;MAAY,CAAC;IACxB;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAO,cAAA,EAAgB;MACd,IAAQD,WAAW,GAAK,IAAI,CAACH,OAAO,CAA5BG,WAAW;MAEnB,OAAO;QAAEA,WAAW,EAAXA;MAAY,CAAC;IACxB;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAN,OAAA;QAAAO,KAAA;MACP,IAAMC,OAAO,GAsBDjC,SAAS;MArBrB,IAAAkC,cAAA,GAA4E,IAAI,CAACT,OAAO;QAAhFU,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAEC,MAAM,GAAAH,cAAA,CAANG,MAAM;QAAE3B,KAAK,GAAAwB,cAAA,CAALxB,KAAK;QAAE4B,GAAG,GAAAJ,cAAA,CAAHI,GAAG;QAAEZ,YAAY,GAAAQ,cAAA,CAAZR,YAAY;QAAEE,WAAW,GAAAM,cAAA,CAAXN,WAAW;MACvE,IAAMW,WAAW,GAAG7B,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,SAAS;MAC7D,IAAM8B,KAAK,GAAGd,YAAY,CAAChB,KAAK,CAAC;MACjC,IAAM+B,QAAQ,GAAGhC,aAAa,CAACC,KAAK,CAAC,GAAG,QAAQ,GAAGA,KAAK;MAExD,IAAIgC,QAAQ,GAAGH,WAAW,GAAG,WAAW,GAAG,QAAQ;MACnD,IAAI7B,KAAK,KAAK,SAAS,EAAE;QACvBgC,QAAQ,GAAGC,SAAS;MACtB;MAEA,IAAIL,GAAG,KAAK,SAAS,EAAE;QACrBrC,MAAM,CAAC2C,IAAI,CACT,IAAI,2FAEJhC,UAAU,CAACiC,WAAW,CACvB;QACD,oBAAOtD,KAAA,CAAAuD,aAAA,CAAC5C,YAAY,EAAK,IAAI,CAACuB,OAAO,CAAI;MAC3C;MAEA,OAAAO,KAAA,GAAOtC,OAAO,CAAC0C,MAAM,CAAC,eACpB7C,KAAA,CAAAuD,aAAA,CAACb,OAAO,EAAAD,KAAA,CAAAe,EAAA,YAAAC,aAAA,KAAAC,YAAA;QAAA,WAEG,CAACZ,MAAM;QAAA,aACLI,QAAQ;QAAA,mBACFD,KAAK;QAAA,QACjB,QAAQ;QAAA,aACFE,QAAQ;QAAA,cACPd,WAAW,CAAClB,KAAK,KAAK,QAAQ,GAAG,sBAAsB,GAAG,cAAc;MAAC,GAAAqB,IAAA,kBAErFxC,KAAA,CAAAuD,aAAA,CAACX,QAAQ,EAAAH,KAAA,CAAAe,EAAA,iBAAG,CACJ;IAEd;EAAC;EAAA,OAAAnC,UAAA;AAAA,EAvEsBnB,SAAS;AAAAyD,eAAA,CAA5BtC,UAAU,iBACO,QAAQ;AAAAsC,eAAA,CADzBtC,UAAU,WAECN,KAAK;AAAA4C,eAAA,CAFhBtC,UAAU,aAGG,CACfR,WAAW,CAACD,iBAAiB,CAAC,EAC9BE,kBAAkB,CAAC;EACjB8C,QAAQ,EAAE,iCAAiC;EAC3CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACFzD,mBAAmB,EAAE,CACtB;AAAAmD,eAAA,CAZGtC,UAAU,kBAaQ;EACpBF,KAAK,EAAE,MAAM;EACb+C,IAAI,EAAEtD,iBAAiB;EACvBuD,MAAM,EAAE;AACV,CAAC;AAyDH,SAASC,KAAKA,CAAAC,MAAA,EAAkC;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAAA,IAA/B3B,MAAM,GAAAwB,MAAA,CAANxB,MAAM;IAAE1B,KAAK,GAAAkD,MAAA,CAALlD,KAAK;IAAEgB,YAAY,GAAAkC,MAAA,CAAZlC,YAAY;EAC1C,IAAMsC,MAAM,GAG2BpE,GAAG;EAF1C,IAAM6C,QAAQ,GAAGhC,aAAa,CAACC,KAAK,CAAC,GAAG,QAAQ,GAAGA,KAAK;EACxD,IAAM8B,KAAK,GAAGd,YAAY,CAAChB,KAAK,CAAC;EACjC,OAAAqD,KAAA,GAAOrE,OAAO,CAAC0C,MAAM,CAAC,eAAC7C,KAAA,CAAAuD,aAAA,CAACkB,MAAM,EAAAD,KAAA,CAAAhB,EAAA,WAAAC,aAAA,KAAAiB,aAAA;IAAA,aAAyBxB,QAAQ;IAAA,SAASD;EAAK,GAAAqB,KAAA,IAAI;AACnF;AAEA,SAASK,OAAOA,CAAAC,MAAA,EAAa;EAAA,IAAAC,KAAA,GAAAN,YAAA;IAAAO,KAAA;EAAA,IAAVjC,MAAM,GAAA+B,MAAA,CAAN/B,MAAM;EACvB,IAAMkC,QAAQ,GAC2B1E,GAAG;EAA5C,OAAAyE,KAAA,GAAO3E,OAAO,CAAC0C,MAAM,CAAC,eAAC7C,KAAA,CAAAuD,aAAA,CAACwB,QAAQ,EAAAD,KAAA,CAAAtB,EAAA,aAAAC,aAAA,KAAAuB,aAAA,KAAAH,KAAA,IAAgB;AAClD;AAEA,SAASI,OAAOA,CAAAC,MAAA,EAAa;EAAA,IAAAC,KAAA,GAAAZ,YAAA;IAAAa,MAAA;EAAA,IAAVvC,MAAM,GAAAqC,MAAA,CAANrC,MAAM;EACvB,IAAMwC,QAAQ,GAC2BhF,GAAG;EAA5C,OAAA+E,MAAA,GAAOjF,OAAO,CAAC0C,MAAM,CAAC,eAAC7C,KAAA,CAAAuD,aAAA,CAAC8B,QAAQ,EAAAD,MAAA,CAAA5B,EAAA,aAAAC,aAAA,KAAA6B,aAAA,KAAAH,KAAA,IAAgB;AAClD;AAEA,SAASI,SAASA,CAAAC,MAAA,EAA0B;EAAA,IAAAC,KAAA,GAAAlB,YAAA;IAAAmB,MAAA;EAAA,IAAvB7C,MAAM,GAAA2C,MAAA,CAAN3C,MAAM;IAAER,WAAW,GAAAmD,MAAA,CAAXnD,WAAW;EACtC,IAAMsD,UAAU,GAEMtF,GAAG;EADzB,OAAAqF,MAAA,GAAOvF,OAAO,CAAC0C,MAAM,CAAC,eACpB7C,KAAA,CAAAuD,aAAA,CAACoC,UAAU,EAAAD,MAAA,CAAAlC,EAAA,eAAAC,aAAA,KAAAmC,aAAA;IAAA,OAAmBrF,UAAU;IAAA;IAAA,cAA0B8B,WAAW,CAAC,OAAO;EAAC,GAAAoD,KAAA,IAAI;AAE9F;AAEA,SAASI,KAAKA,CAAAC,MAAA,EAA0B;EAAA,IAAAC,KAAA,GAAAxB,YAAA;IAAAyB,MAAA;EAAA,IAAvBnD,MAAM,GAAAiD,MAAA,CAANjD,MAAM;IAAER,WAAW,GAAAyD,MAAA,CAAXzD,WAAW;EAClC,IAAMsD,UAAU,GAGJrF,MAAM;EAFlB,OAAA0F,MAAA,GAAO7F,OAAO,CAAC0C,MAAM,CAAC,eACpB7C,KAAA,CAAAuD,aAAA,CAACoC,UAAU,EAAAK,MAAA,CAAAxC,EAAA,eAAAC,aAAA,KAAAwC,aAAA;IAAA,aAEE1F,UAAU;IAAA,OACjB,UAAU;IAAA,SACR,OAAO;IAAA,cACD8B,WAAW,CAAC,OAAO;EAAC,GAAA0D,KAAA,IAChC;AAEN;AAEA,eAAe9F,eAAe,CAACoB,UAAU,EAAE;EACzC+C,KAAK,EAALA,KAAK;EACLO,OAAO,EAAPA,OAAO;EACPM,OAAO,EAAPA,OAAO;EACPM,SAAS,EAATA,SAAS;EACTM,KAAK,EAALA;AACF,CAAC,CAAC"}

package/notice/lib/es6/NoticeSmart.js

@@ -26,7 +26,7 @@ var NoticeSmart = /*#__PURE__*/function (_Component) {
         actions = _this$asProps.actions,
         closable = _this$asProps.closable,
         onClose = _this$asProps.onClose;
-      return /*#__PURE__*/React.createElement(SNoticeSmart, _assignProps({}, _ref), isNode(label) && /*#__PURE__*/React.createElement(Notice.Label, null, label), /*#__PURE__*/React.createElement(Notice.Content, null, /*#__PURE__*/React.createElement(Children, null), isNode(actions) && /*#__PURE__*/React.createElement(Notice.Actions, null, actions)), closable && /*#__PURE__*/React.createElement(Notice.CloseIcon, {
+      return /*#__PURE__*/React.createElement(SNoticeSmart, _assignProps({}, _ref), isNode(label) && /*#__PURE__*/React.createElement(Notice.Label, null, label), /*#__PURE__*/React.createElement(Notice.Content, null, /*#__PURE__*/React.createElement(Children, null), isNode(actions) && /*#__PURE__*/React.createElement(Notice.Actions, null, actions)), closable && /*#__PURE__*/React.createElement(Notice.Close, {
         onClick: onClose
       }));
     }

package/notice/lib/es6/NoticeSmart.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoticeSmart.js","names":["React","createComponent","Component","Root","isNode","Notice","NoticeSmart","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","SNoticeSmart","_this$asProps","Children","label","actions","closable","onClose","createElement","_assignProps","Label","Content","Actions","CloseIcon","onClick","_defineProperty","theme"],"sources":["../../src/NoticeSmart.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport isNode from '@semcore/utils/lib/isNode';\nimport Notice from './Notice';\n\nclass NoticeSmart extends Component {\n  static displayName = 'NoticeSmart';\n\n  static defaultProps = {\n    theme: 'info',\n  };\n\n  render() {\n    const SNoticeSmart = Root;\n    const { Children, label, actions, closable, onClose } = this.asProps;\n    return (\n      <SNoticeSmart render={Notice}>\n        {isNode(label) && <Notice.Label>{label}</Notice.Label>}\n        <Notice.Content>\n          <Children />\n          {isNode(actions) && <Notice.Actions>{actions}</Notice.Actions>}\n        </Notice.Content>\n        {closable && <Notice.CloseIcon onClick={onClose} />}\n      </SNoticeSmart>\n    );\n  }\n}\n\nexport default createComponent(NoticeSmart);\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,QAAQ,eAAe;AAChE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,OAAOC,MAAM,MAAM,UAAU;AAAC,IAExBC,WAAW,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,WAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,WAAA;EAAA,SAAAA,YAAA;IAAAK,eAAA,OAAAL,WAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,WAAA;IAAAS,GAAA;IAAAC,KAAA,EAOf,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;MACP,IAAMC,YAAY,GAGMf,MAAM;MAF9B,IAAAgB,aAAA,GAAwD,IAAI,CAACF,OAAO;QAA5DG,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEC,OAAO,GAAAH,aAAA,CAAPG,OAAO;QAAEC,QAAQ,GAAAJ,aAAA,CAARI,QAAQ;QAAEC,OAAO,GAAAL,aAAA,CAAPK,OAAO;MACnD,oBACE1B,KAAA,CAAA2B,aAAA,CAACP,YAAY,EAAAQ,YAAA,KAAAV,IAAA,GACVd,MAAM,CAACmB,KAAK,CAAC,iBAAIvB,KAAA,CAAA2B,aAAA,CAACtB,MAAM,CAACwB,KAAK,QAAEN,KAAK,CAAgB,eACtDvB,KAAA,CAAA2B,aAAA,CAACtB,MAAM,CAACyB,OAAO,qBACb9B,KAAA,CAAA2B,aAAA,CAACL,QAAQ,OAAG,EACXlB,MAAM,CAACoB,OAAO,CAAC,iBAAIxB,KAAA,CAAA2B,aAAA,CAACtB,MAAM,CAAC0B,OAAO,QAAEP,OAAO,CAAkB,CAC/C,EAChBC,QAAQ,iBAAIzB,KAAA,CAAA2B,aAAA,CAACtB,MAAM,CAAC2B,SAAS;QAACC,OAAO,EAAEP;MAAQ,EAAG,CACtC;IAEnB;EAAC;EAAA,OAAApB,WAAA;AAAA,EApBuBJ,SAAS;AAAAgC,eAAA,CAA7B5B,WAAW,iBACM,aAAa;AAAA4B,eAAA,CAD9B5B,WAAW,kBAGO;EACpB6B,KAAK,EAAE;AACT,CAAC;AAkBH,eAAelC,eAAe,CAACK,WAAW,CAAC"}
+{"version":3,"file":"NoticeSmart.js","names":["React","createComponent","Component","Root","isNode","Notice","NoticeSmart","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","SNoticeSmart","_this$asProps","Children","label","actions","closable","onClose","createElement","_assignProps","Label","Content","Actions","Close","onClick","_defineProperty","theme"],"sources":["../../src/NoticeSmart.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport isNode from '@semcore/utils/lib/isNode';\nimport Notice from './Notice';\n\nclass NoticeSmart extends Component {\n  static displayName = 'NoticeSmart';\n\n  static defaultProps = {\n    theme: 'info',\n  };\n\n  render() {\n    const SNoticeSmart = Root;\n    const { Children, label, actions, closable, onClose } = this.asProps;\n    return (\n      <SNoticeSmart render={Notice}>\n        {isNode(label) && <Notice.Label>{label}</Notice.Label>}\n        <Notice.Content>\n          <Children />\n          {isNode(actions) && <Notice.Actions>{actions}</Notice.Actions>}\n        </Notice.Content>\n        {closable && <Notice.Close onClick={onClose} />}\n      </SNoticeSmart>\n    );\n  }\n}\n\nexport default createComponent(NoticeSmart);\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,QAAQ,eAAe;AAChE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,OAAOC,MAAM,MAAM,UAAU;AAAC,IAExBC,WAAW,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,WAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,WAAA;EAAA,SAAAA,YAAA;IAAAK,eAAA,OAAAL,WAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,WAAA;IAAAS,GAAA;IAAAC,KAAA,EAOf,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;MACP,IAAMC,YAAY,GAGMf,MAAM;MAF9B,IAAAgB,aAAA,GAAwD,IAAI,CAACF,OAAO;QAA5DG,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEC,OAAO,GAAAH,aAAA,CAAPG,OAAO;QAAEC,QAAQ,GAAAJ,aAAA,CAARI,QAAQ;QAAEC,OAAO,GAAAL,aAAA,CAAPK,OAAO;MACnD,oBACE1B,KAAA,CAAA2B,aAAA,CAACP,YAAY,EAAAQ,YAAA,KAAAV,IAAA,GACVd,MAAM,CAACmB,KAAK,CAAC,iBAAIvB,KAAA,CAAA2B,aAAA,CAACtB,MAAM,CAACwB,KAAK,QAAEN,KAAK,CAAgB,eACtDvB,KAAA,CAAA2B,aAAA,CAACtB,MAAM,CAACyB,OAAO,qBACb9B,KAAA,CAAA2B,aAAA,CAACL,QAAQ,OAAG,EACXlB,MAAM,CAACoB,OAAO,CAAC,iBAAIxB,KAAA,CAAA2B,aAAA,CAACtB,MAAM,CAAC0B,OAAO,QAAEP,OAAO,CAAkB,CAC/C,EAChBC,QAAQ,iBAAIzB,KAAA,CAAA2B,aAAA,CAACtB,MAAM,CAAC2B,KAAK;QAACC,OAAO,EAAEP;MAAQ,EAAG,CAClC;IAEnB;EAAC;EAAA,OAAApB,WAAA;AAAA,EApBuBJ,SAAS;AAAAgC,eAAA,CAA7B5B,WAAW,iBACM,aAAa;AAAA4B,eAAA,CAD9B5B,WAAW,kBAGO;EACpB6B,KAAK,EAAE;AACT,CAAC;AAkBH,eAAelC,eAAe,CAACK,WAAW,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { IconProps } from '@semcore/icon';\nimport { FadeInOutProps } from '@semcore/animation';\n\nexport type NoticeTheme = 'danger' | 'warning' | 'success' | 'info' | 'muted';\nexport type NoticeUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface INoticeProps extends NoticeProps, UnknownProperties {}\nexport type NoticeProps = BoxProps &\n  FadeInOutProps & {\n    /** Property for managing visibility of Notice */\n    hidden?: boolean;\n    /** Notice type\n     * @deprecated since version ^4.1.0\n     */\n    use?: NoticeUse;\n    /**\n     * Notice theme\n     * @default info\n     */\n    theme?: NoticeTheme;\n    /** Duration of animation, ms\n     * @default 250\n     */\n    duration?: number;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeLabelProps extends NoticeLabelProps, UnknownProperties {}\nexport type NoticeLabelProps = BoxProps & {\n  theme?: NoticeTheme;\n};\n\n/** @deprecated */\nexport interface INoticeContext extends NoticeContext, UnknownProperties {}\nexport type NoticeContext = {\n  getLabelProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface INoticeSmartProps extends NoticeSmartProps, UnknownProperties {}\nexport type NoticeSmartProps = NoticeProps & {\n  /**\n   * A custom element for additional information\n   */\n  label?: React.ReactNode;\n  /**\n   * Custom action element\n   */\n  actions?: React.ReactNode;\n  /**\n   *  Adds a Close icon\n   */\n  closable?: boolean;\n  /**\n   * Callback on a click on the close button\n   */\n  onClose?: (event: React.SyntheticEvent) => void;\n};\n\ndeclare const Notice: Intergalactic.Component<'div', NoticeProps, NoticeContext> & {\n  Label: Intergalactic.Component<'div', NoticeLabelProps>;\n  Actions: typeof Box;\n  Content: typeof Box;\n  CloseIcon: Intergalactic.Component<'div', IconProps>;\n};\n\ndeclare const NoticeSmart: Intergalactic.Component<'div', NoticeSmartProps>;\n\nexport { NoticeSmart };\nexport default Notice;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport { IconProps } from '@semcore/icon';\nimport { FadeInOutProps } from '@semcore/animation';\n\nexport type NoticeTheme = 'danger' | 'warning' | 'success' | 'info' | 'muted';\nexport type NoticeUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface INoticeProps extends NoticeProps, UnknownProperties {}\nexport type NoticeProps = BoxProps &\n  FadeInOutProps & {\n    /** Property for managing visibility of Notice */\n    hidden?: boolean;\n    /** Notice type\n     * @deprecated since version ^4.1.0\n     */\n    use?: NoticeUse;\n    /**\n     * Notice theme\n     * @default info\n     */\n    theme?: NoticeTheme;\n    /** Duration of animation, ms\n     * @default 250\n     */\n    duration?: number;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeLabelProps extends NoticeLabelProps, UnknownProperties {}\nexport type NoticeLabelProps = BoxProps & {\n  theme?: NoticeTheme;\n};\n\n/** @deprecated */\nexport interface INoticeContext extends NoticeContext, UnknownProperties {}\nexport type NoticeContext = {\n  getLabelProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface INoticeSmartProps extends NoticeSmartProps, UnknownProperties {}\nexport type NoticeSmartProps = NoticeProps & {\n  /**\n   * A custom element for additional information\n   */\n  label?: React.ReactNode;\n  /**\n   * Custom action element\n   */\n  actions?: React.ReactNode;\n  /**\n   *  Adds a Close icon\n   */\n  closable?: boolean;\n  /**\n   * Callback on a click on the close button\n   */\n  onClose?: (event: React.SyntheticEvent) => void;\n};\n\ndeclare const Notice: Intergalactic.Component<'div', NoticeProps, NoticeContext> & {\n  Label: Intergalactic.Component<'div', NoticeLabelProps>;\n  Actions: typeof Box;\n  Content: typeof Box;\n  /**\n   * @deprecated Use Notice.Close instead of Notice.CloseIcon\n   */\n  CloseIcon: Intergalactic.Component<'div', IconProps>;\n  Close: typeof Button;\n};\n\ndeclare const NoticeSmart: Intergalactic.Component<'div', NoticeSmartProps>;\n\nexport { NoticeSmart };\nexport default Notice;\n"],"mappings":""}

package/notice/lib/es6/style/notice.shadow.css

@@ -86,9 +86,11 @@ SActions {
 }
 
 SLabel {
-  margin-top: var(--intergalactic-spacing-05x, 2px);
+  min-height: var(--intergalactic-form-control-m, 28px);
+  height: fit-content;
   margin-right: var(--intergalactic-spacing-2x, 8px);
   display: inline-flex;
+  align-items: center;
 }
 
 SLabel[theme='info'] {

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

@@ -1,5 +1,6 @@
 import { PropGetterFn, UnknownProperties, Intergalactic } from 'intergalactic/core';
 import { Box, BoxProps } from 'intergalactic/flex-box';
+import Button from 'intergalactic/button';
 import { IconProps } from 'intergalactic/icon';
 import { FadeInOutProps } from 'intergalactic/animation';
 
@@ -65,7 +66,11 @@ declare const Notice: Intergalactic.Component<'div', NoticeProps, NoticeContext>
   Label: Intergalactic.Component<'div', NoticeLabelProps>;
   Actions: typeof Box;
   Content: typeof Box;
+  /**
+   * @deprecated Use Notice.Close instead of Notice.CloseIcon
+   */
   CloseIcon: Intergalactic.Component<'div', IconProps>;
+  Close: typeof Button;
 };
 
 declare const NoticeSmart: Intergalactic.Component<'div', NoticeSmartProps>;

package/notice/package.json

@@ -1 +1 @@
-{"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.38.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.31.2","@semcore/utils":"4.32.2","@semcore/flex-box":"5.31.2","@semcore/icon":"4.43.2","@semcore/notice-global":"2.48.2"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.39.0-prerelease.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.31.2","@semcore/utils":"4.32.2","@semcore/button":"5.35.1","@semcore/flex-box":"5.31.2","@semcore/icon":"4.43.2","@semcore/notice-global":"2.48.2"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intergalactic",
-  "version": "15.104.1",
+  "version": "15.105.0-prerelease.1",
   "license": "MIT",
   "dependencies": {
     "intergalactic-migrate": "0.0.0",

package/side-panel/index.d.ts

@@ -4,6 +4,7 @@ import { FadeInOutProps, SlideProps } from 'intergalactic/animation';
 import { PropGetterFn, UnknownProperties, Intergalactic } from 'intergalactic/core';
 import { Box, BoxProps, Flex } from 'intergalactic/flex-box';
 import { Text } from 'intergalactic/typography';
+import Button from 'intergalactic/button';
 
 export type OnCloseTriggerType = 'onOutsideClick' | 'onEscape' | 'onCloseClick';
 export type OnCloseType = (
@@ -79,7 +80,7 @@ declare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePane
   Title: typeof Text;
   Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;
   Panel: Intergalactic.Component<'div', SidePanelPanelProps>;
-  Close: typeof Box;
+  Close: typeof Button;
 };
 
 export default SidePanel;

package/side-panel/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PortalProps } from '@semcore/portal';\nimport { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\n\nexport type OnCloseTriggerType = 'onOutsideClick' | 'onEscape' | 'onCloseClick';\nexport type OnCloseType = (\n  trigger: OnCloseTriggerType,\n  e?: React.MouseEvent | React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' | 'left' | 'right' | 'bottom';\n\n/** @deprecated */\nexport interface ISidePanelProps extends SidePanelProps, UnknownProperties {}\nexport type SidePanelProps = PortalProps &\n  BoxProps & {\n    /** Animation display duration in ms\n     * @default 350\n     */\n    duration?: number;\n    /**\n     * The property responsible for the visibility of the component\n     */\n    visible?: boolean;\n    /**\n     * Callback for the component closure\n     */\n    onClose?: OnCloseType;\n    /**\n     * Property for displaying the close button\n     * @default true\n     */\n    closable?: boolean;\n    /**\n     * Position of a dropdown window\n     * @default right\n     */\n    placement?: SidePanelPlacement;\n    /**\n     * Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n     * @default false\n     */\n    disablePreventScroll?: boolean;\n  };\n\n/** @deprecated */\nexport interface ISidePanelOverlayProps extends SidePanelOverlayProps, UnknownProperties {}\nexport type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\n/** @deprecated */\nexport interface ISidePanelPanelProps extends SidePanelPanelProps, UnknownProperties {}\nexport type SidePanelPanelProps = SlideProps &\n  BoxProps & {\n    onOutsideClick?: (e?: React.SyntheticEvent) => void;\n  };\n\n/** @deprecated */\nexport interface ISidePanelContext extends SidePanelContext, UnknownProperties {}\nexport type SidePanelContext = {\n  getOverlayProps?: PropGetterFn;\n  getPanelProps?: PropGetterFn;\n  getCloseProps?: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISidePanelHeaderProps extends SidePanelHeaderProps, UnknownProperties {}\nexport type SidePanelHeaderProps = BoxProps & {\n  title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n  Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n  Back: typeof Box;\n  Body: typeof Box;\n  Footer: typeof Flex;\n  Title: typeof Text;\n  Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n  Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n  Close: typeof Box;\n};\n\nexport default SidePanel;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PortalProps } from '@semcore/portal';\nimport { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport Button from '@semcore/button';\n\nexport type OnCloseTriggerType = 'onOutsideClick' | 'onEscape' | 'onCloseClick';\nexport type OnCloseType = (\n  trigger: OnCloseTriggerType,\n  e?: React.MouseEvent | React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' | 'left' | 'right' | 'bottom';\n\n/** @deprecated */\nexport interface ISidePanelProps extends SidePanelProps, UnknownProperties {}\nexport type SidePanelProps = PortalProps &\n  BoxProps & {\n    /** Animation display duration in ms\n     * @default 350\n     */\n    duration?: number;\n    /**\n     * The property responsible for the visibility of the component\n     */\n    visible?: boolean;\n    /**\n     * Callback for the component closure\n     */\n    onClose?: OnCloseType;\n    /**\n     * Property for displaying the close button\n     * @default true\n     */\n    closable?: boolean;\n    /**\n     * Position of a dropdown window\n     * @default right\n     */\n    placement?: SidePanelPlacement;\n    /**\n     * Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n     * @default false\n     */\n    disablePreventScroll?: boolean;\n  };\n\n/** @deprecated */\nexport interface ISidePanelOverlayProps extends SidePanelOverlayProps, UnknownProperties {}\nexport type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\n/** @deprecated */\nexport interface ISidePanelPanelProps extends SidePanelPanelProps, UnknownProperties {}\nexport type SidePanelPanelProps = SlideProps &\n  BoxProps & {\n    onOutsideClick?: (e?: React.SyntheticEvent) => void;\n  };\n\n/** @deprecated */\nexport interface ISidePanelContext extends SidePanelContext, UnknownProperties {}\nexport type SidePanelContext = {\n  getOverlayProps?: PropGetterFn;\n  getPanelProps?: PropGetterFn;\n  getCloseProps?: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISidePanelHeaderProps extends SidePanelHeaderProps, UnknownProperties {}\nexport type SidePanelHeaderProps = BoxProps & {\n  title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n  Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n  Back: typeof Box;\n  Body: typeof Box;\n  Footer: typeof Flex;\n  Title: typeof Text;\n  Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n  Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n  Close: typeof Button;\n};\n\nexport default SidePanel;\n"],"mappings":""}

package/side-panel/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PortalProps } from '@semcore/portal';\nimport { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\n\nexport type OnCloseTriggerType = 'onOutsideClick' | 'onEscape' | 'onCloseClick';\nexport type OnCloseType = (\n  trigger: OnCloseTriggerType,\n  e?: React.MouseEvent | React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' | 'left' | 'right' | 'bottom';\n\n/** @deprecated */\nexport interface ISidePanelProps extends SidePanelProps, UnknownProperties {}\nexport type SidePanelProps = PortalProps &\n  BoxProps & {\n    /** Animation display duration in ms\n     * @default 350\n     */\n    duration?: number;\n    /**\n     * The property responsible for the visibility of the component\n     */\n    visible?: boolean;\n    /**\n     * Callback for the component closure\n     */\n    onClose?: OnCloseType;\n    /**\n     * Property for displaying the close button\n     * @default true\n     */\n    closable?: boolean;\n    /**\n     * Position of a dropdown window\n     * @default right\n     */\n    placement?: SidePanelPlacement;\n    /**\n     * Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n     * @default false\n     */\n    disablePreventScroll?: boolean;\n  };\n\n/** @deprecated */\nexport interface ISidePanelOverlayProps extends SidePanelOverlayProps, UnknownProperties {}\nexport type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\n/** @deprecated */\nexport interface ISidePanelPanelProps extends SidePanelPanelProps, UnknownProperties {}\nexport type SidePanelPanelProps = SlideProps &\n  BoxProps & {\n    onOutsideClick?: (e?: React.SyntheticEvent) => void;\n  };\n\n/** @deprecated */\nexport interface ISidePanelContext extends SidePanelContext, UnknownProperties {}\nexport type SidePanelContext = {\n  getOverlayProps?: PropGetterFn;\n  getPanelProps?: PropGetterFn;\n  getCloseProps?: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISidePanelHeaderProps extends SidePanelHeaderProps, UnknownProperties {}\nexport type SidePanelHeaderProps = BoxProps & {\n  title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n  Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n  Back: typeof Box;\n  Body: typeof Box;\n  Footer: typeof Flex;\n  Title: typeof Text;\n  Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n  Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n  Close: typeof Box;\n};\n\nexport default SidePanel;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PortalProps } from '@semcore/portal';\nimport { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport Button from '@semcore/button';\n\nexport type OnCloseTriggerType = 'onOutsideClick' | 'onEscape' | 'onCloseClick';\nexport type OnCloseType = (\n  trigger: OnCloseTriggerType,\n  e?: React.MouseEvent | React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' | 'left' | 'right' | 'bottom';\n\n/** @deprecated */\nexport interface ISidePanelProps extends SidePanelProps, UnknownProperties {}\nexport type SidePanelProps = PortalProps &\n  BoxProps & {\n    /** Animation display duration in ms\n     * @default 350\n     */\n    duration?: number;\n    /**\n     * The property responsible for the visibility of the component\n     */\n    visible?: boolean;\n    /**\n     * Callback for the component closure\n     */\n    onClose?: OnCloseType;\n    /**\n     * Property for displaying the close button\n     * @default true\n     */\n    closable?: boolean;\n    /**\n     * Position of a dropdown window\n     * @default right\n     */\n    placement?: SidePanelPlacement;\n    /**\n     * Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n     * @default false\n     */\n    disablePreventScroll?: boolean;\n  };\n\n/** @deprecated */\nexport interface ISidePanelOverlayProps extends SidePanelOverlayProps, UnknownProperties {}\nexport type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\n/** @deprecated */\nexport interface ISidePanelPanelProps extends SidePanelPanelProps, UnknownProperties {}\nexport type SidePanelPanelProps = SlideProps &\n  BoxProps & {\n    onOutsideClick?: (e?: React.SyntheticEvent) => void;\n  };\n\n/** @deprecated */\nexport interface ISidePanelContext extends SidePanelContext, UnknownProperties {}\nexport type SidePanelContext = {\n  getOverlayProps?: PropGetterFn;\n  getPanelProps?: PropGetterFn;\n  getCloseProps?: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISidePanelHeaderProps extends SidePanelHeaderProps, UnknownProperties {}\nexport type SidePanelHeaderProps = BoxProps & {\n  title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n  Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n  Back: typeof Box;\n  Body: typeof Box;\n  Footer: typeof Flex;\n  Title: typeof Text;\n  Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n  Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n  Close: typeof Button;\n};\n\nexport default SidePanel;\n"],"mappings":""}

package/side-panel/lib/types/index.d.ts

@@ -4,6 +4,7 @@ import { FadeInOutProps, SlideProps } from 'intergalactic/animation';
 import { PropGetterFn, UnknownProperties, Intergalactic } from 'intergalactic/core';
 import { Box, BoxProps, Flex } from 'intergalactic/flex-box';
 import { Text } from 'intergalactic/typography';
+import Button from 'intergalactic/button';
 
 export type OnCloseTriggerType = 'onOutsideClick' | 'onEscape' | 'onCloseClick';
 export type OnCloseType = (
@@ -79,7 +80,7 @@ declare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePane
   Title: typeof Text;
   Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;
   Panel: Intergalactic.Component<'div', SidePanelPanelProps>;
-  Close: typeof Box;
+  Close: typeof Button;
 };
 
 export default SidePanel;

package/time-picker/lib/cjs/TimePicker.js

@@ -30,18 +30,18 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STimePicker_16m2m_gg_{position:relative;width:auto;outline:0}.___STimePicker_16m2m_gg_.__keyboardFocused_16m2m_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_16m2m_gg_.__disabled_16m2m_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_16m2m_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_16m2m_gg_.__placeholder_16m2m_gg_{text-overflow:initial}.___SPickerInput_16m2m_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_16m2m_gg_._size_l_16m2m_gg_,.___SPickerInput_16m2m_gg_._size_m_16m2m_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_16m2m_gg_._size_l_16m2m_gg_{width:21px}.___SPickerFormat_16m2m_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_16m2m_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_16m2m_gg_.__active_16m2m_gg_,.___SPickerFormat_16m2m_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_16m2m_gg_:focus,.___SPickerFormat_16m2m_gg_:focus-visible{outline:0}.___SPickerFormat_16m2m_gg_._size_m_16m2m_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_16m2m_gg_._size_m_16m2m_gg_ .___SPickerFormatText_16m2m_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_16m2m_gg_._size_l_16m2m_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_16m2m_gg_._size_l_16m2m_gg_ .___SPickerFormatText_16m2m_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_16m2m_gg_.__disabled_16m2m_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_16m2m_gg_.__keyboardFocused_16m2m_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_16m2m_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_16m2m_gg_.__disabled_16m2m_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "16m2m_gg_") /*__reshadow_css_end__*/, {
-  "__STimePicker": "___STimePicker_16m2m_gg_",
-  "_keyboardFocused": "__keyboardFocused_16m2m_gg_",
-  "_disabled": "__disabled_16m2m_gg_",
-  "__SPickerInput": "___SPickerInput_16m2m_gg_",
-  "_size_m": "_size_m_16m2m_gg_",
-  "_size_l": "_size_l_16m2m_gg_",
-  "__SPickerFormat": "___SPickerFormat_16m2m_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_16m2m_gg_",
-  "_placeholder": "__placeholder_16m2m_gg_",
-  "_active": "__active_16m2m_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_16m2m_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STimePicker_1w4xu_gg_{position:relative;width:auto;outline:0}.___STimePicker_1w4xu_gg_.__keyboardFocused_1w4xu_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1w4xu_gg_.__disabled_1w4xu_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1w4xu_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1w4xu_gg_.__placeholder_1w4xu_gg_{text-overflow:initial}.___SPickerInput_1w4xu_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1w4xu_gg_._size_l_1w4xu_gg_,.___SPickerInput_1w4xu_gg_._size_m_1w4xu_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1w4xu_gg_._size_l_1w4xu_gg_{width:21px}.___SPickerFormat_1w4xu_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1w4xu_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1w4xu_gg_.__active_1w4xu_gg_,.___SPickerFormat_1w4xu_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1w4xu_gg_:focus,.___SPickerFormat_1w4xu_gg_:focus-visible{outline:0}.___SPickerFormat_1w4xu_gg_._size_m_1w4xu_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1w4xu_gg_._size_m_1w4xu_gg_ .___SPickerFormatText_1w4xu_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1w4xu_gg_._size_l_1w4xu_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1w4xu_gg_._size_l_1w4xu_gg_ .___SPickerFormatText_1w4xu_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1w4xu_gg_.__disabled_1w4xu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1w4xu_gg_.__keyboardFocused_1w4xu_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1w4xu_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1w4xu_gg_.__disabled_1w4xu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1w4xu_gg_") /*__reshadow_css_end__*/, {
+  "__STimePicker": "___STimePicker_1w4xu_gg_",
+  "_keyboardFocused": "__keyboardFocused_1w4xu_gg_",
+  "_disabled": "__disabled_1w4xu_gg_",
+  "__SPickerInput": "___SPickerInput_1w4xu_gg_",
+  "_size_m": "_size_m_1w4xu_gg_",
+  "_size_l": "_size_l_1w4xu_gg_",
+  "__SPickerFormat": "___SPickerFormat_1w4xu_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_1w4xu_gg_",
+  "_placeholder": "__placeholder_1w4xu_gg_",
+  "_active": "__active_1w4xu_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_1w4xu_gg_"
 });
 var MAP_MERIDIEM = {
   AM: 'PM',

package/time-picker/lib/cjs/translations/de.json

@@ -1,7 +1,8 @@
 {
-  "title": "Zeiteingabe, eingegebene Zeit ist {time} {meridiem}",
-  "titleEmpty": "Zeiteingabe, keine Zeit eingegeben",
-  "hours": "Eingabefeld Stunden",
-  "minutes": "Eingabefeld Minuten",
-  "format": "Zeitformat {meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "Auswählen",
+  "hours": "Stunden",
+  "minutes": "Minuten",
+  "formatToggler": "Zeitraum",
+  "changedFormatNotice": "Zeitraum geändert auf {meridiem}"
 }

package/time-picker/lib/cjs/translations/es.json

@@ -1,7 +1,8 @@
 {
-  "title": "Introducción de la hora, la hora introducida es {time} {meridiem}",
-  "titleEmpty": "Introducción de la hora, no se ha introducido la hora",
-  "hours": "Campo de entrada de horas",
-  "minutes": "Campo de input de minutos",
-  "format": "Formato de tiempo {meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "Seleccionar",
+  "hours": "Horas",
+  "minutes": "Minutos",
+  "formatToggler": "Período de tiempo",
+  "changedFormatNotice": "Periodo de tiempo cambiado a {meridiem}"
 }

package/time-picker/lib/cjs/translations/fr.json

@@ -1,7 +1,8 @@
 {
-  "title": "Saisie de l’heure, l’heure saisie est {time} {meridiem}",
-  "titleEmpty": "Saisie de l’heure, aucune heure n’a été saisie",
-  "hours": "Champ de saisie des heures",
-  "minutes": "Champ de saisie des minutes",
-  "format": "Format de l’heure {meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "Sélectionner",
+  "hours": "Heures",
+  "minutes": "Minutes",
+  "formatToggler": "Période",
+  "changedFormatNotice": "La période a été définie sur {meridiem}"
 }

package/time-picker/lib/cjs/translations/it.json

@@ -1,7 +1,8 @@
 {
-  "title": "Input dell'orario, l'orario inserito è {time} {meridiem}",
-  "titleEmpty": "Input dell'orario, nessun orario inserito",
-  "hours": "Campo input ore",
-  "minutes": "Campo input minuti",
-  "format": "Formato orario {meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "Seleziona",
+  "hours": "Ore",
+  "minutes": "Minuti",
+  "formatToggler": "Periodo",
+  "changedFormatNotice": "Periodo indicato in {meridiem}"
 }

package/time-picker/lib/cjs/translations/ja.json

@@ -1,7 +1,8 @@
 {
-  "title": "時刻入力、入力された時刻は{time} {meridiem} です",
-  "titleEmpty": "時刻入力、時刻は入力されていません",
-  "hours": "時間入力フィールド",
-  "minutes": "分入力フィールド",
-  "format": "時刻フォーマット{meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "選択",
+  "hours": "時間",
+  "minutes": "分",
+  "formatToggler": "期間",
+  "changedFormatNotice": "期間を {meridiem} に変更"
 }

package/time-picker/lib/cjs/translations/ko.json

@@ -1,7 +1,8 @@
 {
-  "title": "시간 입력값, 입력된 시간은 {time} {meridiem}",
-  "titleEmpty": "시간 입력값, 입력된 시간 없음",
-  "hours": "시간 입력란",
-  "minutes": "분 입력란",
-  "format": "시간 형식 {meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "선택",
+  "hours": "시",
+  "minutes": "분",
+  "formatToggler": "시간대",
+  "changedFormatNotice": "시간대가 {meridiem}로 변경되었습니다"
 }

package/time-picker/lib/cjs/translations/nl.json

@@ -1,7 +1,8 @@
 {
-  "title": "Tijdsinvoer, ingevoerde tijd is {time} {meridiem}",
-  "titleEmpty": "Tijdsinvoer, geen tijd ingevoerd",
-  "hours": "Invoerveld voor uren",
-  "minutes": "Invoerveld voor minuten",
-  "format": "Tijdsindeling {meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "Selecteren",
+  "hours": "Uur",
+  "minutes": "Minuten",
+  "formatToggler": "Tijdzone",
+  "changedFormatNotice": "Tijdzone gewijzigd in {meridiem}"
 }

package/time-picker/lib/cjs/translations/pl.json

@@ -1,7 +1,8 @@
 {
-  "title": "Wprowadzanie czasu, wprowadzono czas to {time} {meridiem}",
-  "titleEmpty": "Wprowadzanie czasu, nie wprowadzono czasu",
-  "hours": "Pole wprowadzania godzin",
-  "minutes": "Pole wprowadzania minut",
-  "format": "Format czasu {meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "Wybierz",
+  "hours": "Godziny",
+  "minutes": "Minuty",
+  "formatToggler": "Pora dnia",
+  "changedFormatNotice": "Zmieniono porę dnia na {meridiem}"
 }

package/time-picker/lib/cjs/translations/pt.json

@@ -1,7 +1,8 @@
 {
-  "title": "Entrada de hora – a hora informada é {time} {meridiem}",
-  "titleEmpty": "Entrada de hora – hora não foi informada",
-  "hours": "Campo de entrada de horas",
-  "minutes": "Campo de entrada de minutos",
-  "format": "Formato de hora {meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "Selecionar",
+  "hours": "Horas",
+  "minutes": "Minutos",
+  "formatToggler": "Período",
+  "changedFormatNotice": "Período alterado para {meridiem}"
 }

package/time-picker/lib/cjs/translations/sv.json

@@ -1,7 +1,8 @@
 {
-  "title": "Inmatad tid, angiven tid är {time} {meridiem}",
-  "titleEmpty": "Inmatad tid, ingen tid angiven",
-  "hours": "Fält för inmatade timmar",
-  "minutes": "Fält för inmatade minuter",
-  "format": "Tidsformat {meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "Välj",
+  "hours": "Timmar",
+  "minutes": "Minuter",
+  "formatToggler": "Tidsperiod",
+  "changedFormatNotice": "Tidsperiod ändrad till {meridiem}"
 }

package/time-picker/lib/cjs/translations/tr.json

@@ -1,7 +1,8 @@
 {
-  "title": "Saat girişi, girilen saat {time} {meridiem}",
-  "titleEmpty": "Saat girişi, saat girilmedi",
-  "hours": "Saat giriş alanı",
-  "minutes": "Dakika giriş alanı",
-  "format": "Saat formatı {meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "Seç",
+  "hours": "Saat",
+  "minutes": "Dakika",
+  "formatToggler": "Zaman aralığı",
+  "changedFormatNotice": "Zaman aralığı {meridiem} olarak değiştirildi"
 }

package/time-picker/lib/cjs/translations/vi.json

@@ -1,7 +1,8 @@
 {
-  "title": "Nhập thời gian, thời gian đã nhập là {time} {meridiem}",
-  "titleEmpty": "Nhập thời gian, không có thời gian đã nhập",
-  "hours": "Trường nhập số giờ",
-  "minutes": "Trường nhập số phút",
-  "format": "Định dạng thời gian {meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "Chọn",
+  "hours": "Giờ",
+  "minutes": "Phút",
+  "formatToggler": "Thời gian",
+  "changedFormatNotice": "Thời gian đã đổi thành {meridiem}"
 }

package/time-picker/lib/cjs/translations/zh.json

@@ -1,7 +1,8 @@
 {
-  "title": "时间输入，输入的时间是 {time} {meridiem}",
-  "titleEmpty": "时间输入，未输入时间",
-  "hours": "小时输入字段",
-  "minutes": "分钟输入字段",
-  "format": "时间格式 {meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "选择",
+  "hours": "小时",
+  "minutes": "分钟",
+  "formatToggler": "时段",
+  "changedFormatNotice": "时间段已更改为 {meridiem}"
 }

package/time-picker/lib/es6/TimePicker.js

@@ -18,18 +18,18 @@ import Format from './PickerFormat';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_16m2m_gg_{position:relative;width:auto;outline:0}.___STimePicker_16m2m_gg_.__keyboardFocused_16m2m_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_16m2m_gg_.__disabled_16m2m_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_16m2m_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_16m2m_gg_.__placeholder_16m2m_gg_{text-overflow:initial}.___SPickerInput_16m2m_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_16m2m_gg_._size_l_16m2m_gg_,.___SPickerInput_16m2m_gg_._size_m_16m2m_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_16m2m_gg_._size_l_16m2m_gg_{width:21px}.___SPickerFormat_16m2m_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_16m2m_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_16m2m_gg_.__active_16m2m_gg_,.___SPickerFormat_16m2m_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_16m2m_gg_:focus,.___SPickerFormat_16m2m_gg_:focus-visible{outline:0}.___SPickerFormat_16m2m_gg_._size_m_16m2m_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_16m2m_gg_._size_m_16m2m_gg_ .___SPickerFormatText_16m2m_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_16m2m_gg_._size_l_16m2m_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_16m2m_gg_._size_l_16m2m_gg_ .___SPickerFormatText_16m2m_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_16m2m_gg_.__disabled_16m2m_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_16m2m_gg_.__keyboardFocused_16m2m_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_16m2m_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_16m2m_gg_.__disabled_16m2m_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "16m2m_gg_") /*__reshadow_css_end__*/, {
-  "__STimePicker": "___STimePicker_16m2m_gg_",
-  "_keyboardFocused": "__keyboardFocused_16m2m_gg_",
-  "_disabled": "__disabled_16m2m_gg_",
-  "__SPickerInput": "___SPickerInput_16m2m_gg_",
-  "_size_m": "_size_m_16m2m_gg_",
-  "_size_l": "_size_l_16m2m_gg_",
-  "__SPickerFormat": "___SPickerFormat_16m2m_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_16m2m_gg_",
-  "_placeholder": "__placeholder_16m2m_gg_",
-  "_active": "__active_16m2m_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_16m2m_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_1w4xu_gg_{position:relative;width:auto;outline:0}.___STimePicker_1w4xu_gg_.__keyboardFocused_1w4xu_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1w4xu_gg_.__disabled_1w4xu_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1w4xu_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1w4xu_gg_.__placeholder_1w4xu_gg_{text-overflow:initial}.___SPickerInput_1w4xu_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1w4xu_gg_._size_l_1w4xu_gg_,.___SPickerInput_1w4xu_gg_._size_m_1w4xu_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1w4xu_gg_._size_l_1w4xu_gg_{width:21px}.___SPickerFormat_1w4xu_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1w4xu_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1w4xu_gg_.__active_1w4xu_gg_,.___SPickerFormat_1w4xu_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1w4xu_gg_:focus,.___SPickerFormat_1w4xu_gg_:focus-visible{outline:0}.___SPickerFormat_1w4xu_gg_._size_m_1w4xu_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1w4xu_gg_._size_m_1w4xu_gg_ .___SPickerFormatText_1w4xu_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1w4xu_gg_._size_l_1w4xu_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1w4xu_gg_._size_l_1w4xu_gg_ .___SPickerFormatText_1w4xu_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1w4xu_gg_.__disabled_1w4xu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1w4xu_gg_.__keyboardFocused_1w4xu_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1w4xu_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1w4xu_gg_.__disabled_1w4xu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1w4xu_gg_") /*__reshadow_css_end__*/, {
+  "__STimePicker": "___STimePicker_1w4xu_gg_",
+  "_keyboardFocused": "__keyboardFocused_1w4xu_gg_",
+  "_disabled": "__disabled_1w4xu_gg_",
+  "__SPickerInput": "___SPickerInput_1w4xu_gg_",
+  "_size_m": "_size_m_1w4xu_gg_",
+  "_size_l": "_size_l_1w4xu_gg_",
+  "__SPickerFormat": "___SPickerFormat_1w4xu_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_1w4xu_gg_",
+  "_placeholder": "__placeholder_1w4xu_gg_",
+  "_active": "__active_1w4xu_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_1w4xu_gg_"
 });
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 var MAP_MERIDIEM = {

package/time-picker/lib/es6/translations/de.json

@@ -1,7 +1,8 @@
 {
-  "title": "Zeiteingabe, eingegebene Zeit ist {time} {meridiem}",
-  "titleEmpty": "Zeiteingabe, keine Zeit eingegeben",
-  "hours": "Eingabefeld Stunden",
-  "minutes": "Eingabefeld Minuten",
-  "format": "Zeitformat {meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "Auswählen",
+  "hours": "Stunden",
+  "minutes": "Minuten",
+  "formatToggler": "Zeitraum",
+  "changedFormatNotice": "Zeitraum geändert auf {meridiem}"
 }

package/time-picker/lib/es6/translations/es.json

@@ -1,7 +1,8 @@
 {
-  "title": "Introducción de la hora, la hora introducida es {time} {meridiem}",
-  "titleEmpty": "Introducción de la hora, no se ha introducido la hora",
-  "hours": "Campo de entrada de horas",
-  "minutes": "Campo de input de minutos",
-  "format": "Formato de tiempo {meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "Seleccionar",
+  "hours": "Horas",
+  "minutes": "Minutos",
+  "formatToggler": "Período de tiempo",
+  "changedFormatNotice": "Periodo de tiempo cambiado a {meridiem}"
 }

package/time-picker/lib/es6/translations/fr.json

@@ -1,7 +1,8 @@
 {
-  "title": "Saisie de l’heure, l’heure saisie est {time} {meridiem}",
-  "titleEmpty": "Saisie de l’heure, aucune heure n’a été saisie",
-  "hours": "Champ de saisie des heures",
-  "minutes": "Champ de saisie des minutes",
-  "format": "Format de l’heure {meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "Sélectionner",
+  "hours": "Heures",
+  "minutes": "Minutes",
+  "formatToggler": "Période",
+  "changedFormatNotice": "La période a été définie sur {meridiem}"
 }

package/time-picker/lib/es6/translations/it.json

@@ -1,7 +1,8 @@
 {
-  "title": "Input dell'orario, l'orario inserito è {time} {meridiem}",
-  "titleEmpty": "Input dell'orario, nessun orario inserito",
-  "hours": "Campo input ore",
-  "minutes": "Campo input minuti",
-  "format": "Formato orario {meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "Seleziona",
+  "hours": "Ore",
+  "minutes": "Minuti",
+  "formatToggler": "Periodo",
+  "changedFormatNotice": "Periodo indicato in {meridiem}"
 }

package/time-picker/lib/es6/translations/ja.json

@@ -1,7 +1,8 @@
 {
-  "title": "時刻入力、入力された時刻は{time} {meridiem} です",
-  "titleEmpty": "時刻入力、時刻は入力されていません",
-  "hours": "時間入力フィールド",
-  "minutes": "分入力フィールド",
-  "format": "時刻フォーマット{meridiem}"
+  "title": "{time} {meridiem}",
+  "titleEmpty": "選択",
+  "hours": "時間",
+  "minutes": "分",
+  "formatToggler": "期間",
+  "changedFormatNotice": "期間を {meridiem} に変更"
 }