intergalactic 15.47.0-prerelease-d0e4c462 → 15.47.0-prerelease-a181ed4d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/accordion/lib/cjs/Accordion.js +6 -6
  3. package/accordion/lib/es6/Accordion.js +6 -6
  4. package/base-trigger/lib/cjs/BaseTrigger.js +18 -18
  5. package/base-trigger/lib/cjs/ButtonTrigger.js +3 -3
  6. package/base-trigger/lib/cjs/FilterTrigger.js +7 -7
  7. package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
  8. package/base-trigger/lib/es6/BaseTrigger.js +18 -18
  9. package/base-trigger/lib/es6/ButtonTrigger.js +3 -3
  10. package/base-trigger/lib/es6/FilterTrigger.js +7 -7
  11. package/base-trigger/lib/es6/LinkTrigger.js +12 -12
  12. package/breadcrumbs/lib/cjs/Breadcrumbs.js +6 -6
  13. package/breadcrumbs/lib/es6/Breadcrumbs.js +6 -6
  14. package/card/lib/cjs/Card.js +8 -8
  15. package/card/lib/es6/Card.js +8 -8
  16. package/carousel/lib/cjs/Carousel.js +16 -16
  17. package/carousel/lib/es6/Carousel.js +16 -16
  18. package/color-picker/lib/cjs/ColorPicker.js +23 -23
  19. package/color-picker/lib/cjs/PaletteManager.js +23 -23
  20. package/color-picker/lib/cjs/components/InputColor.js +23 -23
  21. package/color-picker/lib/es6/ColorPicker.js +23 -23
  22. package/color-picker/lib/es6/PaletteManager.js +23 -23
  23. package/color-picker/lib/es6/components/InputColor.js +23 -23
  24. package/data-table/lib/cjs/Body.js +4 -4
  25. package/data-table/lib/cjs/DataTable.js +40 -40
  26. package/data-table/lib/cjs/Head.js +4 -4
  27. package/data-table/lib/es6/Body.js +4 -4
  28. package/data-table/lib/es6/DataTable.js +40 -40
  29. package/data-table/lib/es6/Head.js +4 -4
  30. package/date-picker/lib/cjs/components/Calendar.js +21 -21
  31. package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +26 -26
  32. package/date-picker/lib/cjs/components/InputTrigger.js +26 -26
  33. package/date-picker/lib/cjs/components/PickerAbstract.js +26 -26
  34. package/date-picker/lib/cjs/components/RangePickerAbstract.js +26 -26
  35. package/date-picker/lib/es6/components/Calendar.js +21 -21
  36. package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +26 -26
  37. package/date-picker/lib/es6/components/InputTrigger.js +26 -26
  38. package/date-picker/lib/es6/components/PickerAbstract.js +26 -26
  39. package/date-picker/lib/es6/components/RangePickerAbstract.js +26 -26
  40. package/drag-and-drop/lib/cjs/DragAndDrop.js +12 -12
  41. package/drag-and-drop/lib/es6/DragAndDrop.js +12 -12
  42. package/feature-popover/lib/cjs/FeaturePopover.js +10 -10
  43. package/feature-popover/lib/es6/FeaturePopover.js +10 -10
  44. package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
  45. package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
  46. package/icon/color/Confluence/l/index.js +4 -4
  47. package/icon/color/Confluence/l/index.mjs +4 -4
  48. package/icon/color/Confluence/m/index.js +4 -4
  49. package/icon/color/Confluence/m/index.mjs +4 -4
  50. package/icon/color/MicrosoftOffice/l/index.js +10 -10
  51. package/icon/color/MicrosoftOffice/l/index.mjs +10 -10
  52. package/icon/color/MicrosoftOffice/m/index.js +10 -10
  53. package/icon/color/MicrosoftOffice/m/index.mjs +10 -10
  54. package/icon/lib/cjs/Icon.js +5 -5
  55. package/icon/lib/es6/Icon.js +5 -5
  56. package/icon/pay/Discover/l/index.js +1 -1
  57. package/icon/pay/Discover/l/index.mjs +1 -1
  58. package/icon/pay/Discover/m/index.js +1 -1
  59. package/icon/pay/Discover/m/index.mjs +1 -1
  60. package/icon/pay/JCB/l/index.js +10 -10
  61. package/icon/pay/JCB/l/index.mjs +10 -10
  62. package/icon/pay/JCB/m/index.js +10 -10
  63. package/icon/pay/JCB/m/index.mjs +10 -10
  64. package/icon/pay/Visa/l/index.js +2 -2
  65. package/icon/pay/Visa/l/index.mjs +2 -2
  66. package/icon/pay/Visa/m/index.js +2 -2
  67. package/icon/pay/Visa/m/index.mjs +2 -2
  68. package/inline-input/lib/cjs/InlineInput.js +18 -18
  69. package/inline-input/lib/es6/InlineInput.js +18 -18
  70. package/input-tags/lib/cjs/InputTags.js +2 -5
  71. package/input-tags/lib/cjs/InputTags.js.map +1 -1
  72. package/input-tags/lib/es6/InputTags.js +2 -5
  73. package/input-tags/lib/es6/InputTags.js.map +1 -1
  74. package/modal/lib/cjs/Modal.js +7 -7
  75. package/modal/lib/es6/Modal.js +7 -7
  76. package/notice/lib/cjs/Notice.js +13 -13
  77. package/notice/lib/cjs/translations/de.json +1 -1
  78. package/notice/lib/cjs/translations/en.json +1 -1
  79. package/notice/lib/cjs/translations/es.json +1 -1
  80. package/notice/lib/cjs/translations/fr.json +1 -1
  81. package/notice/lib/cjs/translations/it.json +1 -1
  82. package/notice/lib/cjs/translations/ja.json +1 -1
  83. package/notice/lib/cjs/translations/ko.json +1 -1
  84. package/notice/lib/cjs/translations/nl.json +1 -1
  85. package/notice/lib/cjs/translations/pl.json +1 -1
  86. package/notice/lib/cjs/translations/pt.json +1 -1
  87. package/notice/lib/cjs/translations/sv.json +1 -1
  88. package/notice/lib/cjs/translations/tr.json +1 -1
  89. package/notice/lib/cjs/translations/vi.json +1 -1
  90. package/notice/lib/cjs/translations/zh.json +1 -1
  91. package/notice/lib/es6/Notice.js +13 -13
  92. package/notice/lib/es6/translations/de.json +1 -1
  93. package/notice/lib/es6/translations/en.json +1 -1
  94. package/notice/lib/es6/translations/es.json +1 -1
  95. package/notice/lib/es6/translations/fr.json +1 -1
  96. package/notice/lib/es6/translations/it.json +1 -1
  97. package/notice/lib/es6/translations/ja.json +1 -1
  98. package/notice/lib/es6/translations/ko.json +1 -1
  99. package/notice/lib/es6/translations/nl.json +1 -1
  100. package/notice/lib/es6/translations/pl.json +1 -1
  101. package/notice/lib/es6/translations/pt.json +1 -1
  102. package/notice/lib/es6/translations/sv.json +1 -1
  103. package/notice/lib/es6/translations/tr.json +1 -1
  104. package/notice/lib/es6/translations/vi.json +1 -1
  105. package/notice/lib/es6/translations/zh.json +1 -1
  106. package/notice-bubble/lib/cjs/NoticeBubble.js +12 -12
  107. package/notice-bubble/lib/es6/NoticeBubble.js +12 -12
  108. package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
  109. package/notice-global/lib/es6/NoticeGlobal.js +11 -11
  110. package/package.json +4 -4
  111. package/pagination/lib/cjs/Pagination.js +10 -10
  112. package/pagination/lib/es6/Pagination.js +10 -10
  113. package/select/lib/cjs/InputSearch.js +6 -6
  114. package/select/lib/cjs/Select.js +7 -7
  115. package/select/lib/es6/InputSearch.js +6 -6
  116. package/select/lib/es6/Select.js +7 -7
  117. package/side-panel/lib/cjs/SidePanel.js +15 -15
  118. package/side-panel/lib/es6/SidePanel.js +15 -15
  119. package/tag/lib/cjs/Tag.js +19 -19
  120. package/tag/lib/es6/Tag.js +19 -19
  121. package/time-picker/lib/cjs/TimePicker.js +12 -12
  122. package/time-picker/lib/es6/TimePicker.js +12 -12
  123. package/typography/lib/cjs/Blockquote.js +4 -4
  124. package/typography/lib/cjs/Hint.js +7 -7
  125. package/typography/lib/cjs/List.js +5 -5
  126. package/typography/lib/cjs/Text.js +34 -34
  127. package/typography/lib/es6/Blockquote.js +4 -4
  128. package/typography/lib/es6/Hint.js +7 -7
  129. package/typography/lib/es6/List.js +5 -5
  130. package/typography/lib/es6/Text.js +34 -34
  131. package/wizard/lib/cjs/Wizard.js +11 -11
  132. package/wizard/lib/es6/Wizard.js +11 -11
@@ -178,9 +178,7 @@ var InputTags = /*#__PURE__*/function (_Component) {
178
178
  "onMouseDown": this.moveFocusToInput,
179
179
  "onFocus": this.handleContainerFocus,
180
180
  "container": this.scrollContainerRef
181
- }, _ref))), /*#__PURE__*/React.createElement(SListAriaWrapper, _ref4.cn("SListAriaWrapper", {
182
- "role": 'list'
183
- }), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {}))));
181
+ }, _ref))), /*#__PURE__*/React.createElement(SListAriaWrapper, _ref4.cn("SListAriaWrapper", {}), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {}))));
184
182
  }
185
183
  }]);
186
184
  return InputTags;
@@ -259,7 +257,7 @@ var Value = /*#__PURE__*/function (_Component2) {
259
257
  }
260
258
  }, _ref2)))), /*#__PURE__*/React.createElement(SSpacer, _ref5.cn("SSpacer", {
261
259
  "ref": this._spacer,
262
- "role": 'none'
260
+ "aria-hidden": true
263
261
  })));
264
262
  }
265
263
  }]);
@@ -278,7 +276,6 @@ function InputTag(props) {
278
276
  };
279
277
  return _ref6 = sstyled(props.styles), /*#__PURE__*/React.createElement(STag, _ref6.cn("STag", _objectSpread({}, _assignProps3({
280
278
  "data-value": props.value,
281
- "role": 'listitem',
282
279
  "onKeyDown": onKeyDown
283
280
  }, _ref3))));
284
281
  }
@@ -1 +1 @@
1
- {"version":3,"file":"InputTags.js","names":["React","createComponent","Component","sstyled","Root","Input","ScrollArea","Tag","fire","style","_sstyled","insert","InputTags","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","event","inputRef","current","target","caretPosition","value","preventDefault","focus","setSelectionRange","key","currentTarget","delimiters","asProps","lastSymbol","slice","trimmedValue","trim","includes","_this$inputRef$curren","scrollIntoView","setTimeout","_this$inputRef$curren2","block","inline","behavior","_this$inputRef$curren3","clipboardData","getData","_this$asProps","onAdd","onAppend","reg","RegExp","filter","s","test","String","map","replace","join","tagsToBeAdded","split","Boolean","_iterator","_createForOfIteratorHelper","_step","n","done","tag","err","e","f","_this$inputRef$curren4","editable","container","scrollContainerRef","hasTags","tagsRefs","some","moveFocusToInput","_createClass","getValueProps","ref","onKeyDown","handleKeyDown","onPaste","handlePaste","getTagProps","_ref7","index","_this2","size","onClick","bindHandlerTagClick","node","render","_ref","_ref4","SInputTags","_this$asProps2","Children","styles","SListAriaWrapper","createElement","cn","_objectSpread","_assignProps","handleContainerFocus","defaultValue","Value","_Component2","_super2","_this3","_len2","_key2","width","updateInputStyles","spacerNode","_spacer","placeholder","props","magicOffset","undefined","setState","Math","max","componentDidMount","componentDidUpdate","prevProps","_this$asProps3","_ref2","_ref5","SValue","SSpacer","Fragment","_assignProps2","state","InputTag","_ref3","arguments[0]","_ref6","STag","_props$onClick","_assignProps3","Text","Close","Addon","Circle"],"sources":["../../src/InputTags.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n Component,\n sstyled,\n Root,\n PropGetterFn,\n UnknownProperties,\n Intergalactic,\n} from '@semcore/core';\nimport Input, { InputProps, InputValueProps } from '@semcore/input';\nimport ScrollArea, { ScrollAreaProps } from '@semcore/scroll-area';\nimport Tag, { TagProps } from '@semcore/tag';\nimport fire from '@semcore/utils/lib/fire';\n\nimport style from './style/input-tag.shadow.css';\n\n/** @deprecated */\nexport interface IInputTagsValueProps extends InputTagsValueProps, UnknownProperties {}\nexport type InputTagsValueProps = InputValueProps & {};\n\nexport type InputTagsSize = 'l' | 'm';\n\n/** @deprecated */\nexport interface IInputTagsProps extends InputTagsProps, UnknownProperties {}\nexport type InputTagsProps = Omit<InputProps, 'size'> &\n ScrollAreaProps & {\n /**\n * Component size\n * @default m\n */\n size?: InputTagsSize;\n /**\n * Event is called when tag needs to be added\n * @deprecated use `onAppend` instead\n */\n onAdd?: (value: string, event: React.KeyboardEvent | React.ClipboardEvent) => void;\n /** Event is called when tags need to be added */\n onAppend?: (values: string[], event: React.KeyboardEvent | React.ClipboardEvent) => void;\n /** Event is called when tags need to be removed */\n onRemove?: (event: React.KeyboardEvent | React.MouseEvent) => void;\n /** List delimiter of tags. Don't forget to add 'Enter' and 'Tab' to hande corresponding hotkeys.\n * @default [',', ';', '|', 'Enter', 'Tab']\n * */\n delimiters?: string[];\n };\n\n/** @deprecated */\nexport interface IInputTagsTagProps extends InputTagsTagProps, UnknownProperties {}\nexport type InputTagsTagProps = TagProps & {\n /** Property enabling the ability to remove a tag on click */\n editable?: boolean;\n};\n\n/** @deprecated */\nexport interface IInputTagsContext extends InputTagsContext, UnknownProperties {}\nexport type InputTagsContext = InputTagsProps & {\n getValueProps: PropGetterFn;\n getTagProps: PropGetterFn;\n};\n\nclass InputTags extends Component<IInputTagsProps> {\n static displayName = 'InputTags';\n static style = style;\n\n static defaultProps = {\n size: 'm',\n delimiters: [',', ';', '|', 'Enter', 'Tab'],\n defaultValue: '',\n };\n\n inputRef = React.createRef<HTMLInputElement>();\n scrollContainerRef = React.createRef<HTMLElement>();\n tagsRefs: (HTMLElement | null)[] = [];\n\n moveFocusToInput = (event: React.FocusEvent) => {\n const inputRef = this.inputRef.current;\n if (inputRef && event.target !== inputRef) {\n const caretPosition = inputRef.value.length;\n event.preventDefault();\n inputRef.focus();\n inputRef.setSelectionRange(caretPosition, caretPosition);\n }\n };\n\n handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n const { key, currentTarget } = event;\n const { delimiters } = this.asProps;\n const { value } = currentTarget;\n const lastSymbol = value.slice(-1);\n const trimmedValue = value.trim();\n\n if ((delimiters?.includes(key) || (lastSymbol === ' ' && key === ' ')) && trimmedValue) {\n event.preventDefault();\n fire(this, 'onAdd', trimmedValue, event);\n fire(this, 'onAppend', [trimmedValue], event);\n if (typeof this.inputRef.current?.scrollIntoView === 'function') {\n setTimeout(() => {\n if (typeof this.inputRef.current?.scrollIntoView === 'function') {\n this.inputRef.current.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n behavior: 'smooth',\n });\n }\n }, 0);\n }\n }\n\n if (key === 'Backspace' && !value) {\n event.preventDefault();\n fire(this, 'onRemove', event);\n }\n };\n\n handlePaste = (event: React.ClipboardEvent) => {\n const value = event.clipboardData.getData('text/plain');\n const { delimiters, onAdd, onAppend } = this.asProps;\n const reg = new RegExp(\n delimiters!\n .filter((s) => !/\\w+/.test(String(s)))\n .map((s) => s.replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&'))\n .join('|'),\n );\n const tagsToBeAdded = value.split(reg).filter(Boolean);\n if (tagsToBeAdded.length > 0) {\n event.preventDefault();\n for (const tag of tagsToBeAdded) {\n onAdd?.(tag, event);\n }\n onAppend?.(tagsToBeAdded, event);\n }\n if (typeof this.inputRef.current?.scrollIntoView === 'function') {\n setTimeout(() => {\n if (typeof this.inputRef.current?.scrollIntoView === 'function') {\n this.inputRef.current.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n behavior: 'smooth',\n });\n }\n }, 0);\n }\n };\n\n bindHandlerTagClick = (editable: boolean) => (event: React.MouseEvent) => {\n if (!editable) return;\n fire(this, 'onRemove', event);\n };\n\n handleContainerFocus = (event: React.FocusEvent) => {\n const { target } = event;\n const { current: container } = this.scrollContainerRef;\n if (!container || target !== container) return;\n const hasTags = this.tagsRefs.some(Boolean);\n if (hasTags) return;\n this.moveFocusToInput(event);\n };\n\n getValueProps() {\n return {\n ref: this.inputRef,\n onKeyDown: this.handleKeyDown,\n onPaste: this.handlePaste,\n };\n }\n\n getTagProps({ editable }: { editable: boolean }, index: number) {\n return {\n size: this.asProps.size,\n onClick: this.bindHandlerTagClick(editable),\n ref: (node: HTMLElement | null) => {\n this.tagsRefs[index] = node;\n },\n };\n }\n\n render() {\n const SInputTags = Root;\n const { Children, styles } = this.asProps;\n const SListAriaWrapper = 'div';\n\n return sstyled(styles)(\n <SInputTags\n render={Input}\n tag={ScrollArea}\n onMouseDown={this.moveFocusToInput}\n onFocus={this.handleContainerFocus}\n container={this.scrollContainerRef}\n >\n <SListAriaWrapper role='list'>\n <Children />\n </SListAriaWrapper>\n </SInputTags>,\n );\n }\n}\n\nclass Value extends Component<IInputTagsValueProps> {\n private _spacer = React.createRef<HTMLDivElement>();\n\n state = {\n width: '10px',\n };\n\n componentDidMount() {\n this.updateInputStyles(this.asProps.value!);\n }\n\n componentDidUpdate(prevProps: any) {\n const { value, placeholder } = this.asProps;\n if (value !== prevProps.value || placeholder !== prevProps.placeholder) {\n this.updateInputStyles(value!);\n }\n }\n\n handleChange = (value: string) => {\n this.updateInputStyles(value);\n };\n\n updateInputStyles = (value: string) => {\n const { current: spacerNode } = this._spacer;\n if (!spacerNode) return;\n const { placeholder } = this.props;\n /* for display cursor */\n let magicOffset = 2;\n if (placeholder && (value === undefined || value === '')) {\n // @ts-ignore\n spacerNode['innerText'] = placeholder;\n /* for [placeholder] {\n text-overflow: ellipsis;\n }*/\n magicOffset += 8;\n } else {\n spacerNode['innerText'] = value;\n }\n this.setState({\n width: `${Math.max(spacerNode['offsetWidth'], spacerNode['scrollWidth']) + magicOffset}px`,\n });\n };\n\n render() {\n const SValue = Root;\n const SSpacer = 'div';\n\n return sstyled(this.asProps.styles)(\n <>\n <SValue render={Input.Value} style={{ width: this.state.width }} />\n <SSpacer ref={this._spacer} role='none' />\n </>,\n );\n }\n}\n\nfunction InputTag(props: any) {\n const STag = Root;\n\n const onKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === 'Enter') {\n props.onClick?.(event);\n\n return false;\n }\n };\n\n return sstyled(props.styles)(\n <STag data-value={props.value} render={Tag} role='listitem' onKeyDown={onKeyDown} />,\n );\n}\n\nexport default createComponent(InputTags, {\n Value,\n Tag: [\n InputTag,\n {\n Text: Tag.Text,\n Close: Tag.Close,\n Addon: Tag.Addon,\n Circle: Tag.Circle,\n },\n ],\n}) as any as Intergalactic.Component<'div', InputTagsProps, InputTagsContext> & {\n Value: typeof Input.Value;\n Tag: Intergalactic.Component<'div', InputTagsTagProps> & {\n Text: typeof Tag.Text;\n Close: typeof Tag.Close;\n Addon: typeof Tag.Addon;\n Circle: typeof Tag.Circle;\n };\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"InputTags.js","names":["React","createComponent","Component","sstyled","Root","Input","ScrollArea","Tag","fire","style","_sstyled","insert","InputTags","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","event","inputRef","current","target","caretPosition","value","preventDefault","focus","setSelectionRange","key","currentTarget","delimiters","asProps","lastSymbol","slice","trimmedValue","trim","includes","_this$inputRef$curren","scrollIntoView","setTimeout","_this$inputRef$curren2","block","inline","behavior","_this$inputRef$curren3","clipboardData","getData","_this$asProps","onAdd","onAppend","reg","RegExp","filter","s","test","String","map","replace","join","tagsToBeAdded","split","Boolean","_iterator","_createForOfIteratorHelper","_step","n","done","tag","err","e","f","_this$inputRef$curren4","editable","container","scrollContainerRef","hasTags","tagsRefs","some","moveFocusToInput","_createClass","getValueProps","ref","onKeyDown","handleKeyDown","onPaste","handlePaste","getTagProps","_ref7","index","_this2","size","onClick","bindHandlerTagClick","node","render","_ref","_ref4","SInputTags","_this$asProps2","Children","styles","SListAriaWrapper","createElement","cn","_objectSpread","_assignProps","handleContainerFocus","defaultValue","Value","_Component2","_super2","_this3","_len2","_key2","width","updateInputStyles","spacerNode","_spacer","placeholder","props","magicOffset","undefined","setState","Math","max","componentDidMount","componentDidUpdate","prevProps","_this$asProps3","_ref2","_ref5","SValue","SSpacer","Fragment","_assignProps2","state","InputTag","_ref3","arguments[0]","_ref6","STag","_props$onClick","_assignProps3","Text","Close","Addon","Circle"],"sources":["../../src/InputTags.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n Component,\n sstyled,\n Root,\n PropGetterFn,\n UnknownProperties,\n Intergalactic,\n} from '@semcore/core';\nimport Input, { InputProps, InputValueProps } from '@semcore/input';\nimport ScrollArea, { ScrollAreaProps } from '@semcore/scroll-area';\nimport Tag, { TagProps } from '@semcore/tag';\nimport fire from '@semcore/utils/lib/fire';\n\nimport style from './style/input-tag.shadow.css';\n\n/** @deprecated */\nexport interface IInputTagsValueProps extends InputTagsValueProps, UnknownProperties {}\nexport type InputTagsValueProps = InputValueProps & {};\n\nexport type InputTagsSize = 'l' | 'm';\n\n/** @deprecated */\nexport interface IInputTagsProps extends InputTagsProps, UnknownProperties {}\nexport type InputTagsProps = Omit<InputProps, 'size'> &\n ScrollAreaProps & {\n /**\n * Component size\n * @default m\n */\n size?: InputTagsSize;\n /**\n * Event is called when tag needs to be added\n * @deprecated use `onAppend` instead\n */\n onAdd?: (value: string, event: React.KeyboardEvent | React.ClipboardEvent) => void;\n /** Event is called when tags need to be added */\n onAppend?: (values: string[], event: React.KeyboardEvent | React.ClipboardEvent) => void;\n /** Event is called when tags need to be removed */\n onRemove?: (event: React.KeyboardEvent | React.MouseEvent) => void;\n /** List delimiter of tags. Don't forget to add 'Enter' and 'Tab' to hande corresponding hotkeys.\n * @default [',', ';', '|', 'Enter', 'Tab']\n * */\n delimiters?: string[];\n };\n\n/** @deprecated */\nexport interface IInputTagsTagProps extends InputTagsTagProps, UnknownProperties {}\nexport type InputTagsTagProps = TagProps & {\n /** Property enabling the ability to remove a tag on click */\n editable?: boolean;\n};\n\n/** @deprecated */\nexport interface IInputTagsContext extends InputTagsContext, UnknownProperties {}\nexport type InputTagsContext = InputTagsProps & {\n getValueProps: PropGetterFn;\n getTagProps: PropGetterFn;\n};\n\nclass InputTags extends Component<IInputTagsProps> {\n static displayName = 'InputTags';\n static style = style;\n\n static defaultProps = {\n size: 'm',\n delimiters: [',', ';', '|', 'Enter', 'Tab'],\n defaultValue: '',\n };\n\n inputRef = React.createRef<HTMLInputElement>();\n scrollContainerRef = React.createRef<HTMLElement>();\n tagsRefs: (HTMLElement | null)[] = [];\n\n moveFocusToInput = (event: React.FocusEvent) => {\n const inputRef = this.inputRef.current;\n if (inputRef && event.target !== inputRef) {\n const caretPosition = inputRef.value.length;\n event.preventDefault();\n inputRef.focus();\n inputRef.setSelectionRange(caretPosition, caretPosition);\n }\n };\n\n handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n const { key, currentTarget } = event;\n const { delimiters } = this.asProps;\n const { value } = currentTarget;\n const lastSymbol = value.slice(-1);\n const trimmedValue = value.trim();\n\n if ((delimiters?.includes(key) || (lastSymbol === ' ' && key === ' ')) && trimmedValue) {\n event.preventDefault();\n fire(this, 'onAdd', trimmedValue, event);\n fire(this, 'onAppend', [trimmedValue], event);\n if (typeof this.inputRef.current?.scrollIntoView === 'function') {\n setTimeout(() => {\n if (typeof this.inputRef.current?.scrollIntoView === 'function') {\n this.inputRef.current.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n behavior: 'smooth',\n });\n }\n }, 0);\n }\n }\n\n if (key === 'Backspace' && !value) {\n event.preventDefault();\n fire(this, 'onRemove', event);\n }\n };\n\n handlePaste = (event: React.ClipboardEvent) => {\n const value = event.clipboardData.getData('text/plain');\n const { delimiters, onAdd, onAppend } = this.asProps;\n const reg = new RegExp(\n delimiters!\n .filter((s) => !/\\w+/.test(String(s)))\n .map((s) => s.replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&'))\n .join('|'),\n );\n const tagsToBeAdded = value.split(reg).filter(Boolean);\n if (tagsToBeAdded.length > 0) {\n event.preventDefault();\n for (const tag of tagsToBeAdded) {\n onAdd?.(tag, event);\n }\n onAppend?.(tagsToBeAdded, event);\n }\n if (typeof this.inputRef.current?.scrollIntoView === 'function') {\n setTimeout(() => {\n if (typeof this.inputRef.current?.scrollIntoView === 'function') {\n this.inputRef.current.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n behavior: 'smooth',\n });\n }\n }, 0);\n }\n };\n\n bindHandlerTagClick = (editable: boolean) => (event: React.MouseEvent) => {\n if (!editable) return;\n fire(this, 'onRemove', event);\n };\n\n handleContainerFocus = (event: React.FocusEvent) => {\n const { target } = event;\n const { current: container } = this.scrollContainerRef;\n if (!container || target !== container) return;\n const hasTags = this.tagsRefs.some(Boolean);\n if (hasTags) return;\n this.moveFocusToInput(event);\n };\n\n getValueProps() {\n return {\n ref: this.inputRef,\n onKeyDown: this.handleKeyDown,\n onPaste: this.handlePaste,\n };\n }\n\n getTagProps({ editable }: { editable: boolean }, index: number) {\n return {\n size: this.asProps.size,\n onClick: this.bindHandlerTagClick(editable),\n ref: (node: HTMLElement | null) => {\n this.tagsRefs[index] = node;\n },\n };\n }\n\n render() {\n const SInputTags = Root;\n const { Children, styles } = this.asProps;\n const SListAriaWrapper = 'div';\n\n return sstyled(styles)(\n <SInputTags\n render={Input}\n tag={ScrollArea}\n onMouseDown={this.moveFocusToInput}\n onFocus={this.handleContainerFocus}\n container={this.scrollContainerRef}\n >\n <SListAriaWrapper>\n <Children />\n </SListAriaWrapper>\n </SInputTags>,\n );\n }\n}\n\nclass Value extends Component<IInputTagsValueProps> {\n private _spacer = React.createRef<HTMLDivElement>();\n\n state = {\n width: '10px',\n };\n\n componentDidMount() {\n this.updateInputStyles(this.asProps.value!);\n }\n\n componentDidUpdate(prevProps: any) {\n const { value, placeholder } = this.asProps;\n if (value !== prevProps.value || placeholder !== prevProps.placeholder) {\n this.updateInputStyles(value!);\n }\n }\n\n handleChange = (value: string) => {\n this.updateInputStyles(value);\n };\n\n updateInputStyles = (value: string) => {\n const { current: spacerNode } = this._spacer;\n if (!spacerNode) return;\n const { placeholder } = this.props;\n /* for display cursor */\n let magicOffset = 2;\n if (placeholder && (value === undefined || value === '')) {\n // @ts-ignore\n spacerNode['innerText'] = placeholder;\n /* for [placeholder] {\n text-overflow: ellipsis;\n }*/\n magicOffset += 8;\n } else {\n spacerNode['innerText'] = value;\n }\n this.setState({\n width: `${Math.max(spacerNode['offsetWidth'], spacerNode['scrollWidth']) + magicOffset}px`,\n });\n };\n\n render() {\n const SValue = Root;\n const SSpacer = 'div';\n\n return sstyled(this.asProps.styles)(\n <>\n <SValue render={Input.Value} style={{ width: this.state.width }} />\n <SSpacer ref={this._spacer} aria-hidden />\n </>,\n );\n }\n}\n\nfunction InputTag(props: any) {\n const STag = Root;\n\n const onKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === 'Enter') {\n props.onClick?.(event);\n\n return false;\n }\n };\n\n return sstyled(props.styles)(\n <STag data-value={props.value} render={Tag} onKeyDown={onKeyDown} />,\n );\n}\n\nexport default createComponent(InputTags, {\n Value,\n Tag: [\n InputTag,\n {\n Text: Tag.Text,\n Close: Tag.Close,\n Addon: Tag.Addon,\n Circle: Tag.Circle,\n },\n ],\n}) as any as Intergalactic.Component<'div', InputTagsProps, InputTagsContext> & {\n Value: typeof Input.Value;\n Tag: Intergalactic.Component<'div', InputTagsTagProps> & {\n Text: typeof Tag.Text;\n Close: typeof Tag.Close;\n Addon: typeof Tag.Addon;\n Circle: typeof Tag.Circle;\n };\n};\n"],"mappings":"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"}
@@ -32,13 +32,13 @@ var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
32
32
  var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
33
33
  var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
34
34
  /*__reshadow-styles__:"./style/modal.shadow.css"*/
35
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWindow_dwhey_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_dwhey_gg_:focus{outline:0}.___SWindow_dwhey_gg_.__ghost_dwhey_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_dwhey_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_dwhey_gg_ .___SOverlay_dwhey_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_dwhey_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_dwhey_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_dwhey_gg_.__ghost_dwhey_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_dwhey_gg_.__ghost_dwhey_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_dwhey_gg_.__keyboardFocused_dwhey_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STitle_dwhey_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px)}@media (max-width:767px){.___SWindow_dwhey_gg_{min-width:60%}.___SOverlay_dwhey_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "dwhey_gg_") /*__reshadow_css_end__*/, {
36
- "__SWindow": "___SWindow_dwhey_gg_",
37
- "_ghost": "__ghost_dwhey_gg_",
38
- "__SClose": "___SClose_dwhey_gg_",
39
- "_keyboardFocused": "__keyboardFocused_dwhey_gg_",
40
- "__STitle": "___STitle_dwhey_gg_",
41
- "__SOverlay": "___SOverlay_dwhey_gg_"
35
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWindow_8etso_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_8etso_gg_:focus{outline:0}.___SWindow_8etso_gg_.__ghost_8etso_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_8etso_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_8etso_gg_ .___SOverlay_8etso_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_8etso_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_8etso_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_8etso_gg_.__ghost_8etso_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_8etso_gg_.__ghost_8etso_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_8etso_gg_.__keyboardFocused_8etso_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STitle_8etso_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px)}@media (max-width:767px){.___SWindow_8etso_gg_{min-width:60%}.___SOverlay_8etso_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "8etso_gg_") /*__reshadow_css_end__*/, {
36
+ "__SWindow": "___SWindow_8etso_gg_",
37
+ "_ghost": "__ghost_8etso_gg_",
38
+ "__SClose": "___SClose_8etso_gg_",
39
+ "_keyboardFocused": "__keyboardFocused_8etso_gg_",
40
+ "__STitle": "___STitle_8etso_gg_",
41
+ "__SOverlay": "___SOverlay_8etso_gg_"
42
42
  });
43
43
  var ModalRoot = /*#__PURE__*/function (_Component) {
44
44
  (0, _inherits2["default"])(ModalRoot, _Component);
@@ -23,13 +23,13 @@ import usePreventScroll from 'intergalactic/utils/lib/use/usePreventScroll';
23
23
  import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
24
24
  import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
25
25
  /*__reshadow-styles__:"./style/modal.shadow.css"*/
26
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_dwhey_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_dwhey_gg_:focus{outline:0}.___SWindow_dwhey_gg_.__ghost_dwhey_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_dwhey_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_dwhey_gg_ .___SOverlay_dwhey_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_dwhey_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_dwhey_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_dwhey_gg_.__ghost_dwhey_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_dwhey_gg_.__ghost_dwhey_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_dwhey_gg_.__keyboardFocused_dwhey_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STitle_dwhey_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px)}@media (max-width:767px){.___SWindow_dwhey_gg_{min-width:60%}.___SOverlay_dwhey_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "dwhey_gg_") /*__reshadow_css_end__*/, {
27
- "__SWindow": "___SWindow_dwhey_gg_",
28
- "_ghost": "__ghost_dwhey_gg_",
29
- "__SClose": "___SClose_dwhey_gg_",
30
- "_keyboardFocused": "__keyboardFocused_dwhey_gg_",
31
- "__STitle": "___STitle_dwhey_gg_",
32
- "__SOverlay": "___SOverlay_dwhey_gg_"
26
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_8etso_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_8etso_gg_:focus{outline:0}.___SWindow_8etso_gg_.__ghost_8etso_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_8etso_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_8etso_gg_ .___SOverlay_8etso_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_8etso_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_8etso_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_8etso_gg_.__ghost_8etso_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_8etso_gg_.__ghost_8etso_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_8etso_gg_.__keyboardFocused_8etso_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STitle_8etso_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px)}@media (max-width:767px){.___SWindow_8etso_gg_{min-width:60%}.___SOverlay_8etso_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "8etso_gg_") /*__reshadow_css_end__*/, {
27
+ "__SWindow": "___SWindow_8etso_gg_",
28
+ "_ghost": "__ghost_8etso_gg_",
29
+ "__SClose": "___SClose_8etso_gg_",
30
+ "_keyboardFocused": "__keyboardFocused_8etso_gg_",
31
+ "__STitle": "___STitle_8etso_gg_",
32
+ "__SOverlay": "___SOverlay_8etso_gg_"
33
33
  });
34
34
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
35
35
  import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
@@ -24,19 +24,19 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
24
24
  var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
25
25
  var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
26
26
  /*__reshadow-styles__:"./style/notice.shadow.css"*/
27
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SNotice_1dx3t_gg_{display:flex;padding:var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;border-style:solid;border-width:1px;border-radius:var(--intergalactic-surface-rounded, 6px);color:var(--intergalactic-text-primary, #191b23)}.___SNotice_1dx3t_gg_._theme_info_1dx3t_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1dx3t_gg_._theme_info_1dx3t_gg_ .___SCloseIcon_1dx3t_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1dx3t_gg_._theme_info_1dx3t_gg_ .___SCloseIcon_1dx3t_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1dx3t_gg_._theme_danger_1dx3t_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1dx3t_gg_._theme_danger_1dx3t_gg_ .___SCloseIcon_1dx3t_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1dx3t_gg_._theme_danger_1dx3t_gg_ .___SCloseIcon_1dx3t_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1dx3t_gg_._theme_warning_1dx3t_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1dx3t_gg_._theme_warning_1dx3t_gg_ .___SCloseIcon_1dx3t_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1dx3t_gg_._theme_warning_1dx3t_gg_ .___SCloseIcon_1dx3t_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1dx3t_gg_._theme_success_1dx3t_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1dx3t_gg_._theme_success_1dx3t_gg_ .___SCloseIcon_1dx3t_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1dx3t_gg_._theme_success_1dx3t_gg_ .___SCloseIcon_1dx3t_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SContent_1dx3t_gg_{flex:1 1 auto;width:100%}.___SActions_1dx3t_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1dx3t_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_1dx3t_gg_._theme_info_1dx3t_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1dx3t_gg_._theme_danger_1dx3t_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1dx3t_gg_._theme_warning_1dx3t_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1dx3t_gg_._theme_success_1dx3t_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1dx3t_gg_._theme_custom_1dx3t_gg_{color:var(--color_1dx3t)}.___SCloseIcon_1dx3t_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1dx3t_gg_._theme_custom_1dx3t_gg_{background-color:var(--backgroundColor_1dx3t);border-color:var(--backgroundColor_1dx3t)}" /*__inner_css_end__*/, "1dx3t_gg_") /*__reshadow_css_end__*/, {
28
- "__SNotice": "___SNotice_1dx3t_gg_",
29
- "__SContent": "___SContent_1dx3t_gg_",
30
- "__SActions": "___SActions_1dx3t_gg_",
31
- "__SLabel": "___SLabel_1dx3t_gg_",
32
- "_theme_info": "_theme_info_1dx3t_gg_",
33
- "_theme_danger": "_theme_danger_1dx3t_gg_",
34
- "_theme_warning": "_theme_warning_1dx3t_gg_",
35
- "_theme_success": "_theme_success_1dx3t_gg_",
36
- "_theme_custom": "_theme_custom_1dx3t_gg_",
37
- "--color": "--color_1dx3t",
38
- "__SCloseIcon": "___SCloseIcon_1dx3t_gg_",
39
- "--backgroundColor": "--backgroundColor_1dx3t"
27
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SNotice_1oqbe_gg_{display:flex;padding:var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;border-style:solid;border-width:1px;border-radius:var(--intergalactic-surface-rounded, 6px);color:var(--intergalactic-text-primary, #191b23)}.___SNotice_1oqbe_gg_._theme_info_1oqbe_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1oqbe_gg_._theme_info_1oqbe_gg_ .___SCloseIcon_1oqbe_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1oqbe_gg_._theme_info_1oqbe_gg_ .___SCloseIcon_1oqbe_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1oqbe_gg_._theme_danger_1oqbe_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1oqbe_gg_._theme_danger_1oqbe_gg_ .___SCloseIcon_1oqbe_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1oqbe_gg_._theme_danger_1oqbe_gg_ .___SCloseIcon_1oqbe_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1oqbe_gg_._theme_warning_1oqbe_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1oqbe_gg_._theme_warning_1oqbe_gg_ .___SCloseIcon_1oqbe_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1oqbe_gg_._theme_warning_1oqbe_gg_ .___SCloseIcon_1oqbe_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1oqbe_gg_._theme_success_1oqbe_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1oqbe_gg_._theme_success_1oqbe_gg_ .___SCloseIcon_1oqbe_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1oqbe_gg_._theme_success_1oqbe_gg_ .___SCloseIcon_1oqbe_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SContent_1oqbe_gg_{flex:1 1 auto;width:100%}.___SActions_1oqbe_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1oqbe_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_1oqbe_gg_._theme_info_1oqbe_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1oqbe_gg_._theme_danger_1oqbe_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1oqbe_gg_._theme_warning_1oqbe_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1oqbe_gg_._theme_success_1oqbe_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1oqbe_gg_._theme_custom_1oqbe_gg_{color:var(--color_1oqbe)}.___SCloseIcon_1oqbe_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1oqbe_gg_._theme_custom_1oqbe_gg_{background-color:var(--backgroundColor_1oqbe);border-color:var(--backgroundColor_1oqbe)}" /*__inner_css_end__*/, "1oqbe_gg_") /*__reshadow_css_end__*/, {
28
+ "__SNotice": "___SNotice_1oqbe_gg_",
29
+ "__SContent": "___SContent_1oqbe_gg_",
30
+ "__SActions": "___SActions_1oqbe_gg_",
31
+ "__SLabel": "___SLabel_1oqbe_gg_",
32
+ "_theme_info": "_theme_info_1oqbe_gg_",
33
+ "_theme_danger": "_theme_danger_1oqbe_gg_",
34
+ "_theme_warning": "_theme_warning_1oqbe_gg_",
35
+ "_theme_success": "_theme_success_1oqbe_gg_",
36
+ "_theme_custom": "_theme_custom_1oqbe_gg_",
37
+ "--color": "--color_1oqbe",
38
+ "__SCloseIcon": "___SCloseIcon_1oqbe_gg_",
39
+ "--backgroundColor": "--backgroundColor_1oqbe"
40
40
  });
41
41
  function isCustomTheme(theme) {
42
42
  return !['danger', 'warning', 'success', 'info'].includes(theme);
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Schließen"
2
+ "close": "Benachrichtigung schließen"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Close"
2
+ "close": "Close notification"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Cerrar"
2
+ "close": "Cerrar notificación"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Fermer"
2
+ "close": "Fermer la notification"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Chiudi"
2
+ "close": "Chiudi la notifica"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "閉じる"
2
+ "close": "通知を閉じる"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "닫기"
2
+ "close": "알림 닫기"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Sluiten"
2
+ "close": "Kennisgeving sluiten"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Zamknij"
2
+ "close": "Zamknij powiadomienie"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Fechar"
2
+ "close": "Fechar notificação"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Stäng"
2
+ "close": "Stäng meddelande"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Kapat"
2
+ "close": "Bildirimi kapat"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Đóng"
2
+ "close": "Đóng thông báo"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "关闭"
2
+ "close": "关闭通知"
3
3
  }
@@ -22,19 +22,19 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
22
22
  import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
23
23
  import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
24
24
  /*__reshadow-styles__:"./style/notice.shadow.css"*/
25
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNotice_1dx3t_gg_{display:flex;padding:var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;border-style:solid;border-width:1px;border-radius:var(--intergalactic-surface-rounded, 6px);color:var(--intergalactic-text-primary, #191b23)}.___SNotice_1dx3t_gg_._theme_info_1dx3t_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1dx3t_gg_._theme_info_1dx3t_gg_ .___SCloseIcon_1dx3t_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1dx3t_gg_._theme_info_1dx3t_gg_ .___SCloseIcon_1dx3t_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1dx3t_gg_._theme_danger_1dx3t_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1dx3t_gg_._theme_danger_1dx3t_gg_ .___SCloseIcon_1dx3t_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1dx3t_gg_._theme_danger_1dx3t_gg_ .___SCloseIcon_1dx3t_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1dx3t_gg_._theme_warning_1dx3t_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1dx3t_gg_._theme_warning_1dx3t_gg_ .___SCloseIcon_1dx3t_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1dx3t_gg_._theme_warning_1dx3t_gg_ .___SCloseIcon_1dx3t_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1dx3t_gg_._theme_success_1dx3t_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1dx3t_gg_._theme_success_1dx3t_gg_ .___SCloseIcon_1dx3t_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1dx3t_gg_._theme_success_1dx3t_gg_ .___SCloseIcon_1dx3t_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SContent_1dx3t_gg_{flex:1 1 auto;width:100%}.___SActions_1dx3t_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1dx3t_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_1dx3t_gg_._theme_info_1dx3t_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1dx3t_gg_._theme_danger_1dx3t_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1dx3t_gg_._theme_warning_1dx3t_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1dx3t_gg_._theme_success_1dx3t_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1dx3t_gg_._theme_custom_1dx3t_gg_{color:var(--color_1dx3t)}.___SCloseIcon_1dx3t_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1dx3t_gg_._theme_custom_1dx3t_gg_{background-color:var(--backgroundColor_1dx3t);border-color:var(--backgroundColor_1dx3t)}" /*__inner_css_end__*/, "1dx3t_gg_") /*__reshadow_css_end__*/, {
26
- "__SNotice": "___SNotice_1dx3t_gg_",
27
- "__SContent": "___SContent_1dx3t_gg_",
28
- "__SActions": "___SActions_1dx3t_gg_",
29
- "__SLabel": "___SLabel_1dx3t_gg_",
30
- "_theme_info": "_theme_info_1dx3t_gg_",
31
- "_theme_danger": "_theme_danger_1dx3t_gg_",
32
- "_theme_warning": "_theme_warning_1dx3t_gg_",
33
- "_theme_success": "_theme_success_1dx3t_gg_",
34
- "_theme_custom": "_theme_custom_1dx3t_gg_",
35
- "--color": "--color_1dx3t",
36
- "__SCloseIcon": "___SCloseIcon_1dx3t_gg_",
37
- "--backgroundColor": "--backgroundColor_1dx3t"
25
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNotice_1oqbe_gg_{display:flex;padding:var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;border-style:solid;border-width:1px;border-radius:var(--intergalactic-surface-rounded, 6px);color:var(--intergalactic-text-primary, #191b23)}.___SNotice_1oqbe_gg_._theme_info_1oqbe_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1oqbe_gg_._theme_info_1oqbe_gg_ .___SCloseIcon_1oqbe_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1oqbe_gg_._theme_info_1oqbe_gg_ .___SCloseIcon_1oqbe_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1oqbe_gg_._theme_danger_1oqbe_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1oqbe_gg_._theme_danger_1oqbe_gg_ .___SCloseIcon_1oqbe_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1oqbe_gg_._theme_danger_1oqbe_gg_ .___SCloseIcon_1oqbe_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1oqbe_gg_._theme_warning_1oqbe_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1oqbe_gg_._theme_warning_1oqbe_gg_ .___SCloseIcon_1oqbe_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1oqbe_gg_._theme_warning_1oqbe_gg_ .___SCloseIcon_1oqbe_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1oqbe_gg_._theme_success_1oqbe_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1oqbe_gg_._theme_success_1oqbe_gg_ .___SCloseIcon_1oqbe_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1oqbe_gg_._theme_success_1oqbe_gg_ .___SCloseIcon_1oqbe_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SContent_1oqbe_gg_{flex:1 1 auto;width:100%}.___SActions_1oqbe_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1oqbe_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_1oqbe_gg_._theme_info_1oqbe_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1oqbe_gg_._theme_danger_1oqbe_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1oqbe_gg_._theme_warning_1oqbe_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1oqbe_gg_._theme_success_1oqbe_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1oqbe_gg_._theme_custom_1oqbe_gg_{color:var(--color_1oqbe)}.___SCloseIcon_1oqbe_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1oqbe_gg_._theme_custom_1oqbe_gg_{background-color:var(--backgroundColor_1oqbe);border-color:var(--backgroundColor_1oqbe)}" /*__inner_css_end__*/, "1oqbe_gg_") /*__reshadow_css_end__*/, {
26
+ "__SNotice": "___SNotice_1oqbe_gg_",
27
+ "__SContent": "___SContent_1oqbe_gg_",
28
+ "__SActions": "___SActions_1oqbe_gg_",
29
+ "__SLabel": "___SLabel_1oqbe_gg_",
30
+ "_theme_info": "_theme_info_1oqbe_gg_",
31
+ "_theme_danger": "_theme_danger_1oqbe_gg_",
32
+ "_theme_warning": "_theme_warning_1oqbe_gg_",
33
+ "_theme_success": "_theme_success_1oqbe_gg_",
34
+ "_theme_custom": "_theme_custom_1oqbe_gg_",
35
+ "--color": "--color_1oqbe",
36
+ "__SCloseIcon": "___SCloseIcon_1oqbe_gg_",
37
+ "--backgroundColor": "--backgroundColor_1oqbe"
38
38
  });
39
39
  function isCustomTheme(theme) {
40
40
  return !['danger', 'warning', 'success', 'info'].includes(theme);
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Schließen"
2
+ "close": "Benachrichtigung schließen"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Close"
2
+ "close": "Close notification"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Cerrar"
2
+ "close": "Cerrar notificación"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Fermer"
2
+ "close": "Fermer la notification"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Chiudi"
2
+ "close": "Chiudi la notifica"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "閉じる"
2
+ "close": "通知を閉じる"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "닫기"
2
+ "close": "알림 닫기"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Sluiten"
2
+ "close": "Kennisgeving sluiten"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Zamknij"
2
+ "close": "Zamknij powiadomienie"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Fechar"
2
+ "close": "Fechar notificação"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Stäng"
2
+ "close": "Stäng meddelande"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Kapat"
2
+ "close": "Bildirimi kapat"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "Đóng"
2
+ "close": "Đóng thông báo"
3
3
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "close": "关闭"
2
+ "close": "关闭通知"
3
3
  }
@@ -31,18 +31,18 @@ var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
31
31
  var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
32
32
  var _excluded = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action"];
33
33
  /*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
34
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1a58r{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1a58r{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1a58r_gg_,.___SView_1a58r_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px) calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-1x, 4px)) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px);width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_1a58r_gg_._type_info_1a58r_gg_,.___SView_1a58r_gg_._type_info_1a58r_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1a58r_gg_._type_warning_1a58r_gg_,.___SView_1a58r_gg_._type_warning_1a58r_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1a58r_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1a58r_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_1a58r_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SDismiss_1a58r_gg_:hover{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_1a58r_gg_{width:300px;position:fixed;z-index:var(--intergalactic-z-index-notice-bubble, 999);right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1a58r_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1a58r_gg_.__disablePortal_1a58r_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1a58r_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "1a58r_gg_") /*__reshadow_css_end__*/, {
35
- "__SContent": "___SContent_1a58r_gg_",
36
- "__SMessage": "___SMessage_1a58r_gg_",
37
- "__SNoticeBubble": "___SNoticeBubble_1a58r_gg_",
38
- "_disablePortal": "__disablePortal_1a58r_gg_",
39
- "@enter": "enter_1a58r",
40
- "@exit": "exit_1a58r",
41
- "__SBubble": "___SBubble_1a58r_gg_",
42
- "__SView": "___SView_1a58r_gg_",
43
- "_type_info": "_type_info_1a58r_gg_",
44
- "_type_warning": "_type_warning_1a58r_gg_",
45
- "__SDismiss": "___SDismiss_1a58r_gg_"
34
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1wywd{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1wywd{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1wywd_gg_,.___SView_1wywd_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px) calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-1x, 4px)) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px);width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_1wywd_gg_._type_info_1wywd_gg_,.___SView_1wywd_gg_._type_info_1wywd_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1wywd_gg_._type_warning_1wywd_gg_,.___SView_1wywd_gg_._type_warning_1wywd_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1wywd_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1wywd_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_1wywd_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SDismiss_1wywd_gg_:hover{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_1wywd_gg_{width:300px;position:fixed;z-index:var(--intergalactic-z-index-notice-bubble, 999);right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1wywd_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1wywd_gg_.__disablePortal_1wywd_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1wywd_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "1wywd_gg_") /*__reshadow_css_end__*/, {
35
+ "__SContent": "___SContent_1wywd_gg_",
36
+ "__SMessage": "___SMessage_1wywd_gg_",
37
+ "__SNoticeBubble": "___SNoticeBubble_1wywd_gg_",
38
+ "_disablePortal": "__disablePortal_1wywd_gg_",
39
+ "@enter": "enter_1wywd",
40
+ "@exit": "exit_1wywd",
41
+ "__SBubble": "___SBubble_1wywd_gg_",
42
+ "__SView": "___SView_1wywd_gg_",
43
+ "_type_info": "_type_info_1wywd_gg_",
44
+ "_type_warning": "_type_warning_1wywd_gg_",
45
+ "__SDismiss": "___SDismiss_1wywd_gg_"
46
46
  });
47
47
  var Notices = function Notices(props) {
48
48
  var styles = props.styles,
@@ -25,18 +25,18 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
25
25
  import { useCssVariable } from 'intergalactic/utils/lib/useCssVariable';
26
26
  import { contextThemeEnhance } from 'intergalactic/utils/lib/ThemeProvider';
27
27
  /*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
28
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1a58r{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1a58r{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1a58r_gg_,.___SView_1a58r_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px) calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-1x, 4px)) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px);width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_1a58r_gg_._type_info_1a58r_gg_,.___SView_1a58r_gg_._type_info_1a58r_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1a58r_gg_._type_warning_1a58r_gg_,.___SView_1a58r_gg_._type_warning_1a58r_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1a58r_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1a58r_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_1a58r_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SDismiss_1a58r_gg_:hover{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_1a58r_gg_{width:300px;position:fixed;z-index:var(--intergalactic-z-index-notice-bubble, 999);right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1a58r_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1a58r_gg_.__disablePortal_1a58r_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1a58r_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "1a58r_gg_") /*__reshadow_css_end__*/, {
29
- "__SContent": "___SContent_1a58r_gg_",
30
- "__SMessage": "___SMessage_1a58r_gg_",
31
- "__SNoticeBubble": "___SNoticeBubble_1a58r_gg_",
32
- "_disablePortal": "__disablePortal_1a58r_gg_",
33
- "@enter": "enter_1a58r",
34
- "@exit": "exit_1a58r",
35
- "__SBubble": "___SBubble_1a58r_gg_",
36
- "__SView": "___SView_1a58r_gg_",
37
- "_type_info": "_type_info_1a58r_gg_",
38
- "_type_warning": "_type_warning_1a58r_gg_",
39
- "__SDismiss": "___SDismiss_1a58r_gg_"
28
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1wywd{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1wywd{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1wywd_gg_,.___SView_1wywd_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px) calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-1x, 4px)) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px);width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_1wywd_gg_._type_info_1wywd_gg_,.___SView_1wywd_gg_._type_info_1wywd_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1wywd_gg_._type_warning_1wywd_gg_,.___SView_1wywd_gg_._type_warning_1wywd_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1wywd_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1wywd_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_1wywd_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SDismiss_1wywd_gg_:hover{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_1wywd_gg_{width:300px;position:fixed;z-index:var(--intergalactic-z-index-notice-bubble, 999);right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1wywd_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1wywd_gg_.__disablePortal_1wywd_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1wywd_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "1wywd_gg_") /*__reshadow_css_end__*/, {
29
+ "__SContent": "___SContent_1wywd_gg_",
30
+ "__SMessage": "___SMessage_1wywd_gg_",
31
+ "__SNoticeBubble": "___SNoticeBubble_1wywd_gg_",
32
+ "_disablePortal": "__disablePortal_1wywd_gg_",
33
+ "@enter": "enter_1wywd",
34
+ "@exit": "exit_1wywd",
35
+ "__SBubble": "___SBubble_1wywd_gg_",
36
+ "__SView": "___SView_1wywd_gg_",
37
+ "_type_info": "_type_info_1wywd_gg_",
38
+ "_type_warning": "_type_warning_1wywd_gg_",
39
+ "__SDismiss": "___SDismiss_1wywd_gg_"
40
40
  });
41
41
  var Notices = function Notices(props) {
42
42
  var styles = props.styles,