intergalactic 15.93.0-prerelease.0 → 15.94.0-prerelease.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 (207) hide show
  1. package/CHANGELOG.md +64 -0
  2. package/accordion/lib/cjs/Accordion.js +7 -7
  3. package/accordion/lib/es6/Accordion.js +7 -7
  4. package/breadcrumbs/lib/cjs/Breadcrumbs.js +25 -24
  5. package/breadcrumbs/lib/cjs/Breadcrumbs.js.map +1 -1
  6. package/breadcrumbs/lib/cjs/style/breadcrumbs.shadow.css +48 -36
  7. package/breadcrumbs/lib/es6/Breadcrumbs.js +25 -24
  8. package/breadcrumbs/lib/es6/Breadcrumbs.js.map +1 -1
  9. package/breadcrumbs/lib/es6/style/breadcrumbs.shadow.css +48 -36
  10. package/button/lib/cjs/Button.js +95 -55
  11. package/button/lib/cjs/Button.js.map +1 -1
  12. package/button/lib/es6/Button.js +95 -55
  13. package/button/lib/es6/Button.js.map +1 -1
  14. package/card/index.d.ts +5 -1
  15. package/card/lib/cjs/Card.js +17 -13
  16. package/card/lib/cjs/Card.js.map +1 -1
  17. package/card/lib/cjs/index.d.js.map +1 -1
  18. package/card/lib/es6/Card.js +17 -13
  19. package/card/lib/es6/Card.js.map +1 -1
  20. package/card/lib/es6/index.d.js.map +1 -1
  21. package/card/lib/types/index.d.ts +5 -1
  22. package/carousel/lib/cjs/Carousel.js +19 -19
  23. package/carousel/lib/cjs/style/carousel.shadow.css +1 -1
  24. package/carousel/lib/es6/Carousel.js +19 -19
  25. package/carousel/lib/es6/style/carousel.shadow.css +1 -1
  26. package/color-picker/lib/cjs/ColorPicker.js +23 -23
  27. package/color-picker/lib/cjs/PaletteManager.js +23 -23
  28. package/color-picker/lib/cjs/components/InputColor.js +23 -23
  29. package/color-picker/lib/es6/ColorPicker.js +23 -23
  30. package/color-picker/lib/es6/PaletteManager.js +23 -23
  31. package/color-picker/lib/es6/components/InputColor.js +23 -23
  32. package/components.json +31 -30
  33. package/d3-chart/{ReferenceLine.d.ts → Reference.d.ts} +31 -5
  34. package/d3-chart/index.d.ts +1 -2
  35. package/d3-chart/lib/cjs/Area.js +11 -11
  36. package/d3-chart/lib/cjs/Axis.js +14 -14
  37. package/d3-chart/lib/cjs/Bar.js +10 -10
  38. package/d3-chart/lib/cjs/Bubble.js +12 -12
  39. package/d3-chart/lib/cjs/Donut.js +9 -9
  40. package/d3-chart/lib/cjs/Dots.js +8 -8
  41. package/d3-chart/lib/cjs/HorizontalBar.js +10 -10
  42. package/d3-chart/lib/cjs/Hover.js +3 -3
  43. package/d3-chart/lib/cjs/Line.js +9 -9
  44. package/d3-chart/lib/cjs/Plot.js +3 -3
  45. package/d3-chart/lib/cjs/Radar.js +19 -19
  46. package/d3-chart/lib/cjs/RadialTree.js +11 -11
  47. package/d3-chart/lib/cjs/{ReferenceLine.js → Reference.js} +91 -48
  48. package/d3-chart/lib/cjs/Reference.js.map +1 -0
  49. package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
  50. package/d3-chart/lib/cjs/Tooltip.js +9 -9
  51. package/d3-chart/lib/cjs/Venn.js +9 -9
  52. package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
  53. package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
  54. package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  55. package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  56. package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  57. package/d3-chart/lib/cjs/index.js +14 -2
  58. package/d3-chart/lib/cjs/index.js.map +1 -1
  59. package/d3-chart/lib/{es6/style/reference-line.shadow.css → cjs/style/reference.shadow.css} +8 -0
  60. package/d3-chart/lib/cjs/types/Reference.d.js +2 -0
  61. package/d3-chart/lib/cjs/types/Reference.d.js.map +1 -0
  62. package/d3-chart/lib/cjs/types/index.d.js +4 -11
  63. package/d3-chart/lib/cjs/types/index.d.js.map +1 -1
  64. package/d3-chart/lib/es6/Area.js +11 -11
  65. package/d3-chart/lib/es6/Axis.js +14 -14
  66. package/d3-chart/lib/es6/Bar.js +10 -10
  67. package/d3-chart/lib/es6/Bubble.js +12 -12
  68. package/d3-chart/lib/es6/Donut.js +9 -9
  69. package/d3-chart/lib/es6/Dots.js +8 -8
  70. package/d3-chart/lib/es6/HorizontalBar.js +10 -10
  71. package/d3-chart/lib/es6/Hover.js +3 -3
  72. package/d3-chart/lib/es6/Line.js +9 -9
  73. package/d3-chart/lib/es6/Plot.js +3 -3
  74. package/d3-chart/lib/es6/Radar.js +19 -19
  75. package/d3-chart/lib/es6/RadialTree.js +11 -11
  76. package/d3-chart/lib/es6/{ReferenceLine.js → Reference.js} +88 -47
  77. package/d3-chart/lib/es6/Reference.js.map +1 -0
  78. package/d3-chart/lib/es6/ScatterPlot.js +9 -9
  79. package/d3-chart/lib/es6/Tooltip.js +9 -9
  80. package/d3-chart/lib/es6/Venn.js +9 -9
  81. package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
  82. package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
  83. package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  84. package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  85. package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  86. package/d3-chart/lib/es6/index.js +1 -1
  87. package/d3-chart/lib/es6/index.js.map +1 -1
  88. package/d3-chart/lib/{cjs/style/reference-line.shadow.css → es6/style/reference.shadow.css} +8 -0
  89. package/d3-chart/lib/es6/types/Reference.d.js +2 -0
  90. package/d3-chart/lib/es6/types/Reference.d.js.map +1 -0
  91. package/d3-chart/lib/es6/types/index.d.js +1 -2
  92. package/d3-chart/lib/es6/types/index.d.js.map +1 -1
  93. package/d3-chart/lib/types/{ReferenceLine.d.ts → Reference.d.ts} +31 -5
  94. package/d3-chart/lib/types/index.d.ts +1 -2
  95. package/data-table/lib/cjs/DataTable.js +37 -37
  96. package/data-table/lib/es6/DataTable.js +37 -37
  97. package/date-picker/lib/cjs/components/Calendar.js +21 -21
  98. package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
  99. package/date-picker/lib/cjs/components/InputTrigger.js +29 -29
  100. package/date-picker/lib/cjs/components/PickerAbstract.js +29 -29
  101. package/date-picker/lib/cjs/components/RangePickerAbstract.js +29 -29
  102. package/date-picker/lib/es6/components/Calendar.js +21 -21
  103. package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
  104. package/date-picker/lib/es6/components/InputTrigger.js +29 -29
  105. package/date-picker/lib/es6/components/PickerAbstract.js +29 -29
  106. package/date-picker/lib/es6/components/RangePickerAbstract.js +29 -29
  107. package/drag-and-drop/lib/cjs/DragAndDrop.js +16 -16
  108. package/drag-and-drop/lib/es6/DragAndDrop.js +16 -16
  109. package/dropdown/lib/cjs/Dropdown.js +3 -3
  110. package/dropdown/lib/cjs/Dropdown.js.map +1 -1
  111. package/dropdown/lib/es6/Dropdown.js +3 -3
  112. package/dropdown/lib/es6/Dropdown.js.map +1 -1
  113. package/dropdown-menu/lib/cjs/DropdownMenu.js +16 -16
  114. package/dropdown-menu/lib/cjs/styleScrollArea.js +6 -6
  115. package/dropdown-menu/lib/es6/DropdownMenu.js +16 -16
  116. package/dropdown-menu/lib/es6/styleScrollArea.js +6 -6
  117. package/ellipsis/lib/cjs/Ellipsis.js +10 -10
  118. package/ellipsis/lib/es6/Ellipsis.js +10 -10
  119. package/errors/lib/cjs/Error.js +9 -9
  120. package/errors/lib/es6/Error.js +9 -9
  121. package/feature-popover/lib/cjs/FeaturePopover.js +10 -10
  122. package/feature-popover/lib/es6/FeaturePopover.js +10 -10
  123. package/feedback-form/index.d.ts +12 -2
  124. package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
  125. package/feedback-form/lib/cjs/component/checkbox-button/CheckboxButton.js +3 -3
  126. package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js +2 -2
  127. package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js +6 -6
  128. package/feedback-form/lib/cjs/index.d.js.map +1 -1
  129. package/feedback-form/lib/es6/FeedbackForm.js +7 -7
  130. package/feedback-form/lib/es6/component/checkbox-button/CheckboxButton.js +3 -3
  131. package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js +2 -2
  132. package/feedback-form/lib/es6/component/slider-rating/SliderRating.js +6 -6
  133. package/feedback-form/lib/es6/index.d.js.map +1 -1
  134. package/feedback-form/lib/types/index.d.ts +12 -2
  135. package/fullscreen-modal/lib/cjs/FullscreenModal.js +16 -14
  136. package/fullscreen-modal/lib/cjs/FullscreenModal.js.map +1 -1
  137. package/fullscreen-modal/lib/es6/FullscreenModal.js +16 -14
  138. package/fullscreen-modal/lib/es6/FullscreenModal.js.map +1 -1
  139. package/inline-input/lib/cjs/InlineInput.js +14 -14
  140. package/inline-input/lib/es6/InlineInput.js +14 -14
  141. package/input/index.d.ts +4 -0
  142. package/input/lib/cjs/Input.js +17 -17
  143. package/input/lib/cjs/index.d.js.map +1 -1
  144. package/input/lib/es6/Input.js +17 -17
  145. package/input/lib/es6/index.d.js.map +1 -1
  146. package/input/lib/types/index.d.ts +4 -0
  147. package/input-mask/lib/cjs/InputMask.js +6 -6
  148. package/input-mask/lib/es6/InputMask.js +6 -6
  149. package/input-number/lib/cjs/InputNumber.js +19 -13
  150. package/input-number/lib/cjs/InputNumber.js.map +1 -1
  151. package/input-number/lib/es6/InputNumber.js +19 -13
  152. package/input-number/lib/es6/InputNumber.js.map +1 -1
  153. package/input-tags/lib/cjs/InputTags.js +12 -12
  154. package/input-tags/lib/es6/InputTags.js +12 -12
  155. package/link/lib/cjs/Link.js +75 -35
  156. package/link/lib/cjs/Link.js.map +1 -1
  157. package/link/lib/cjs/style/link.shadow.css +1 -1
  158. package/link/lib/es6/Link.js +75 -35
  159. package/link/lib/es6/Link.js.map +1 -1
  160. package/link/lib/es6/style/link.shadow.css +1 -1
  161. package/package.json +4 -2
  162. package/pagination/lib/cjs/Pagination.js +10 -10
  163. package/pagination/lib/es6/Pagination.js +10 -10
  164. package/popper/lib/cjs/Popper.js +7 -7
  165. package/popper/lib/cjs/Popper.js.map +1 -1
  166. package/popper/lib/es6/Popper.js +7 -7
  167. package/popper/lib/es6/Popper.js.map +1 -1
  168. package/scroll-area/lib/cjs/ScrollArea.js +74 -42
  169. package/scroll-area/lib/cjs/ScrollArea.js.map +1 -1
  170. package/scroll-area/lib/cjs/ScrollBar.js +6 -6
  171. package/scroll-area/lib/cjs/style/scroll-area.shadow.css +9 -3
  172. package/scroll-area/lib/es6/ScrollArea.js +74 -42
  173. package/scroll-area/lib/es6/ScrollArea.js.map +1 -1
  174. package/scroll-area/lib/es6/ScrollBar.js +6 -6
  175. package/scroll-area/lib/es6/style/scroll-area.shadow.css +9 -3
  176. package/select/lib/cjs/InputSearch.js +6 -6
  177. package/select/lib/cjs/Select.js +9 -9
  178. package/select/lib/cjs/Select.js.map +1 -1
  179. package/select/lib/es6/InputSearch.js +6 -6
  180. package/select/lib/es6/Select.js +9 -9
  181. package/select/lib/es6/Select.js.map +1 -1
  182. package/stylelint-plugin/index.d.ts +1 -0
  183. package/stylelint-plugin/index.js +8 -0
  184. package/stylelint-plugin/index.mjs +1 -0
  185. package/stylelint-plugin/lib/cjs/index.js +102 -0
  186. package/stylelint-plugin/lib/cjs/index.js.map +1 -0
  187. package/stylelint-plugin/lib/es6/index.js +99 -0
  188. package/stylelint-plugin/lib/es6/index.js.map +1 -0
  189. package/stylelint-plugin/lib/types/index.d.ts +1 -0
  190. package/time-picker/lib/cjs/TimePicker.js +12 -12
  191. package/time-picker/lib/es6/TimePicker.js +12 -12
  192. package/tooltip/index.d.ts +9 -17
  193. package/tooltip/lib/cjs/Tooltip.js +27 -17
  194. package/tooltip/lib/cjs/Tooltip.js.map +1 -1
  195. package/tooltip/lib/cjs/index.d.js.map +1 -1
  196. package/tooltip/lib/cjs/style/tooltip.shadow.css +5 -2
  197. package/tooltip/lib/es6/Tooltip.js +27 -17
  198. package/tooltip/lib/es6/Tooltip.js.map +1 -1
  199. package/tooltip/lib/es6/index.d.js.map +1 -1
  200. package/tooltip/lib/es6/style/tooltip.shadow.css +5 -2
  201. package/tooltip/lib/types/index.d.ts +9 -17
  202. package/d3-chart/lib/cjs/ReferenceLine.js.map +0 -1
  203. package/d3-chart/lib/cjs/types/ReferenceLine.d.js +0 -2
  204. package/d3-chart/lib/cjs/types/ReferenceLine.d.js.map +0 -1
  205. package/d3-chart/lib/es6/ReferenceLine.js.map +0 -1
  206. package/d3-chart/lib/es6/types/ReferenceLine.d.js +0 -2
  207. package/d3-chart/lib/es6/types/ReferenceLine.d.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":["_FeedbackRating","_interopRequireDefault","require"],"sources":["../../src/index.d.ts"],"sourcesContent":["import { FormProps, FieldProps } from 'react-final-form';\n\nimport { Intergalactic } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\n\nimport { default as FeedbackRating } from './component/feedback-rating/FeedbackRating';\n\n/** @deprecated */\nexport type IFeedbackForm = FeedbackFormProps;\nexport type FeedbackFormProps = FormProps & {\n /* The event is called when the form is submitted */\n onSubmit: (values: any, form: any, callback?: (errors?: {}) => void) => {} | Promise<{}> | void;\n /**\n * The property is in charge of the spinner showing\n * */\n loading?: boolean;\n /**\n * Color of container spinner; you can use your own color\n */\n background?: string;\n /** Spinner theme. There are several default themes or you can use your own color\n * @default dark\n **/\n theme?: 'dark' | 'invert' | string;\n};\n\ndeclare const FeedbackForm: Intergalactic.Component<'form', FeedbackFormProps> & {\n Item: Intergalactic.Component<'div', FieldProps<any, any>>;\n Success: typeof Box;\n Submit: typeof Button;\n Cancel: typeof Button;\n Notice: typeof NoticeSmart;\n};\n\nexport default FeedbackForm;\n\nexport { FeedbackRating };\n"],"mappings":";;;;;;;;;;;;AAOA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA"}
1
+ {"version":3,"file":"index.d.js","names":["_FeedbackRating","_interopRequireDefault","require"],"sources":["../../src/index.d.ts"],"sourcesContent":["import {\n FormProps,\n FieldProps,\n FieldInputProps,\n FieldMetaState,\n FieldRenderProps,\n} from 'react-final-form';\n\nimport { Intergalactic } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\n\nimport { default as FeedbackRating } from './component/feedback-rating/FeedbackRating';\n\n/** @deprecated */\nexport type IFeedbackForm = FeedbackFormProps;\nexport type FeedbackFormProps = FormProps & {\n /* The event is called when the form is submitted */\n onSubmit: (values: any, form: any, callback?: (errors?: {}) => void) => {} | Promise<{}> | void;\n /**\n * The property is in charge of the spinner showing\n * */\n loading?: boolean;\n /**\n * Color of container spinner; you can use your own color\n */\n background?: string;\n /** Spinner theme. There are several default themes or you can use your own color\n * @default dark\n **/\n theme?: 'dark' | 'invert' | string;\n};\n\ndeclare const FeedbackForm: Intergalactic.Component<'form', FeedbackFormProps> & {\n Item: Intergalactic.Component<\n 'div',\n FieldProps<any, any>,\n { input: FieldInputProps<any> & { state: 'normal' | 'invalid' }; meta: FieldMetaState<any> }\n >;\n Success: typeof Box;\n Submit: typeof Button;\n Cancel: typeof Button;\n Notice: typeof NoticeSmart;\n};\n\nexport default FeedbackForm;\n\nexport { FeedbackRating };\n"],"mappings":";;;;;;;;;;;;AAaA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA"}
@@ -23,13 +23,13 @@ import { Box } from 'intergalactic/flex-box';
23
23
  import { FeedbackItem } from './component/feedback-item/FeedbackItem';
24
24
  import { SubmitButton } from './component/submit-button/SubmitButton';
25
25
  /*__reshadow-styles__:"./style/feedback-form.shadow.css"*/
26
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_sy1qq_gg_{max-width:320px}.___SCancel_sy1qq_gg_,.___SSubmit_sy1qq_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_sy1qq_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_sy1qq_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_sy1qq_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__*/, "sy1qq_gg_") /*__reshadow_css_end__*/, {
27
- "__SFeedbackForm": "___SFeedbackForm_sy1qq_gg_",
28
- "__SSubmit": "___SSubmit_sy1qq_gg_",
29
- "__SCancel": "___SCancel_sy1qq_gg_",
30
- "__SNotice": "___SNotice_sy1qq_gg_",
31
- "__SSuccess": "___SSuccess_sy1qq_gg_",
32
- "__SEmail": "___SEmail_sy1qq_gg_"
26
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_1fo99_gg_{max-width:320px}.___SCancel_1fo99_gg_,.___SSubmit_1fo99_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1fo99_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_1fo99_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_1fo99_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__*/, "1fo99_gg_") /*__reshadow_css_end__*/, {
27
+ "__SFeedbackForm": "___SFeedbackForm_1fo99_gg_",
28
+ "__SSubmit": "___SSubmit_1fo99_gg_",
29
+ "__SCancel": "___SCancel_1fo99_gg_",
30
+ "__SNotice": "___SNotice_1fo99_gg_",
31
+ "__SSuccess": "___SSuccess_1fo99_gg_",
32
+ "__SEmail": "___SEmail_1fo99_gg_"
33
33
  });
34
34
  var FeedbackForm = /*#__PURE__*/function (_Component) {
35
35
  _inherits(FeedbackForm, _Component);
@@ -12,9 +12,9 @@ import React from 'react';
12
12
  import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
13
13
  import { Box } from 'intergalactic/flex-box';
14
14
  /*__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
15
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_1dlp7_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_1dlp7_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_1dlp7_gg_.__checked_1dlp7_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_1dlp7_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_1dlp7_gg_.__checked_1dlp7_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "1dlp7_gg_") /*__reshadow_css_end__*/, {
16
- "__SCheckboxButton": "___SCheckboxButton_1dlp7_gg_",
17
- "_checked": "__checked_1dlp7_gg_"
15
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_zjsvd_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_zjsvd_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_zjsvd_gg_.__checked_zjsvd_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_zjsvd_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_zjsvd_gg_.__checked_zjsvd_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "zjsvd_gg_") /*__reshadow_css_end__*/, {
16
+ "__SCheckboxButton": "___SCheckboxButton_zjsvd_gg_",
17
+ "_checked": "__checked_zjsvd_gg_"
18
18
  });
19
19
  import Checkbox from 'intergalactic/checkbox';
20
20
  var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
@@ -37,8 +37,8 @@ import Input from 'intergalactic/input';
37
37
  import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
38
38
  import { NoticeBubbleContainer, NoticeBubbleManager } from 'intergalactic/notice-bubble';
39
39
  /*__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
40
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_60h78_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_60h78_gg_ li{list-style:none}" /*__inner_css_end__*/, "60h78_gg_") /*__reshadow_css_end__*/, {
41
- "__SFeedbackRating": "___SFeedbackRating_60h78_gg_"
40
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_x3oam_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_x3oam_gg_ li{list-style:none}" /*__inner_css_end__*/, "x3oam_gg_") /*__reshadow_css_end__*/, {
41
+ "__SFeedbackRating": "___SFeedbackRating_x3oam_gg_"
42
42
  });
43
43
  var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
44
44
  _inherits(FeedbackRatingRoot, _Component);
@@ -12,12 +12,12 @@ import React from 'react';
12
12
  import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
13
13
  import { Flex, Box } from 'intergalactic/flex-box';
14
14
  /*__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
15
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSliderRating_1n2jo_gg_ .___SStar_1n2jo_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_1n2jo_gg_ .___SStar_1n2jo_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_1n2jo_gg_.__keyboardFocused_1n2jo_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_1n2jo_gg_.__readonly_1n2jo_gg_ .___SStar_1n2jo_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_1n2jo_gg_.__filled_1n2jo_gg_:active{animation:wobble .8s ease-in-out}.___SStar_1n2jo_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_1n2jo_gg_.__filled_1n2jo_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "1n2jo_gg_") /*__reshadow_css_end__*/, {
16
- "__SSliderRating": "___SSliderRating_1n2jo_gg_",
17
- "__SStar": "___SStar_1n2jo_gg_",
18
- "_keyboardFocused": "__keyboardFocused_1n2jo_gg_",
19
- "_readonly": "__readonly_1n2jo_gg_",
20
- "_filled": "__filled_1n2jo_gg_"
15
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSliderRating_1ivdm_gg_ .___SStar_1ivdm_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_1ivdm_gg_ .___SStar_1ivdm_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_1ivdm_gg_.__keyboardFocused_1ivdm_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_1ivdm_gg_.__readonly_1ivdm_gg_ .___SStar_1ivdm_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_1ivdm_gg_.__filled_1ivdm_gg_:active{animation:wobble .8s ease-in-out}.___SStar_1ivdm_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_1ivdm_gg_.__filled_1ivdm_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "1ivdm_gg_") /*__reshadow_css_end__*/, {
16
+ "__SSliderRating": "___SSliderRating_1ivdm_gg_",
17
+ "__SStar": "___SStar_1ivdm_gg_",
18
+ "_keyboardFocused": "__keyboardFocused_1ivdm_gg_",
19
+ "_readonly": "__readonly_1ivdm_gg_",
20
+ "_filled": "__filled_1ivdm_gg_"
21
21
  });
22
22
  import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
23
23
  var MIN = 1;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":["default","FeedbackRating"],"sources":["../../src/index.d.ts"],"sourcesContent":["import { FormProps, FieldProps } from 'react-final-form';\n\nimport { Intergalactic } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\n\nimport { default as FeedbackRating } from './component/feedback-rating/FeedbackRating';\n\n/** @deprecated */\nexport type IFeedbackForm = FeedbackFormProps;\nexport type FeedbackFormProps = FormProps & {\n /* The event is called when the form is submitted */\n onSubmit: (values: any, form: any, callback?: (errors?: {}) => void) => {} | Promise<{}> | void;\n /**\n * The property is in charge of the spinner showing\n * */\n loading?: boolean;\n /**\n * Color of container spinner; you can use your own color\n */\n background?: string;\n /** Spinner theme. There are several default themes or you can use your own color\n * @default dark\n **/\n theme?: 'dark' | 'invert' | string;\n};\n\ndeclare const FeedbackForm: Intergalactic.Component<'form', FeedbackFormProps> & {\n Item: Intergalactic.Component<'div', FieldProps<any, any>>;\n Success: typeof Box;\n Submit: typeof Button;\n Cancel: typeof Button;\n Notice: typeof NoticeSmart;\n};\n\nexport default FeedbackForm;\n\nexport { FeedbackRating };\n"],"mappings":"AAOA,SAASA,OAAO,IAAIC,cAAc,QAAQ,4CAA4C;;AAEtF;;AA6BA,SAASA,cAAc"}
1
+ {"version":3,"file":"index.d.js","names":["default","FeedbackRating"],"sources":["../../src/index.d.ts"],"sourcesContent":["import {\n FormProps,\n FieldProps,\n FieldInputProps,\n FieldMetaState,\n FieldRenderProps,\n} from 'react-final-form';\n\nimport { Intergalactic } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\n\nimport { default as FeedbackRating } from './component/feedback-rating/FeedbackRating';\n\n/** @deprecated */\nexport type IFeedbackForm = FeedbackFormProps;\nexport type FeedbackFormProps = FormProps & {\n /* The event is called when the form is submitted */\n onSubmit: (values: any, form: any, callback?: (errors?: {}) => void) => {} | Promise<{}> | void;\n /**\n * The property is in charge of the spinner showing\n * */\n loading?: boolean;\n /**\n * Color of container spinner; you can use your own color\n */\n background?: string;\n /** Spinner theme. There are several default themes or you can use your own color\n * @default dark\n **/\n theme?: 'dark' | 'invert' | string;\n};\n\ndeclare const FeedbackForm: Intergalactic.Component<'form', FeedbackFormProps> & {\n Item: Intergalactic.Component<\n 'div',\n FieldProps<any, any>,\n { input: FieldInputProps<any> & { state: 'normal' | 'invalid' }; meta: FieldMetaState<any> }\n >;\n Success: typeof Box;\n Submit: typeof Button;\n Cancel: typeof Button;\n Notice: typeof NoticeSmart;\n};\n\nexport default FeedbackForm;\n\nexport { FeedbackRating };\n"],"mappings":"AAaA,SAASA,OAAO,IAAIC,cAAc,QAAQ,4CAA4C;;AAEtF;;AAiCA,SAASA,cAAc"}
@@ -1,4 +1,10 @@
1
- import { FormProps, FieldProps } from 'react-final-form';
1
+ import {
2
+ FormProps,
3
+ FieldProps,
4
+ FieldInputProps,
5
+ FieldMetaState,
6
+ FieldRenderProps,
7
+ } from 'react-final-form';
2
8
 
3
9
  import { Intergalactic } from 'intergalactic/core';
4
10
  import Button from 'intergalactic/button';
@@ -27,7 +33,11 @@ export type FeedbackFormProps = FormProps & {
27
33
  };
28
34
 
29
35
  declare const FeedbackForm: Intergalactic.Component<'form', FeedbackFormProps> & {
30
- Item: Intergalactic.Component<'div', FieldProps<any, any>>;
36
+ Item: Intergalactic.Component<
37
+ 'div',
38
+ FieldProps<any, any>,
39
+ { input: FieldInputProps<any> & { state: 'normal' | 'invalid' }; meta: FieldMetaState<any> }
40
+ >;
31
41
  Success: typeof Box;
32
42
  Submit: typeof Button;
33
43
  Cancel: typeof Button;
@@ -27,19 +27,19 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
27
27
  var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
28
28
  var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
29
29
  /*__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
30
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_sonm8_gg_{padding:0}.___SFullscreenModal_sonm8_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SBack_sonm8_gg_,.___SClose_sonm8_gg_{cursor:pointer;position:absolute;z-index:1}.___SClose_sonm8_gg_{top:17px;right:23px;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}@media (hover:hover){.___SClose_sonm8_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SBack_sonm8_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_sonm8_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_sonm8_gg_.__keyboardFocused_sonm8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_sonm8_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_sonm8_gg_,.___SDescription_sonm8_gg_,.___STitle_sonm8_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_sonm8_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_sonm8_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_sonm8_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_sonm8_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_sonm8_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_sonm8_gg_{display:flex;height:100%;overflow:auto}.___SSection_sonm8_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_sonm8_gg_{transition:none}}" /*__inner_css_end__*/, "sonm8_gg_") /*__reshadow_css_end__*/, {
31
- "__SFullscreenOverlay": "___SFullscreenOverlay_sonm8_gg_",
32
- "__SFullscreenModal": "___SFullscreenModal_sonm8_gg_",
33
- "__SClose": "___SClose_sonm8_gg_",
34
- "__SBack": "___SBack_sonm8_gg_",
35
- "_keyboardFocused": "__keyboardFocused_sonm8_gg_",
36
- "__SBackText": "___SBackText_sonm8_gg_",
37
- "__STitle": "___STitle_sonm8_gg_",
38
- "__SDescription": "___SDescription_sonm8_gg_",
39
- "__SHeader": "___SHeader_sonm8_gg_",
40
- "__SFooter": "___SFooter_sonm8_gg_",
41
- "__SBody": "___SBody_sonm8_gg_",
42
- "__SSection": "___SSection_sonm8_gg_"
30
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_1g9f8_gg_{padding:0}.___SFullscreenModal_1g9f8_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SBack_1g9f8_gg_,.___SClose_1g9f8_gg_{cursor:pointer;position:absolute;z-index:1}.___SClose_1g9f8_gg_{top:17px;right:23px;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}@media (hover:hover){.___SClose_1g9f8_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SBack_1g9f8_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_1g9f8_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1g9f8_gg_.__keyboardFocused_1g9f8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1g9f8_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1g9f8_gg_,.___SDescription_1g9f8_gg_,.___STitle_1g9f8_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1g9f8_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_1g9f8_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_1g9f8_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_1g9f8_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_1g9f8_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1g9f8_gg_{display:flex;height:100%;overflow:auto}.___SSection_1g9f8_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_1g9f8_gg_{transition:none}}" /*__inner_css_end__*/, "1g9f8_gg_") /*__reshadow_css_end__*/, {
31
+ "__SFullscreenOverlay": "___SFullscreenOverlay_1g9f8_gg_",
32
+ "__SFullscreenModal": "___SFullscreenModal_1g9f8_gg_",
33
+ "__SClose": "___SClose_1g9f8_gg_",
34
+ "__SBack": "___SBack_1g9f8_gg_",
35
+ "_keyboardFocused": "__keyboardFocused_1g9f8_gg_",
36
+ "__SBackText": "___SBackText_1g9f8_gg_",
37
+ "__STitle": "___STitle_1g9f8_gg_",
38
+ "__SDescription": "___SDescription_1g9f8_gg_",
39
+ "__SHeader": "___SHeader_1g9f8_gg_",
40
+ "__SFooter": "___SFooter_1g9f8_gg_",
41
+ "__SBody": "___SBody_1g9f8_gg_",
42
+ "__SSection": "___SSection_1g9f8_gg_"
43
43
  });
44
44
  var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
45
45
  (0, _inherits2["default"])(FullscreenModalRoot, _Component);
@@ -155,7 +155,9 @@ function Section(props) {
155
155
  var _ref4 = arguments[0],
156
156
  _ref13;
157
157
  var SSection = _flexBox.Box;
158
- return _ref13 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SSection, _ref13.cn("SSection", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref4))));
158
+ return _ref13 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SSection, _ref13.cn("SSection", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
159
+ "tag": 'section'
160
+ }, _ref4))));
159
161
  }
160
162
  function Footer(props) {
161
163
  var _ref5 = arguments[0],
@@ -1 +1 @@
1
- {"version":3,"file":"FullscreenModal.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_modal","_flexBox","_l","_m","_typography","_fire","_intergalacticDynamicLocales","_i18nEnhance","_uniqueID","_keyboardFocusEnhance","style","_index","sstyled","insert","FullscreenModalRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","hasTitle","trigger","e","fire","_createClass2","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref10","SFullscreenModal","Modal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread2","assignProps","undefined","FullscreenModal","Close","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","i18n","locale","Header","props","_ref2","arguments[0]","_ref11","SHeader","Box","title","description","Title","children","Description","Body","_ref3","_ref12","SBody","Section","_ref4","_ref13","SSection","Footer","_ref5","_ref14","SFooter","Flex","_ref6","_ref15","SClose","CloseIcon","_ref7","_ref16","STitle","Text","React","useEffect","_ref8","_ref17","SDescription","Back","_ref9","_ref18","SBack","SBackText","enhance","keyboardFocusEnhance","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Modal from '@semcore/modal';\nimport { Flex, Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport { Text } from '@semcore/typography';\nimport fire from '@semcore/utils/lib/fire';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal\n render={Modal.Window}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={CloseIcon} interactive aria-label={getI18nText('close')} />,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button'>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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"}
1
+ {"version":3,"file":"FullscreenModal.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_modal","_flexBox","_l","_m","_typography","_fire","_intergalacticDynamicLocales","_i18nEnhance","_uniqueID","_keyboardFocusEnhance","style","_index","sstyled","insert","FullscreenModalRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","hasTitle","trigger","e","fire","_createClass2","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref10","SFullscreenModal","Modal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread2","assignProps","undefined","FullscreenModal","Close","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","i18n","locale","Header","props","_ref2","arguments[0]","_ref11","SHeader","Box","title","description","Title","children","Description","Body","_ref3","_ref12","SBody","Section","_ref4","_ref13","SSection","Footer","_ref5","_ref14","SFooter","Flex","_ref6","_ref15","SClose","CloseIcon","_ref7","_ref16","STitle","Text","React","useEffect","_ref8","_ref17","SDescription","Back","_ref9","_ref18","SBack","SBackText","enhance","keyboardFocusEnhance","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Modal from '@semcore/modal';\nimport { Flex, Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport { Text } from '@semcore/typography';\nimport fire from '@semcore/utils/lib/fire';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal\n render={Modal.Window}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} tag={'section'} />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={CloseIcon} interactive aria-label={getI18nText('close')} />,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button'>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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"}
@@ -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_sonm8_gg_{padding:0}.___SFullscreenModal_sonm8_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SBack_sonm8_gg_,.___SClose_sonm8_gg_{cursor:pointer;position:absolute;z-index:1}.___SClose_sonm8_gg_{top:17px;right:23px;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}@media (hover:hover){.___SClose_sonm8_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SBack_sonm8_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_sonm8_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_sonm8_gg_.__keyboardFocused_sonm8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_sonm8_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_sonm8_gg_,.___SDescription_sonm8_gg_,.___STitle_sonm8_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_sonm8_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_sonm8_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_sonm8_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_sonm8_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_sonm8_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_sonm8_gg_{display:flex;height:100%;overflow:auto}.___SSection_sonm8_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_sonm8_gg_{transition:none}}" /*__inner_css_end__*/, "sonm8_gg_") /*__reshadow_css_end__*/, {
31
- "__SFullscreenOverlay": "___SFullscreenOverlay_sonm8_gg_",
32
- "__SFullscreenModal": "___SFullscreenModal_sonm8_gg_",
33
- "__SClose": "___SClose_sonm8_gg_",
34
- "__SBack": "___SBack_sonm8_gg_",
35
- "_keyboardFocused": "__keyboardFocused_sonm8_gg_",
36
- "__SBackText": "___SBackText_sonm8_gg_",
37
- "__STitle": "___STitle_sonm8_gg_",
38
- "__SDescription": "___SDescription_sonm8_gg_",
39
- "__SHeader": "___SHeader_sonm8_gg_",
40
- "__SFooter": "___SFooter_sonm8_gg_",
41
- "__SBody": "___SBody_sonm8_gg_",
42
- "__SSection": "___SSection_sonm8_gg_"
30
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_1g9f8_gg_{padding:0}.___SFullscreenModal_1g9f8_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SBack_1g9f8_gg_,.___SClose_1g9f8_gg_{cursor:pointer;position:absolute;z-index:1}.___SClose_1g9f8_gg_{top:17px;right:23px;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}@media (hover:hover){.___SClose_1g9f8_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SBack_1g9f8_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_1g9f8_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1g9f8_gg_.__keyboardFocused_1g9f8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1g9f8_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1g9f8_gg_,.___SDescription_1g9f8_gg_,.___STitle_1g9f8_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1g9f8_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_1g9f8_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_1g9f8_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_1g9f8_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_1g9f8_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1g9f8_gg_{display:flex;height:100%;overflow:auto}.___SSection_1g9f8_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_1g9f8_gg_{transition:none}}" /*__inner_css_end__*/, "1g9f8_gg_") /*__reshadow_css_end__*/, {
31
+ "__SFullscreenOverlay": "___SFullscreenOverlay_1g9f8_gg_",
32
+ "__SFullscreenModal": "___SFullscreenModal_1g9f8_gg_",
33
+ "__SClose": "___SClose_1g9f8_gg_",
34
+ "__SBack": "___SBack_1g9f8_gg_",
35
+ "_keyboardFocused": "__keyboardFocused_1g9f8_gg_",
36
+ "__SBackText": "___SBackText_1g9f8_gg_",
37
+ "__STitle": "___STitle_1g9f8_gg_",
38
+ "__SDescription": "___SDescription_1g9f8_gg_",
39
+ "__SHeader": "___SHeader_1g9f8_gg_",
40
+ "__SFooter": "___SFooter_1g9f8_gg_",
41
+ "__SBody": "___SBody_1g9f8_gg_",
42
+ "__SSection": "___SSection_1g9f8_gg_"
43
43
  });
44
44
  import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
45
45
  var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
@@ -156,7 +156,9 @@ function Section(props) {
156
156
  var _ref4 = arguments[0],
157
157
  _ref13;
158
158
  var SSection = Box;
159
- return _ref13 = sstyled(props.styles), /*#__PURE__*/React.createElement(SSection, _ref13.cn("SSection", _objectSpread({}, _assignProps4({}, _ref4))));
159
+ return _ref13 = sstyled(props.styles), /*#__PURE__*/React.createElement(SSection, _ref13.cn("SSection", _objectSpread({}, _assignProps4({
160
+ "tag": 'section'
161
+ }, _ref4))));
160
162
  }
161
163
  function Footer(props) {
162
164
  var _ref5 = arguments[0],
@@ -1 +1 @@
1
- {"version":3,"file":"FullscreenModal.js","names":["React","createComponent","Component","sstyled","Root","Modal","Flex","Box","CloseIcon","ArrowLeft","Text","fire","localizedMessages","i18nEnhance","uniqueIDEnhancement","style","_sstyled","insert","keyboardFocusEnhance","FullscreenModalRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","hasTitle","trigger","e","_createClass","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref10","SFullscreenModal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread","_assignProps","undefined","FullscreenModal","Close","i18n","locale","Header","props","_ref2","arguments[0]","_ref11","SHeader","title","description","_assignProps2","Title","children","Description","Body","_ref3","_ref12","SBody","_assignProps3","Section","_ref4","_ref13","SSection","_assignProps4","Footer","_ref5","_ref14","SFooter","_assignProps5","_ref6","_ref15","SClose","_assignProps6","_ref7","_ref16","STitle","useEffect","_assignProps7","_ref8","_ref17","SDescription","_assignProps8","Back","_ref9","_ref18","SBack","SBackText","_assignProps9","enhance","parent"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Modal from '@semcore/modal';\nimport { Flex, Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport { Text } from '@semcore/typography';\nimport fire from '@semcore/utils/lib/fire';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal\n render={Modal.Window}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={CloseIcon} interactive aria-label={getI18nText('close')} />,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button'>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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"}
1
+ {"version":3,"file":"FullscreenModal.js","names":["React","createComponent","Component","sstyled","Root","Modal","Flex","Box","CloseIcon","ArrowLeft","Text","fire","localizedMessages","i18nEnhance","uniqueIDEnhancement","style","_sstyled","insert","keyboardFocusEnhance","FullscreenModalRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","hasTitle","trigger","e","_createClass","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref10","SFullscreenModal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread","_assignProps","undefined","FullscreenModal","Close","i18n","locale","Header","props","_ref2","arguments[0]","_ref11","SHeader","title","description","_assignProps2","Title","children","Description","Body","_ref3","_ref12","SBody","_assignProps3","Section","_ref4","_ref13","SSection","_assignProps4","Footer","_ref5","_ref14","SFooter","_assignProps5","_ref6","_ref15","SClose","_assignProps6","_ref7","_ref16","STitle","useEffect","_assignProps7","_ref8","_ref17","SDescription","_assignProps8","Back","_ref9","_ref18","SBack","SBackText","_assignProps9","enhance","parent"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Modal from '@semcore/modal';\nimport { Flex, Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport { Text } from '@semcore/typography';\nimport fire from '@semcore/utils/lib/fire';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal\n render={Modal.Window}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} tag={'section'} />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={CloseIcon} interactive aria-label={getI18nText('close')} />,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button'>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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"}
@@ -26,20 +26,20 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
26
26
  var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
27
27
  var _inputNumber = _interopRequireDefault(require("intergalactic/input-number"));
28
28
  /*__reshadow-styles__:"./style/inline-input.shadow.css"*/
29
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInlineInput_14vf4_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_14vf4_gg_ .___SConfirmIcon_14vf4_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_14vf4_gg_ .___SConfirmIcon_14vf4_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_14vf4_gg_ .___SCancelIcon_14vf4_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_14vf4_gg_ .___SCancelIcon_14vf4_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_14vf4_gg_.__disabled_14vf4_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_14vf4_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_14vf4_gg_:focus{outline:0}.___SValue_14vf4_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_14vf4_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_14vf4_gg_.__disabled_14vf4_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_14vf4_gg_::-webkit-inner-spin-button,.___SValue_14vf4_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_14vf4_gg_._type_number_14vf4_gg_{-moz-appearance:textfield}.___SUnderline_14vf4_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_14vf4_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_14vf4_gg_.__disabled_14vf4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_14vf4_gg_.__focused_14vf4_gg_{z-index:1}.___SInlineInput_14vf4_gg_.__focused_14vf4_gg_ .___SUnderline_14vf4_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_14vf4_gg_._state_valid_14vf4_gg_ .___SUnderline_14vf4_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_14vf4_gg_._state_valid_14vf4_gg_.__focused_14vf4_gg_ .___SUnderline_14vf4_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_14vf4_gg_._state_invalid_14vf4_gg_ .___SUnderline_14vf4_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_14vf4_gg_._state_invalid_14vf4_gg_.__focused_14vf4_gg_ .___SUnderline_14vf4_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_14vf4_gg_:focus~.___SControls_14vf4_gg_{display:flex}.___SInvalidPattern_14vf4_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "14vf4_gg_") /*__reshadow_css_end__*/, {
30
- "__SInlineInput": "___SInlineInput_14vf4_gg_",
31
- "_disabled": "__disabled_14vf4_gg_",
32
- "__SUnderline": "___SUnderline_14vf4_gg_",
33
- "__SAddon": "___SAddon_14vf4_gg_",
34
- "_focused": "__focused_14vf4_gg_",
35
- "_state_valid": "_state_valid_14vf4_gg_",
36
- "_state_invalid": "_state_invalid_14vf4_gg_",
37
- "__SValue": "___SValue_14vf4_gg_",
38
- "__SControls": "___SControls_14vf4_gg_",
39
- "__SInvalidPattern": "___SInvalidPattern_14vf4_gg_",
40
- "__SConfirmIcon": "___SConfirmIcon_14vf4_gg_",
41
- "__SCancelIcon": "___SCancelIcon_14vf4_gg_",
42
- "_type_number": "_type_number_14vf4_gg_"
29
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInlineInput_w1qxk_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_w1qxk_gg_ .___SConfirmIcon_w1qxk_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_w1qxk_gg_ .___SConfirmIcon_w1qxk_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_w1qxk_gg_ .___SCancelIcon_w1qxk_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_w1qxk_gg_ .___SCancelIcon_w1qxk_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_w1qxk_gg_.__disabled_w1qxk_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_w1qxk_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_w1qxk_gg_:focus{outline:0}.___SValue_w1qxk_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_w1qxk_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_w1qxk_gg_.__disabled_w1qxk_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_w1qxk_gg_::-webkit-inner-spin-button,.___SValue_w1qxk_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_w1qxk_gg_._type_number_w1qxk_gg_{-moz-appearance:textfield}.___SUnderline_w1qxk_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_w1qxk_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_w1qxk_gg_.__disabled_w1qxk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_w1qxk_gg_.__focused_w1qxk_gg_{z-index:1}.___SInlineInput_w1qxk_gg_.__focused_w1qxk_gg_ .___SUnderline_w1qxk_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_w1qxk_gg_._state_valid_w1qxk_gg_ .___SUnderline_w1qxk_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_w1qxk_gg_._state_valid_w1qxk_gg_.__focused_w1qxk_gg_ .___SUnderline_w1qxk_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_w1qxk_gg_._state_invalid_w1qxk_gg_ .___SUnderline_w1qxk_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_w1qxk_gg_._state_invalid_w1qxk_gg_.__focused_w1qxk_gg_ .___SUnderline_w1qxk_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_w1qxk_gg_:focus~.___SControls_w1qxk_gg_{display:flex}.___SInvalidPattern_w1qxk_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "w1qxk_gg_") /*__reshadow_css_end__*/, {
30
+ "__SInlineInput": "___SInlineInput_w1qxk_gg_",
31
+ "_disabled": "__disabled_w1qxk_gg_",
32
+ "__SUnderline": "___SUnderline_w1qxk_gg_",
33
+ "__SAddon": "___SAddon_w1qxk_gg_",
34
+ "_focused": "__focused_w1qxk_gg_",
35
+ "_state_valid": "_state_valid_w1qxk_gg_",
36
+ "_state_invalid": "_state_invalid_w1qxk_gg_",
37
+ "__SValue": "___SValue_w1qxk_gg_",
38
+ "__SControls": "___SControls_w1qxk_gg_",
39
+ "__SInvalidPattern": "___SInvalidPattern_w1qxk_gg_",
40
+ "__SConfirmIcon": "___SConfirmIcon_w1qxk_gg_",
41
+ "__SCancelIcon": "___SCancelIcon_w1qxk_gg_",
42
+ "_type_number": "_type_number_w1qxk_gg_"
43
43
  });
44
44
  var pointInsideOfRect = function pointInsideOfRect(_ref17) {
45
45
  var x = _ref17.x,
@@ -21,20 +21,20 @@ 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_14vf4_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_14vf4_gg_ .___SConfirmIcon_14vf4_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_14vf4_gg_ .___SConfirmIcon_14vf4_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_14vf4_gg_ .___SCancelIcon_14vf4_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_14vf4_gg_ .___SCancelIcon_14vf4_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_14vf4_gg_.__disabled_14vf4_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_14vf4_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_14vf4_gg_:focus{outline:0}.___SValue_14vf4_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_14vf4_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_14vf4_gg_.__disabled_14vf4_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_14vf4_gg_::-webkit-inner-spin-button,.___SValue_14vf4_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_14vf4_gg_._type_number_14vf4_gg_{-moz-appearance:textfield}.___SUnderline_14vf4_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_14vf4_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_14vf4_gg_.__disabled_14vf4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_14vf4_gg_.__focused_14vf4_gg_{z-index:1}.___SInlineInput_14vf4_gg_.__focused_14vf4_gg_ .___SUnderline_14vf4_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_14vf4_gg_._state_valid_14vf4_gg_ .___SUnderline_14vf4_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_14vf4_gg_._state_valid_14vf4_gg_.__focused_14vf4_gg_ .___SUnderline_14vf4_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_14vf4_gg_._state_invalid_14vf4_gg_ .___SUnderline_14vf4_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_14vf4_gg_._state_invalid_14vf4_gg_.__focused_14vf4_gg_ .___SUnderline_14vf4_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_14vf4_gg_:focus~.___SControls_14vf4_gg_{display:flex}.___SInvalidPattern_14vf4_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "14vf4_gg_") /*__reshadow_css_end__*/, {
25
- "__SInlineInput": "___SInlineInput_14vf4_gg_",
26
- "_disabled": "__disabled_14vf4_gg_",
27
- "__SUnderline": "___SUnderline_14vf4_gg_",
28
- "__SAddon": "___SAddon_14vf4_gg_",
29
- "_focused": "__focused_14vf4_gg_",
30
- "_state_valid": "_state_valid_14vf4_gg_",
31
- "_state_invalid": "_state_invalid_14vf4_gg_",
32
- "__SValue": "___SValue_14vf4_gg_",
33
- "__SControls": "___SControls_14vf4_gg_",
34
- "__SInvalidPattern": "___SInvalidPattern_14vf4_gg_",
35
- "__SConfirmIcon": "___SConfirmIcon_14vf4_gg_",
36
- "__SCancelIcon": "___SCancelIcon_14vf4_gg_",
37
- "_type_number": "_type_number_14vf4_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineInput_w1qxk_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_w1qxk_gg_ .___SConfirmIcon_w1qxk_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_w1qxk_gg_ .___SConfirmIcon_w1qxk_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_w1qxk_gg_ .___SCancelIcon_w1qxk_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_w1qxk_gg_ .___SCancelIcon_w1qxk_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_w1qxk_gg_.__disabled_w1qxk_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_w1qxk_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_w1qxk_gg_:focus{outline:0}.___SValue_w1qxk_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_w1qxk_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_w1qxk_gg_.__disabled_w1qxk_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_w1qxk_gg_::-webkit-inner-spin-button,.___SValue_w1qxk_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_w1qxk_gg_._type_number_w1qxk_gg_{-moz-appearance:textfield}.___SUnderline_w1qxk_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_w1qxk_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_w1qxk_gg_.__disabled_w1qxk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_w1qxk_gg_.__focused_w1qxk_gg_{z-index:1}.___SInlineInput_w1qxk_gg_.__focused_w1qxk_gg_ .___SUnderline_w1qxk_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_w1qxk_gg_._state_valid_w1qxk_gg_ .___SUnderline_w1qxk_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_w1qxk_gg_._state_valid_w1qxk_gg_.__focused_w1qxk_gg_ .___SUnderline_w1qxk_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_w1qxk_gg_._state_invalid_w1qxk_gg_ .___SUnderline_w1qxk_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_w1qxk_gg_._state_invalid_w1qxk_gg_.__focused_w1qxk_gg_ .___SUnderline_w1qxk_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_w1qxk_gg_:focus~.___SControls_w1qxk_gg_{display:flex}.___SInvalidPattern_w1qxk_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "w1qxk_gg_") /*__reshadow_css_end__*/, {
25
+ "__SInlineInput": "___SInlineInput_w1qxk_gg_",
26
+ "_disabled": "__disabled_w1qxk_gg_",
27
+ "__SUnderline": "___SUnderline_w1qxk_gg_",
28
+ "__SAddon": "___SAddon_w1qxk_gg_",
29
+ "_focused": "__focused_w1qxk_gg_",
30
+ "_state_valid": "_state_valid_w1qxk_gg_",
31
+ "_state_invalid": "_state_invalid_w1qxk_gg_",
32
+ "__SValue": "___SValue_w1qxk_gg_",
33
+ "__SControls": "___SControls_w1qxk_gg_",
34
+ "__SInvalidPattern": "___SInvalidPattern_w1qxk_gg_",
35
+ "__SConfirmIcon": "___SConfirmIcon_w1qxk_gg_",
36
+ "__SCancelIcon": "___SCancelIcon_w1qxk_gg_",
37
+ "_type_number": "_type_number_w1qxk_gg_"
38
38
  });
39
39
  import CheckM from 'intergalactic/icon/Check/m';
40
40
  import CloseM from 'intergalactic/icon/Close/m';
package/input/index.d.ts CHANGED
@@ -57,6 +57,10 @@ export type InputValueProps = BoxProps &
57
57
  * @default m
58
58
  */
59
59
  size?: InputSize;
60
+ /**
61
+ * Placeholder for input
62
+ */
63
+ placeholder?: string;
60
64
  };
61
65
 
62
66
  /** @deprecated */