intergalactic 15.105.0 → 15.106.0

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 (264) hide show
  1. package/CHANGELOG.md +43 -0
  2. package/accordion/lib/cjs/Accordion.js +9 -9
  3. package/accordion/lib/es6/Accordion.js +9 -9
  4. package/accordion/package.json +1 -1
  5. package/base-trigger/lib/cjs/BaseTrigger.js +18 -18
  6. package/base-trigger/lib/cjs/ButtonTrigger.js +3 -3
  7. package/base-trigger/lib/cjs/FilterTrigger.js +7 -7
  8. package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
  9. package/base-trigger/lib/es6/BaseTrigger.js +18 -18
  10. package/base-trigger/lib/es6/ButtonTrigger.js +3 -3
  11. package/base-trigger/lib/es6/FilterTrigger.js +7 -7
  12. package/base-trigger/lib/es6/LinkTrigger.js +12 -12
  13. package/base-trigger/package.json +1 -1
  14. package/breadcrumbs/lib/cjs/Breadcrumbs.js +8 -8
  15. package/breadcrumbs/lib/es6/Breadcrumbs.js +8 -8
  16. package/breadcrumbs/package.json +1 -1
  17. package/button/lib/cjs/Button.js +26 -26
  18. package/button/lib/es6/Button.js +26 -26
  19. package/button/package.json +1 -1
  20. package/card/lib/cjs/Card.js +8 -8
  21. package/card/lib/es6/Card.js +8 -8
  22. package/card/package.json +1 -1
  23. package/carousel/lib/cjs/Carousel.js +21 -21
  24. package/carousel/lib/es6/Carousel.js +21 -21
  25. package/carousel/package.json +1 -1
  26. package/color-picker/lib/cjs/ColorPicker.js +23 -23
  27. package/color-picker/lib/cjs/PaletteManager.js +23 -23
  28. package/color-picker/lib/cjs/components/InputColor.js +23 -23
  29. package/color-picker/lib/es6/ColorPicker.js +23 -23
  30. package/color-picker/lib/es6/PaletteManager.js +23 -23
  31. package/color-picker/lib/es6/components/InputColor.js +23 -23
  32. package/color-picker/package.json +1 -1
  33. package/components.json +36 -36
  34. package/d3-chart/lib/cjs/Area.js +11 -11
  35. package/d3-chart/lib/cjs/Axis.js +14 -14
  36. package/d3-chart/lib/cjs/Bar.js +16 -16
  37. package/d3-chart/lib/cjs/Bubble.js +12 -12
  38. package/d3-chart/lib/cjs/CompactHorizontalBar.js +16 -16
  39. package/d3-chart/lib/cjs/Donut.js +9 -9
  40. package/d3-chart/lib/cjs/Dots.js +8 -8
  41. package/d3-chart/lib/cjs/HorizontalBar.js +16 -16
  42. package/d3-chart/lib/cjs/Hover.js +3 -3
  43. package/d3-chart/lib/cjs/Line.js +9 -9
  44. package/d3-chart/lib/cjs/Plot.js +3 -3
  45. package/d3-chart/lib/cjs/Radar.js +19 -19
  46. package/d3-chart/lib/cjs/RadialTree.js +12 -12
  47. package/d3-chart/lib/cjs/Reference.js +12 -12
  48. package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
  49. package/d3-chart/lib/cjs/Tooltip.js +9 -9
  50. package/d3-chart/lib/cjs/Venn.js +9 -9
  51. package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
  52. package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
  53. package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  54. package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  55. package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  56. package/d3-chart/lib/es6/Area.js +11 -11
  57. package/d3-chart/lib/es6/Axis.js +14 -14
  58. package/d3-chart/lib/es6/Bar.js +16 -16
  59. package/d3-chart/lib/es6/Bubble.js +12 -12
  60. package/d3-chart/lib/es6/CompactHorizontalBar.js +16 -16
  61. package/d3-chart/lib/es6/Donut.js +9 -9
  62. package/d3-chart/lib/es6/Dots.js +8 -8
  63. package/d3-chart/lib/es6/HorizontalBar.js +16 -16
  64. package/d3-chart/lib/es6/Hover.js +3 -3
  65. package/d3-chart/lib/es6/Line.js +9 -9
  66. package/d3-chart/lib/es6/Plot.js +3 -3
  67. package/d3-chart/lib/es6/Radar.js +19 -19
  68. package/d3-chart/lib/es6/RadialTree.js +12 -12
  69. package/d3-chart/lib/es6/Reference.js +12 -12
  70. package/d3-chart/lib/es6/ScatterPlot.js +9 -9
  71. package/d3-chart/lib/es6/Tooltip.js +9 -9
  72. package/d3-chart/lib/es6/Venn.js +9 -9
  73. package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
  74. package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
  75. package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  76. package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  77. package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  78. package/d3-chart/package.json +1 -1
  79. package/data-table/lib/cjs/Body.js +3 -3
  80. package/data-table/lib/cjs/DataTable.js +36 -36
  81. package/data-table/lib/es6/Body.js +3 -3
  82. package/data-table/lib/es6/DataTable.js +36 -36
  83. package/data-table/package.json +1 -1
  84. package/date-picker/lib/cjs/components/Calendar.js +21 -21
  85. package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
  86. package/date-picker/lib/cjs/components/InputTrigger.js +29 -29
  87. package/date-picker/lib/cjs/components/PickerAbstract.js +29 -29
  88. package/date-picker/lib/cjs/components/RangePickerAbstract.js +29 -29
  89. package/date-picker/lib/es6/components/Calendar.js +21 -21
  90. package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
  91. package/date-picker/lib/es6/components/InputTrigger.js +29 -29
  92. package/date-picker/lib/es6/components/PickerAbstract.js +29 -29
  93. package/date-picker/lib/es6/components/RangePickerAbstract.js +29 -29
  94. package/date-picker/package.json +1 -1
  95. package/drag-and-drop/lib/cjs/DragAndDrop.js +16 -16
  96. package/drag-and-drop/lib/es6/DragAndDrop.js +16 -16
  97. package/drag-and-drop/package.json +1 -1
  98. package/dropdown/lib/cjs/Dropdown.js +25 -12
  99. package/dropdown/lib/cjs/Dropdown.js.map +1 -1
  100. package/dropdown/lib/es6/Dropdown.js +26 -12
  101. package/dropdown/lib/es6/Dropdown.js.map +1 -1
  102. package/dropdown/package.json +1 -1
  103. package/dropdown-menu/lib/cjs/DropdownMenu.js +25 -24
  104. package/dropdown-menu/lib/cjs/DropdownMenu.js.map +1 -1
  105. package/dropdown-menu/lib/es6/DropdownMenu.js +25 -24
  106. package/dropdown-menu/lib/es6/DropdownMenu.js.map +1 -1
  107. package/dropdown-menu/package.json +1 -1
  108. package/ellipsis/lib/cjs/Ellipsis.js +10 -10
  109. package/ellipsis/lib/es6/Ellipsis.js +10 -10
  110. package/ellipsis/package.json +1 -1
  111. package/errors/lib/cjs/Error.js +9 -9
  112. package/errors/lib/es6/Error.js +9 -9
  113. package/errors/package.json +1 -1
  114. package/feature-popover/lib/cjs/FeaturePopover.js +19 -13
  115. package/feature-popover/lib/cjs/FeaturePopover.js.map +1 -1
  116. package/feature-popover/lib/cjs/style/feature-popover.shadow.css +10 -7
  117. package/feature-popover/lib/es6/FeaturePopover.js +20 -14
  118. package/feature-popover/lib/es6/FeaturePopover.js.map +1 -1
  119. package/feature-popover/lib/es6/style/feature-popover.shadow.css +10 -7
  120. package/feature-popover/package.json +1 -1
  121. package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
  122. package/feedback-form/lib/cjs/component/checkbox-button/CheckboxButton.js +3 -3
  123. package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js +2 -2
  124. package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js +6 -6
  125. package/feedback-form/lib/es6/FeedbackForm.js +7 -7
  126. package/feedback-form/lib/es6/component/checkbox-button/CheckboxButton.js +3 -3
  127. package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js +2 -2
  128. package/feedback-form/lib/es6/component/slider-rating/SliderRating.js +6 -6
  129. package/feedback-form/package.json +1 -1
  130. package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
  131. package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
  132. package/fullscreen-modal/package.json +1 -1
  133. package/icon/TikTok/l/index.d.ts +6 -0
  134. package/icon/TikTok/l/index.js +38 -0
  135. package/icon/TikTok/l/index.mjs +26 -0
  136. package/icon/TikTok/m/index.d.ts +6 -0
  137. package/icon/TikTok/m/index.js +38 -0
  138. package/icon/TikTok/m/index.mjs +26 -0
  139. package/icon/color/Confluence/l/index.js +4 -4
  140. package/icon/color/Confluence/l/index.mjs +4 -4
  141. package/icon/color/Confluence/m/index.js +4 -4
  142. package/icon/color/Confluence/m/index.mjs +4 -4
  143. package/icon/color/MicrosoftOffice/l/index.js +10 -10
  144. package/icon/color/MicrosoftOffice/l/index.mjs +10 -10
  145. package/icon/color/MicrosoftOffice/m/index.js +10 -10
  146. package/icon/color/MicrosoftOffice/m/index.mjs +10 -10
  147. package/icon/lib/cjs/Icon.js +8 -6
  148. package/icon/lib/cjs/Icon.js.map +1 -1
  149. package/icon/lib/cjs/style/icon.shadow.css +5 -1
  150. package/icon/lib/es6/Icon.js +8 -6
  151. package/icon/lib/es6/Icon.js.map +1 -1
  152. package/icon/lib/es6/style/icon.shadow.css +5 -1
  153. package/icon/package.json +1 -1
  154. package/icon/pay/Discover/l/index.js +1 -1
  155. package/icon/pay/Discover/l/index.mjs +1 -1
  156. package/icon/pay/Discover/m/index.js +1 -1
  157. package/icon/pay/Discover/m/index.mjs +1 -1
  158. package/icon/pay/JCB/l/index.js +10 -10
  159. package/icon/pay/JCB/l/index.mjs +10 -10
  160. package/icon/pay/JCB/m/index.js +10 -10
  161. package/icon/pay/JCB/m/index.mjs +10 -10
  162. package/icon/pay/Visa/l/index.js +2 -2
  163. package/icon/pay/Visa/l/index.mjs +2 -2
  164. package/icon/pay/Visa/m/index.js +2 -2
  165. package/icon/pay/Visa/m/index.mjs +2 -2
  166. package/inline-input/lib/cjs/InlineInput.js +14 -14
  167. package/inline-input/lib/es6/InlineInput.js +14 -14
  168. package/inline-input/package.json +1 -1
  169. package/link/lib/cjs/Link.js +12 -12
  170. package/link/lib/es6/Link.js +12 -12
  171. package/link/package.json +1 -1
  172. package/mini-chart/component/score/Line.d.ts +2 -15
  173. package/mini-chart/component/score/Line.types.d.ts +48 -0
  174. package/mini-chart/lib/cjs/component/score/Donut.js +10 -10
  175. package/mini-chart/lib/cjs/component/score/Donut.js.map +1 -1
  176. package/mini-chart/lib/cjs/component/score/Line.js +70 -31
  177. package/mini-chart/lib/cjs/component/score/Line.js.map +1 -1
  178. package/mini-chart/lib/cjs/component/score/Line.types.js +2 -0
  179. package/mini-chart/lib/cjs/component/score/Line.types.js.map +1 -0
  180. package/mini-chart/lib/cjs/component/score/line.shadow.css +14 -18
  181. package/mini-chart/lib/cjs/component/trend/Bar.js +8 -8
  182. package/mini-chart/lib/cjs/component/trend/Bar.js.map +1 -1
  183. package/mini-chart/lib/cjs/component/trend/Line.js +7 -7
  184. package/mini-chart/lib/es6/component/score/Donut.js +10 -10
  185. package/mini-chart/lib/es6/component/score/Donut.js.map +1 -1
  186. package/mini-chart/lib/es6/component/score/Line.js +72 -31
  187. package/mini-chart/lib/es6/component/score/Line.js.map +1 -1
  188. package/mini-chart/lib/es6/component/score/Line.types.js +2 -0
  189. package/mini-chart/lib/es6/component/score/Line.types.js.map +1 -0
  190. package/mini-chart/lib/es6/component/score/line.shadow.css +14 -18
  191. package/mini-chart/lib/es6/component/trend/Bar.js +8 -8
  192. package/mini-chart/lib/es6/component/trend/Bar.js.map +1 -1
  193. package/mini-chart/lib/es6/component/trend/Line.js +7 -7
  194. package/mini-chart/lib/types/component/score/Line.d.ts +2 -15
  195. package/mini-chart/lib/types/component/score/Line.types.d.ts +48 -0
  196. package/mini-chart/package.json +1 -1
  197. package/modal/lib/cjs/Modal.js +8 -8
  198. package/modal/lib/es6/Modal.js +8 -8
  199. package/modal/package.json +1 -1
  200. package/notice/lib/cjs/Notice.js +14 -14
  201. package/notice/lib/es6/Notice.js +14 -14
  202. package/notice/package.json +1 -1
  203. package/notice-bubble/lib/cjs/NoticeBubble.js +15 -15
  204. package/notice-bubble/lib/es6/NoticeBubble.js +15 -15
  205. package/notice-bubble/package.json +1 -1
  206. package/notice-global/lib/cjs/NoticeGlobal.js +21 -16
  207. package/notice-global/lib/cjs/NoticeGlobal.js.map +1 -1
  208. package/notice-global/lib/cjs/style/notice-global.shadow.css +1 -38
  209. package/notice-global/lib/es6/NoticeGlobal.js +23 -18
  210. package/notice-global/lib/es6/NoticeGlobal.js.map +1 -1
  211. package/notice-global/lib/es6/style/notice-global.shadow.css +1 -38
  212. package/notice-global/package.json +1 -1
  213. package/package.json +1 -1
  214. package/pagination/lib/cjs/Pagination.js +10 -10
  215. package/pagination/lib/es6/Pagination.js +10 -10
  216. package/pagination/package.json +1 -1
  217. package/popper/lib/cjs/Popper.js +7 -10
  218. package/popper/lib/cjs/Popper.js.map +1 -1
  219. package/popper/lib/es6/Popper.js +7 -10
  220. package/popper/lib/es6/Popper.js.map +1 -1
  221. package/popper/package.json +1 -1
  222. package/radio/lib/cjs/Radio.js +16 -16
  223. package/radio/lib/cjs/style/radio.shadow.css +24 -5
  224. package/radio/lib/es6/Radio.js +16 -16
  225. package/radio/lib/es6/style/radio.shadow.css +24 -5
  226. package/radio/package.json +1 -1
  227. package/select/lib/cjs/InputSearch.js +6 -6
  228. package/select/lib/cjs/Select.js +8 -8
  229. package/select/lib/es6/InputSearch.js +6 -6
  230. package/select/lib/es6/Select.js +8 -8
  231. package/select/package.json +1 -1
  232. package/side-panel/lib/cjs/SidePanel.js +19 -19
  233. package/side-panel/lib/es6/SidePanel.js +19 -19
  234. package/side-panel/package.json +1 -1
  235. package/tag/lib/cjs/Tag.js +23 -23
  236. package/tag/lib/es6/Tag.js +23 -23
  237. package/tag/package.json +1 -1
  238. package/time-picker/lib/cjs/TimePicker.js +12 -12
  239. package/time-picker/lib/es6/TimePicker.js +12 -12
  240. package/time-picker/package.json +1 -1
  241. package/tooltip/lib/cjs/Tooltip.js +14 -20
  242. package/tooltip/lib/cjs/Tooltip.js.map +1 -1
  243. package/tooltip/lib/es6/Tooltip.js +14 -20
  244. package/tooltip/lib/es6/Tooltip.js.map +1 -1
  245. package/tooltip/package.json +1 -1
  246. package/typography/lib/cjs/Blockquote.js +4 -4
  247. package/typography/lib/cjs/Hint.js +7 -7
  248. package/typography/lib/cjs/List.js +5 -5
  249. package/typography/lib/cjs/Text.js +34 -34
  250. package/typography/lib/es6/Blockquote.js +4 -4
  251. package/typography/lib/es6/Hint.js +7 -7
  252. package/typography/lib/es6/List.js +5 -5
  253. package/typography/lib/es6/Text.js +34 -34
  254. package/typography/package.json +1 -1
  255. package/utils/lib/themes/auto.css +2 -2
  256. package/utils/lib/themes/dark.css +1 -1
  257. package/utils/lib/themes/dark.json +1 -1
  258. package/utils/lib/themes/default.css +1 -1
  259. package/utils/lib/themes/default.json +1 -1
  260. package/utils/lib/themes/light.css +1 -1
  261. package/utils/lib/themes/light.json +1 -1
  262. package/wizard/lib/cjs/Wizard.js +11 -11
  263. package/wizard/lib/es6/Wizard.js +11 -11
  264. package/wizard/package.json +1 -1
@@ -1 +1 @@
1
- {"name":"intergalactic/modal","description":"Semrush Modal Component","version":"4.43.0","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/flex-box":"5.31.2","@semcore/icon":"4.43.2","@semcore/outside-click":"3.29.2","@semcore/portal":"3.31.2","@semcore/typography":"5.40.2","@semcore/utils":"4.32.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/modal"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
1
+ {"name":"intergalactic/modal","description":"Semrush Modal Component","version":"4.44.0","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/flex-box":"5.31.2","@semcore/icon":"4.44.0","@semcore/outside-click":"3.29.2","@semcore/portal":"3.31.2","@semcore/typography":"5.41.0","@semcore/utils":"4.32.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/modal"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
@@ -26,20 +26,20 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
26
26
  var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
27
27
  var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
28
28
  /*__reshadow-styles__:"./style/notice.shadow.css"*/
29
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNotice_1a0qk_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_1a0qk_gg_._theme_info_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1a0qk_gg_._theme_info_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_info_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1a0qk_gg_._theme_danger_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1a0qk_gg_._theme_danger_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_danger_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1a0qk_gg_._theme_warning_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1a0qk_gg_._theme_warning_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_warning_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1a0qk_gg_._theme_success_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1a0qk_gg_._theme_success_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_success_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_1a0qk_gg_._theme_muted_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_1a0qk_gg_._theme_info_1a0qk_gg_,.___SNotice_1a0qk_gg_._theme_muted_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_muted_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_1a0qk_gg_{flex:1 1 auto;width:100%}.___SActions_1a0qk_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1a0qk_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:-moz-fit-content;height:fit-content;margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex;align-items:center}.___SLabel_1a0qk_gg_._theme_danger_1a0qk_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1a0qk_gg_._theme_warning_1a0qk_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1a0qk_gg_._theme_success_1a0qk_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1a0qk_gg_._theme_muted_1a0qk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1a0qk_gg_._theme_custom_1a0qk_gg_{color:var(--color_1a0qk)}.___SCloseIcon_1a0qk_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1a0qk_gg_._theme_custom_1a0qk_gg_{background-color:var(--backgroundColor_1a0qk);border-color:var(--backgroundColor_1a0qk)}" /*__inner_css_end__*/, "1a0qk_gg_") /*__reshadow_css_end__*/, {
30
- "__SNotice": "___SNotice_1a0qk_gg_",
31
- "__SContent": "___SContent_1a0qk_gg_",
32
- "__SActions": "___SActions_1a0qk_gg_",
33
- "__SLabel": "___SLabel_1a0qk_gg_",
34
- "_theme_info": "_theme_info_1a0qk_gg_",
35
- "_theme_danger": "_theme_danger_1a0qk_gg_",
36
- "_theme_warning": "_theme_warning_1a0qk_gg_",
37
- "_theme_success": "_theme_success_1a0qk_gg_",
38
- "_theme_muted": "_theme_muted_1a0qk_gg_",
39
- "_theme_custom": "_theme_custom_1a0qk_gg_",
40
- "--color": "--color_1a0qk",
41
- "__SCloseIcon": "___SCloseIcon_1a0qk_gg_",
42
- "--backgroundColor": "--backgroundColor_1a0qk"
29
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNotice_11ntz_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_11ntz_gg_._theme_info_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_11ntz_gg_._theme_info_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_info_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_11ntz_gg_._theme_danger_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_11ntz_gg_._theme_danger_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_danger_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_11ntz_gg_._theme_warning_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_11ntz_gg_._theme_warning_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_warning_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_11ntz_gg_._theme_success_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_11ntz_gg_._theme_success_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_success_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_11ntz_gg_._theme_muted_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_11ntz_gg_._theme_info_11ntz_gg_,.___SNotice_11ntz_gg_._theme_muted_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_muted_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_11ntz_gg_{flex:1 1 auto;width:100%}.___SActions_11ntz_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_11ntz_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:-moz-fit-content;height:fit-content;margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex;align-items:center}.___SLabel_11ntz_gg_._theme_danger_11ntz_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_11ntz_gg_._theme_warning_11ntz_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_11ntz_gg_._theme_success_11ntz_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_11ntz_gg_._theme_muted_11ntz_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_11ntz_gg_._theme_custom_11ntz_gg_{color:var(--color_11ntz)}.___SCloseIcon_11ntz_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_11ntz_gg_._theme_custom_11ntz_gg_{background-color:var(--backgroundColor_11ntz);border-color:var(--backgroundColor_11ntz)}" /*__inner_css_end__*/, "11ntz_gg_") /*__reshadow_css_end__*/, {
30
+ "__SNotice": "___SNotice_11ntz_gg_",
31
+ "__SContent": "___SContent_11ntz_gg_",
32
+ "__SActions": "___SActions_11ntz_gg_",
33
+ "__SLabel": "___SLabel_11ntz_gg_",
34
+ "_theme_info": "_theme_info_11ntz_gg_",
35
+ "_theme_danger": "_theme_danger_11ntz_gg_",
36
+ "_theme_warning": "_theme_warning_11ntz_gg_",
37
+ "_theme_success": "_theme_success_11ntz_gg_",
38
+ "_theme_muted": "_theme_muted_11ntz_gg_",
39
+ "_theme_custom": "_theme_custom_11ntz_gg_",
40
+ "--color": "--color_11ntz",
41
+ "__SCloseIcon": "___SCloseIcon_11ntz_gg_",
42
+ "--backgroundColor": "--backgroundColor_11ntz"
43
43
  });
44
44
  function isCustomTheme(theme) {
45
45
  return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);
@@ -24,20 +24,20 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
24
24
  import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
25
25
  import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
26
26
  /*__reshadow-styles__:"./style/notice.shadow.css"*/
27
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNotice_1a0qk_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_1a0qk_gg_._theme_info_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1a0qk_gg_._theme_info_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_info_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1a0qk_gg_._theme_danger_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1a0qk_gg_._theme_danger_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_danger_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1a0qk_gg_._theme_warning_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1a0qk_gg_._theme_warning_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_warning_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1a0qk_gg_._theme_success_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1a0qk_gg_._theme_success_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_success_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_1a0qk_gg_._theme_muted_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_1a0qk_gg_._theme_info_1a0qk_gg_,.___SNotice_1a0qk_gg_._theme_muted_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_muted_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_1a0qk_gg_{flex:1 1 auto;width:100%}.___SActions_1a0qk_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1a0qk_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:-moz-fit-content;height:fit-content;margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex;align-items:center}.___SLabel_1a0qk_gg_._theme_danger_1a0qk_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1a0qk_gg_._theme_warning_1a0qk_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1a0qk_gg_._theme_success_1a0qk_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1a0qk_gg_._theme_muted_1a0qk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1a0qk_gg_._theme_custom_1a0qk_gg_{color:var(--color_1a0qk)}.___SCloseIcon_1a0qk_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1a0qk_gg_._theme_custom_1a0qk_gg_{background-color:var(--backgroundColor_1a0qk);border-color:var(--backgroundColor_1a0qk)}" /*__inner_css_end__*/, "1a0qk_gg_") /*__reshadow_css_end__*/, {
28
- "__SNotice": "___SNotice_1a0qk_gg_",
29
- "__SContent": "___SContent_1a0qk_gg_",
30
- "__SActions": "___SActions_1a0qk_gg_",
31
- "__SLabel": "___SLabel_1a0qk_gg_",
32
- "_theme_info": "_theme_info_1a0qk_gg_",
33
- "_theme_danger": "_theme_danger_1a0qk_gg_",
34
- "_theme_warning": "_theme_warning_1a0qk_gg_",
35
- "_theme_success": "_theme_success_1a0qk_gg_",
36
- "_theme_muted": "_theme_muted_1a0qk_gg_",
37
- "_theme_custom": "_theme_custom_1a0qk_gg_",
38
- "--color": "--color_1a0qk",
39
- "__SCloseIcon": "___SCloseIcon_1a0qk_gg_",
40
- "--backgroundColor": "--backgroundColor_1a0qk"
27
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNotice_11ntz_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_11ntz_gg_._theme_info_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_11ntz_gg_._theme_info_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_info_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_11ntz_gg_._theme_danger_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_11ntz_gg_._theme_danger_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_danger_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_11ntz_gg_._theme_warning_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_11ntz_gg_._theme_warning_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_warning_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_11ntz_gg_._theme_success_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_11ntz_gg_._theme_success_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_success_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_11ntz_gg_._theme_muted_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_11ntz_gg_._theme_info_11ntz_gg_,.___SNotice_11ntz_gg_._theme_muted_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_muted_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_11ntz_gg_{flex:1 1 auto;width:100%}.___SActions_11ntz_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_11ntz_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:-moz-fit-content;height:fit-content;margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex;align-items:center}.___SLabel_11ntz_gg_._theme_danger_11ntz_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_11ntz_gg_._theme_warning_11ntz_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_11ntz_gg_._theme_success_11ntz_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_11ntz_gg_._theme_muted_11ntz_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_11ntz_gg_._theme_custom_11ntz_gg_{color:var(--color_11ntz)}.___SCloseIcon_11ntz_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_11ntz_gg_._theme_custom_11ntz_gg_{background-color:var(--backgroundColor_11ntz);border-color:var(--backgroundColor_11ntz)}" /*__inner_css_end__*/, "11ntz_gg_") /*__reshadow_css_end__*/, {
28
+ "__SNotice": "___SNotice_11ntz_gg_",
29
+ "__SContent": "___SContent_11ntz_gg_",
30
+ "__SActions": "___SActions_11ntz_gg_",
31
+ "__SLabel": "___SLabel_11ntz_gg_",
32
+ "_theme_info": "_theme_info_11ntz_gg_",
33
+ "_theme_danger": "_theme_danger_11ntz_gg_",
34
+ "_theme_warning": "_theme_warning_11ntz_gg_",
35
+ "_theme_success": "_theme_success_11ntz_gg_",
36
+ "_theme_muted": "_theme_muted_11ntz_gg_",
37
+ "_theme_custom": "_theme_custom_11ntz_gg_",
38
+ "--color": "--color_11ntz",
39
+ "__SCloseIcon": "___SCloseIcon_11ntz_gg_",
40
+ "--backgroundColor": "--backgroundColor_11ntz"
41
41
  });
42
42
  function isCustomTheme(theme) {
43
43
  return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);
@@ -1 +1 @@
1
- {"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.39.0","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"}}
1
+ {"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.39.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.2","@semcore/flex-box":"5.31.2","@semcore/icon":"4.44.0","@semcore/notice-global":"2.49.0"},"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"}}
@@ -39,21 +39,21 @@ var _ref5 = require("intergalactic/utils/lib/ref");
39
39
  var _excluded = ["focusLock"],
40
40
  _excluded2 = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action", "type"];
41
41
  /*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
42
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1ly5j{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1ly5j{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1ly5j_gg_,.___SView_1ly5j_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px);padding-right:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px));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_1ly5j_gg_._type_info_1ly5j_gg_,.___SView_1ly5j_gg_._type_info_1ly5j_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1ly5j_gg_._type_warning_1ly5j_gg_,.___SView_1ly5j_gg_._type_warning_1ly5j_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1ly5j_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1ly5j_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_1ly5j_gg_{cursor:pointer;position:absolute;right:0;top:0;margin-top:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px);flex-shrink:0;border:0;background:0 0}.___SDismiss_1ly5j_gg_.__use_1ly5j_gg_.__use_1ly5j_gg_{padding:0 1px}.___SIcon_1ly5j_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_1ly5j_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1ly5j_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1ly5j_gg_.__disablePortal_1ly5j_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1ly5j_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_1ly5j_gg_{display:content}" /*__inner_css_end__*/, "1ly5j_gg_") /*__reshadow_css_end__*/, {
43
- "__SContent": "___SContent_1ly5j_gg_",
44
- "__SMessage": "___SMessage_1ly5j_gg_",
45
- "__SDismiss": "___SDismiss_1ly5j_gg_",
46
- "_use": "__use_1ly5j_gg_",
47
- "__SIcon": "___SIcon_1ly5j_gg_",
48
- "__SNoticeBubble": "___SNoticeBubble_1ly5j_gg_",
49
- "_disablePortal": "__disablePortal_1ly5j_gg_",
50
- "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_1ly5j_gg_",
51
- "@enter": "enter_1ly5j",
52
- "@exit": "exit_1ly5j",
53
- "__SBubble": "___SBubble_1ly5j_gg_",
54
- "__SView": "___SView_1ly5j_gg_",
55
- "_type_info": "_type_info_1ly5j_gg_",
56
- "_type_warning": "_type_warning_1ly5j_gg_"
42
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_4a37h{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_4a37h{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_4a37h_gg_,.___SView_4a37h_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px);padding-right:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px));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_4a37h_gg_._type_info_4a37h_gg_,.___SView_4a37h_gg_._type_info_4a37h_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_4a37h_gg_._type_warning_4a37h_gg_,.___SView_4a37h_gg_._type_warning_4a37h_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_4a37h_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_4a37h_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_4a37h_gg_{cursor:pointer;position:absolute;right:0;top:0;margin-top:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px);flex-shrink:0;border:0;background:0 0}.___SDismiss_4a37h_gg_.__use_4a37h_gg_.__use_4a37h_gg_{padding:0 1px}.___SIcon_4a37h_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_4a37h_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_4a37h_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_4a37h_gg_.__disablePortal_4a37h_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_4a37h_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_4a37h_gg_{display:content}" /*__inner_css_end__*/, "4a37h_gg_") /*__reshadow_css_end__*/, {
43
+ "__SContent": "___SContent_4a37h_gg_",
44
+ "__SMessage": "___SMessage_4a37h_gg_",
45
+ "__SDismiss": "___SDismiss_4a37h_gg_",
46
+ "_use": "__use_4a37h_gg_",
47
+ "__SIcon": "___SIcon_4a37h_gg_",
48
+ "__SNoticeBubble": "___SNoticeBubble_4a37h_gg_",
49
+ "_disablePortal": "__disablePortal_4a37h_gg_",
50
+ "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_4a37h_gg_",
51
+ "@enter": "enter_4a37h",
52
+ "@exit": "exit_4a37h",
53
+ "__SBubble": "___SBubble_4a37h_gg_",
54
+ "__SView": "___SView_4a37h_gg_",
55
+ "_type_info": "_type_info_4a37h_gg_",
56
+ "_type_warning": "_type_warning_4a37h_gg_"
57
57
  });
58
58
  var Notices = function Notices(props) {
59
59
  var styles = props.styles,
@@ -31,21 +31,21 @@ import { useFocusLock } from 'intergalactic/utils/lib/use/useFocusLock';
31
31
  import { Hint } from 'intergalactic/tooltip';
32
32
  import { ZIndexStackingContextProvider, zIndexStackingEnhance } from 'intergalactic/utils/lib/zIndexStacking';
33
33
  /*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
34
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1ly5j{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1ly5j{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1ly5j_gg_,.___SView_1ly5j_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px);padding-right:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px));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_1ly5j_gg_._type_info_1ly5j_gg_,.___SView_1ly5j_gg_._type_info_1ly5j_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1ly5j_gg_._type_warning_1ly5j_gg_,.___SView_1ly5j_gg_._type_warning_1ly5j_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1ly5j_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1ly5j_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_1ly5j_gg_{cursor:pointer;position:absolute;right:0;top:0;margin-top:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px);flex-shrink:0;border:0;background:0 0}.___SDismiss_1ly5j_gg_.__use_1ly5j_gg_.__use_1ly5j_gg_{padding:0 1px}.___SIcon_1ly5j_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_1ly5j_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1ly5j_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1ly5j_gg_.__disablePortal_1ly5j_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1ly5j_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_1ly5j_gg_{display:content}" /*__inner_css_end__*/, "1ly5j_gg_") /*__reshadow_css_end__*/, {
35
- "__SContent": "___SContent_1ly5j_gg_",
36
- "__SMessage": "___SMessage_1ly5j_gg_",
37
- "__SDismiss": "___SDismiss_1ly5j_gg_",
38
- "_use": "__use_1ly5j_gg_",
39
- "__SIcon": "___SIcon_1ly5j_gg_",
40
- "__SNoticeBubble": "___SNoticeBubble_1ly5j_gg_",
41
- "_disablePortal": "__disablePortal_1ly5j_gg_",
42
- "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_1ly5j_gg_",
43
- "@enter": "enter_1ly5j",
44
- "@exit": "exit_1ly5j",
45
- "__SBubble": "___SBubble_1ly5j_gg_",
46
- "__SView": "___SView_1ly5j_gg_",
47
- "_type_info": "_type_info_1ly5j_gg_",
48
- "_type_warning": "_type_warning_1ly5j_gg_"
34
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_4a37h{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_4a37h{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_4a37h_gg_,.___SView_4a37h_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px);padding-right:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px));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_4a37h_gg_._type_info_4a37h_gg_,.___SView_4a37h_gg_._type_info_4a37h_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_4a37h_gg_._type_warning_4a37h_gg_,.___SView_4a37h_gg_._type_warning_4a37h_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_4a37h_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_4a37h_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_4a37h_gg_{cursor:pointer;position:absolute;right:0;top:0;margin-top:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px);flex-shrink:0;border:0;background:0 0}.___SDismiss_4a37h_gg_.__use_4a37h_gg_.__use_4a37h_gg_{padding:0 1px}.___SIcon_4a37h_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_4a37h_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_4a37h_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_4a37h_gg_.__disablePortal_4a37h_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_4a37h_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_4a37h_gg_{display:content}" /*__inner_css_end__*/, "4a37h_gg_") /*__reshadow_css_end__*/, {
35
+ "__SContent": "___SContent_4a37h_gg_",
36
+ "__SMessage": "___SMessage_4a37h_gg_",
37
+ "__SDismiss": "___SDismiss_4a37h_gg_",
38
+ "_use": "__use_4a37h_gg_",
39
+ "__SIcon": "___SIcon_4a37h_gg_",
40
+ "__SNoticeBubble": "___SNoticeBubble_4a37h_gg_",
41
+ "_disablePortal": "__disablePortal_4a37h_gg_",
42
+ "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_4a37h_gg_",
43
+ "@enter": "enter_4a37h",
44
+ "@exit": "exit_4a37h",
45
+ "__SBubble": "___SBubble_4a37h_gg_",
46
+ "__SView": "___SView_4a37h_gg_",
47
+ "_type_info": "_type_info_4a37h_gg_",
48
+ "_type_warning": "_type_warning_4a37h_gg_"
49
49
  });
50
50
  import { forkRef, useForkRef } from 'intergalactic/utils/lib/ref';
51
51
  var Notices = function Notices(props) {
@@ -1 +1 @@
1
- {"name":"intergalactic/notice-bubble","description":"Semrush NoticeBubble Component","version":"5.40.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","sideEffects":false,"license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.32.2","@semcore/icon":"4.43.2","@semcore/portal":"3.31.2","@semcore/flex-box":"5.31.2","@semcore/animation":"2.31.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-bubble"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
1
+ {"name":"intergalactic/notice-bubble","description":"Semrush NoticeBubble Component","version":"5.41.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","sideEffects":false,"license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.32.2","@semcore/icon":"4.44.0","@semcore/portal":"3.31.2","@semcore/flex-box":"5.31.2","@semcore/animation":"2.31.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-bubble"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
@@ -23,19 +23,20 @@ var _findComponent = require("intergalactic/utils/lib/findComponent");
23
23
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
24
24
  var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
25
25
  var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
26
+ var _button = _interopRequireDefault(require("intergalactic/button"));
26
27
  var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
27
28
  /*__reshadow-styles__:"./style/notice-global.shadow.css"*/
28
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_mqapv_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_mqapv_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-05x, 2px);margin-left:var(--intergalactic-spacing-4x, 16px)}@media (hover:hover){.___SCloseIcon_mqapv_gg_:hover{cursor:pointer}}.___SNoticeGlobal_mqapv_gg_._theme_neutral_mqapv_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_mqapv_gg_._theme_info_mqapv_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_mqapv_gg_._theme_danger_mqapv_gg_ .___SCloseIcon_mqapv_gg_,.___SNoticeGlobal_mqapv_gg_._theme_info_mqapv_gg_ .___SCloseIcon_mqapv_gg_,.___SNoticeGlobal_mqapv_gg_._theme_success_mqapv_gg_ .___SCloseIcon_mqapv_gg_,.___SNoticeGlobal_mqapv_gg_._theme_warning_mqapv_gg_ .___SCloseIcon_mqapv_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_mqapv_gg_._theme_info_mqapv_gg_ .___SCloseIcon_mqapv_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_mqapv_gg_._theme_danger_mqapv_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_mqapv_gg_._theme_danger_mqapv_gg_ .___SCloseIcon_mqapv_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_mqapv_gg_._theme_warning_mqapv_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_mqapv_gg_._theme_warning_mqapv_gg_ .___SCloseIcon_mqapv_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_mqapv_gg_._theme_success_mqapv_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_mqapv_gg_._theme_success_mqapv_gg_ .___SCloseIcon_mqapv_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_mqapv_gg_._theme_custom_mqapv_gg_{background-color:var(--backgroundColor_mqapv)}.___SContent_mqapv_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "mqapv_gg_") /*__reshadow_css_end__*/, {
29
- "__SNoticeGlobal": "___SNoticeGlobal_mqapv_gg_",
30
- "_theme_neutral": "_theme_neutral_mqapv_gg_",
31
- "_theme_custom": "_theme_custom_mqapv_gg_",
32
- "--backgroundColor": "--backgroundColor_mqapv",
33
- "__SContent": "___SContent_mqapv_gg_",
34
- "__SCloseIcon": "___SCloseIcon_mqapv_gg_",
35
- "_theme_info": "_theme_info_mqapv_gg_",
36
- "_theme_danger": "_theme_danger_mqapv_gg_",
37
- "_theme_warning": "_theme_warning_mqapv_gg_",
38
- "_theme_success": "_theme_success_mqapv_gg_"
29
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_1310t_gg_{display:flex;align-items:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_1310t_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_1310t_gg_._theme_neutral_1310t_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_info_1310t_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_danger_1310t_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_warning_1310t_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_success_1310t_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_custom_1310t_gg_{background-color:var(--backgroundColor_1310t)}.___SContent_1310t_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "1310t_gg_") /*__reshadow_css_end__*/, {
30
+ "__SNoticeGlobal": "___SNoticeGlobal_1310t_gg_",
31
+ "__SCloseIcon": "___SCloseIcon_1310t_gg_",
32
+ "_theme_neutral": "_theme_neutral_1310t_gg_",
33
+ "_theme_info": "_theme_info_1310t_gg_",
34
+ "_theme_danger": "_theme_danger_1310t_gg_",
35
+ "_theme_warning": "_theme_warning_1310t_gg_",
36
+ "_theme_success": "_theme_success_1310t_gg_",
37
+ "_theme_custom": "_theme_custom_1310t_gg_",
38
+ "--backgroundColor": "--backgroundColor_1310t",
39
+ "__SContent": "___SContent_1310t_gg_"
39
40
  });
40
41
  function isCustomTheme(theme) {
41
42
  return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);
@@ -113,13 +114,17 @@ function CloseIcon(_ref8) {
113
114
  var _ref3 = arguments[0],
114
115
  _ref6;
115
116
  var styles = _ref8.styles,
117
+ hasChildren = _ref8.children,
118
+ Children = _ref8.Children,
116
119
  getI18nText = _ref8.getI18nText;
117
- var SCloseIcon = _flexBox.Box;
120
+ var SCloseIcon = _button["default"];
118
121
  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCloseIcon, _ref6.cn("SCloseIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
119
- "tag": _m["default"],
120
- "interactive": true,
121
- "aria-label": getI18nText('close')
122
- }, _ref3))));
122
+ "aria-label": getI18nText('close'),
123
+ "use": 'tertiary',
124
+ "theme": 'invert',
125
+ "size": 'm',
126
+ "addonLeft": hasChildren ? undefined : _m["default"]
127
+ }, _ref3))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})) : null);
123
128
  }
124
129
  CloseIcon.enhance = [(0, _keyboardFocusEnhance["default"])()];
125
130
  var NoticeGlobal = (0, _core["default"])(NoticeGlobalRoot, {
@@ -1 +1 @@
1
- {"version":3,"file":"NoticeGlobal.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_m","_resolveColorEnhance","_animation","_findComponent","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_keyboardFocusEnhance","style","_index","sstyled","insert","isCustomTheme","theme","includes","NoticeGlobalRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getCloseIconProps","getI18nText","asProps","render","_ref","_ref4","SNoticeGlobal","FadeInOut","_this$asProps","Children","styles","hidden","closable","onClose","forcedAdvancedMode","resolveColor","isAssertive","color","useTheme","advancedMode","isAdvanceMode","NoticeGlobal","Content","displayName","createElement","cn","_objectSpread2","assignProps","CloseIcon","onClick","Component","_defineProperty2","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","resolveColorEnhance","i18n","locale","_ref7","_ref2","arguments[0]","_ref5","SContent","Flex","_ref8","_ref3","_ref6","SCloseIcon","Box","Close","enhance","keyboardFocusEnhance","createComponent","_default","exports"],"sources":["../../src/NoticeGlobal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Flex, 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 { isAdvanceMode } from '@semcore/utils/lib/findComponent';\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-global.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nfunction isCustomTheme(theme) {\n return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);\n}\n\nclass NoticeGlobalRoot extends Component {\n static displayName = 'NoticeGlobal';\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: 'neutral',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getCloseIconProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const SNoticeGlobal = Root;\n const {\n Children,\n styles,\n hidden,\n theme,\n closable,\n onClose,\n forcedAdvancedMode,\n resolveColor,\n getI18nText,\n } = this.asProps;\n const isAssertive = theme === 'danger' || theme === 'warning';\n const color = resolveColor(theme);\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [NoticeGlobal.Content.displayName]);\n\n return sstyled(styles)(\n <SNoticeGlobal\n render={FadeInOut}\n visible={!hidden}\n use:theme={useTheme}\n backgroundColor={color}\n role='region'\n aria-live={isAssertive ? 'assertive' : 'polite'}\n aria-label={getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')}\n >\n {advancedMode ? (\n <Children />\n ) : (\n <NoticeGlobal.Content>\n <Children />\n </NoticeGlobal.Content>\n )}\n {closable && <NoticeGlobal.CloseIcon onClick={onClose} />}\n </SNoticeGlobal>,\n );\n }\n}\n\nfunction Content({ styles }) {\n const SContent = Root;\n return sstyled(styles)(<SContent render={Flex} />);\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}\nCloseIcon.enhance = [keyboardFocusEnhance()];\n\nconst NoticeGlobal = createComponent(NoticeGlobalRoot, {\n Content,\n CloseIcon,\n});\n\nexport default NoticeGlobal;\n"],"mappings":"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"}
1
+ {"version":3,"file":"NoticeGlobal.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_m","_resolveColorEnhance","_animation","_findComponent","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_button","_keyboardFocusEnhance","style","_index","sstyled","insert","isCustomTheme","theme","includes","NoticeGlobalRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getCloseIconProps","getI18nText","asProps","render","_ref","_ref4","SNoticeGlobal","FadeInOut","_this$asProps","Children","styles","hidden","closable","onClose","forcedAdvancedMode","resolveColor","isAssertive","color","useTheme","advancedMode","isAdvanceMode","NoticeGlobal","Content","displayName","createElement","cn","_objectSpread2","assignProps","CloseIcon","onClick","Component","_defineProperty2","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","resolveColorEnhance","i18n","locale","_ref7","_ref2","arguments[0]","_ref5","SContent","Flex","_ref8","_ref3","_ref6","hasChildren","children","SCloseIcon","Button","undefined","CloseM","enhance","keyboardFocusEnhance","createComponent","_default","exports"],"sources":["../../src/NoticeGlobal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport CloseM from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport Button from '@semcore/button';\n\nimport style from './style/notice-global.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nfunction isCustomTheme(theme) {\n return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);\n}\n\nclass NoticeGlobalRoot extends Component {\n static displayName = 'NoticeGlobal';\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: 'neutral',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getCloseIconProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const SNoticeGlobal = Root;\n const {\n Children,\n styles,\n hidden,\n theme,\n closable,\n onClose,\n forcedAdvancedMode,\n resolveColor,\n getI18nText,\n } = this.asProps;\n const isAssertive = theme === 'danger' || theme === 'warning';\n const color = resolveColor(theme);\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [NoticeGlobal.Content.displayName]);\n\n return sstyled(styles)(\n <SNoticeGlobal\n render={FadeInOut}\n visible={!hidden}\n use:theme={useTheme}\n backgroundColor={color}\n role='region'\n aria-live={isAssertive ? 'assertive' : 'polite'}\n aria-label={getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')}\n >\n {advancedMode ? (\n <Children />\n ) : (\n <NoticeGlobal.Content>\n <Children />\n </NoticeGlobal.Content>\n )}\n {closable && <NoticeGlobal.CloseIcon onClick={onClose} />}\n </SNoticeGlobal>,\n );\n }\n}\n\nfunction Content({ styles }) {\n const SContent = Root;\n return sstyled(styles)(<SContent render={Flex} />);\n}\n\nfunction CloseIcon({ styles, children: hasChildren, Children, getI18nText }) {\n const SCloseIcon = Root;\n return sstyled(styles)(\n <SCloseIcon\n render={Button}\n aria-label={getI18nText('close')}\n use='tertiary'\n theme='invert'\n size='m'\n addonLeft={hasChildren ? undefined : CloseM}\n >\n {hasChildren ? <Children /> : null}\n </SCloseIcon>,\n );\n}\nCloseIcon.enhance = [keyboardFocusEnhance()];\n\nconst NoticeGlobal = createComponent(NoticeGlobalRoot, {\n Content,\n CloseIcon,\n});\n\nexport default NoticeGlobal;\n"],"mappings":"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"}
@@ -1,5 +1,6 @@
1
1
  SNoticeGlobal {
2
2
  display: flex;
3
+ align-items: center;
3
4
  font-size: var(--intergalactic-fs-200, 14px);
4
5
  line-height: var(--intergalactic-lh-200, 142%);
5
6
  box-sizing: border-box;
@@ -7,13 +8,7 @@ SNoticeGlobal {
7
8
  }
8
9
 
9
10
  SCloseIcon {
10
- flex-shrink: 0;
11
- margin-top: var(--intergalactic-spacing-05x, 2px);
12
11
  margin-left: var(--intergalactic-spacing-4x, 16px);
13
-
14
- &:hover {
15
- cursor: pointer;
16
- }
17
12
  }
18
13
 
19
14
  SNoticeGlobal[theme='neutral'] {
@@ -24,53 +19,21 @@ SNoticeGlobal[theme='neutral'] {
24
19
  SNoticeGlobal[theme='info'] {
25
20
  background-color: var(--intergalactic-bg-primary-info, #008ff8);
26
21
  color: var(--intergalactic-text-primary-invert, #ffffff);
27
-
28
- & SCloseIcon {
29
- color: var(--intergalactic-icon-primary-invert, #ffffff);
30
-
31
- &:hover {
32
- color: var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9);
33
- }
34
- }
35
22
  }
36
23
 
37
24
  SNoticeGlobal[theme='danger'] {
38
25
  background-color: var(--intergalactic-bg-primary-critical, #ff4953);
39
26
  color: var(--intergalactic-text-primary-invert, #ffffff);
40
-
41
- & SCloseIcon {
42
- color: var(--intergalactic-icon-primary-invert, #ffffff);
43
-
44
- &:hover {
45
- color: var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9);
46
- }
47
- }
48
27
  }
49
28
 
50
29
  SNoticeGlobal[theme='warning'] {
51
30
  background-color: var(--intergalactic-bg-primary-warning, #ff642d);
52
31
  color: var(--intergalactic-text-primary-invert, #ffffff);
53
-
54
- & SCloseIcon {
55
- color: var(--intergalactic-icon-primary-invert, #ffffff);
56
-
57
- &:hover {
58
- color: var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9);
59
- }
60
- }
61
32
  }
62
33
 
63
34
  SNoticeGlobal[theme='success'] {
64
35
  background-color: var(--intergalactic-bg-primary-success, #009f81);
65
36
  color: var(--intergalactic-text-primary-invert, #ffffff);
66
-
67
- & SCloseIcon {
68
- color: var(--intergalactic-icon-primary-invert, #ffffff);
69
-
70
- &:hover {
71
- color: var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9);
72
- }
73
- }
74
37
  }
75
38
 
76
39
  SNoticeGlobal[theme='custom'] {
@@ -10,26 +10,27 @@ import { assignProps as _assignProps2 } from 'intergalactic/core';
10
10
  import { assignProps as _assignProps } from 'intergalactic/core';
11
11
  import React from 'react';
12
12
  import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
13
- import { Flex, Box } from 'intergalactic/flex-box';
14
- import Close from 'intergalactic/icon/Close/m';
13
+ import { Flex } from 'intergalactic/flex-box';
14
+ import CloseM from 'intergalactic/icon/Close/m';
15
15
  import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
16
16
  import { FadeInOut } from 'intergalactic/animation';
17
17
  import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
18
18
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
19
19
  import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
20
20
  import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
21
+ import Button from 'intergalactic/button';
21
22
  /*__reshadow-styles__:"./style/notice-global.shadow.css"*/
22
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_mqapv_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_mqapv_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-05x, 2px);margin-left:var(--intergalactic-spacing-4x, 16px)}@media (hover:hover){.___SCloseIcon_mqapv_gg_:hover{cursor:pointer}}.___SNoticeGlobal_mqapv_gg_._theme_neutral_mqapv_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_mqapv_gg_._theme_info_mqapv_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_mqapv_gg_._theme_danger_mqapv_gg_ .___SCloseIcon_mqapv_gg_,.___SNoticeGlobal_mqapv_gg_._theme_info_mqapv_gg_ .___SCloseIcon_mqapv_gg_,.___SNoticeGlobal_mqapv_gg_._theme_success_mqapv_gg_ .___SCloseIcon_mqapv_gg_,.___SNoticeGlobal_mqapv_gg_._theme_warning_mqapv_gg_ .___SCloseIcon_mqapv_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_mqapv_gg_._theme_info_mqapv_gg_ .___SCloseIcon_mqapv_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_mqapv_gg_._theme_danger_mqapv_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_mqapv_gg_._theme_danger_mqapv_gg_ .___SCloseIcon_mqapv_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_mqapv_gg_._theme_warning_mqapv_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_mqapv_gg_._theme_warning_mqapv_gg_ .___SCloseIcon_mqapv_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_mqapv_gg_._theme_success_mqapv_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_mqapv_gg_._theme_success_mqapv_gg_ .___SCloseIcon_mqapv_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_mqapv_gg_._theme_custom_mqapv_gg_{background-color:var(--backgroundColor_mqapv)}.___SContent_mqapv_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "mqapv_gg_") /*__reshadow_css_end__*/, {
23
- "__SNoticeGlobal": "___SNoticeGlobal_mqapv_gg_",
24
- "_theme_neutral": "_theme_neutral_mqapv_gg_",
25
- "_theme_custom": "_theme_custom_mqapv_gg_",
26
- "--backgroundColor": "--backgroundColor_mqapv",
27
- "__SContent": "___SContent_mqapv_gg_",
28
- "__SCloseIcon": "___SCloseIcon_mqapv_gg_",
29
- "_theme_info": "_theme_info_mqapv_gg_",
30
- "_theme_danger": "_theme_danger_mqapv_gg_",
31
- "_theme_warning": "_theme_warning_mqapv_gg_",
32
- "_theme_success": "_theme_success_mqapv_gg_"
23
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_1310t_gg_{display:flex;align-items:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_1310t_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_1310t_gg_._theme_neutral_1310t_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_info_1310t_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_danger_1310t_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_warning_1310t_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_success_1310t_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_custom_1310t_gg_{background-color:var(--backgroundColor_1310t)}.___SContent_1310t_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "1310t_gg_") /*__reshadow_css_end__*/, {
24
+ "__SNoticeGlobal": "___SNoticeGlobal_1310t_gg_",
25
+ "__SCloseIcon": "___SCloseIcon_1310t_gg_",
26
+ "_theme_neutral": "_theme_neutral_1310t_gg_",
27
+ "_theme_info": "_theme_info_1310t_gg_",
28
+ "_theme_danger": "_theme_danger_1310t_gg_",
29
+ "_theme_warning": "_theme_warning_1310t_gg_",
30
+ "_theme_success": "_theme_success_1310t_gg_",
31
+ "_theme_custom": "_theme_custom_1310t_gg_",
32
+ "--backgroundColor": "--backgroundColor_1310t",
33
+ "__SContent": "___SContent_1310t_gg_"
33
34
  });
34
35
  import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
35
36
  function isCustomTheme(theme) {
@@ -108,13 +109,17 @@ function CloseIcon(_ref8) {
108
109
  var _ref3 = arguments[0],
109
110
  _ref6;
110
111
  var styles = _ref8.styles,
112
+ hasChildren = _ref8.children,
113
+ Children = _ref8.Children,
111
114
  getI18nText = _ref8.getI18nText;
112
- var SCloseIcon = Box;
115
+ var SCloseIcon = Button;
113
116
  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SCloseIcon, _ref6.cn("SCloseIcon", _objectSpread({}, _assignProps3({
114
- "tag": Close,
115
- "interactive": true,
116
- "aria-label": getI18nText('close')
117
- }, _ref3))));
117
+ "aria-label": getI18nText('close'),
118
+ "use": 'tertiary',
119
+ "theme": 'invert',
120
+ "size": 'm',
121
+ "addonLeft": hasChildren ? undefined : CloseM
122
+ }, _ref3))), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {})) : null);
118
123
  }
119
124
  CloseIcon.enhance = [keyboardFocusEnhance()];
120
125
  var NoticeGlobal = createComponent(NoticeGlobalRoot, {
@@ -1 +1 @@
1
- {"version":3,"file":"NoticeGlobal.js","names":["React","createComponent","Component","sstyled","Root","Flex","Box","Close","resolveColorEnhance","FadeInOut","isAdvanceMode","localizedMessages","i18nEnhance","cssVariableEnhance","style","_sstyled","insert","keyboardFocusEnhance","isCustomTheme","theme","includes","NoticeGlobalRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getCloseIconProps","getI18nText","asProps","render","_ref","_ref4","SNoticeGlobal","_this$asProps","Children","styles","hidden","closable","onClose","forcedAdvancedMode","resolveColor","isAssertive","color","useTheme","advancedMode","NoticeGlobal","Content","displayName","createElement","cn","_objectSpread","_assignProps","CloseIcon","onClick","_defineProperty","variable","fallback","map","Number","parseInt","prop","i18n","locale","_ref7","_ref2","arguments[0]","_ref5","SContent","_assignProps2","_ref8","_ref3","_ref6","SCloseIcon","_assignProps3","enhance"],"sources":["../../src/NoticeGlobal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Flex, 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 { isAdvanceMode } from '@semcore/utils/lib/findComponent';\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-global.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nfunction isCustomTheme(theme) {\n return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);\n}\n\nclass NoticeGlobalRoot extends Component {\n static displayName = 'NoticeGlobal';\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: 'neutral',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getCloseIconProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const SNoticeGlobal = Root;\n const {\n Children,\n styles,\n hidden,\n theme,\n closable,\n onClose,\n forcedAdvancedMode,\n resolveColor,\n getI18nText,\n } = this.asProps;\n const isAssertive = theme === 'danger' || theme === 'warning';\n const color = resolveColor(theme);\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [NoticeGlobal.Content.displayName]);\n\n return sstyled(styles)(\n <SNoticeGlobal\n render={FadeInOut}\n visible={!hidden}\n use:theme={useTheme}\n backgroundColor={color}\n role='region'\n aria-live={isAssertive ? 'assertive' : 'polite'}\n aria-label={getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')}\n >\n {advancedMode ? (\n <Children />\n ) : (\n <NoticeGlobal.Content>\n <Children />\n </NoticeGlobal.Content>\n )}\n {closable && <NoticeGlobal.CloseIcon onClick={onClose} />}\n </SNoticeGlobal>,\n );\n }\n}\n\nfunction Content({ styles }) {\n const SContent = Root;\n return sstyled(styles)(<SContent render={Flex} />);\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}\nCloseIcon.enhance = [keyboardFocusEnhance()];\n\nconst NoticeGlobal = createComponent(NoticeGlobalRoot, {\n Content,\n CloseIcon,\n});\n\nexport default NoticeGlobal;\n"],"mappings":"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"}
1
+ {"version":3,"file":"NoticeGlobal.js","names":["React","createComponent","Component","sstyled","Root","Flex","CloseM","resolveColorEnhance","FadeInOut","isAdvanceMode","localizedMessages","i18nEnhance","cssVariableEnhance","Button","style","_sstyled","insert","keyboardFocusEnhance","isCustomTheme","theme","includes","NoticeGlobalRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getCloseIconProps","getI18nText","asProps","render","_ref","_ref4","SNoticeGlobal","_this$asProps","Children","styles","hidden","closable","onClose","forcedAdvancedMode","resolveColor","isAssertive","color","useTheme","advancedMode","NoticeGlobal","Content","displayName","createElement","cn","_objectSpread","_assignProps","CloseIcon","onClick","_defineProperty","variable","fallback","map","Number","parseInt","prop","i18n","locale","_ref7","_ref2","arguments[0]","_ref5","SContent","_assignProps2","_ref8","_ref3","_ref6","hasChildren","children","SCloseIcon","_assignProps3","undefined","enhance"],"sources":["../../src/NoticeGlobal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport CloseM from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport Button from '@semcore/button';\n\nimport style from './style/notice-global.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nfunction isCustomTheme(theme) {\n return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);\n}\n\nclass NoticeGlobalRoot extends Component {\n static displayName = 'NoticeGlobal';\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: 'neutral',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getCloseIconProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const SNoticeGlobal = Root;\n const {\n Children,\n styles,\n hidden,\n theme,\n closable,\n onClose,\n forcedAdvancedMode,\n resolveColor,\n getI18nText,\n } = this.asProps;\n const isAssertive = theme === 'danger' || theme === 'warning';\n const color = resolveColor(theme);\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [NoticeGlobal.Content.displayName]);\n\n return sstyled(styles)(\n <SNoticeGlobal\n render={FadeInOut}\n visible={!hidden}\n use:theme={useTheme}\n backgroundColor={color}\n role='region'\n aria-live={isAssertive ? 'assertive' : 'polite'}\n aria-label={getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')}\n >\n {advancedMode ? (\n <Children />\n ) : (\n <NoticeGlobal.Content>\n <Children />\n </NoticeGlobal.Content>\n )}\n {closable && <NoticeGlobal.CloseIcon onClick={onClose} />}\n </SNoticeGlobal>,\n );\n }\n}\n\nfunction Content({ styles }) {\n const SContent = Root;\n return sstyled(styles)(<SContent render={Flex} />);\n}\n\nfunction CloseIcon({ styles, children: hasChildren, Children, getI18nText }) {\n const SCloseIcon = Root;\n return sstyled(styles)(\n <SCloseIcon\n render={Button}\n aria-label={getI18nText('close')}\n use='tertiary'\n theme='invert'\n size='m'\n addonLeft={hasChildren ? undefined : CloseM}\n >\n {hasChildren ? <Children /> : null}\n </SCloseIcon>,\n );\n}\nCloseIcon.enhance = [keyboardFocusEnhance()];\n\nconst NoticeGlobal = createComponent(NoticeGlobalRoot, {\n Content,\n CloseIcon,\n});\n\nexport default NoticeGlobal;\n"],"mappings":"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"}