intergalactic 15.81.0-prerelease.4 → 15.82.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 (143) hide show
  1. package/CHANGELOG.md +39 -33
  2. package/color-picker/lib/cjs/ColorPicker.js +23 -23
  3. package/color-picker/lib/cjs/PaletteManager.js +23 -23
  4. package/color-picker/lib/cjs/components/InputColor.js +23 -23
  5. package/color-picker/lib/es6/ColorPicker.js +23 -23
  6. package/color-picker/lib/es6/PaletteManager.js +23 -23
  7. package/color-picker/lib/es6/components/InputColor.js +23 -23
  8. package/components.json +19 -19
  9. package/d3-chart/lib/cjs/Area.js +11 -11
  10. package/d3-chart/lib/cjs/Axis.js +14 -14
  11. package/d3-chart/lib/cjs/Bar.js +10 -10
  12. package/d3-chart/lib/cjs/Bubble.js +12 -12
  13. package/d3-chart/lib/cjs/Donut.js +9 -9
  14. package/d3-chart/lib/cjs/Dots.js +8 -8
  15. package/d3-chart/lib/cjs/HorizontalBar.js +10 -10
  16. package/d3-chart/lib/cjs/Hover.js +3 -3
  17. package/d3-chart/lib/cjs/Line.js +9 -9
  18. package/d3-chart/lib/cjs/Plot.js +3 -3
  19. package/d3-chart/lib/cjs/Radar.js +19 -19
  20. package/d3-chart/lib/cjs/RadialTree.js +11 -11
  21. package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
  22. package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
  23. package/d3-chart/lib/cjs/Tooltip.js +9 -9
  24. package/d3-chart/lib/cjs/Venn.js +9 -9
  25. package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
  26. package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
  27. package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  28. package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  29. package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  30. package/d3-chart/lib/es6/Area.js +11 -11
  31. package/d3-chart/lib/es6/Axis.js +14 -14
  32. package/d3-chart/lib/es6/Bar.js +10 -10
  33. package/d3-chart/lib/es6/Bubble.js +12 -12
  34. package/d3-chart/lib/es6/Donut.js +9 -9
  35. package/d3-chart/lib/es6/Dots.js +8 -8
  36. package/d3-chart/lib/es6/HorizontalBar.js +10 -10
  37. package/d3-chart/lib/es6/Hover.js +3 -3
  38. package/d3-chart/lib/es6/Line.js +9 -9
  39. package/d3-chart/lib/es6/Plot.js +3 -3
  40. package/d3-chart/lib/es6/Radar.js +19 -19
  41. package/d3-chart/lib/es6/RadialTree.js +11 -11
  42. package/d3-chart/lib/es6/ReferenceLine.js +9 -9
  43. package/d3-chart/lib/es6/ScatterPlot.js +9 -9
  44. package/d3-chart/lib/es6/Tooltip.js +9 -9
  45. package/d3-chart/lib/es6/Venn.js +9 -9
  46. package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
  47. package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
  48. package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  49. package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  50. package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  51. package/data-table/Body.d.ts +1 -0
  52. package/data-table/DataTable.d.ts +4 -0
  53. package/data-table/Head.d.ts +7 -1
  54. package/data-table/lib/cjs/Body.js +13 -6
  55. package/data-table/lib/cjs/Body.js.map +1 -1
  56. package/data-table/lib/cjs/DataTable.js +70 -53
  57. package/data-table/lib/cjs/DataTable.js.map +1 -1
  58. package/data-table/lib/cjs/Head.js +63 -9
  59. package/data-table/lib/cjs/Head.js.map +1 -1
  60. package/data-table/lib/cjs/style/data-table.shadow.css +19 -6
  61. package/data-table/lib/cjs/types.js.map +1 -1
  62. package/data-table/lib/es6/Body.js +13 -6
  63. package/data-table/lib/es6/Body.js.map +1 -1
  64. package/data-table/lib/es6/DataTable.js +70 -53
  65. package/data-table/lib/es6/DataTable.js.map +1 -1
  66. package/data-table/lib/es6/Head.js +61 -8
  67. package/data-table/lib/es6/Head.js.map +1 -1
  68. package/data-table/lib/es6/style/data-table.shadow.css +19 -6
  69. package/data-table/lib/es6/types.js.map +1 -1
  70. package/data-table/lib/types/Body.d.ts +1 -0
  71. package/data-table/lib/types/DataTable.d.ts +4 -0
  72. package/data-table/lib/types/Head.d.ts +7 -1
  73. package/data-table/lib/types/types.d.ts +2 -4
  74. package/data-table/types.d.ts +2 -4
  75. package/date-picker/index.d.ts +6 -5
  76. package/date-picker/lib/cjs/MonthDateRangeComparator.js +6 -1
  77. package/date-picker/lib/cjs/MonthDateRangeComparator.js.map +1 -1
  78. package/date-picker/lib/cjs/components/Calendar.js +21 -21
  79. package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
  80. package/date-picker/lib/cjs/components/InputTrigger.js +48 -39
  81. package/date-picker/lib/cjs/components/InputTrigger.js.map +1 -1
  82. package/date-picker/lib/cjs/components/PickerAbstract.js +29 -29
  83. package/date-picker/lib/cjs/components/RangePickerAbstract.js +29 -29
  84. package/date-picker/lib/cjs/index.d.js.map +1 -1
  85. package/date-picker/lib/es6/MonthDateRangeComparator.js +6 -1
  86. package/date-picker/lib/es6/MonthDateRangeComparator.js.map +1 -1
  87. package/date-picker/lib/es6/components/Calendar.js +21 -21
  88. package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
  89. package/date-picker/lib/es6/components/InputTrigger.js +48 -39
  90. package/date-picker/lib/es6/components/InputTrigger.js.map +1 -1
  91. package/date-picker/lib/es6/components/PickerAbstract.js +29 -29
  92. package/date-picker/lib/es6/components/RangePickerAbstract.js +29 -29
  93. package/date-picker/lib/es6/index.d.js.map +1 -1
  94. package/date-picker/lib/types/index.d.ts +6 -5
  95. package/dropdown/lib/cjs/Dropdown.js +2 -2
  96. package/dropdown/lib/es6/Dropdown.js +2 -2
  97. package/dropdown-menu/lib/cjs/DropdownMenu.js +16 -16
  98. package/dropdown-menu/lib/cjs/styleScrollArea.js +6 -6
  99. package/dropdown-menu/lib/es6/DropdownMenu.js +16 -16
  100. package/dropdown-menu/lib/es6/styleScrollArea.js +6 -6
  101. package/feature-popover/lib/cjs/FeaturePopover.js +10 -10
  102. package/feature-popover/lib/es6/FeaturePopover.js +10 -10
  103. package/inline-input/lib/cjs/InlineInput.js +18 -18
  104. package/inline-input/lib/es6/InlineInput.js +18 -18
  105. package/input/index.d.ts +1 -1
  106. package/input/lib/cjs/Input.js +29 -20
  107. package/input/lib/cjs/Input.js.map +1 -1
  108. package/input/lib/cjs/index.d.js.map +1 -1
  109. package/input/lib/es6/Input.js +29 -20
  110. package/input/lib/es6/Input.js.map +1 -1
  111. package/input/lib/es6/index.d.js.map +1 -1
  112. package/input/lib/types/index.d.ts +1 -1
  113. package/input-mask/lib/cjs/InputMask.js +6 -6
  114. package/input-mask/lib/es6/InputMask.js +6 -6
  115. package/input-number/lib/cjs/InputNumber.js +18 -9
  116. package/input-number/lib/cjs/InputNumber.js.map +1 -1
  117. package/input-number/lib/es6/InputNumber.js +18 -9
  118. package/input-number/lib/es6/InputNumber.js.map +1 -1
  119. package/input-tags/lib/cjs/InputTags.js +12 -12
  120. package/input-tags/lib/es6/InputTags.js +12 -12
  121. package/package.json +4 -4
  122. package/pagination/lib/cjs/Pagination.js +10 -10
  123. package/pagination/lib/es6/Pagination.js +10 -10
  124. package/popper/lib/cjs/Popper.js +21 -11
  125. package/popper/lib/cjs/Popper.js.map +1 -1
  126. package/popper/lib/es6/Popper.js +21 -11
  127. package/popper/lib/es6/Popper.js.map +1 -1
  128. package/select/lib/cjs/InputSearch.js +6 -6
  129. package/select/lib/cjs/Select.js +8 -8
  130. package/select/lib/es6/InputSearch.js +6 -6
  131. package/select/lib/es6/Select.js +8 -8
  132. package/tab-line/lib/cjs/TabLine.js +13 -14
  133. package/tab-line/lib/cjs/TabLine.js.map +1 -1
  134. package/tab-line/lib/es6/TabLine.js +13 -14
  135. package/tab-line/lib/es6/TabLine.js.map +1 -1
  136. package/tab-panel/lib/cjs/TabPanel.js +8 -9
  137. package/tab-panel/lib/cjs/TabPanel.js.map +1 -1
  138. package/tab-panel/lib/es6/TabPanel.js +8 -9
  139. package/tab-panel/lib/es6/TabPanel.js.map +1 -1
  140. package/time-picker/lib/cjs/TimePicker.js +12 -12
  141. package/time-picker/lib/es6/TimePicker.js +12 -12
  142. package/tooltip/lib/cjs/Tooltip.js +9 -9
  143. package/tooltip/lib/es6/Tooltip.js +9 -9
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ChangeEvent, ComponentProps } from 'react';\nimport dayjs from 'dayjs';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';\nimport Button, { ButtonProps } from '@semcore/button';\nimport Divider from '@semcore/divider';\nimport Dropdown, { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';\nimport { WithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport BaseTrigger, { BaseTriggerProps } from '@semcore/base-trigger';\nimport Input, { InputProps, InputValueProps } from '@semcore/input';\nimport { InputMaskValueProps } from '@semcore/input-mask';\nimport Checkbox from '@semcore/checkbox';\nimport { TooltipProps } from '@semcore/tooltip';\n\nexport type DateConstructorParams = string | number | Date;\n\n/** @deprecated */\nexport interface ICalendarProps extends CalendarProps, UnknownProperties {}\nexport type CalendarProps = BoxProps & {\n /**\n * Locale for displaying the days of a week and months, to be transferred to `Intl`\n * @default en\n * */\n locale?: NavigatorLanguage['language'];\n /**\n * Array of dates blocked for selection\n * Accepts the date or the range of dates for specifying infinity ([Date | false, Date | false]), crontab(6,7)\n * */\n disabled?: (Date | (Date | false)[] | string)[];\n /**\n * @ignore\n * */\n highlighted?: DateConstructorParams[];\n /**\n * @ignore\n * */\n onHighlightedChange?: (date: Date[]) => void;\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n value?: DateConstructorParams[];\n /**\n * To be activated upon selecting the date\n * */\n onChange?: (date: Date[]) => void;\n /**\n * Date for showing the necessary month\n * @default new Date()\n * */\n displayedPeriod?: Date;\n\n renderOutdated?: boolean;\n};\n\n/** @deprecated */\nexport interface ICalendarDaysContext extends CalendarDaysContext, UnknownProperties {}\nexport type CalendarDaysContext = {\n days: CalendarUnitProps[];\n};\n\n/** @deprecated */\nexport interface ICalendarMonthsContext extends CalendarMonthsContext, UnknownProperties {}\nexport type CalendarMonthsContext = {\n months: CalendarUnitProps[];\n};\n\n/** @deprecated */\nexport interface ICalendarUnitProps extends CalendarUnitProps, UnknownProperties {}\nexport type CalendarUnitProps = BoxProps & {\n selected?: boolean;\n outdated?: boolean;\n disabled?: boolean;\n today?: boolean;\n startSelected?: boolean;\n endSelected?: boolean;\n highlighted?: boolean;\n startHighlighted?: boolean;\n endHighlighted?: boolean;\n date?: Date;\n children?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface ICalendarContext extends CalendarContext, UnknownProperties {}\nexport type CalendarContext = {\n getUnitProps: PropGetterFn;\n};\n\ndeclare const Calendar: Intergalactic.Component<\n 'div',\n CalendarProps,\n CalendarContext & CalendarDaysContext,\n [handlers: AbstractDatePickerHandlers]\n> & {\n Unit: Intergalactic.Component<'div', CalendarUnitProps>;\n};\n\n/** @deprecated */\nexport interface IDatePickerProps extends DatePickerProps, UnknownProperties {}\nexport type DatePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n DropdownProps,\n 'disabled'\n> &\n WithI18nEnhanceProps & {\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n value?: DateConstructorParams;\n /**\n * To be activated upon selecting the date\n * */\n onChange?: (date: Date) => void;\n /**\n * Array of dates blocked for selection\n * */\n disabled?: (Date | (Date | false)[] | string)[];\n /**\n * Error message when user attempts to input a disabled date\n * */\n disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n /**\n * Date for showing the necessary month\n * @default new Date()\n * */\n displayedPeriod?: DateConstructorParams;\n /**\n * To be activated upon changing the current shown month\n * */\n onDisplayedPeriodChange?: (date: Date) => void;\n /**\n * Component size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n highlighted?: DateConstructorParams[];\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultValue?: DateConstructorParams;\n /**\n * Default value date for showing the necessary month\n * */\n defaultDisplayedPeriod?: DateConstructorParams;\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultHighlighted?: DateConstructorParams[];\n };\n\n/** @deprecated */\nexport interface IDateRangePickerProps extends DateRangePickerProps, UnknownProperties {}\nexport type DateRangePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n DropdownProps,\n 'disabled'\n> &\n WithI18nEnhanceProps & {\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n value?: DateConstructorParams[];\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultValue?: DateConstructorParams[];\n /**\n * Default value date for showing the necessary month\n * */\n defaultDisplayedPeriod?: DateConstructorParams;\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultHighlighted?: DateConstructorParams[];\n /**\n * To be activated upon selecting the date\n * */\n onChange?: (date: Date[]) => void;\n /**\n * Array of dates blocked for selection\n * */\n disabled?: (Date | (Date | false)[] | string)[];\n /**\n * Error message when user attempts to input a disabled date\n * */\n disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n /**\n * Date for showing the necessary month\n * @default new Date()\n * */\n displayedPeriod?: DateConstructorParams;\n /**\n * To be activated upon changing the current shown month\n * */\n onDisplayedPeriodChange?: (date: Date) => void;\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n highlighted?: DateConstructorParams[];\n /**\n * Remove the 'Reset' button\n * */\n unclearable?: boolean;\n /**\n * To be activated upon selecting the date\n * */\n onHighlightedChange?: (date: Date[]) => void;\n /**\n * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n */\n preselectedValue?: DateConstructorParams[];\n /**\n * Normally called when user preselects a date range and when user applies this range.\n */\n onPreselectedValueChange?: (date: Date[]) => void;\n /**\n * Array of periods\n * [{value: [new Date(), new Date()], children: \"Today\"}]\n * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n * */\n periods?: (ButtonProps & { value: Date[] })[];\n };\n\n/** @deprecated */\nexport interface IDateRangePickerPeriodProps\n extends DateRangePickerPeriodProps,\n UnknownProperties {}\nexport type DateRangePickerPeriodProps = BoxProps & {\n /**\n * Current selected period\n * */\n value?: DateConstructorParams[];\n /**\n * To be activated by clicking the button for switching the selected period.\n * */\n onChange?: (date: Date[]) => void;\n /**\n * To be activated by hovering a cursor over the button for changing the current displayed month.\n * */\n onDisplayedPeriodChange?: (date: Date) => void;\n /**\n * To be activated by hovering a cursor over the button for selecting the dates.\n * */\n onHighlightedChange?: (date: Date[]) => void;\n /**\n * Array of periods\n * [{value: [new Date(), new Date()], children: \"Today\"}]\n * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n * */\n periods?: (ButtonProps & { value: Date[] })[];\n};\n\n/** @deprecated */\nexport interface IDatePickerContext extends DatePickerContext, UnknownProperties {}\nexport type DatePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getTodayProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IAbstractDatePickerHandlers\n extends AbstractDatePickerHandlers,\n UnknownProperties {}\nexport type AbstractDatePickerHandlers = {\n displayedPeriod: (value: DateConstructorParams) => void;\n visible: (index: boolean) => void;\n highlighted: (list: DateConstructorParams[]) => void;\n value: (index: DateConstructorParams) => void;\n};\n\n/** @deprecated */\nexport interface IDatePickerHandlers extends DatePickerHandlers, UnknownProperties {}\nexport type DatePickerHandlers = {\n visible: (index: boolean) => void;\n};\n\n/** @deprecated */\nexport interface IInputTriggerProps extends InputTriggerProps, UnknownProperties {}\nexport type BaseInputTriggerProps = InputProps &\n TooltipProps & {\n /**\n * Date input placeholder characters\n * @default { year: 'Y'; month: 'M'; day: 'D' }\n */\n placeholders?: { year: string; month: string; day: string };\n locale?: string;\n onDisplayedPeriodChange?: (date: Date) => void;\n };\nexport type InputTriggerProps = BaseInputTriggerProps &\n TooltipProps & {\n value?: Date;\n onChange?: (date: Date, event: ChangeEvent) => void;\n };\n\nexport type RangeInputTriggerProps = BaseInputTriggerProps & {\n value?: Date[];\n onChange?: (date: Date[], event: ChangeEvent) => void;\n};\n\n/** @deprecated */\nexport interface ISingleDateInputProps extends SingleDateInputProps, UnknownProperties {}\nexport type SingleDateInputProps = InputTriggerProps & {};\n\n/** @deprecated */\nexport interface IDateRangeProps extends DateRangeProps, UnknownProperties {}\nexport type DateRangeProps = RangeInputTriggerProps & {};\n\n/** @deprecated */\nexport interface IDatePickerMaskedInputProps\n extends DatePickerMaskedInputProps,\n UnknownProperties {}\nexport type DatePickerMaskedInputProps = {\n date?: Date;\n onDateChange?: (date: Date, event: ChangeEvent) => void;\n onDisplayedPeriodChange?: (date: Date) => void;\n locale?: string;\n parts?: { year: Boolean; month: Boolean; day: Boolean };\n disabledDates?: (Date | (Date | false)[] | string)[];\n};\n\ndeclare const InputTrigger: Intergalactic.Component<\n 'div',\n DropdownTriggerProps & InputTriggerProps\n> & {\n Addon: typeof Input.Addon;\n Value: typeof Input.Value;\n SingleDateInput: Intergalactic.Component<'div', InputProps & SingleDateInputProps> & {\n Indicator: typeof Input.Addon;\n MaskedInput: Intergalactic.Component<'input', InputMaskValueProps & DatePickerMaskedInputProps>;\n };\n};\n\ndeclare const RangeInputTrigger: Intergalactic.Component<\n 'div',\n DropdownTriggerProps & RangeInputTriggerProps\n> & {\n Addon: typeof Input.Addon;\n Value: typeof Input.Value;\n DateRange: Intergalactic.Component<'div', InputValueProps & DateRangeProps> & {\n Indicator: typeof Input.Addon;\n RangeSep: typeof Input.Addon;\n FromMaskedInput: Intergalactic.Component<\n 'input',\n InputMaskValueProps & DatePickerMaskedInputProps\n >;\n ToMaskedInput: Intergalactic.Component<\n 'input',\n InputMaskValueProps & DatePickerMaskedInputProps\n >;\n };\n};\n\ndeclare const DatePicker: Intergalactic.Component<\n 'div',\n DatePickerProps,\n DatePickerContext & CalendarDaysContext\n> & {\n /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof InputTrigger;\n Popper: typeof Dropdown.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Today: typeof Box;\n add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IDateRangePickerContext extends DateRangePickerContext, UnknownProperties {}\nexport type DateRangePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getPeriodProps: PropGetterFn;\n};\n\ndeclare const DateRangePicker: Intergalactic.Component<\n 'div',\n DateRangePickerProps,\n DateRangePickerContext & CalendarDaysContext,\n [handlers: DatePickerHandlers]\n> & {\n /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof RangeInputTrigger;\n Popper: typeof Dropdown.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n Apply: typeof Button;\n Reset: typeof Button;\n add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IMonthPickerContext extends MonthPickerContext, UnknownProperties {}\nexport type MonthPickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n};\n\ndeclare const MonthPicker: Intergalactic.Component<\n 'div',\n DatePickerProps,\n MonthPickerContext & CalendarMonthsContext,\n [handlers: DatePickerHandlers]\n> & {\n /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof InputTrigger;\n Popper: typeof Dropdown.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IMonthRangePickerContext extends MonthRangePickerContext, UnknownProperties {}\nexport type MonthRangePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getPeriodProps: PropGetterFn;\n};\n\ndeclare const MonthRangePicker: Intergalactic.Component<\n 'div',\n DateRangePickerProps,\n MonthRangePickerContext & CalendarMonthsContext,\n [handlers: DatePickerHandlers]\n> & {\n /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof RangeInputTrigger;\n Popper: typeof Dropdown.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n Apply: typeof Button;\n Reset: typeof Button;\n add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangeComparatorProps = Intergalactic.InternalTypings.EfficientOmit<\n DropdownProps,\n 'disabled'\n> &\n WithI18nEnhanceProps & {\n /**\n * Selected date ranges\n * */\n value?: { value?: DateConstructorParams[]; compare?: DateConstructorParams[] };\n /**\n * Default value for selected date ranges\n * */\n defaultValue?: { value?: DateConstructorParams[]; compare?: DateConstructorParams[] };\n /**\n * Default value date for showing the necessary month\n * */\n defaultDisplayedPeriod?: DateConstructorParams;\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultHighlighted?: DateConstructorParams[];\n /**\n * Called with selected date when user clicks `Apply` button.\n * */\n onChange?: (ranges: {\n value?: DateConstructorParams[];\n compare?: DateConstructorParams[];\n }) => void;\n /**\n * Array of dates blocked for selection\n * */\n disabled?: (Date | (Date | false)[] | string)[];\n /**\n * Error message when user attempts to input a disabled date\n * */\n disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n /**\n * Date for showing the necessary month\n * @default new Date()\n * */\n displayedPeriod?: DateConstructorParams;\n /**\n * To be activated upon changing the current shown month\n * */\n onDisplayedPeriodChange?: (date: Date) => void;\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n highlighted?: DateConstructorParams[];\n /**\n * To be activated upon selecting the date\n * */\n onHighlightedChange?: (date: Date[]) => void;\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n compareHighlighted?: DateConstructorParams[];\n /**\n * To be activated upon selecting the date\n * */\n onCompareHighlightedChange?: (date: Date[]) => void;\n /**\n * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n */\n preselectedValue?: DateConstructorParams[];\n /**\n * Normally called when user preselects a date range and when user applies this range.\n */\n onPreselectedValueChange?: (date: Date[]) => void;\n /**\n * Intermediate value between `compareHighlighted` and `compare` that user see before explicitly applying it.\n */\n preselectedCompare?: DateConstructorParams[];\n /**\n * Normally called when user preselects a compare range and when user applies ranges.\n */\n onPreselectedCompareChange?: (date: Date[]) => void;\n /**\n * Controls that compare range input is enabled.\n */\n compareToggle?: boolean;\n /**\n * Toggles when compare range input enables or disables.\n */\n onCompareToggleChange?: (compareToggle: boolean) => void;\n /**\n * Controls which date range is focused.\n */\n focusedRange?: 'value' | 'compare';\n /**\n * Called when user focuses or is focused on some of the date ranges.\n */\n onFocusedRangeChange?: (focusedRange: 'value' | 'compare') => void;\n /**\n * Remove the 'Reset' button\n * */\n unclearable?: boolean;\n /**\n * Array of periods\n * [{value: [new Date(), new Date()], children: \"Today\"}]\n * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n * */\n periods?: (ButtonProps & { value: Date[] })[];\n };\n\nexport type DateRangeComparatorContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getPeriodProps: PropGetterFn;\n};\n\nexport type DateRangeComparatorTriggerProps = DropdownTriggerProps &\n BaseTriggerProps & {\n /**\n * Text between the selected date range and the compared date range when both are selected.\n * @default 'vs.'\n */\n separator?: string;\n /**\n * Trigger text when no ranges are selected.\n */\n placeholder?: string;\n };\n\ndeclare const DateRangeComparator: Intergalactic.Component<\n 'div',\n DateRangeComparatorProps,\n DateRangeComparatorContext & CalendarDaysContext\n> & {\n Popper: typeof Dropdown.Popper;\n Header: typeof Flex;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Apply: typeof Button;\n Reset: typeof Button;\n\n CalendarHeader: typeof Box;\n Title: typeof Box;\n\n Trigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n ValueDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n CompareToggle: typeof Checkbox;\n CompareDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n Body: typeof Flex;\n RangeCalendar: typeof Flex;\n Periods: typeof Flex & {\n Divider: typeof Divider;\n Column: typeof Flex;\n Options: typeof Flex;\n Controls: typeof Flex;\n };\n Footer: typeof Flex;\n};\n\ndeclare const MonthDateRangeComparator: typeof DateRangeComparator;\n\nexport {\n DatePicker,\n DateRangePicker,\n MonthPicker,\n MonthRangePicker,\n DateRangeComparator,\n MonthDateRangeComparator,\n};\n"],"mappings":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ChangeEvent, ComponentProps } from 'react';\nimport dayjs from 'dayjs';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';\nimport Button, { ButtonProps } from '@semcore/button';\nimport Divider from '@semcore/divider';\nimport Dropdown, { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';\nimport { WithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport BaseTrigger, { BaseTriggerProps } from '@semcore/base-trigger';\nimport Input, { InputProps, InputValueProps } from '@semcore/input';\nimport { InputMaskValueProps } from '@semcore/input-mask';\nimport Checkbox from '@semcore/checkbox';\nimport { TooltipProps } from '@semcore/tooltip';\n\nexport type DateConstructorParams = string | number | Date;\n\n/** @deprecated */\nexport interface ICalendarProps extends CalendarProps, UnknownProperties {}\nexport type CalendarProps = BoxProps & {\n /**\n * Locale for displaying the days of a week and months, to be transferred to `Intl`\n * @default en\n * */\n locale?: NavigatorLanguage['language'];\n /**\n * Array of dates blocked for selection\n * Accepts the date or the range of dates for specifying infinity ([Date | false, Date | false]), crontab(6,7)\n * */\n disabled?: (Date | (Date | false)[] | string)[];\n /**\n * @ignore\n * */\n highlighted?: DateConstructorParams[];\n /**\n * @ignore\n * */\n onHighlightedChange?: (date: Date[]) => void;\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n value?: DateConstructorParams[];\n /**\n * To be activated upon selecting the date\n * */\n onChange?: (date: Date[]) => void;\n /**\n * Date for showing the necessary month\n * @default new Date()\n * */\n displayedPeriod?: Date;\n\n renderOutdated?: boolean;\n};\n\n/** @deprecated */\nexport interface ICalendarDaysContext extends CalendarDaysContext, UnknownProperties {}\nexport type CalendarDaysContext = {\n days: CalendarUnitProps[];\n};\n\n/** @deprecated */\nexport interface ICalendarMonthsContext extends CalendarMonthsContext, UnknownProperties {}\nexport type CalendarMonthsContext = {\n months: CalendarUnitProps[];\n};\n\n/** @deprecated */\nexport interface ICalendarUnitProps extends CalendarUnitProps, UnknownProperties {}\nexport type CalendarUnitProps = BoxProps & {\n selected?: boolean;\n outdated?: boolean;\n disabled?: boolean;\n today?: boolean;\n startSelected?: boolean;\n endSelected?: boolean;\n highlighted?: boolean;\n startHighlighted?: boolean;\n endHighlighted?: boolean;\n date?: Date;\n children?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface ICalendarContext extends CalendarContext, UnknownProperties {}\nexport type CalendarContext = {\n getUnitProps: PropGetterFn;\n};\n\ndeclare const Calendar: Intergalactic.Component<\n 'div',\n CalendarProps,\n CalendarContext & CalendarDaysContext,\n [handlers: AbstractDatePickerHandlers]\n> & {\n Unit: Intergalactic.Component<'div', CalendarUnitProps>;\n};\n\n/** @deprecated */\nexport interface IDatePickerProps extends DatePickerProps, UnknownProperties {}\nexport type DatePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n DropdownProps,\n 'disabled'\n> &\n WithI18nEnhanceProps & {\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n value?: DateConstructorParams;\n /**\n * To be activated upon selecting the date\n * */\n onChange?: (date: Date) => void;\n /**\n * Array of dates blocked for selection\n * */\n disabled?: (Date | (Date | false)[] | string)[];\n /**\n * Error message when user attempts to input a disabled date\n * */\n disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n /**\n * Date for showing the necessary month\n * @default new Date()\n * */\n displayedPeriod?: DateConstructorParams;\n /**\n * To be activated upon changing the current shown month\n * */\n onDisplayedPeriodChange?: (date: Date) => void;\n /**\n * Component size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n highlighted?: DateConstructorParams[];\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultValue?: DateConstructorParams;\n /**\n * Default value date for showing the necessary month\n * */\n defaultDisplayedPeriod?: DateConstructorParams;\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultHighlighted?: DateConstructorParams[];\n };\n\n/** @deprecated */\nexport interface IDateRangePickerProps extends DateRangePickerProps, UnknownProperties {}\nexport type DateRangePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n DropdownProps,\n 'disabled'\n> &\n WithI18nEnhanceProps & {\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n value?: DateConstructorParams[];\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultValue?: DateConstructorParams[];\n /**\n * Default value date for showing the necessary month\n * */\n defaultDisplayedPeriod?: DateConstructorParams;\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultHighlighted?: DateConstructorParams[];\n /**\n * To be activated upon selecting the date\n * */\n onChange?: (date: Date[]) => void;\n /**\n * Array of dates blocked for selection\n * */\n disabled?: (Date | (Date | false)[] | string)[];\n /**\n * Error message when user attempts to input a disabled date\n * */\n disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n /**\n * Date for showing the necessary month\n * @default new Date()\n * */\n displayedPeriod?: DateConstructorParams;\n /**\n * To be activated upon changing the current shown month\n * */\n onDisplayedPeriodChange?: (date: Date) => void;\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n highlighted?: DateConstructorParams[];\n /**\n * Remove the 'Reset' button\n * */\n unclearable?: boolean;\n /**\n * To be activated upon selecting the date\n * */\n onHighlightedChange?: (date: Date[]) => void;\n /**\n * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n */\n preselectedValue?: DateConstructorParams[];\n /**\n * Normally called when user preselects a date range and when user applies this range.\n */\n onPreselectedValueChange?: (date: Date[]) => void;\n /**\n * Array of periods\n * [{value: [new Date(), new Date()], children: \"Today\"}]\n * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n * */\n periods?: (ButtonProps & { value: Date[] })[];\n };\n\n/** @deprecated */\nexport interface IDateRangePickerPeriodProps\n extends DateRangePickerPeriodProps,\n UnknownProperties {}\nexport type DateRangePickerPeriodProps = BoxProps & {\n /**\n * Current selected period\n * */\n value?: DateConstructorParams[];\n /**\n * To be activated by clicking the button for switching the selected period.\n * */\n onChange?: (date: Date[]) => void;\n /**\n * To be activated by hovering a cursor over the button for changing the current displayed month.\n * */\n onDisplayedPeriodChange?: (date: Date) => void;\n /**\n * To be activated by hovering a cursor over the button for selecting the dates.\n * */\n onHighlightedChange?: (date: Date[]) => void;\n /**\n * Array of periods\n * [{value: [new Date(), new Date()], children: \"Today\"}]\n * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n * */\n periods?: (ButtonProps & { value: Date[] })[];\n};\n\n/** @deprecated */\nexport interface IDatePickerContext extends DatePickerContext, UnknownProperties {}\nexport type DatePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getTodayProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IAbstractDatePickerHandlers\n extends AbstractDatePickerHandlers,\n UnknownProperties {}\nexport type AbstractDatePickerHandlers = {\n displayedPeriod: (value: DateConstructorParams) => void;\n visible: (index: boolean) => void;\n highlighted: (list: DateConstructorParams[]) => void;\n value: (index: DateConstructorParams) => void;\n};\n\n/** @deprecated */\nexport interface IDatePickerHandlers extends DatePickerHandlers, UnknownProperties {}\nexport type DatePickerHandlers = {\n visible: (index: boolean) => void;\n};\n\n/** @deprecated */\nexport interface IInputTriggerProps extends InputTriggerProps, UnknownProperties {}\nexport type BaseInputTriggerProps = InputProps &\n TooltipProps & {\n /**\n * Date input placeholder characters\n * @default { year: 'Y'; month: 'M'; day: 'D' }\n */\n placeholders?: { year: string; month: string; day: string };\n locale?: string;\n onDisplayedPeriodChange?: (date: Date) => void;\n };\nexport type InputTriggerProps = BaseInputTriggerProps & {\n value?: Date;\n onChange?: (date: Date, event: ChangeEvent) => void;\n /** Flag to show or hide error state (and tooltip with error message) on Input */\n showError?: boolean;\n};\n\nexport type RangeInputTriggerProps = BaseInputTriggerProps & {\n value?: Date[];\n onChange?: (date: Date[], event: ChangeEvent) => void;\n};\n\n/** @deprecated */\nexport interface ISingleDateInputProps extends SingleDateInputProps, UnknownProperties {}\nexport type SingleDateInputProps = InputTriggerProps & {};\n\n/** @deprecated */\nexport interface IDateRangeProps extends DateRangeProps, UnknownProperties {}\nexport type DateRangeProps = RangeInputTriggerProps & {};\n\n/** @deprecated */\nexport interface IDatePickerMaskedInputProps\n extends DatePickerMaskedInputProps,\n UnknownProperties {}\nexport type DatePickerMaskedInputProps = {\n date?: Date;\n onDateChange?: (date: Date, event: ChangeEvent) => void;\n onDisplayedPeriodChange?: (date: Date) => void;\n locale?: string;\n parts?: { year: Boolean; month: Boolean; day: Boolean };\n disabledDates?: (Date | (Date | false)[] | string)[];\n};\n\ndeclare const InputTrigger: Intergalactic.Component<\n 'div',\n DropdownTriggerProps & InputTriggerProps\n> & {\n Addon: typeof Input.Addon;\n Value: typeof Input.Value;\n SingleDateInput: Intergalactic.Component<'div', InputProps & SingleDateInputProps> & {\n Indicator: typeof Input.Addon;\n MaskedInput: Intergalactic.Component<'input', InputMaskValueProps & DatePickerMaskedInputProps>;\n };\n};\n\ndeclare const RangeInputTrigger: Intergalactic.Component<\n 'div',\n DropdownTriggerProps & RangeInputTriggerProps\n> & {\n Addon: typeof Input.Addon;\n Value: typeof Input.Value;\n DateRange: Intergalactic.Component<'div', InputValueProps & DateRangeProps> & {\n Indicator: typeof Input.Addon;\n RangeSep: typeof Input.Addon;\n FromMaskedInput: Intergalactic.Component<\n 'input',\n InputMaskValueProps & DatePickerMaskedInputProps\n >;\n ToMaskedInput: Intergalactic.Component<\n 'input',\n InputMaskValueProps & DatePickerMaskedInputProps\n >;\n };\n};\n\ndeclare const DatePicker: Intergalactic.Component<\n 'div',\n DatePickerProps,\n DatePickerContext & CalendarDaysContext\n> & {\n /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof InputTrigger;\n Popper: typeof Dropdown.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Today: typeof Box;\n add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IDateRangePickerContext extends DateRangePickerContext, UnknownProperties {}\nexport type DateRangePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getPeriodProps: PropGetterFn;\n};\n\ndeclare const DateRangePicker: Intergalactic.Component<\n 'div',\n DateRangePickerProps,\n DateRangePickerContext & CalendarDaysContext,\n [handlers: DatePickerHandlers]\n> & {\n /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof RangeInputTrigger;\n Popper: typeof Dropdown.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n Apply: typeof Button;\n Reset: typeof Button;\n add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IMonthPickerContext extends MonthPickerContext, UnknownProperties {}\nexport type MonthPickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n};\n\ndeclare const MonthPicker: Intergalactic.Component<\n 'div',\n DatePickerProps,\n MonthPickerContext & CalendarMonthsContext,\n [handlers: DatePickerHandlers]\n> & {\n /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof InputTrigger;\n Popper: typeof Dropdown.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IMonthRangePickerContext extends MonthRangePickerContext, UnknownProperties {}\nexport type MonthRangePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getPeriodProps: PropGetterFn;\n};\n\ndeclare const MonthRangePicker: Intergalactic.Component<\n 'div',\n DateRangePickerProps,\n MonthRangePickerContext & CalendarMonthsContext,\n [handlers: DatePickerHandlers]\n> & {\n /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof RangeInputTrigger;\n Popper: typeof Dropdown.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n Apply: typeof Button;\n Reset: typeof Button;\n add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangeComparatorProps = Intergalactic.InternalTypings.EfficientOmit<\n DropdownProps,\n 'disabled'\n> &\n WithI18nEnhanceProps & {\n /**\n * Selected date ranges\n * */\n value?: { value?: DateConstructorParams[]; compare?: DateConstructorParams[] };\n /**\n * Default value for selected date ranges\n * */\n defaultValue?: { value?: DateConstructorParams[]; compare?: DateConstructorParams[] };\n /**\n * Default value date for showing the necessary month\n * */\n defaultDisplayedPeriod?: DateConstructorParams;\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultHighlighted?: DateConstructorParams[];\n /**\n * Called with selected date when user clicks `Apply` button.\n * */\n onChange?: (ranges: {\n value?: DateConstructorParams[];\n compare?: DateConstructorParams[];\n }) => void;\n /**\n * Array of dates blocked for selection\n * */\n disabled?: (Date | (Date | false)[] | string)[];\n /**\n * Error message when user attempts to input a disabled date\n * */\n disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n /**\n * Date for showing the necessary month\n * @default new Date()\n * */\n displayedPeriod?: DateConstructorParams;\n /**\n * To be activated upon changing the current shown month\n * */\n onDisplayedPeriodChange?: (date: Date) => void;\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n highlighted?: DateConstructorParams[];\n /**\n * To be activated upon selecting the date\n * */\n onHighlightedChange?: (date: Date[]) => void;\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n compareHighlighted?: DateConstructorParams[];\n /**\n * To be activated upon selecting the date\n * */\n onCompareHighlightedChange?: (date: Date[]) => void;\n /**\n * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n */\n preselectedValue?: DateConstructorParams[];\n /**\n * Normally called when user preselects a date range and when user applies this range.\n */\n onPreselectedValueChange?: (date: Date[]) => void;\n /**\n * Intermediate value between `compareHighlighted` and `compare` that user see before explicitly applying it.\n */\n preselectedCompare?: DateConstructorParams[];\n /**\n * Normally called when user preselects a compare range and when user applies ranges.\n */\n onPreselectedCompareChange?: (date: Date[]) => void;\n /**\n * Controls that compare range input is enabled.\n */\n compareToggle?: boolean;\n /**\n * Toggles when compare range input enables or disables.\n */\n onCompareToggleChange?: (compareToggle: boolean) => void;\n /**\n * Controls which date range is focused.\n */\n focusedRange?: 'value' | 'compare';\n /**\n * Called when user focuses or is focused on some of the date ranges.\n */\n onFocusedRangeChange?: (focusedRange: 'value' | 'compare') => void;\n /**\n * Remove the 'Reset' button\n * */\n unclearable?: boolean;\n /**\n * Array of periods\n * [{value: [new Date(), new Date()], children: \"Today\"}]\n * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n * */\n periods?: (ButtonProps & { value: Date[] })[];\n };\n\nexport type DateRangeComparatorContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getPeriodProps: PropGetterFn;\n};\n\nexport type DateRangeComparatorTriggerProps = DropdownTriggerProps &\n BaseTriggerProps & {\n /**\n * Text between the selected date range and the compared date range when both are selected.\n * @default 'vs.'\n */\n separator?: string;\n /**\n * Trigger text when no ranges are selected.\n */\n placeholder?: string;\n };\n\ndeclare const DateRangeComparator: Intergalactic.Component<\n 'div',\n DateRangeComparatorProps,\n DateRangeComparatorContext & CalendarDaysContext\n> & {\n Popper: typeof Dropdown.Popper;\n Header: typeof Flex;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Apply: typeof Button;\n Reset: typeof Button;\n\n CalendarHeader: typeof Box;\n Title: typeof Box;\n\n Trigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n ValueDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n CompareToggle: typeof Checkbox;\n CompareDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n Body: typeof Flex;\n RangeCalendar: typeof Flex;\n Periods: typeof Flex & {\n Divider: typeof Divider;\n Column: typeof Flex;\n Options: typeof Flex;\n Controls: typeof Flex;\n };\n Footer: typeof Flex;\n};\n\ndeclare const MonthDateRangeComparator: typeof DateRangeComparator;\n\nexport {\n DatePicker,\n DateRangePicker,\n MonthPicker,\n MonthRangePicker,\n DateRangeComparator,\n MonthDateRangeComparator,\n};\n"],"mappings":""}
@@ -293,11 +293,12 @@ export type BaseInputTriggerProps = InputProps &
293
293
  locale?: string;
294
294
  onDisplayedPeriodChange?: (date: Date) => void;
295
295
  };
296
- export type InputTriggerProps = BaseInputTriggerProps &
297
- TooltipProps & {
298
- value?: Date;
299
- onChange?: (date: Date, event: ChangeEvent) => void;
300
- };
296
+ export type InputTriggerProps = BaseInputTriggerProps & {
297
+ value?: Date;
298
+ onChange?: (date: Date, event: ChangeEvent) => void;
299
+ /** Flag to show or hide error state (and tooltip with error message) on Input */
300
+ showError?: boolean;
301
+ };
301
302
 
302
303
  export type RangeInputTriggerProps = BaseInputTriggerProps & {
303
304
  value?: Date[];
@@ -28,8 +28,8 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
28
28
  var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
29
29
  var _excluded = ["Children", "forwardRef", "modifiers", "stretch"];
30
30
  /*__reshadow-styles__:"./style/dropdown.shadow.css"*/
31
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_19007_gg_{position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));color:var(--intergalactic-text-primary, #191b23)}" /*__inner_css_end__*/, "19007_gg_") /*__reshadow_css_end__*/, {
32
- "__SDropdownPopper": "___SDropdownPopper_19007_gg_"
31
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_1p1n7_gg_{position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));color:var(--intergalactic-text-primary, #191b23)}" /*__inner_css_end__*/, "1p1n7_gg_") /*__reshadow_css_end__*/, {
32
+ "__SDropdownPopper": "___SDropdownPopper_1p1n7_gg_"
33
33
  });
34
34
  var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
35
35
  var Dropdown = /*#__PURE__*/function (_Component) {
@@ -21,8 +21,8 @@ import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
21
21
  import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
22
22
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
23
23
  /*__reshadow-styles__:"./style/dropdown.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_19007_gg_{position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));color:var(--intergalactic-text-primary, #191b23)}" /*__inner_css_end__*/, "19007_gg_") /*__reshadow_css_end__*/, {
25
- "__SDropdownPopper": "___SDropdownPopper_19007_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_1p1n7_gg_{position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));color:var(--intergalactic-text-primary, #191b23)}" /*__inner_css_end__*/, "1p1n7_gg_") /*__reshadow_css_end__*/, {
25
+ "__SDropdownPopper": "___SDropdownPopper_1p1n7_gg_"
26
26
  });
27
27
  import { hasFocusableIn } from 'intergalactic/utils/lib/use/useFocusLock';
28
28
  var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
@@ -34,22 +34,22 @@ var _getFocusableIn = require("intergalactic/utils/lib/focus-lock/getFocusableIn
34
34
  var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
35
35
  var _excluded = ["className"];
36
36
  /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
37
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_z76f3_gg_,.___SDropdownMenuList_z76f3_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_z76f3_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_z76f3_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_z76f3_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_z76f3_gg_:focus{outline:0}.___SDropdownMenuItem_z76f3_gg_.__selected_z76f3_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownMenuItem_z76f3_gg_.__selected_z76f3_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_z76f3_gg_.__highlighted_z76f3_gg_:not(:focus-within){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_z76f3_gg_.__disabled_z76f3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_z76f3_gg_._size_l_z76f3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownMenuItem_z76f3_gg_._size_m_z76f3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownMenuItem_z76f3_gg_.__notInteractive_z76f3_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_z76f3_gg_.__notInteractive_z76f3_gg_:hover{background:0 0}}.___SDropdownMenuItem_z76f3_gg_._variant_hint_z76f3_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_z76f3_gg_._variant_hint_z76f3_gg_:hover{background:0 0}}.___SDropdownMenuItem_z76f3_gg_._variant_title_z76f3_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_z76f3_gg_._variant_title_z76f3_gg_:hover{background:0 0}}.___SDropdownMenuItem_z76f3_gg_.__visible_z76f3_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_z76f3_gg_.__nesting-trigger_z76f3_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_z76f3_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_z76f3_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_z76f3_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_z76f3_gg_,.___SDropdownMenuNesting_z76f3_gg_._size_l_z76f3_gg_,.___SDropdownMenuNesting_z76f3_gg_._size_m_z76f3_gg_{padding:0}.___SDropdownMenuNesting_z76f3_gg_.__highlighted_z76f3_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_z76f3_gg_._size_l_z76f3_gg_,.___SDropdownNestingItem_z76f3_gg_._size_m_z76f3_gg_{padding-right:0}.___SDropdownNestingItem_z76f3_gg_ .___SDropdownMenuItem_z76f3_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "z76f3_gg_") /*__reshadow_css_end__*/, {
38
- "__SDropdownMenuList": "___SDropdownMenuList_z76f3_gg_",
39
- "__SDropdownMenuItem": "___SDropdownMenuItem_z76f3_gg_",
40
- "_highlighted": "__highlighted_z76f3_gg_",
41
- "_disabled": "__disabled_z76f3_gg_",
42
- "_size_l": "_size_l_z76f3_gg_",
43
- "_size_m": "_size_m_z76f3_gg_",
44
- "_visible": "__visible_z76f3_gg_",
45
- "_nesting-trigger": "__nesting-trigger_z76f3_gg_",
46
- "__SDropdownMenuNesting": "___SDropdownMenuNesting_z76f3_gg_",
47
- "__SDropdownNestingItem": "___SDropdownNestingItem_z76f3_gg_",
48
- "_selected": "__selected_z76f3_gg_",
49
- "_notInteractive": "__notInteractive_z76f3_gg_",
50
- "_variant_hint": "_variant_hint_z76f3_gg_",
51
- "_variant_title": "_variant_title_z76f3_gg_",
52
- "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_z76f3_gg_"
37
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_rr9lh_gg_,.___SDropdownMenuList_rr9lh_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_rr9lh_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_rr9lh_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_rr9lh_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_rr9lh_gg_:focus{outline:0}.___SDropdownMenuItem_rr9lh_gg_.__selected_rr9lh_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownMenuItem_rr9lh_gg_.__selected_rr9lh_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_rr9lh_gg_.__highlighted_rr9lh_gg_:not(:focus-within){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_rr9lh_gg_.__disabled_rr9lh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_rr9lh_gg_._size_l_rr9lh_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownMenuItem_rr9lh_gg_._size_m_rr9lh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownMenuItem_rr9lh_gg_.__notInteractive_rr9lh_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_rr9lh_gg_.__notInteractive_rr9lh_gg_:hover{background:0 0}}.___SDropdownMenuItem_rr9lh_gg_._variant_hint_rr9lh_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_rr9lh_gg_._variant_hint_rr9lh_gg_:hover{background:0 0}}.___SDropdownMenuItem_rr9lh_gg_._variant_title_rr9lh_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_rr9lh_gg_._variant_title_rr9lh_gg_:hover{background:0 0}}.___SDropdownMenuItem_rr9lh_gg_.__visible_rr9lh_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_rr9lh_gg_.__nesting-trigger_rr9lh_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_rr9lh_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_rr9lh_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_rr9lh_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_rr9lh_gg_,.___SDropdownMenuNesting_rr9lh_gg_._size_l_rr9lh_gg_,.___SDropdownMenuNesting_rr9lh_gg_._size_m_rr9lh_gg_{padding:0}.___SDropdownMenuNesting_rr9lh_gg_.__highlighted_rr9lh_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_rr9lh_gg_._size_l_rr9lh_gg_,.___SDropdownNestingItem_rr9lh_gg_._size_m_rr9lh_gg_{padding-right:0}.___SDropdownNestingItem_rr9lh_gg_ .___SDropdownMenuItem_rr9lh_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "rr9lh_gg_") /*__reshadow_css_end__*/, {
38
+ "__SDropdownMenuList": "___SDropdownMenuList_rr9lh_gg_",
39
+ "__SDropdownMenuItem": "___SDropdownMenuItem_rr9lh_gg_",
40
+ "_highlighted": "__highlighted_rr9lh_gg_",
41
+ "_disabled": "__disabled_rr9lh_gg_",
42
+ "_size_l": "_size_l_rr9lh_gg_",
43
+ "_size_m": "_size_m_rr9lh_gg_",
44
+ "_visible": "__visible_rr9lh_gg_",
45
+ "_nesting-trigger": "__nesting-trigger_rr9lh_gg_",
46
+ "__SDropdownMenuNesting": "___SDropdownMenuNesting_rr9lh_gg_",
47
+ "__SDropdownNestingItem": "___SDropdownNestingItem_rr9lh_gg_",
48
+ "_selected": "__selected_rr9lh_gg_",
49
+ "_notInteractive": "__notInteractive_rr9lh_gg_",
50
+ "_variant_hint": "_variant_hint_rr9lh_gg_",
51
+ "_variant_title": "_variant_title_rr9lh_gg_",
52
+ "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_rr9lh_gg_"
53
53
  });
54
54
  var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
55
55
  (0, _inherits2["default"])(DropdownMenuRoot, _Component);
@@ -11,12 +11,12 @@ var _core = require("intergalactic/core");
11
11
  *
12
12
  * We will figure out what to do with it and remove it.
13
13
  * */
14
- var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_11uhx_gg_:after,.___SShadowHorizontal_11uhx_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_11uhx_gg_._position_median_11uhx_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_11uhx_gg_._position_median_11uhx_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_11uhx_gg_._position_start_11uhx_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_11uhx_gg_._position_end_11uhx_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_11uhx_gg_:after,.___SShadowVertical_11uhx_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_11uhx_gg_._position_median_11uhx_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_11uhx_gg_._position_median_11uhx_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_11uhx_gg_._position_start_11uhx_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_11uhx_gg_._position_end_11uhx_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}" /*__inner_css_end__*/, "11uhx_gg_") /*__reshadow_css_end__*/, {
15
- "__SShadowHorizontal": "___SShadowHorizontal_11uhx_gg_",
16
- "_position_median": "_position_median_11uhx_gg_",
17
- "_position_start": "_position_start_11uhx_gg_",
18
- "_position_end": "_position_end_11uhx_gg_",
19
- "__SShadowVertical": "___SShadowVertical_11uhx_gg_"
14
+ var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_taq7y_gg_:after,.___SShadowHorizontal_taq7y_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_taq7y_gg_._position_median_taq7y_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_taq7y_gg_._position_median_taq7y_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_taq7y_gg_._position_start_taq7y_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_taq7y_gg_._position_end_taq7y_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_taq7y_gg_:after,.___SShadowVertical_taq7y_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_taq7y_gg_._position_median_taq7y_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_taq7y_gg_._position_median_taq7y_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_taq7y_gg_._position_start_taq7y_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_taq7y_gg_._position_end_taq7y_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}" /*__inner_css_end__*/, "taq7y_gg_") /*__reshadow_css_end__*/, {
15
+ "__SShadowHorizontal": "___SShadowHorizontal_taq7y_gg_",
16
+ "_position_median": "_position_median_taq7y_gg_",
17
+ "_position_start": "_position_start_taq7y_gg_",
18
+ "_position_end": "_position_end_taq7y_gg_",
19
+ "__SShadowVertical": "___SShadowVertical_taq7y_gg_"
20
20
  });
21
21
  var _default = scrollStyles;
22
22
  exports["default"] = _default;
@@ -33,22 +33,22 @@ import { useFocusLock } from 'intergalactic/utils/lib/use/useFocusLock';
33
33
  import { hasParent } from 'intergalactic/utils/lib/hasParent';
34
34
  import scrollStyles from './styleScrollArea';
35
35
  /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
36
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_z76f3_gg_,.___SDropdownMenuList_z76f3_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_z76f3_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_z76f3_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_z76f3_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_z76f3_gg_:focus{outline:0}.___SDropdownMenuItem_z76f3_gg_.__selected_z76f3_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownMenuItem_z76f3_gg_.__selected_z76f3_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_z76f3_gg_.__highlighted_z76f3_gg_:not(:focus-within){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_z76f3_gg_.__disabled_z76f3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_z76f3_gg_._size_l_z76f3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownMenuItem_z76f3_gg_._size_m_z76f3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownMenuItem_z76f3_gg_.__notInteractive_z76f3_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_z76f3_gg_.__notInteractive_z76f3_gg_:hover{background:0 0}}.___SDropdownMenuItem_z76f3_gg_._variant_hint_z76f3_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_z76f3_gg_._variant_hint_z76f3_gg_:hover{background:0 0}}.___SDropdownMenuItem_z76f3_gg_._variant_title_z76f3_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_z76f3_gg_._variant_title_z76f3_gg_:hover{background:0 0}}.___SDropdownMenuItem_z76f3_gg_.__visible_z76f3_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_z76f3_gg_.__nesting-trigger_z76f3_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_z76f3_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_z76f3_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_z76f3_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_z76f3_gg_,.___SDropdownMenuNesting_z76f3_gg_._size_l_z76f3_gg_,.___SDropdownMenuNesting_z76f3_gg_._size_m_z76f3_gg_{padding:0}.___SDropdownMenuNesting_z76f3_gg_.__highlighted_z76f3_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_z76f3_gg_._size_l_z76f3_gg_,.___SDropdownNestingItem_z76f3_gg_._size_m_z76f3_gg_{padding-right:0}.___SDropdownNestingItem_z76f3_gg_ .___SDropdownMenuItem_z76f3_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "z76f3_gg_") /*__reshadow_css_end__*/, {
37
- "__SDropdownMenuList": "___SDropdownMenuList_z76f3_gg_",
38
- "__SDropdownMenuItem": "___SDropdownMenuItem_z76f3_gg_",
39
- "_highlighted": "__highlighted_z76f3_gg_",
40
- "_disabled": "__disabled_z76f3_gg_",
41
- "_size_l": "_size_l_z76f3_gg_",
42
- "_size_m": "_size_m_z76f3_gg_",
43
- "_visible": "__visible_z76f3_gg_",
44
- "_nesting-trigger": "__nesting-trigger_z76f3_gg_",
45
- "__SDropdownMenuNesting": "___SDropdownMenuNesting_z76f3_gg_",
46
- "__SDropdownNestingItem": "___SDropdownNestingItem_z76f3_gg_",
47
- "_selected": "__selected_z76f3_gg_",
48
- "_notInteractive": "__notInteractive_z76f3_gg_",
49
- "_variant_hint": "_variant_hint_z76f3_gg_",
50
- "_variant_title": "_variant_title_z76f3_gg_",
51
- "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_z76f3_gg_"
36
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_rr9lh_gg_,.___SDropdownMenuList_rr9lh_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_rr9lh_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_rr9lh_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_rr9lh_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_rr9lh_gg_:focus{outline:0}.___SDropdownMenuItem_rr9lh_gg_.__selected_rr9lh_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownMenuItem_rr9lh_gg_.__selected_rr9lh_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_rr9lh_gg_.__highlighted_rr9lh_gg_:not(:focus-within){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_rr9lh_gg_.__disabled_rr9lh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_rr9lh_gg_._size_l_rr9lh_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownMenuItem_rr9lh_gg_._size_m_rr9lh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownMenuItem_rr9lh_gg_.__notInteractive_rr9lh_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_rr9lh_gg_.__notInteractive_rr9lh_gg_:hover{background:0 0}}.___SDropdownMenuItem_rr9lh_gg_._variant_hint_rr9lh_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_rr9lh_gg_._variant_hint_rr9lh_gg_:hover{background:0 0}}.___SDropdownMenuItem_rr9lh_gg_._variant_title_rr9lh_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_rr9lh_gg_._variant_title_rr9lh_gg_:hover{background:0 0}}.___SDropdownMenuItem_rr9lh_gg_.__visible_rr9lh_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_rr9lh_gg_.__nesting-trigger_rr9lh_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_rr9lh_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_rr9lh_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_rr9lh_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_rr9lh_gg_,.___SDropdownMenuNesting_rr9lh_gg_._size_l_rr9lh_gg_,.___SDropdownMenuNesting_rr9lh_gg_._size_m_rr9lh_gg_{padding:0}.___SDropdownMenuNesting_rr9lh_gg_.__highlighted_rr9lh_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_rr9lh_gg_._size_l_rr9lh_gg_,.___SDropdownNestingItem_rr9lh_gg_._size_m_rr9lh_gg_{padding-right:0}.___SDropdownNestingItem_rr9lh_gg_ .___SDropdownMenuItem_rr9lh_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "rr9lh_gg_") /*__reshadow_css_end__*/, {
37
+ "__SDropdownMenuList": "___SDropdownMenuList_rr9lh_gg_",
38
+ "__SDropdownMenuItem": "___SDropdownMenuItem_rr9lh_gg_",
39
+ "_highlighted": "__highlighted_rr9lh_gg_",
40
+ "_disabled": "__disabled_rr9lh_gg_",
41
+ "_size_l": "_size_l_rr9lh_gg_",
42
+ "_size_m": "_size_m_rr9lh_gg_",
43
+ "_visible": "__visible_rr9lh_gg_",
44
+ "_nesting-trigger": "__nesting-trigger_rr9lh_gg_",
45
+ "__SDropdownMenuNesting": "___SDropdownMenuNesting_rr9lh_gg_",
46
+ "__SDropdownNestingItem": "___SDropdownNestingItem_rr9lh_gg_",
47
+ "_selected": "__selected_rr9lh_gg_",
48
+ "_notInteractive": "__notInteractive_rr9lh_gg_",
49
+ "_variant_hint": "_variant_hint_rr9lh_gg_",
50
+ "_variant_title": "_variant_title_rr9lh_gg_",
51
+ "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_rr9lh_gg_"
52
52
  });
53
53
  import { setFocus } from 'intergalactic/utils/lib/focus-lock/setFocus';
54
54
  import { isFocusInside } from 'intergalactic/utils/lib/focus-lock/isFocusInside';
@@ -5,12 +5,12 @@ import { sstyled as _sstyled } from 'intergalactic/core';
5
5
  *
6
6
  * We will figure out what to do with it and remove it.
7
7
  * */
8
- var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_11uhx_gg_:after,.___SShadowHorizontal_11uhx_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_11uhx_gg_._position_median_11uhx_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_11uhx_gg_._position_median_11uhx_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_11uhx_gg_._position_start_11uhx_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_11uhx_gg_._position_end_11uhx_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_11uhx_gg_:after,.___SShadowVertical_11uhx_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_11uhx_gg_._position_median_11uhx_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_11uhx_gg_._position_median_11uhx_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_11uhx_gg_._position_start_11uhx_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_11uhx_gg_._position_end_11uhx_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}" /*__inner_css_end__*/, "11uhx_gg_") /*__reshadow_css_end__*/, {
9
- "__SShadowHorizontal": "___SShadowHorizontal_11uhx_gg_",
10
- "_position_median": "_position_median_11uhx_gg_",
11
- "_position_start": "_position_start_11uhx_gg_",
12
- "_position_end": "_position_end_11uhx_gg_",
13
- "__SShadowVertical": "___SShadowVertical_11uhx_gg_"
8
+ var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_taq7y_gg_:after,.___SShadowHorizontal_taq7y_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_taq7y_gg_._position_median_taq7y_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_taq7y_gg_._position_median_taq7y_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_taq7y_gg_._position_start_taq7y_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_taq7y_gg_._position_end_taq7y_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_taq7y_gg_:after,.___SShadowVertical_taq7y_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_taq7y_gg_._position_median_taq7y_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_taq7y_gg_._position_median_taq7y_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_taq7y_gg_._position_start_taq7y_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_taq7y_gg_._position_end_taq7y_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}" /*__inner_css_end__*/, "taq7y_gg_") /*__reshadow_css_end__*/, {
9
+ "__SShadowHorizontal": "___SShadowHorizontal_taq7y_gg_",
10
+ "_position_median": "_position_median_taq7y_gg_",
11
+ "_position_start": "_position_start_taq7y_gg_",
12
+ "_position_end": "_position_end_taq7y_gg_",
13
+ "__SShadowVertical": "___SShadowVertical_taq7y_gg_"
14
14
  });
15
15
  export default scrollStyles;
16
16
  //# sourceMappingURL=styleScrollArea.js.map
@@ -26,17 +26,17 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
26
26
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
27
27
  var _excluded = ["styles", "forwardRef", "onVisibleChange", "modifiers"];
28
28
  /*__reshadow-styles__:"./style/feature-popover.shadow.css"*/
29
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_1m7ok{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_1m7ok{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_1m7ok_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STrigger_1m7ok_gg_{position:relative}.___SClose_1m7ok_gg_{position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);cursor:pointer;color:var(--intergalactic-text-primary, #191b23);font-size:0}.___SSpot_1m7ok_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_1m7ok;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_1m7ok_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_1m7ok;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s}.___SSpot_1m7ok_gg_::after,.___SSpot_1m7ok_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px;background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_1m7ok_gg_,.___SSpot_1m7ok_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "1m7ok_gg_") /*__reshadow_css_end__*/, {
30
- "__SFeaturePopover": "___SFeaturePopover_1m7ok_gg_",
31
- "__STrigger": "___STrigger_1m7ok_gg_",
32
- "__SClose": "___SClose_1m7ok_gg_",
33
- "@showTrigger": "showTrigger_1m7ok",
34
- "@scaleSizeAndHide": "scaleSizeAndHide_1m7ok",
35
- "__SSpot": "___SSpot_1m7ok_gg_"
29
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_1anu3{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_1anu3{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_1anu3_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STrigger_1anu3_gg_{position:relative}.___SClose_1anu3_gg_{position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);cursor:pointer;color:var(--intergalactic-text-primary, #191b23);font-size:0}.___SSpot_1anu3_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_1anu3;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_1anu3_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_1anu3;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s}.___SSpot_1anu3_gg_::after,.___SSpot_1anu3_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px;background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_1anu3_gg_,.___SSpot_1anu3_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "1anu3_gg_") /*__reshadow_css_end__*/, {
30
+ "__SFeaturePopover": "___SFeaturePopover_1anu3_gg_",
31
+ "__STrigger": "___STrigger_1anu3_gg_",
32
+ "__SClose": "___SClose_1anu3_gg_",
33
+ "@showTrigger": "showTrigger_1anu3",
34
+ "@scaleSizeAndHide": "scaleSizeAndHide_1anu3",
35
+ "__SSpot": "___SSpot_1anu3_gg_"
36
36
  });
37
- var stylePopper = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_qz0hg{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_qz0hg{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "qz0hg_gg_") /*__reshadow_css_end__*/, {
38
- "@enter": "enter_qz0hg",
39
- "@exit": "exit_qz0hg"
37
+ var stylePopper = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1946a{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_1946a{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "1946a_gg_") /*__reshadow_css_end__*/, {
38
+ "@enter": "enter_1946a",
39
+ "@exit": "exit_1946a"
40
40
  });
41
41
  var FeaturePopover = /*#__PURE__*/function (_Component) {
42
42
  (0, _inherits2["default"])(FeaturePopover, _Component);
@@ -22,17 +22,17 @@ import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
22
22
  import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
23
23
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
24
24
  /*__reshadow-styles__:"./style/feature-popover.shadow.css"*/
25
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_1m7ok{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_1m7ok{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_1m7ok_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STrigger_1m7ok_gg_{position:relative}.___SClose_1m7ok_gg_{position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);cursor:pointer;color:var(--intergalactic-text-primary, #191b23);font-size:0}.___SSpot_1m7ok_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_1m7ok;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_1m7ok_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_1m7ok;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s}.___SSpot_1m7ok_gg_::after,.___SSpot_1m7ok_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px;background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_1m7ok_gg_,.___SSpot_1m7ok_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "1m7ok_gg_") /*__reshadow_css_end__*/, {
26
- "__SFeaturePopover": "___SFeaturePopover_1m7ok_gg_",
27
- "__STrigger": "___STrigger_1m7ok_gg_",
28
- "__SClose": "___SClose_1m7ok_gg_",
29
- "@showTrigger": "showTrigger_1m7ok",
30
- "@scaleSizeAndHide": "scaleSizeAndHide_1m7ok",
31
- "__SSpot": "___SSpot_1m7ok_gg_"
25
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_1anu3{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_1anu3{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_1anu3_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STrigger_1anu3_gg_{position:relative}.___SClose_1anu3_gg_{position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);cursor:pointer;color:var(--intergalactic-text-primary, #191b23);font-size:0}.___SSpot_1anu3_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_1anu3;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_1anu3_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_1anu3;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s}.___SSpot_1anu3_gg_::after,.___SSpot_1anu3_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px;background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_1anu3_gg_,.___SSpot_1anu3_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "1anu3_gg_") /*__reshadow_css_end__*/, {
26
+ "__SFeaturePopover": "___SFeaturePopover_1anu3_gg_",
27
+ "__STrigger": "___STrigger_1anu3_gg_",
28
+ "__SClose": "___SClose_1anu3_gg_",
29
+ "@showTrigger": "showTrigger_1anu3",
30
+ "@scaleSizeAndHide": "scaleSizeAndHide_1anu3",
31
+ "__SSpot": "___SSpot_1anu3_gg_"
32
32
  });
33
- var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_qz0hg{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_qz0hg{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "qz0hg_gg_") /*__reshadow_css_end__*/, {
34
- "@enter": "enter_qz0hg",
35
- "@exit": "exit_qz0hg"
33
+ var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1946a{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_1946a{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "1946a_gg_") /*__reshadow_css_end__*/, {
34
+ "@enter": "enter_1946a",
35
+ "@exit": "exit_1946a"
36
36
  });
37
37
  var FeaturePopover = /*#__PURE__*/function (_Component) {
38
38
  _inherits(FeaturePopover, _Component);
@@ -26,24 +26,24 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
26
26
  var _input = _interopRequireDefault(require("intergalactic/input"));
27
27
  var _inputNumber = require("intergalactic/input-number");
28
28
  /*__reshadow-styles__:"./style/inline-input.shadow.css"*/
29
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInlineInput_17w7o_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_17w7o_gg_ .___SConfirmIcon_17w7o_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_17w7o_gg_ .___SConfirmIcon_17w7o_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_17w7o_gg_ .___SCancelIcon_17w7o_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_17w7o_gg_ .___SCancelIcon_17w7o_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_17w7o_gg_.__disabled_17w7o_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_17w7o_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_17w7o_gg_:focus{outline:0}.___SValue_17w7o_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_17w7o_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_17w7o_gg_.__disabled_17w7o_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_17w7o_gg_::-webkit-inner-spin-button,.___SValue_17w7o_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_17w7o_gg_._type_number_17w7o_gg_{-moz-appearance:textfield}.___SUnderline_17w7o_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_17w7o_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_17w7o_gg_.__disabled_17w7o_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_17w7o_gg_.__focused_17w7o_gg_{z-index:1}.___SInlineInput_17w7o_gg_.__focused_17w7o_gg_ .___SUnderline_17w7o_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_17w7o_gg_._state_valid_17w7o_gg_ .___SUnderline_17w7o_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_17w7o_gg_._state_valid_17w7o_gg_.__focused_17w7o_gg_ .___SUnderline_17w7o_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_17w7o_gg_._state_invalid_17w7o_gg_ .___SUnderline_17w7o_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_17w7o_gg_._state_invalid_17w7o_gg_.__focused_17w7o_gg_ .___SUnderline_17w7o_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_17w7o_gg_:focus~.___SControls_17w7o_gg_{display:flex}.___SControls_17w7o_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_17w7o_gg_.__showControls_17w7o_gg_{display:flex}.___SDown_17w7o_gg_,.___SUp_17w7o_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_17w7o_gg_:focus,.___SUp_17w7o_gg_:focus{outline:0}@media (hover:hover){.___SDown_17w7o_gg_:hover,.___SUp_17w7o_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_17w7o_gg_{padding-bottom:1px}.___SDown_17w7o_gg_{padding-top:1px}.___SValue_17w7o_gg_.__disabled_17w7o_gg_~.___SControls_17w7o_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_17w7o_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}.___SInvalidPattern_17w7o_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "17w7o_gg_") /*__reshadow_css_end__*/, {
30
- "__SInlineInput": "___SInlineInput_17w7o_gg_",
31
- "_disabled": "__disabled_17w7o_gg_",
32
- "__SUnderline": "___SUnderline_17w7o_gg_",
33
- "__SAddon": "___SAddon_17w7o_gg_",
34
- "_focused": "__focused_17w7o_gg_",
35
- "_state_valid": "_state_valid_17w7o_gg_",
36
- "_state_invalid": "_state_invalid_17w7o_gg_",
37
- "__SValue": "___SValue_17w7o_gg_",
38
- "__SControls": "___SControls_17w7o_gg_",
39
- "_showControls": "__showControls_17w7o_gg_",
40
- "__SUp": "___SUp_17w7o_gg_",
41
- "__SDown": "___SDown_17w7o_gg_",
42
- "__SValueHidden": "___SValueHidden_17w7o_gg_",
43
- "__SInvalidPattern": "___SInvalidPattern_17w7o_gg_",
44
- "__SConfirmIcon": "___SConfirmIcon_17w7o_gg_",
45
- "__SCancelIcon": "___SCancelIcon_17w7o_gg_",
46
- "_type_number": "_type_number_17w7o_gg_"
29
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInlineInput_i9veb_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_i9veb_gg_ .___SConfirmIcon_i9veb_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_i9veb_gg_ .___SConfirmIcon_i9veb_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_i9veb_gg_ .___SCancelIcon_i9veb_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_i9veb_gg_ .___SCancelIcon_i9veb_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_i9veb_gg_.__disabled_i9veb_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_i9veb_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_i9veb_gg_:focus{outline:0}.___SValue_i9veb_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_i9veb_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_i9veb_gg_.__disabled_i9veb_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_i9veb_gg_::-webkit-inner-spin-button,.___SValue_i9veb_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_i9veb_gg_._type_number_i9veb_gg_{-moz-appearance:textfield}.___SUnderline_i9veb_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_i9veb_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_i9veb_gg_.__disabled_i9veb_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_i9veb_gg_.__focused_i9veb_gg_{z-index:1}.___SInlineInput_i9veb_gg_.__focused_i9veb_gg_ .___SUnderline_i9veb_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_i9veb_gg_._state_valid_i9veb_gg_ .___SUnderline_i9veb_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_i9veb_gg_._state_valid_i9veb_gg_.__focused_i9veb_gg_ .___SUnderline_i9veb_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_i9veb_gg_._state_invalid_i9veb_gg_ .___SUnderline_i9veb_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_i9veb_gg_._state_invalid_i9veb_gg_.__focused_i9veb_gg_ .___SUnderline_i9veb_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_i9veb_gg_:focus~.___SControls_i9veb_gg_{display:flex}.___SControls_i9veb_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_i9veb_gg_.__showControls_i9veb_gg_{display:flex}.___SDown_i9veb_gg_,.___SUp_i9veb_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_i9veb_gg_:focus,.___SUp_i9veb_gg_:focus{outline:0}@media (hover:hover){.___SDown_i9veb_gg_:hover,.___SUp_i9veb_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_i9veb_gg_{padding-bottom:1px}.___SDown_i9veb_gg_{padding-top:1px}.___SValue_i9veb_gg_.__disabled_i9veb_gg_~.___SControls_i9veb_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_i9veb_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}.___SInvalidPattern_i9veb_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "i9veb_gg_") /*__reshadow_css_end__*/, {
30
+ "__SInlineInput": "___SInlineInput_i9veb_gg_",
31
+ "_disabled": "__disabled_i9veb_gg_",
32
+ "__SUnderline": "___SUnderline_i9veb_gg_",
33
+ "__SAddon": "___SAddon_i9veb_gg_",
34
+ "_focused": "__focused_i9veb_gg_",
35
+ "_state_valid": "_state_valid_i9veb_gg_",
36
+ "_state_invalid": "_state_invalid_i9veb_gg_",
37
+ "__SValue": "___SValue_i9veb_gg_",
38
+ "__SControls": "___SControls_i9veb_gg_",
39
+ "_showControls": "__showControls_i9veb_gg_",
40
+ "__SUp": "___SUp_i9veb_gg_",
41
+ "__SDown": "___SDown_i9veb_gg_",
42
+ "__SValueHidden": "___SValueHidden_i9veb_gg_",
43
+ "__SInvalidPattern": "___SInvalidPattern_i9veb_gg_",
44
+ "__SConfirmIcon": "___SConfirmIcon_i9veb_gg_",
45
+ "__SCancelIcon": "___SCancelIcon_i9veb_gg_",
46
+ "_type_number": "_type_number_i9veb_gg_"
47
47
  });
48
48
  var pointInsideOfRect = function pointInsideOfRect(_ref17) {
49
49
  var x = _ref17.x,
@@ -21,24 +21,24 @@ import { Box, InvalidStateBox } from 'intergalactic/flex-box';
21
21
  import autoFocusEnhance from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
22
22
  import Tooltip from 'intergalactic/tooltip';
23
23
  /*__reshadow-styles__:"./style/inline-input.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineInput_17w7o_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_17w7o_gg_ .___SConfirmIcon_17w7o_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_17w7o_gg_ .___SConfirmIcon_17w7o_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_17w7o_gg_ .___SCancelIcon_17w7o_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_17w7o_gg_ .___SCancelIcon_17w7o_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_17w7o_gg_.__disabled_17w7o_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_17w7o_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_17w7o_gg_:focus{outline:0}.___SValue_17w7o_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_17w7o_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_17w7o_gg_.__disabled_17w7o_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_17w7o_gg_::-webkit-inner-spin-button,.___SValue_17w7o_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_17w7o_gg_._type_number_17w7o_gg_{-moz-appearance:textfield}.___SUnderline_17w7o_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_17w7o_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_17w7o_gg_.__disabled_17w7o_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_17w7o_gg_.__focused_17w7o_gg_{z-index:1}.___SInlineInput_17w7o_gg_.__focused_17w7o_gg_ .___SUnderline_17w7o_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_17w7o_gg_._state_valid_17w7o_gg_ .___SUnderline_17w7o_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_17w7o_gg_._state_valid_17w7o_gg_.__focused_17w7o_gg_ .___SUnderline_17w7o_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_17w7o_gg_._state_invalid_17w7o_gg_ .___SUnderline_17w7o_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_17w7o_gg_._state_invalid_17w7o_gg_.__focused_17w7o_gg_ .___SUnderline_17w7o_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_17w7o_gg_:focus~.___SControls_17w7o_gg_{display:flex}.___SControls_17w7o_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_17w7o_gg_.__showControls_17w7o_gg_{display:flex}.___SDown_17w7o_gg_,.___SUp_17w7o_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_17w7o_gg_:focus,.___SUp_17w7o_gg_:focus{outline:0}@media (hover:hover){.___SDown_17w7o_gg_:hover,.___SUp_17w7o_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_17w7o_gg_{padding-bottom:1px}.___SDown_17w7o_gg_{padding-top:1px}.___SValue_17w7o_gg_.__disabled_17w7o_gg_~.___SControls_17w7o_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_17w7o_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}.___SInvalidPattern_17w7o_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "17w7o_gg_") /*__reshadow_css_end__*/, {
25
- "__SInlineInput": "___SInlineInput_17w7o_gg_",
26
- "_disabled": "__disabled_17w7o_gg_",
27
- "__SUnderline": "___SUnderline_17w7o_gg_",
28
- "__SAddon": "___SAddon_17w7o_gg_",
29
- "_focused": "__focused_17w7o_gg_",
30
- "_state_valid": "_state_valid_17w7o_gg_",
31
- "_state_invalid": "_state_invalid_17w7o_gg_",
32
- "__SValue": "___SValue_17w7o_gg_",
33
- "__SControls": "___SControls_17w7o_gg_",
34
- "_showControls": "__showControls_17w7o_gg_",
35
- "__SUp": "___SUp_17w7o_gg_",
36
- "__SDown": "___SDown_17w7o_gg_",
37
- "__SValueHidden": "___SValueHidden_17w7o_gg_",
38
- "__SInvalidPattern": "___SInvalidPattern_17w7o_gg_",
39
- "__SConfirmIcon": "___SConfirmIcon_17w7o_gg_",
40
- "__SCancelIcon": "___SCancelIcon_17w7o_gg_",
41
- "_type_number": "_type_number_17w7o_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineInput_i9veb_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_i9veb_gg_ .___SConfirmIcon_i9veb_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_i9veb_gg_ .___SConfirmIcon_i9veb_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_i9veb_gg_ .___SCancelIcon_i9veb_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_i9veb_gg_ .___SCancelIcon_i9veb_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_i9veb_gg_.__disabled_i9veb_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_i9veb_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_i9veb_gg_:focus{outline:0}.___SValue_i9veb_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_i9veb_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_i9veb_gg_.__disabled_i9veb_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_i9veb_gg_::-webkit-inner-spin-button,.___SValue_i9veb_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_i9veb_gg_._type_number_i9veb_gg_{-moz-appearance:textfield}.___SUnderline_i9veb_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_i9veb_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_i9veb_gg_.__disabled_i9veb_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_i9veb_gg_.__focused_i9veb_gg_{z-index:1}.___SInlineInput_i9veb_gg_.__focused_i9veb_gg_ .___SUnderline_i9veb_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_i9veb_gg_._state_valid_i9veb_gg_ .___SUnderline_i9veb_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_i9veb_gg_._state_valid_i9veb_gg_.__focused_i9veb_gg_ .___SUnderline_i9veb_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_i9veb_gg_._state_invalid_i9veb_gg_ .___SUnderline_i9veb_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_i9veb_gg_._state_invalid_i9veb_gg_.__focused_i9veb_gg_ .___SUnderline_i9veb_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_i9veb_gg_:focus~.___SControls_i9veb_gg_{display:flex}.___SControls_i9veb_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_i9veb_gg_.__showControls_i9veb_gg_{display:flex}.___SDown_i9veb_gg_,.___SUp_i9veb_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_i9veb_gg_:focus,.___SUp_i9veb_gg_:focus{outline:0}@media (hover:hover){.___SDown_i9veb_gg_:hover,.___SUp_i9veb_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_i9veb_gg_{padding-bottom:1px}.___SDown_i9veb_gg_{padding-top:1px}.___SValue_i9veb_gg_.__disabled_i9veb_gg_~.___SControls_i9veb_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_i9veb_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}.___SInvalidPattern_i9veb_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "i9veb_gg_") /*__reshadow_css_end__*/, {
25
+ "__SInlineInput": "___SInlineInput_i9veb_gg_",
26
+ "_disabled": "__disabled_i9veb_gg_",
27
+ "__SUnderline": "___SUnderline_i9veb_gg_",
28
+ "__SAddon": "___SAddon_i9veb_gg_",
29
+ "_focused": "__focused_i9veb_gg_",
30
+ "_state_valid": "_state_valid_i9veb_gg_",
31
+ "_state_invalid": "_state_invalid_i9veb_gg_",
32
+ "__SValue": "___SValue_i9veb_gg_",
33
+ "__SControls": "___SControls_i9veb_gg_",
34
+ "_showControls": "__showControls_i9veb_gg_",
35
+ "__SUp": "___SUp_i9veb_gg_",
36
+ "__SDown": "___SDown_i9veb_gg_",
37
+ "__SValueHidden": "___SValueHidden_i9veb_gg_",
38
+ "__SInvalidPattern": "___SInvalidPattern_i9veb_gg_",
39
+ "__SConfirmIcon": "___SConfirmIcon_i9veb_gg_",
40
+ "__SCancelIcon": "___SCancelIcon_i9veb_gg_",
41
+ "_type_number": "_type_number_i9veb_gg_"
42
42
  });
43
43
  import CheckM from 'intergalactic/icon/Check/m';
44
44
  import CloseM from 'intergalactic/icon/Close/m';
package/input/index.d.ts CHANGED
@@ -45,7 +45,7 @@ export type InputValueProps = BoxProps &
45
45
  */
46
46
  onChange?: (value: string, event: React.SyntheticEvent<HTMLInputElement>) => void;
47
47
  /**
48
- * Sets the input to the disabled state
48
+ * @deprecated Set `disabled` on `Input` instead.
49
49
  * */
50
50
  disabled?: boolean;
51
51
  /**