intergalactic 15.71.0 → 15.72.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 (183) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/card/lib/cjs/Card.js +8 -8
  3. package/card/lib/es6/Card.js +8 -8
  4. package/checkbox/lib/cjs/Checkbox.js +18 -18
  5. package/checkbox/lib/es6/Checkbox.js +18 -18
  6. package/components.json +29 -29
  7. package/d3-chart/lib/cjs/Area.js +11 -11
  8. package/d3-chart/lib/cjs/Axis.js +14 -14
  9. package/d3-chart/lib/cjs/Bar.js +10 -10
  10. package/d3-chart/lib/cjs/Bubble.js +12 -12
  11. package/d3-chart/lib/cjs/Donut.js +9 -9
  12. package/d3-chart/lib/cjs/Dots.js +8 -8
  13. package/d3-chart/lib/cjs/HorizontalBar.js +10 -10
  14. package/d3-chart/lib/cjs/Hover.js +3 -3
  15. package/d3-chart/lib/cjs/Line.js +9 -9
  16. package/d3-chart/lib/cjs/Plot.js +3 -3
  17. package/d3-chart/lib/cjs/Radar.js +19 -19
  18. package/d3-chart/lib/cjs/RadialTree.js +11 -11
  19. package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
  20. package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
  21. package/d3-chart/lib/cjs/Tooltip.js +9 -9
  22. package/d3-chart/lib/cjs/Venn.js +9 -9
  23. package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
  24. package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
  25. package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  26. package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  27. package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  28. package/d3-chart/lib/es6/Area.js +11 -11
  29. package/d3-chart/lib/es6/Axis.js +14 -14
  30. package/d3-chart/lib/es6/Bar.js +10 -10
  31. package/d3-chart/lib/es6/Bubble.js +12 -12
  32. package/d3-chart/lib/es6/Donut.js +9 -9
  33. package/d3-chart/lib/es6/Dots.js +8 -8
  34. package/d3-chart/lib/es6/HorizontalBar.js +10 -10
  35. package/d3-chart/lib/es6/Hover.js +3 -3
  36. package/d3-chart/lib/es6/Line.js +9 -9
  37. package/d3-chart/lib/es6/Plot.js +3 -3
  38. package/d3-chart/lib/es6/Radar.js +19 -19
  39. package/d3-chart/lib/es6/RadialTree.js +11 -11
  40. package/d3-chart/lib/es6/ReferenceLine.js +9 -9
  41. package/d3-chart/lib/es6/ScatterPlot.js +9 -9
  42. package/d3-chart/lib/es6/Tooltip.js +9 -9
  43. package/d3-chart/lib/es6/Venn.js +9 -9
  44. package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
  45. package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
  46. package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  47. package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  48. package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  49. package/data-table/Head.d.ts +0 -1
  50. package/data-table/lib/cjs/Body.js +13 -24
  51. package/data-table/lib/cjs/Body.js.map +1 -1
  52. package/data-table/lib/cjs/DataTable.js +35 -41
  53. package/data-table/lib/cjs/DataTable.js.map +1 -1
  54. package/data-table/lib/cjs/Head.js +7 -21
  55. package/data-table/lib/cjs/Head.js.map +1 -1
  56. package/data-table/lib/cjs/style/data-table.shadow.css +0 -18
  57. package/data-table/lib/es6/Body.js +13 -25
  58. package/data-table/lib/es6/Body.js.map +1 -1
  59. package/data-table/lib/es6/DataTable.js +35 -41
  60. package/data-table/lib/es6/DataTable.js.map +1 -1
  61. package/data-table/lib/es6/Head.js +7 -22
  62. package/data-table/lib/es6/Head.js.map +1 -1
  63. package/data-table/lib/es6/style/data-table.shadow.css +0 -18
  64. package/data-table/lib/types/Head.d.ts +0 -1
  65. package/date-picker/lib/cjs/components/Calendar.js +21 -21
  66. package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +26 -26
  67. package/date-picker/lib/cjs/components/InputTrigger.js +26 -26
  68. package/date-picker/lib/cjs/components/PickerAbstract.js +26 -26
  69. package/date-picker/lib/cjs/components/RangePickerAbstract.js +26 -26
  70. package/date-picker/lib/es6/components/Calendar.js +21 -21
  71. package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +26 -26
  72. package/date-picker/lib/es6/components/InputTrigger.js +26 -26
  73. package/date-picker/lib/es6/components/PickerAbstract.js +26 -26
  74. package/date-picker/lib/es6/components/RangePickerAbstract.js +26 -26
  75. package/drag-and-drop/lib/cjs/DragAndDrop.js +12 -12
  76. package/drag-and-drop/lib/es6/DragAndDrop.js +12 -12
  77. package/dropdown/lib/cjs/Dropdown.js +2 -2
  78. package/dropdown/lib/es6/Dropdown.js +2 -2
  79. package/dropdown-menu/lib/cjs/DropdownMenu.js +16 -16
  80. package/dropdown-menu/lib/cjs/DropdownMenu.js.map +1 -1
  81. package/dropdown-menu/lib/cjs/styleScrollArea.js +6 -6
  82. package/dropdown-menu/lib/es6/DropdownMenu.js +16 -16
  83. package/dropdown-menu/lib/es6/DropdownMenu.js.map +1 -1
  84. package/dropdown-menu/lib/es6/styleScrollArea.js +6 -6
  85. package/ellipsis/lib/cjs/Ellipsis.js +10 -10
  86. package/ellipsis/lib/es6/Ellipsis.js +10 -10
  87. package/errors/lib/cjs/Error.js +9 -9
  88. package/errors/lib/es6/Error.js +9 -9
  89. package/feature-popover/lib/cjs/FeaturePopover.js +10 -10
  90. package/feature-popover/lib/es6/FeaturePopover.js +10 -10
  91. package/feedback-form/lib/cjs/FeedbackForm.js +9 -8
  92. package/feedback-form/lib/cjs/FeedbackForm.js.map +1 -1
  93. package/feedback-form/lib/es6/FeedbackForm.js +9 -8
  94. package/feedback-form/lib/es6/FeedbackForm.js.map +1 -1
  95. package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
  96. package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
  97. package/inline-input/index.d.ts +1 -1
  98. package/inline-input/lib/cjs/InlineInput.js +18 -18
  99. package/inline-input/lib/cjs/index.d.js.map +1 -1
  100. package/inline-input/lib/es6/InlineInput.js +18 -18
  101. package/inline-input/lib/es6/index.d.js.map +1 -1
  102. package/inline-input/lib/types/index.d.ts +1 -1
  103. package/input-tags/lib/cjs/InputTags.js +13 -12
  104. package/input-tags/lib/cjs/InputTags.js.map +1 -1
  105. package/input-tags/lib/es6/InputTags.js +13 -12
  106. package/input-tags/lib/es6/InputTags.js.map +1 -1
  107. package/link/lib/cjs/Link.js +12 -12
  108. package/link/lib/es6/Link.js +12 -12
  109. package/modal/lib/cjs/Modal.js +9 -9
  110. package/modal/lib/es6/Modal.js +9 -9
  111. package/notice-bubble/lib/cjs/NoticeBubble.js +13 -14
  112. package/notice-bubble/lib/cjs/NoticeBubble.js.map +1 -1
  113. package/notice-bubble/lib/cjs/style/notice-bubble.shadow.css +8 -4
  114. package/notice-bubble/lib/es6/NoticeBubble.js +13 -14
  115. package/notice-bubble/lib/es6/NoticeBubble.js.map +1 -1
  116. package/notice-bubble/lib/es6/style/notice-bubble.shadow.css +8 -4
  117. package/package.json +3 -3
  118. package/pagination/lib/cjs/Pagination.js +11 -11
  119. package/pagination/lib/cjs/Pagination.js.map +1 -1
  120. package/pagination/lib/es6/Pagination.js +11 -11
  121. package/pagination/lib/es6/Pagination.js.map +1 -1
  122. package/popper/index.d.ts +2 -0
  123. package/popper/lib/cjs/Popper.js +6 -6
  124. package/popper/lib/cjs/index.d.js.map +1 -1
  125. package/popper/lib/cjs/style/popper.shadow.css +2 -1
  126. package/popper/lib/es6/Popper.js +6 -6
  127. package/popper/lib/es6/index.d.js.map +1 -1
  128. package/popper/lib/es6/style/popper.shadow.css +2 -1
  129. package/popper/lib/types/index.d.ts +2 -0
  130. package/radio/lib/cjs/Radio.js +16 -16
  131. package/radio/lib/es6/Radio.js +16 -16
  132. package/scroll-area/index.d.ts +5 -0
  133. package/scroll-area/lib/cjs/ScrollArea.js +79 -48
  134. package/scroll-area/lib/cjs/ScrollArea.js.map +1 -1
  135. package/scroll-area/lib/cjs/ScrollBar.js +51 -6
  136. package/scroll-area/lib/cjs/ScrollBar.js.map +1 -1
  137. package/scroll-area/lib/cjs/index.d.js.map +1 -1
  138. package/scroll-area/lib/cjs/style/scroll-area.shadow.css +17 -2
  139. package/scroll-area/lib/cjs/style/scroll-bar.shadow.css +2 -3
  140. package/scroll-area/lib/es6/ScrollArea.js +79 -48
  141. package/scroll-area/lib/es6/ScrollArea.js.map +1 -1
  142. package/scroll-area/lib/es6/ScrollBar.js +51 -6
  143. package/scroll-area/lib/es6/ScrollBar.js.map +1 -1
  144. package/scroll-area/lib/es6/index.d.js.map +1 -1
  145. package/scroll-area/lib/es6/style/scroll-area.shadow.css +17 -2
  146. package/scroll-area/lib/es6/style/scroll-bar.shadow.css +2 -3
  147. package/scroll-area/lib/types/index.d.ts +5 -0
  148. package/select/lib/cjs/InputSearch.js +6 -6
  149. package/select/lib/cjs/Select.js +48 -36
  150. package/select/lib/cjs/Select.js.map +1 -1
  151. package/select/lib/cjs/style/select.shadow.css +21 -17
  152. package/select/lib/es6/InputSearch.js +6 -6
  153. package/select/lib/es6/Select.js +49 -36
  154. package/select/lib/es6/Select.js.map +1 -1
  155. package/select/lib/es6/style/select.shadow.css +21 -17
  156. package/side-panel/lib/cjs/SidePanel.js +15 -15
  157. package/side-panel/lib/es6/SidePanel.js +15 -15
  158. package/time-picker/lib/cjs/TimePicker.js +12 -12
  159. package/time-picker/lib/es6/TimePicker.js +12 -12
  160. package/tooltip/lib/cjs/Tooltip.js +19 -22
  161. package/tooltip/lib/cjs/Tooltip.js.map +1 -1
  162. package/tooltip/lib/es6/Tooltip.js +19 -22
  163. package/tooltip/lib/es6/Tooltip.js.map +1 -1
  164. package/typography/lib/cjs/Blockquote.js +4 -4
  165. package/typography/lib/cjs/Hint.js +7 -7
  166. package/typography/lib/cjs/List.js +7 -6
  167. package/typography/lib/cjs/List.js.map +1 -1
  168. package/typography/lib/cjs/Text.js +34 -34
  169. package/typography/lib/es6/Blockquote.js +4 -4
  170. package/typography/lib/es6/Hint.js +7 -7
  171. package/typography/lib/es6/List.js +7 -6
  172. package/typography/lib/es6/List.js.map +1 -1
  173. package/typography/lib/es6/Text.js +34 -34
  174. package/widget-empty/lib/cjs/WidgetEmpty.js +6 -6
  175. package/widget-empty/lib/cjs/WidgetEmpty.js.map +1 -1
  176. package/widget-empty/lib/cjs/style/widget-empty.shadow.css +5 -3
  177. package/widget-empty/lib/es6/WidgetEmpty.js +6 -6
  178. package/widget-empty/lib/es6/WidgetEmpty.js.map +1 -1
  179. package/widget-empty/lib/es6/style/widget-empty.shadow.css +5 -3
  180. package/wizard/lib/cjs/Wizard.js +11 -11
  181. package/wizard/lib/es6/Wizard.js +11 -11
  182. package/data-table/lib/cjs/style/scroll-area.shadow.css +0 -7
  183. package/data-table/lib/es6/style/scroll-area.shadow.css +0 -7
@@ -28,13 +28,13 @@ import { Box } from 'intergalactic/flex-box';
28
28
  import pick from 'intergalactic/utils/lib/pick';
29
29
  import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
30
30
  /*__reshadow-styles__:"./style/feedback-form.shadow.css"*/
31
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_1qdtx_gg_{max-width:320px}.___SCancel_1qdtx_gg_,.___SSubmit_1qdtx_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1qdtx_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);border-width:1px 0 0;border-top-style:solid;border-radius:0 0 var(--intergalactic-surface-rounded, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_1qdtx_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_1qdtx_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));width:80px;height:80px;background-image:url(\"data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A\")}" /*__inner_css_end__*/, "1qdtx_gg_") /*__reshadow_css_end__*/, {
32
- "__SFeedbackForm": "___SFeedbackForm_1qdtx_gg_",
33
- "__SSubmit": "___SSubmit_1qdtx_gg_",
34
- "__SCancel": "___SCancel_1qdtx_gg_",
35
- "__SNotice": "___SNotice_1qdtx_gg_",
36
- "__SSuccess": "___SSuccess_1qdtx_gg_",
37
- "__SEmail": "___SEmail_1qdtx_gg_"
31
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_6pt3q_gg_{max-width:320px}.___SCancel_6pt3q_gg_,.___SSubmit_6pt3q_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_6pt3q_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);border-width:1px 0 0;border-top-style:solid;border-radius:0 0 var(--intergalactic-surface-rounded, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_6pt3q_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_6pt3q_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));width:80px;height:80px;background-image:url(\"data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A\")}" /*__inner_css_end__*/, "6pt3q_gg_") /*__reshadow_css_end__*/, {
32
+ "__SFeedbackForm": "___SFeedbackForm_6pt3q_gg_",
33
+ "__SSubmit": "___SSubmit_6pt3q_gg_",
34
+ "__SCancel": "___SCancel_6pt3q_gg_",
35
+ "__SNotice": "___SNotice_6pt3q_gg_",
36
+ "__SSuccess": "___SSuccess_6pt3q_gg_",
37
+ "__SEmail": "___SEmail_6pt3q_gg_"
38
38
  });
39
39
  var FeedbackForm = /*#__PURE__*/function (_Component) {
40
40
  _inherits(FeedbackForm, _Component);
@@ -153,7 +153,8 @@ function Item(_ref11) {
153
153
  fallbackPlacements: ['right', 'bottom']
154
154
  }
155
155
  }, tooltipProps), /*#__PURE__*/React.createElement(Tooltip.Trigger, {
156
- inline: false
156
+ inline: false,
157
+ role: undefined
157
158
  }, tag && /*#__PURE__*/React.createElement(ItemRoot, _assignProps(_objectSpread({}, inputProps), _ref)), typeof Children.origin === 'function' && Children.origin(_objectSpread({
158
159
  input: inputProps,
159
160
  meta: meta
@@ -1 +1 @@
1
- {"version":3,"file":"FeedbackForm.js","names":["React","Field","Form","createFocusDecorator","createComponent","Component","sstyled","Root","Button","SpinContainer","Tooltip","NoticeSmart","Box","pick","uniqueIDEnhancement","style","_sstyled","insert","FeedbackForm","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","_createClass","key","value","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","_this$asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties","_excluded","createElement","_extends","decorators","focusDecorator","api","_ref6","cn","undefined","submitting","_objectSpread","handleSubmit","origin","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","TooltipProps","Item","_ref11","_ref","arguments[0]","tag","uid","props","_excluded2","tooltipProps","ItemRoot","lastErrorRef","useRef","_ref12","_meta$error","input","meta","_excluded3","showError","submitFailed","invalid","touched","errorState","inputProps","state","current","visible","active","placement","flip","fallbackPlacements","Trigger","inline","_assignProps","Popper","id","ignorePortalsStacking","enhance","Success","_ref2","_ref7","SSuccess","SEmail","_assignProps2","Submit","_ref3","_ref8","SSubmit","_assignProps3","Cancel","_ref4","_ref9","SCancel","_assignProps4","Notice","_ref5","_ref10","_props$theme","_props$use","use","SNotice","_assignProps5"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport Tooltip from '@semcore/tooltip';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n static displayName = 'FeedbackForm';\n static style = style;\n static FinalForm = {\n Field,\n Form,\n };\n\n static defaultProps = {\n onSubmit: () => {},\n };\n\n static validate = {\n description: (error) => (value = '') => {\n const words = value.split(/\\s+/);\n const symbols = words.join(' ');\n if (symbols.length < 10 || words.length < 3) {\n return error;\n }\n },\n email: (error) => (value = '') => {\n if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n return error;\n }\n },\n };\n\n focusDecorator = createFocusDecorator();\n\n getItemProps() {\n const { validateOnBlur } = this.asProps;\n\n return {\n validateOnBlur,\n };\n }\n\n render() {\n const SFeedbackForm = Box;\n const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n return (\n <Form decorators={[this.focusDecorator]} {...other}>\n {(api) =>\n sstyled(styles)(\n <SpinContainer\n background={background}\n theme={theme}\n size='xl'\n loading={loading === undefined ? api.submitting : loading}\n >\n <SFeedbackForm\n tag='form'\n noValidate\n method='POST'\n ref={forwardRef}\n {...other}\n onSubmit={api.handleSubmit}\n title='This is feedback'\n >\n {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n </SFeedbackForm>\n </SpinContainer>,\n )\n }\n </Form>\n );\n }\n}\n\nconst TooltipProps = [\n 'title',\n 'theme',\n 'strategy',\n 'modifiers',\n 'placement',\n 'interaction',\n 'timeout',\n 'visible',\n 'defaultVisible',\n 'onVisibleChange',\n 'offset',\n 'preventOverflow',\n 'arrow',\n 'flip',\n 'computeStyles',\n 'eventListeners',\n 'onFirstUpdate',\n];\n\nfunction Item({ Children, tag, uid, ...props }) {\n const tooltipProps = pick(props, TooltipProps);\n const ItemRoot = Root;\n\n const lastErrorRef = React.useRef(undefined);\n\n return (\n <Field {...props}>\n {({ input, meta, ...other }) => {\n const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n const invalid = meta.invalid && meta.touched;\n const errorState = showError && invalid;\n const inputProps = {\n ...input,\n state: errorState ? 'invalid' : 'normal',\n 'aria-invalid': errorState ? true : false,\n 'aria-errormessage': uid,\n };\n if (meta?.error) lastErrorRef.current = meta.error;\n\n return (\n <Tooltip\n visible={errorState && meta.active}\n theme='warning'\n placement='left'\n flip={{\n fallbackPlacements: ['right', 'bottom'],\n }}\n {...tooltipProps}\n >\n <Tooltip.Trigger inline={false}>\n {tag && <ItemRoot render={tag} {...inputProps} />}\n {typeof Children.origin === 'function' &&\n Children.origin({\n input: inputProps,\n meta,\n ...other,\n })}\n </Tooltip.Trigger>\n <Tooltip.Popper id={uid} ignorePortalsStacking>\n {meta.error ?? lastErrorRef.current}\n </Tooltip.Popper>\n </Tooltip>\n );\n }}\n </Field>\n );\n}\nItem.enhance = [uniqueIDEnhancement()];\n\nfunction Success(props) {\n const { Children, styles } = props;\n const SSuccess = Root;\n const SEmail = 'div';\n\n return sstyled(styles)(\n <SSuccess render={Box}>\n <SEmail aria-hidden={true} />\n <span>\n <Children />\n </span>\n </SSuccess>,\n );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Submit(props) {\n const { styles } = props;\n const SSubmit = Root;\n return sstyled(styles)(<SSubmit render={Button} type='submit' use='primary' theme='success' />);\n}\n\nfunction Cancel(props) {\n const { styles } = props;\n const SCancel = Root;\n return sstyled(styles)(<SCancel render={Button} type='reset' use='secondary' theme='muted' />);\n}\n\nfunction Notice(props) {\n const { styles, theme = 'gray96', use = 'secondary' } = props;\n const SNotice = Root;\n return sstyled(styles)(<SNotice render={NoticeSmart} theme={theme} use={use} />);\n}\n\nexport default createComponent(FeedbackForm, {\n Item,\n Success,\n Submit,\n Cancel,\n Notice,\n});\n"],"mappings":"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"}
1
+ {"version":3,"file":"FeedbackForm.js","names":["React","Field","Form","createFocusDecorator","createComponent","Component","sstyled","Root","Button","SpinContainer","Tooltip","NoticeSmart","Box","pick","uniqueIDEnhancement","style","_sstyled","insert","FeedbackForm","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","_createClass","key","value","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","_this$asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties","_excluded","createElement","_extends","decorators","focusDecorator","api","_ref6","cn","undefined","submitting","_objectSpread","handleSubmit","origin","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","TooltipProps","Item","_ref11","_ref","arguments[0]","tag","uid","props","_excluded2","tooltipProps","ItemRoot","lastErrorRef","useRef","_ref12","_meta$error","input","meta","_excluded3","showError","submitFailed","invalid","touched","errorState","inputProps","state","current","visible","active","placement","flip","fallbackPlacements","Trigger","inline","role","_assignProps","Popper","id","ignorePortalsStacking","enhance","Success","_ref2","_ref7","SSuccess","SEmail","_assignProps2","Submit","_ref3","_ref8","SSubmit","_assignProps3","Cancel","_ref4","_ref9","SCancel","_assignProps4","Notice","_ref5","_ref10","_props$theme","_props$use","use","SNotice","_assignProps5"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport Tooltip from '@semcore/tooltip';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n static displayName = 'FeedbackForm';\n static style = style;\n static FinalForm = {\n Field,\n Form,\n };\n\n static defaultProps = {\n onSubmit: () => {},\n };\n\n static validate = {\n description: (error) => (value = '') => {\n const words = value.split(/\\s+/);\n const symbols = words.join(' ');\n if (symbols.length < 10 || words.length < 3) {\n return error;\n }\n },\n email: (error) => (value = '') => {\n if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n return error;\n }\n },\n };\n\n focusDecorator = createFocusDecorator();\n\n getItemProps() {\n const { validateOnBlur } = this.asProps;\n\n return {\n validateOnBlur,\n };\n }\n\n render() {\n const SFeedbackForm = Box;\n const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n return (\n <Form decorators={[this.focusDecorator]} {...other}>\n {(api) =>\n sstyled(styles)(\n <SpinContainer\n background={background}\n theme={theme}\n size='xl'\n loading={loading === undefined ? api.submitting : loading}\n >\n <SFeedbackForm\n tag='form'\n noValidate\n method='POST'\n ref={forwardRef}\n {...other}\n onSubmit={api.handleSubmit}\n title='This is feedback'\n >\n {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n </SFeedbackForm>\n </SpinContainer>,\n )\n }\n </Form>\n );\n }\n}\n\nconst TooltipProps = [\n 'title',\n 'theme',\n 'strategy',\n 'modifiers',\n 'placement',\n 'interaction',\n 'timeout',\n 'visible',\n 'defaultVisible',\n 'onVisibleChange',\n 'offset',\n 'preventOverflow',\n 'arrow',\n 'flip',\n 'computeStyles',\n 'eventListeners',\n 'onFirstUpdate',\n];\n\nfunction Item({ Children, tag, uid, ...props }) {\n const tooltipProps = pick(props, TooltipProps);\n const ItemRoot = Root;\n\n const lastErrorRef = React.useRef(undefined);\n\n return (\n <Field {...props}>\n {({ input, meta, ...other }) => {\n const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n const invalid = meta.invalid && meta.touched;\n const errorState = showError && invalid;\n const inputProps = {\n ...input,\n state: errorState ? 'invalid' : 'normal',\n 'aria-invalid': errorState ? true : false,\n 'aria-errormessage': uid,\n };\n if (meta?.error) lastErrorRef.current = meta.error;\n\n return (\n <Tooltip\n visible={errorState && meta.active}\n theme='warning'\n placement='left'\n flip={{\n fallbackPlacements: ['right', 'bottom'],\n }}\n {...tooltipProps}\n >\n <Tooltip.Trigger inline={false} role={undefined}>\n {tag && <ItemRoot render={tag} {...inputProps} />}\n {typeof Children.origin === 'function' &&\n Children.origin({\n input: inputProps,\n meta,\n ...other,\n })}\n </Tooltip.Trigger>\n <Tooltip.Popper id={uid} ignorePortalsStacking>\n {meta.error ?? lastErrorRef.current}\n </Tooltip.Popper>\n </Tooltip>\n );\n }}\n </Field>\n );\n}\nItem.enhance = [uniqueIDEnhancement()];\n\nfunction Success(props) {\n const { Children, styles } = props;\n const SSuccess = Root;\n const SEmail = 'div';\n\n return sstyled(styles)(\n <SSuccess render={Box}>\n <SEmail aria-hidden={true} />\n <span>\n <Children />\n </span>\n </SSuccess>,\n );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Submit(props) {\n const { styles } = props;\n const SSubmit = Root;\n return sstyled(styles)(<SSubmit render={Button} type='submit' use='primary' theme='success' />);\n}\n\nfunction Cancel(props) {\n const { styles } = props;\n const SCancel = Root;\n return sstyled(styles)(<SCancel render={Button} type='reset' use='secondary' theme='muted' />);\n}\n\nfunction Notice(props) {\n const { styles, theme = 'gray96', use = 'secondary' } = props;\n const SNotice = Root;\n return sstyled(styles)(<SNotice render={NoticeSmart} theme={theme} use={use} />);\n}\n\nexport default createComponent(FeedbackForm, {\n Item,\n Success,\n Submit,\n Cancel,\n Notice,\n});\n"],"mappings":"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"}
@@ -26,19 +26,19 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
26
26
  var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
27
27
  var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
28
28
  /*__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
29
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_1jd3i_gg_{padding:0}.___SFullscreenModal_1jd3i_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SBack_1jd3i_gg_,.___SClose_1jd3i_gg_{cursor:pointer;position:absolute;z-index:1}.___SClose_1jd3i_gg_{top:17px;right:23px;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}@media (hover:hover){.___SClose_1jd3i_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SBack_1jd3i_gg_{top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_1jd3i_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1jd3i_gg_.__keyboardFocused_1jd3i_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1jd3i_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1jd3i_gg_,.___SDescription_1jd3i_gg_,.___STitle_1jd3i_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1jd3i_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_1jd3i_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_1jd3i_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_1jd3i_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1jd3i_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1jd3i_gg_{display:flex;height:100%;overflow:auto}.___SSection_1jd3i_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_1jd3i_gg_{transition:none}}" /*__inner_css_end__*/, "1jd3i_gg_") /*__reshadow_css_end__*/, {
30
- "__SFullscreenOverlay": "___SFullscreenOverlay_1jd3i_gg_",
31
- "__SFullscreenModal": "___SFullscreenModal_1jd3i_gg_",
32
- "__SClose": "___SClose_1jd3i_gg_",
33
- "__SBack": "___SBack_1jd3i_gg_",
34
- "_keyboardFocused": "__keyboardFocused_1jd3i_gg_",
35
- "__SBackText": "___SBackText_1jd3i_gg_",
36
- "__STitle": "___STitle_1jd3i_gg_",
37
- "__SDescription": "___SDescription_1jd3i_gg_",
38
- "__SHeader": "___SHeader_1jd3i_gg_",
39
- "__SFooter": "___SFooter_1jd3i_gg_",
40
- "__SBody": "___SBody_1jd3i_gg_",
41
- "__SSection": "___SSection_1jd3i_gg_"
29
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_1qn82_gg_{padding:0}.___SFullscreenModal_1qn82_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SBack_1qn82_gg_,.___SClose_1qn82_gg_{cursor:pointer;position:absolute;z-index:1}.___SClose_1qn82_gg_{top:17px;right:23px;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}@media (hover:hover){.___SClose_1qn82_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SBack_1qn82_gg_{top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_1qn82_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1qn82_gg_.__keyboardFocused_1qn82_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1qn82_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1qn82_gg_,.___SDescription_1qn82_gg_,.___STitle_1qn82_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1qn82_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_1qn82_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_1qn82_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_1qn82_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1qn82_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1qn82_gg_{display:flex;height:100%;overflow:auto}.___SSection_1qn82_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_1qn82_gg_{transition:none}}" /*__inner_css_end__*/, "1qn82_gg_") /*__reshadow_css_end__*/, {
30
+ "__SFullscreenOverlay": "___SFullscreenOverlay_1qn82_gg_",
31
+ "__SFullscreenModal": "___SFullscreenModal_1qn82_gg_",
32
+ "__SClose": "___SClose_1qn82_gg_",
33
+ "__SBack": "___SBack_1qn82_gg_",
34
+ "_keyboardFocused": "__keyboardFocused_1qn82_gg_",
35
+ "__SBackText": "___SBackText_1qn82_gg_",
36
+ "__STitle": "___STitle_1qn82_gg_",
37
+ "__SDescription": "___SDescription_1qn82_gg_",
38
+ "__SHeader": "___SHeader_1qn82_gg_",
39
+ "__SFooter": "___SFooter_1qn82_gg_",
40
+ "__SBody": "___SBody_1qn82_gg_",
41
+ "__SSection": "___SSection_1qn82_gg_"
42
42
  });
43
43
  var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
44
44
  (0, _inherits2["default"])(FullscreenModalRoot, _Component);
@@ -27,19 +27,19 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
27
27
  import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
28
28
  import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
29
29
  /*__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
30
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_1jd3i_gg_{padding:0}.___SFullscreenModal_1jd3i_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SBack_1jd3i_gg_,.___SClose_1jd3i_gg_{cursor:pointer;position:absolute;z-index:1}.___SClose_1jd3i_gg_{top:17px;right:23px;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}@media (hover:hover){.___SClose_1jd3i_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SBack_1jd3i_gg_{top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_1jd3i_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1jd3i_gg_.__keyboardFocused_1jd3i_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1jd3i_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1jd3i_gg_,.___SDescription_1jd3i_gg_,.___STitle_1jd3i_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1jd3i_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_1jd3i_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_1jd3i_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_1jd3i_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1jd3i_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1jd3i_gg_{display:flex;height:100%;overflow:auto}.___SSection_1jd3i_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_1jd3i_gg_{transition:none}}" /*__inner_css_end__*/, "1jd3i_gg_") /*__reshadow_css_end__*/, {
31
- "__SFullscreenOverlay": "___SFullscreenOverlay_1jd3i_gg_",
32
- "__SFullscreenModal": "___SFullscreenModal_1jd3i_gg_",
33
- "__SClose": "___SClose_1jd3i_gg_",
34
- "__SBack": "___SBack_1jd3i_gg_",
35
- "_keyboardFocused": "__keyboardFocused_1jd3i_gg_",
36
- "__SBackText": "___SBackText_1jd3i_gg_",
37
- "__STitle": "___STitle_1jd3i_gg_",
38
- "__SDescription": "___SDescription_1jd3i_gg_",
39
- "__SHeader": "___SHeader_1jd3i_gg_",
40
- "__SFooter": "___SFooter_1jd3i_gg_",
41
- "__SBody": "___SBody_1jd3i_gg_",
42
- "__SSection": "___SSection_1jd3i_gg_"
30
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_1qn82_gg_{padding:0}.___SFullscreenModal_1qn82_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SBack_1qn82_gg_,.___SClose_1qn82_gg_{cursor:pointer;position:absolute;z-index:1}.___SClose_1qn82_gg_{top:17px;right:23px;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}@media (hover:hover){.___SClose_1qn82_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SBack_1qn82_gg_{top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_1qn82_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1qn82_gg_.__keyboardFocused_1qn82_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1qn82_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1qn82_gg_,.___SDescription_1qn82_gg_,.___STitle_1qn82_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1qn82_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_1qn82_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_1qn82_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_1qn82_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1qn82_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1qn82_gg_{display:flex;height:100%;overflow:auto}.___SSection_1qn82_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_1qn82_gg_{transition:none}}" /*__inner_css_end__*/, "1qn82_gg_") /*__reshadow_css_end__*/, {
31
+ "__SFullscreenOverlay": "___SFullscreenOverlay_1qn82_gg_",
32
+ "__SFullscreenModal": "___SFullscreenModal_1qn82_gg_",
33
+ "__SClose": "___SClose_1qn82_gg_",
34
+ "__SBack": "___SBack_1qn82_gg_",
35
+ "_keyboardFocused": "__keyboardFocused_1qn82_gg_",
36
+ "__SBackText": "___SBackText_1qn82_gg_",
37
+ "__STitle": "___STitle_1qn82_gg_",
38
+ "__SDescription": "___SDescription_1qn82_gg_",
39
+ "__SHeader": "___SHeader_1qn82_gg_",
40
+ "__SFooter": "___SFooter_1qn82_gg_",
41
+ "__SBody": "___SBody_1qn82_gg_",
42
+ "__SSection": "___SSection_1qn82_gg_"
43
43
  });
44
44
  import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
45
45
  var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
@@ -55,7 +55,7 @@ export type InlineInputProps = BoxProps & {
55
55
  * defines callback (`onCancel` or `onConfirm`) triggered when `blur` event out of container fired
56
56
  * Triggered after all previous macrotasks completed (internally called inside of `setTimeout`)
57
57
  */
58
- onBlurBehavior?: 'cancel' | 'confirm';
58
+ onBlurBehavior?: 'cancel' | 'confirm' | 'none';
59
59
  locale?: string;
60
60
  };
61
61
 
@@ -26,24 +26,24 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
26
26
  var _input = _interopRequireDefault(require("intergalactic/input"));
27
27
  var _inputNumber = require("intergalactic/input-number");
28
28
  /*__reshadow-styles__:"./style/inline-input.shadow.css"*/
29
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInlineInput_61ill_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_61ill_gg_ .___SConfirmIcon_61ill_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_61ill_gg_ .___SConfirmIcon_61ill_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_61ill_gg_ .___SCancelIcon_61ill_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_61ill_gg_ .___SCancelIcon_61ill_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_61ill_gg_.__disabled_61ill_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_61ill_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_61ill_gg_:focus{outline:0}.___SValue_61ill_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_61ill_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_61ill_gg_.__disabled_61ill_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_61ill_gg_::-webkit-inner-spin-button,.___SValue_61ill_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_61ill_gg_._type_number_61ill_gg_{-moz-appearance:textfield}.___SUnderline_61ill_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_61ill_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_61ill_gg_.__disabled_61ill_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_61ill_gg_.__focused_61ill_gg_{z-index:1}.___SInlineInput_61ill_gg_.__focused_61ill_gg_ .___SUnderline_61ill_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_61ill_gg_._state_valid_61ill_gg_ .___SUnderline_61ill_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_61ill_gg_._state_valid_61ill_gg_.__focused_61ill_gg_ .___SUnderline_61ill_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_61ill_gg_._state_invalid_61ill_gg_ .___SUnderline_61ill_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_61ill_gg_._state_invalid_61ill_gg_.__focused_61ill_gg_ .___SUnderline_61ill_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_61ill_gg_:focus~.___SControls_61ill_gg_{display:flex}.___SControls_61ill_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_61ill_gg_.__showControls_61ill_gg_{display:flex}.___SDown_61ill_gg_,.___SUp_61ill_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_61ill_gg_:focus,.___SUp_61ill_gg_:focus{outline:0}@media (hover:hover){.___SDown_61ill_gg_:hover,.___SUp_61ill_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_61ill_gg_{padding-bottom:1px}.___SDown_61ill_gg_{padding-top:1px}.___SValue_61ill_gg_.__disabled_61ill_gg_~.___SControls_61ill_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_61ill_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}.___SInvalidPattern_61ill_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "61ill_gg_") /*__reshadow_css_end__*/, {
30
- "__SInlineInput": "___SInlineInput_61ill_gg_",
31
- "_disabled": "__disabled_61ill_gg_",
32
- "__SUnderline": "___SUnderline_61ill_gg_",
33
- "__SAddon": "___SAddon_61ill_gg_",
34
- "_focused": "__focused_61ill_gg_",
35
- "_state_valid": "_state_valid_61ill_gg_",
36
- "_state_invalid": "_state_invalid_61ill_gg_",
37
- "__SValue": "___SValue_61ill_gg_",
38
- "__SControls": "___SControls_61ill_gg_",
39
- "_showControls": "__showControls_61ill_gg_",
40
- "__SUp": "___SUp_61ill_gg_",
41
- "__SDown": "___SDown_61ill_gg_",
42
- "__SValueHidden": "___SValueHidden_61ill_gg_",
43
- "__SInvalidPattern": "___SInvalidPattern_61ill_gg_",
44
- "__SConfirmIcon": "___SConfirmIcon_61ill_gg_",
45
- "__SCancelIcon": "___SCancelIcon_61ill_gg_",
46
- "_type_number": "_type_number_61ill_gg_"
29
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInlineInput_435wt_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_435wt_gg_ .___SConfirmIcon_435wt_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_435wt_gg_ .___SConfirmIcon_435wt_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_435wt_gg_ .___SCancelIcon_435wt_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_435wt_gg_ .___SCancelIcon_435wt_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_435wt_gg_.__disabled_435wt_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_435wt_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_435wt_gg_:focus{outline:0}.___SValue_435wt_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_435wt_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_435wt_gg_.__disabled_435wt_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_435wt_gg_::-webkit-inner-spin-button,.___SValue_435wt_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_435wt_gg_._type_number_435wt_gg_{-moz-appearance:textfield}.___SUnderline_435wt_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_435wt_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_435wt_gg_.__disabled_435wt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_435wt_gg_.__focused_435wt_gg_{z-index:1}.___SInlineInput_435wt_gg_.__focused_435wt_gg_ .___SUnderline_435wt_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_435wt_gg_._state_valid_435wt_gg_ .___SUnderline_435wt_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_435wt_gg_._state_valid_435wt_gg_.__focused_435wt_gg_ .___SUnderline_435wt_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_435wt_gg_._state_invalid_435wt_gg_ .___SUnderline_435wt_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_435wt_gg_._state_invalid_435wt_gg_.__focused_435wt_gg_ .___SUnderline_435wt_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_435wt_gg_:focus~.___SControls_435wt_gg_{display:flex}.___SControls_435wt_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_435wt_gg_.__showControls_435wt_gg_{display:flex}.___SDown_435wt_gg_,.___SUp_435wt_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_435wt_gg_:focus,.___SUp_435wt_gg_:focus{outline:0}@media (hover:hover){.___SDown_435wt_gg_:hover,.___SUp_435wt_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_435wt_gg_{padding-bottom:1px}.___SDown_435wt_gg_{padding-top:1px}.___SValue_435wt_gg_.__disabled_435wt_gg_~.___SControls_435wt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_435wt_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}.___SInvalidPattern_435wt_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "435wt_gg_") /*__reshadow_css_end__*/, {
30
+ "__SInlineInput": "___SInlineInput_435wt_gg_",
31
+ "_disabled": "__disabled_435wt_gg_",
32
+ "__SUnderline": "___SUnderline_435wt_gg_",
33
+ "__SAddon": "___SAddon_435wt_gg_",
34
+ "_focused": "__focused_435wt_gg_",
35
+ "_state_valid": "_state_valid_435wt_gg_",
36
+ "_state_invalid": "_state_invalid_435wt_gg_",
37
+ "__SValue": "___SValue_435wt_gg_",
38
+ "__SControls": "___SControls_435wt_gg_",
39
+ "_showControls": "__showControls_435wt_gg_",
40
+ "__SUp": "___SUp_435wt_gg_",
41
+ "__SDown": "___SDown_435wt_gg_",
42
+ "__SValueHidden": "___SValueHidden_435wt_gg_",
43
+ "__SInvalidPattern": "___SInvalidPattern_435wt_gg_",
44
+ "__SConfirmIcon": "___SConfirmIcon_435wt_gg_",
45
+ "__SCancelIcon": "___SCancelIcon_435wt_gg_",
46
+ "_type_number": "_type_number_435wt_gg_"
47
47
  });
48
48
  var pointInsideOfRect = function pointInsideOfRect(_ref17) {
49
49
  var x = _ref17.x,
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface IInlineInputProps extends InlineInputProps, UnknownProperties {}\nexport type InlineInputProps = BoxProps & {\n /**\n * Visual state of inline input\n * @default normal\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Disabled input and shows spinner instead of confirm control\n * @default false\n */\n loading?: boolean;\n /**\n * Disabled input and controls\n * @default false\n */\n disabled?: boolean;\n /**\n * Fired with entered value when user clicks confirm control or hits `Enter` or `Space`\n */\n onConfirm?: (\n value: string,\n event: React.MouseEvent | React.FocusEvent | React.KeyboardEvent,\n ) => void;\n /**\n * Fired with value (or defaultValue) that was provided during component mount when user clicks cancel control or hits `Escape`\n */\n onCancel?: (\n prevValue: string,\n event: React.MouseEvent | React.FocusEvent | React.KeyboardEvent,\n ) => void;\n /**\n * Text value of input. Should be used with `onChange` property together\n */\n value?: string;\n /**\n * Initial text value of input\n */\n defaultValue?: string;\n /**\n * Makes component to catch browser focus on component mount\n * @default false\n */\n autoFocus?: boolean;\n /**\n * Gray text displayed in empty input\n */\n placeholder?: string;\n /**\n * defines callback (`onCancel` or `onConfirm`) triggered when `blur` event out of container fired\n * Triggered after all previous macrotasks completed (internally called inside of `setTimeout`)\n */\n onBlurBehavior?: 'cancel' | 'confirm';\n locale?: string;\n};\n\n/** @deprecated */\nexport interface IInlineInputAddonProps extends InlineInputAddonProps, UnknownProperties {}\nexport type InlineInputAddonProps = BoxProps & {};\n/** @deprecated */\nexport interface IInlineInputValueProps extends InlineInputValueProps, UnknownProperties {}\nexport type InlineInputValueProps = BoxProps & {\n /**\n * id attribute of input tag\n */\n id?: string;\n /**\n * when `true`, element is focused immediately after mount\n */\n autoFocus?: boolean;\n /**\n * value of input tag\n */\n value?: string;\n /**\n * uncontrolled value of input tag\n */\n defaultValue?: string;\n /**\n * callback invoked on every change of input tag value\n */\n onChange?: (value: string, event: React.ChangeEvent) => void;\n /**\n * visual state of component\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * shows spinner in `InlineInput.ConfirmControl` and disables other interactive elements\n */\n loading?: boolean;\n /**\n * disables interactive elements\n */\n disabled?: boolean;\n /**\n * gray text in empty input tag\n */\n placeholder?: string;\n};\n/** @deprecated */\nexport interface IInlineInputConfirmControlProps\n extends InlineInputConfirmControlProps,\n UnknownProperties {}\nexport type InlineInputConfirmControlProps = BoxProps & {\n /**\n * Text of tooltip\n * @default Confirm\n */\n title?: string;\n /**\n * Icon component\n * @default CheckM\n */\n icon?: React.FC;\n};\n/** @deprecated */\nexport interface IInlineInputCancelControlProps\n extends InlineInputCancelControlProps,\n UnknownProperties {}\nexport type InlineInputCancelControlProps = BoxProps & {\n /**\n * Text of tooltip\n * @default Cancel\n */\n title?: string;\n /**\n * Icon component\n * @default CloseM\n */\n icon?: React.FC;\n};\n\ntype InlineInputCtx = {\n getAddonProps: PropGetterFn;\n getConfirmControlProps: PropGetterFn;\n getCancelControlProps: PropGetterFn;\n getValueProps: PropGetterFn;\n};\n\ndeclare const InlineInput: Intergalactic.Component<'div', InlineInputProps, InlineInputCtx> & {\n Addon: Intergalactic.Component<'div', InlineInputAddonProps, InlineInputProps>;\n Value: Intergalactic.Component<'input', InlineInputValueProps, InlineInputProps>;\n ConfirmControl: Intergalactic.Component<'div', InlineInputConfirmControlProps, InlineInputProps>;\n CancelControl: Intergalactic.Component<'div', InlineInputCancelControlProps, InlineInputProps>;\n NumberValue: Intergalactic.Component<'div', {}, InlineInputProps>;\n NumberControls: Intergalactic.Component<'div', {}, InlineInputProps>;\n};\nexport default InlineInput;\n"],"mappings":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface IInlineInputProps extends InlineInputProps, UnknownProperties {}\nexport type InlineInputProps = BoxProps & {\n /**\n * Visual state of inline input\n * @default normal\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Disabled input and shows spinner instead of confirm control\n * @default false\n */\n loading?: boolean;\n /**\n * Disabled input and controls\n * @default false\n */\n disabled?: boolean;\n /**\n * Fired with entered value when user clicks confirm control or hits `Enter` or `Space`\n */\n onConfirm?: (\n value: string,\n event: React.MouseEvent | React.FocusEvent | React.KeyboardEvent,\n ) => void;\n /**\n * Fired with value (or defaultValue) that was provided during component mount when user clicks cancel control or hits `Escape`\n */\n onCancel?: (\n prevValue: string,\n event: React.MouseEvent | React.FocusEvent | React.KeyboardEvent,\n ) => void;\n /**\n * Text value of input. Should be used with `onChange` property together\n */\n value?: string;\n /**\n * Initial text value of input\n */\n defaultValue?: string;\n /**\n * Makes component to catch browser focus on component mount\n * @default false\n */\n autoFocus?: boolean;\n /**\n * Gray text displayed in empty input\n */\n placeholder?: string;\n /**\n * defines callback (`onCancel` or `onConfirm`) triggered when `blur` event out of container fired\n * Triggered after all previous macrotasks completed (internally called inside of `setTimeout`)\n */\n onBlurBehavior?: 'cancel' | 'confirm' | 'none';\n locale?: string;\n};\n\n/** @deprecated */\nexport interface IInlineInputAddonProps extends InlineInputAddonProps, UnknownProperties {}\nexport type InlineInputAddonProps = BoxProps & {};\n/** @deprecated */\nexport interface IInlineInputValueProps extends InlineInputValueProps, UnknownProperties {}\nexport type InlineInputValueProps = BoxProps & {\n /**\n * id attribute of input tag\n */\n id?: string;\n /**\n * when `true`, element is focused immediately after mount\n */\n autoFocus?: boolean;\n /**\n * value of input tag\n */\n value?: string;\n /**\n * uncontrolled value of input tag\n */\n defaultValue?: string;\n /**\n * callback invoked on every change of input tag value\n */\n onChange?: (value: string, event: React.ChangeEvent) => void;\n /**\n * visual state of component\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * shows spinner in `InlineInput.ConfirmControl` and disables other interactive elements\n */\n loading?: boolean;\n /**\n * disables interactive elements\n */\n disabled?: boolean;\n /**\n * gray text in empty input tag\n */\n placeholder?: string;\n};\n/** @deprecated */\nexport interface IInlineInputConfirmControlProps\n extends InlineInputConfirmControlProps,\n UnknownProperties {}\nexport type InlineInputConfirmControlProps = BoxProps & {\n /**\n * Text of tooltip\n * @default Confirm\n */\n title?: string;\n /**\n * Icon component\n * @default CheckM\n */\n icon?: React.FC;\n};\n/** @deprecated */\nexport interface IInlineInputCancelControlProps\n extends InlineInputCancelControlProps,\n UnknownProperties {}\nexport type InlineInputCancelControlProps = BoxProps & {\n /**\n * Text of tooltip\n * @default Cancel\n */\n title?: string;\n /**\n * Icon component\n * @default CloseM\n */\n icon?: React.FC;\n};\n\ntype InlineInputCtx = {\n getAddonProps: PropGetterFn;\n getConfirmControlProps: PropGetterFn;\n getCancelControlProps: PropGetterFn;\n getValueProps: PropGetterFn;\n};\n\ndeclare const InlineInput: Intergalactic.Component<'div', InlineInputProps, InlineInputCtx> & {\n Addon: Intergalactic.Component<'div', InlineInputAddonProps, InlineInputProps>;\n Value: Intergalactic.Component<'input', InlineInputValueProps, InlineInputProps>;\n ConfirmControl: Intergalactic.Component<'div', InlineInputConfirmControlProps, InlineInputProps>;\n CancelControl: Intergalactic.Component<'div', InlineInputCancelControlProps, InlineInputProps>;\n NumberValue: Intergalactic.Component<'div', {}, InlineInputProps>;\n NumberControls: Intergalactic.Component<'div', {}, InlineInputProps>;\n};\nexport default InlineInput;\n"],"mappings":""}
@@ -21,24 +21,24 @@ import { Box, InvalidStateBox } from 'intergalactic/flex-box';
21
21
  import autoFocusEnhance from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
22
22
  import Tooltip from 'intergalactic/tooltip';
23
23
  /*__reshadow-styles__:"./style/inline-input.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineInput_61ill_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_61ill_gg_ .___SConfirmIcon_61ill_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_61ill_gg_ .___SConfirmIcon_61ill_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_61ill_gg_ .___SCancelIcon_61ill_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_61ill_gg_ .___SCancelIcon_61ill_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_61ill_gg_.__disabled_61ill_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_61ill_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_61ill_gg_:focus{outline:0}.___SValue_61ill_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_61ill_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_61ill_gg_.__disabled_61ill_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_61ill_gg_::-webkit-inner-spin-button,.___SValue_61ill_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_61ill_gg_._type_number_61ill_gg_{-moz-appearance:textfield}.___SUnderline_61ill_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_61ill_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_61ill_gg_.__disabled_61ill_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_61ill_gg_.__focused_61ill_gg_{z-index:1}.___SInlineInput_61ill_gg_.__focused_61ill_gg_ .___SUnderline_61ill_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_61ill_gg_._state_valid_61ill_gg_ .___SUnderline_61ill_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_61ill_gg_._state_valid_61ill_gg_.__focused_61ill_gg_ .___SUnderline_61ill_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_61ill_gg_._state_invalid_61ill_gg_ .___SUnderline_61ill_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_61ill_gg_._state_invalid_61ill_gg_.__focused_61ill_gg_ .___SUnderline_61ill_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_61ill_gg_:focus~.___SControls_61ill_gg_{display:flex}.___SControls_61ill_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_61ill_gg_.__showControls_61ill_gg_{display:flex}.___SDown_61ill_gg_,.___SUp_61ill_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_61ill_gg_:focus,.___SUp_61ill_gg_:focus{outline:0}@media (hover:hover){.___SDown_61ill_gg_:hover,.___SUp_61ill_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_61ill_gg_{padding-bottom:1px}.___SDown_61ill_gg_{padding-top:1px}.___SValue_61ill_gg_.__disabled_61ill_gg_~.___SControls_61ill_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_61ill_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}.___SInvalidPattern_61ill_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "61ill_gg_") /*__reshadow_css_end__*/, {
25
- "__SInlineInput": "___SInlineInput_61ill_gg_",
26
- "_disabled": "__disabled_61ill_gg_",
27
- "__SUnderline": "___SUnderline_61ill_gg_",
28
- "__SAddon": "___SAddon_61ill_gg_",
29
- "_focused": "__focused_61ill_gg_",
30
- "_state_valid": "_state_valid_61ill_gg_",
31
- "_state_invalid": "_state_invalid_61ill_gg_",
32
- "__SValue": "___SValue_61ill_gg_",
33
- "__SControls": "___SControls_61ill_gg_",
34
- "_showControls": "__showControls_61ill_gg_",
35
- "__SUp": "___SUp_61ill_gg_",
36
- "__SDown": "___SDown_61ill_gg_",
37
- "__SValueHidden": "___SValueHidden_61ill_gg_",
38
- "__SInvalidPattern": "___SInvalidPattern_61ill_gg_",
39
- "__SConfirmIcon": "___SConfirmIcon_61ill_gg_",
40
- "__SCancelIcon": "___SCancelIcon_61ill_gg_",
41
- "_type_number": "_type_number_61ill_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineInput_435wt_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_435wt_gg_ .___SConfirmIcon_435wt_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_435wt_gg_ .___SConfirmIcon_435wt_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_435wt_gg_ .___SCancelIcon_435wt_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_435wt_gg_ .___SCancelIcon_435wt_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_435wt_gg_.__disabled_435wt_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_435wt_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_435wt_gg_:focus{outline:0}.___SValue_435wt_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_435wt_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_435wt_gg_.__disabled_435wt_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_435wt_gg_::-webkit-inner-spin-button,.___SValue_435wt_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_435wt_gg_._type_number_435wt_gg_{-moz-appearance:textfield}.___SUnderline_435wt_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_435wt_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_435wt_gg_.__disabled_435wt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_435wt_gg_.__focused_435wt_gg_{z-index:1}.___SInlineInput_435wt_gg_.__focused_435wt_gg_ .___SUnderline_435wt_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_435wt_gg_._state_valid_435wt_gg_ .___SUnderline_435wt_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_435wt_gg_._state_valid_435wt_gg_.__focused_435wt_gg_ .___SUnderline_435wt_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_435wt_gg_._state_invalid_435wt_gg_ .___SUnderline_435wt_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_435wt_gg_._state_invalid_435wt_gg_.__focused_435wt_gg_ .___SUnderline_435wt_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_435wt_gg_:focus~.___SControls_435wt_gg_{display:flex}.___SControls_435wt_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_435wt_gg_.__showControls_435wt_gg_{display:flex}.___SDown_435wt_gg_,.___SUp_435wt_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_435wt_gg_:focus,.___SUp_435wt_gg_:focus{outline:0}@media (hover:hover){.___SDown_435wt_gg_:hover,.___SUp_435wt_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_435wt_gg_{padding-bottom:1px}.___SDown_435wt_gg_{padding-top:1px}.___SValue_435wt_gg_.__disabled_435wt_gg_~.___SControls_435wt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_435wt_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}.___SInvalidPattern_435wt_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "435wt_gg_") /*__reshadow_css_end__*/, {
25
+ "__SInlineInput": "___SInlineInput_435wt_gg_",
26
+ "_disabled": "__disabled_435wt_gg_",
27
+ "__SUnderline": "___SUnderline_435wt_gg_",
28
+ "__SAddon": "___SAddon_435wt_gg_",
29
+ "_focused": "__focused_435wt_gg_",
30
+ "_state_valid": "_state_valid_435wt_gg_",
31
+ "_state_invalid": "_state_invalid_435wt_gg_",
32
+ "__SValue": "___SValue_435wt_gg_",
33
+ "__SControls": "___SControls_435wt_gg_",
34
+ "_showControls": "__showControls_435wt_gg_",
35
+ "__SUp": "___SUp_435wt_gg_",
36
+ "__SDown": "___SDown_435wt_gg_",
37
+ "__SValueHidden": "___SValueHidden_435wt_gg_",
38
+ "__SInvalidPattern": "___SInvalidPattern_435wt_gg_",
39
+ "__SConfirmIcon": "___SConfirmIcon_435wt_gg_",
40
+ "__SCancelIcon": "___SCancelIcon_435wt_gg_",
41
+ "_type_number": "_type_number_435wt_gg_"
42
42
  });
43
43
  import CheckM from 'intergalactic/icon/Check/m';
44
44
  import CloseM from 'intergalactic/icon/Close/m';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface IInlineInputProps extends InlineInputProps, UnknownProperties {}\nexport type InlineInputProps = BoxProps & {\n /**\n * Visual state of inline input\n * @default normal\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Disabled input and shows spinner instead of confirm control\n * @default false\n */\n loading?: boolean;\n /**\n * Disabled input and controls\n * @default false\n */\n disabled?: boolean;\n /**\n * Fired with entered value when user clicks confirm control or hits `Enter` or `Space`\n */\n onConfirm?: (\n value: string,\n event: React.MouseEvent | React.FocusEvent | React.KeyboardEvent,\n ) => void;\n /**\n * Fired with value (or defaultValue) that was provided during component mount when user clicks cancel control or hits `Escape`\n */\n onCancel?: (\n prevValue: string,\n event: React.MouseEvent | React.FocusEvent | React.KeyboardEvent,\n ) => void;\n /**\n * Text value of input. Should be used with `onChange` property together\n */\n value?: string;\n /**\n * Initial text value of input\n */\n defaultValue?: string;\n /**\n * Makes component to catch browser focus on component mount\n * @default false\n */\n autoFocus?: boolean;\n /**\n * Gray text displayed in empty input\n */\n placeholder?: string;\n /**\n * defines callback (`onCancel` or `onConfirm`) triggered when `blur` event out of container fired\n * Triggered after all previous macrotasks completed (internally called inside of `setTimeout`)\n */\n onBlurBehavior?: 'cancel' | 'confirm';\n locale?: string;\n};\n\n/** @deprecated */\nexport interface IInlineInputAddonProps extends InlineInputAddonProps, UnknownProperties {}\nexport type InlineInputAddonProps = BoxProps & {};\n/** @deprecated */\nexport interface IInlineInputValueProps extends InlineInputValueProps, UnknownProperties {}\nexport type InlineInputValueProps = BoxProps & {\n /**\n * id attribute of input tag\n */\n id?: string;\n /**\n * when `true`, element is focused immediately after mount\n */\n autoFocus?: boolean;\n /**\n * value of input tag\n */\n value?: string;\n /**\n * uncontrolled value of input tag\n */\n defaultValue?: string;\n /**\n * callback invoked on every change of input tag value\n */\n onChange?: (value: string, event: React.ChangeEvent) => void;\n /**\n * visual state of component\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * shows spinner in `InlineInput.ConfirmControl` and disables other interactive elements\n */\n loading?: boolean;\n /**\n * disables interactive elements\n */\n disabled?: boolean;\n /**\n * gray text in empty input tag\n */\n placeholder?: string;\n};\n/** @deprecated */\nexport interface IInlineInputConfirmControlProps\n extends InlineInputConfirmControlProps,\n UnknownProperties {}\nexport type InlineInputConfirmControlProps = BoxProps & {\n /**\n * Text of tooltip\n * @default Confirm\n */\n title?: string;\n /**\n * Icon component\n * @default CheckM\n */\n icon?: React.FC;\n};\n/** @deprecated */\nexport interface IInlineInputCancelControlProps\n extends InlineInputCancelControlProps,\n UnknownProperties {}\nexport type InlineInputCancelControlProps = BoxProps & {\n /**\n * Text of tooltip\n * @default Cancel\n */\n title?: string;\n /**\n * Icon component\n * @default CloseM\n */\n icon?: React.FC;\n};\n\ntype InlineInputCtx = {\n getAddonProps: PropGetterFn;\n getConfirmControlProps: PropGetterFn;\n getCancelControlProps: PropGetterFn;\n getValueProps: PropGetterFn;\n};\n\ndeclare const InlineInput: Intergalactic.Component<'div', InlineInputProps, InlineInputCtx> & {\n Addon: Intergalactic.Component<'div', InlineInputAddonProps, InlineInputProps>;\n Value: Intergalactic.Component<'input', InlineInputValueProps, InlineInputProps>;\n ConfirmControl: Intergalactic.Component<'div', InlineInputConfirmControlProps, InlineInputProps>;\n CancelControl: Intergalactic.Component<'div', InlineInputCancelControlProps, InlineInputProps>;\n NumberValue: Intergalactic.Component<'div', {}, InlineInputProps>;\n NumberControls: Intergalactic.Component<'div', {}, InlineInputProps>;\n};\nexport default InlineInput;\n"],"mappings":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface IInlineInputProps extends InlineInputProps, UnknownProperties {}\nexport type InlineInputProps = BoxProps & {\n /**\n * Visual state of inline input\n * @default normal\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Disabled input and shows spinner instead of confirm control\n * @default false\n */\n loading?: boolean;\n /**\n * Disabled input and controls\n * @default false\n */\n disabled?: boolean;\n /**\n * Fired with entered value when user clicks confirm control or hits `Enter` or `Space`\n */\n onConfirm?: (\n value: string,\n event: React.MouseEvent | React.FocusEvent | React.KeyboardEvent,\n ) => void;\n /**\n * Fired with value (or defaultValue) that was provided during component mount when user clicks cancel control or hits `Escape`\n */\n onCancel?: (\n prevValue: string,\n event: React.MouseEvent | React.FocusEvent | React.KeyboardEvent,\n ) => void;\n /**\n * Text value of input. Should be used with `onChange` property together\n */\n value?: string;\n /**\n * Initial text value of input\n */\n defaultValue?: string;\n /**\n * Makes component to catch browser focus on component mount\n * @default false\n */\n autoFocus?: boolean;\n /**\n * Gray text displayed in empty input\n */\n placeholder?: string;\n /**\n * defines callback (`onCancel` or `onConfirm`) triggered when `blur` event out of container fired\n * Triggered after all previous macrotasks completed (internally called inside of `setTimeout`)\n */\n onBlurBehavior?: 'cancel' | 'confirm' | 'none';\n locale?: string;\n};\n\n/** @deprecated */\nexport interface IInlineInputAddonProps extends InlineInputAddonProps, UnknownProperties {}\nexport type InlineInputAddonProps = BoxProps & {};\n/** @deprecated */\nexport interface IInlineInputValueProps extends InlineInputValueProps, UnknownProperties {}\nexport type InlineInputValueProps = BoxProps & {\n /**\n * id attribute of input tag\n */\n id?: string;\n /**\n * when `true`, element is focused immediately after mount\n */\n autoFocus?: boolean;\n /**\n * value of input tag\n */\n value?: string;\n /**\n * uncontrolled value of input tag\n */\n defaultValue?: string;\n /**\n * callback invoked on every change of input tag value\n */\n onChange?: (value: string, event: React.ChangeEvent) => void;\n /**\n * visual state of component\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * shows spinner in `InlineInput.ConfirmControl` and disables other interactive elements\n */\n loading?: boolean;\n /**\n * disables interactive elements\n */\n disabled?: boolean;\n /**\n * gray text in empty input tag\n */\n placeholder?: string;\n};\n/** @deprecated */\nexport interface IInlineInputConfirmControlProps\n extends InlineInputConfirmControlProps,\n UnknownProperties {}\nexport type InlineInputConfirmControlProps = BoxProps & {\n /**\n * Text of tooltip\n * @default Confirm\n */\n title?: string;\n /**\n * Icon component\n * @default CheckM\n */\n icon?: React.FC;\n};\n/** @deprecated */\nexport interface IInlineInputCancelControlProps\n extends InlineInputCancelControlProps,\n UnknownProperties {}\nexport type InlineInputCancelControlProps = BoxProps & {\n /**\n * Text of tooltip\n * @default Cancel\n */\n title?: string;\n /**\n * Icon component\n * @default CloseM\n */\n icon?: React.FC;\n};\n\ntype InlineInputCtx = {\n getAddonProps: PropGetterFn;\n getConfirmControlProps: PropGetterFn;\n getCancelControlProps: PropGetterFn;\n getValueProps: PropGetterFn;\n};\n\ndeclare const InlineInput: Intergalactic.Component<'div', InlineInputProps, InlineInputCtx> & {\n Addon: Intergalactic.Component<'div', InlineInputAddonProps, InlineInputProps>;\n Value: Intergalactic.Component<'input', InlineInputValueProps, InlineInputProps>;\n ConfirmControl: Intergalactic.Component<'div', InlineInputConfirmControlProps, InlineInputProps>;\n CancelControl: Intergalactic.Component<'div', InlineInputCancelControlProps, InlineInputProps>;\n NumberValue: Intergalactic.Component<'div', {}, InlineInputProps>;\n NumberControls: Intergalactic.Component<'div', {}, InlineInputProps>;\n};\nexport default InlineInput;\n"],"mappings":""}
@@ -55,7 +55,7 @@ export type InlineInputProps = BoxProps & {
55
55
  * defines callback (`onCancel` or `onConfirm`) triggered when `blur` event out of container fired
56
56
  * Triggered after all previous macrotasks completed (internally called inside of `setTimeout`)
57
57
  */
58
- onBlurBehavior?: 'cancel' | 'confirm';
58
+ onBlurBehavior?: 'cancel' | 'confirm' | 'none';
59
59
  locale?: string;
60
60
  };
61
61
 
@@ -21,18 +21,18 @@ var _scrollArea = _interopRequireDefault(require("intergalactic/scroll-area"));
21
21
  var _tag = _interopRequireDefault(require("intergalactic/tag"));
22
22
  var _fire = _interopRequireDefault(require("intergalactic/utils/lib/fire"));
23
23
  /*__reshadow-styles__:"./style/input-tag.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInputTags_mtkrk_gg_{box-sizing:border-box;cursor:text;align-items:flex-start;overflow:visible;overflow:initial}.___SInputTags_mtkrk_gg_ .___SContainer_mtkrk_gg_:focus .___SOutline_mtkrk_gg_{border-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInputTags_mtkrk_gg_ .___SContainer_mtkrk_gg_:focus:has(.___SOutline_mtkrk_gg_)::after{box-shadow:none}.___SContainer_mtkrk_gg_{padding:1px 0;box-sizing:border-box;border-bottom:1px solid transparent;border-top:1px solid transparent}.___SInputTags_mtkrk_gg_>div>div{display:flex;align-items:center;flex-flow:row wrap}.___SInputTags_mtkrk_gg_>div[data-ui-name=\"ScrollArea.Bar\"]._orientation_vertical_mtkrk_gg_{right:1px!important}.___SInputTags_mtkrk_gg_._size_m_mtkrk_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:auto;padding:0 calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SInputTags_mtkrk_gg_._size_l_mtkrk_gg_{min-height:var(--intergalactic-form-control-l, 40px);height:auto;padding:0 calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px))}.___STag_mtkrk_gg_{margin:var(--intergalactic-spacing-05x, 2px)}.___STag_mtkrk_gg_.__editable_mtkrk_gg_{cursor:pointer}.___SInputTags_mtkrk_gg_._size_m_mtkrk_gg_ .___SValue_mtkrk_gg_{height:calc(var(--intergalactic-form-control-m, 28px) - var(--intergalactic-spacing-1x, 4px))}.___SInputTags_mtkrk_gg_._size_l_mtkrk_gg_ .___SValue_mtkrk_gg_{height:calc(var(--intergalactic-form-control-l, 40px) - var(--intergalactic-spacing-1x, 4px))}.___SValue_mtkrk_gg_{padding:0!important;margin-left:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-05x, 2px)}.___SSpacer_mtkrk_gg_{position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;letter-spacing:inherit;text-transform:inherit}.___SListAriaWrapper_mtkrk_gg_{display:contents}" /*__inner_css_end__*/, "mtkrk_gg_") /*__reshadow_css_end__*/, {
25
- "__SInputTags": "___SInputTags_mtkrk_gg_",
26
- "__SContainer": "___SContainer_mtkrk_gg_",
27
- "__SOutline": "___SOutline_mtkrk_gg_",
28
- "_orientation_vertical": "_orientation_vertical_mtkrk_gg_",
29
- "_size_m": "_size_m_mtkrk_gg_",
30
- "_size_l": "_size_l_mtkrk_gg_",
31
- "__STag": "___STag_mtkrk_gg_",
32
- "_editable": "__editable_mtkrk_gg_",
33
- "__SValue": "___SValue_mtkrk_gg_",
34
- "__SSpacer": "___SSpacer_mtkrk_gg_",
35
- "__SListAriaWrapper": "___SListAriaWrapper_mtkrk_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInputTags_v2yep_gg_{box-sizing:border-box;cursor:text;align-items:flex-start;overflow:visible;overflow:initial}.___SInputTags_v2yep_gg_ .___SContainer_v2yep_gg_:focus .___SOutline_v2yep_gg_{border-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInputTags_v2yep_gg_ .___SContainer_v2yep_gg_:focus:has(.___SOutline_v2yep_gg_)::after{box-shadow:none}.___SContainer_v2yep_gg_{padding:1px 0;box-sizing:border-box;border-bottom:1px solid transparent;border-top:1px solid transparent}.___SInputTags_v2yep_gg_>div>div{display:flex;align-items:center;flex-flow:row wrap}.___SInputTags_v2yep_gg_>div[data-ui-name=\"ScrollArea.Bar\"]._orientation_vertical_v2yep_gg_{right:1px!important}.___SInputTags_v2yep_gg_._size_m_v2yep_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:auto;padding:0 calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SInputTags_v2yep_gg_._size_l_v2yep_gg_{min-height:var(--intergalactic-form-control-l, 40px);height:auto;padding:0 calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px))}.___STag_v2yep_gg_{margin:var(--intergalactic-spacing-05x, 2px)}.___STag_v2yep_gg_.__editable_v2yep_gg_{cursor:pointer}.___SInputTags_v2yep_gg_._size_m_v2yep_gg_ .___SValue_v2yep_gg_{height:calc(var(--intergalactic-form-control-m, 28px) - var(--intergalactic-spacing-1x, 4px))}.___SInputTags_v2yep_gg_._size_l_v2yep_gg_ .___SValue_v2yep_gg_{height:calc(var(--intergalactic-form-control-l, 40px) - var(--intergalactic-spacing-1x, 4px))}.___SValue_v2yep_gg_{padding:0!important;margin-left:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-05x, 2px)}.___SSpacer_v2yep_gg_{position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;letter-spacing:inherit;text-transform:inherit}.___SListAriaWrapper_v2yep_gg_{display:contents}" /*__inner_css_end__*/, "v2yep_gg_") /*__reshadow_css_end__*/, {
25
+ "__SInputTags": "___SInputTags_v2yep_gg_",
26
+ "__SContainer": "___SContainer_v2yep_gg_",
27
+ "__SOutline": "___SOutline_v2yep_gg_",
28
+ "_orientation_vertical": "_orientation_vertical_v2yep_gg_",
29
+ "_size_m": "_size_m_v2yep_gg_",
30
+ "_size_l": "_size_l_v2yep_gg_",
31
+ "__STag": "___STag_v2yep_gg_",
32
+ "_editable": "__editable_v2yep_gg_",
33
+ "__SValue": "___SValue_v2yep_gg_",
34
+ "__SSpacer": "___SSpacer_v2yep_gg_",
35
+ "__SListAriaWrapper": "___SListAriaWrapper_v2yep_gg_"
36
36
  });
37
37
  /** @deprecated */
38
38
  var InputTags = /*#__PURE__*/function (_Component) {
@@ -141,6 +141,7 @@ var InputTags = /*#__PURE__*/function (_Component) {
141
141
  if (!container || target !== container) return;
142
142
  var hasTags = _this.tagsRefs.some(Boolean);
143
143
  if (hasTags) return;
144
+ if (event.relatedTarget === _this.inputRef.current) return;
144
145
  _this.moveFocusToInput(event);
145
146
  });
146
147
  return _this;