intergalactic 15.58.1 → 15.59.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 (105) hide show
  1. package/CHANGELOG.md +55 -0
  2. package/carousel/lib/cjs/Carousel.js +2 -2
  3. package/carousel/lib/cjs/Carousel.js.map +1 -1
  4. package/carousel/lib/es6/Carousel.js +2 -2
  5. package/carousel/lib/es6/Carousel.js.map +1 -1
  6. package/color-picker/lib/cjs/ColorPicker.js +2 -1
  7. package/color-picker/lib/cjs/ColorPicker.js.map +1 -1
  8. package/color-picker/lib/es6/ColorPicker.js +2 -1
  9. package/color-picker/lib/es6/ColorPicker.js.map +1 -1
  10. package/components.json +32 -32
  11. package/d3-chart/lib/cjs/Area.js +11 -11
  12. package/d3-chart/lib/cjs/Axis.js +14 -14
  13. package/d3-chart/lib/cjs/Bar.js +10 -10
  14. package/d3-chart/lib/cjs/Bubble.js +12 -12
  15. package/d3-chart/lib/cjs/Donut.js +9 -9
  16. package/d3-chart/lib/cjs/Dots.js +8 -8
  17. package/d3-chart/lib/cjs/HorizontalBar.js +10 -10
  18. package/d3-chart/lib/cjs/Hover.js +3 -3
  19. package/d3-chart/lib/cjs/Line.js +9 -9
  20. package/d3-chart/lib/cjs/Plot.js +3 -3
  21. package/d3-chart/lib/cjs/Radar.js +19 -19
  22. package/d3-chart/lib/cjs/RadialTree.js +11 -11
  23. package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
  24. package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
  25. package/d3-chart/lib/cjs/Tooltip.js +9 -9
  26. package/d3-chart/lib/cjs/Venn.js +9 -9
  27. package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
  28. package/d3-chart/lib/cjs/a11y/PlotA11yView.js +6 -4
  29. package/d3-chart/lib/cjs/a11y/PlotA11yView.js.map +1 -1
  30. package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  31. package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  32. package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  33. package/d3-chart/lib/es6/Area.js +11 -11
  34. package/d3-chart/lib/es6/Axis.js +14 -14
  35. package/d3-chart/lib/es6/Bar.js +10 -10
  36. package/d3-chart/lib/es6/Bubble.js +12 -12
  37. package/d3-chart/lib/es6/Donut.js +9 -9
  38. package/d3-chart/lib/es6/Dots.js +8 -8
  39. package/d3-chart/lib/es6/HorizontalBar.js +10 -10
  40. package/d3-chart/lib/es6/Hover.js +3 -3
  41. package/d3-chart/lib/es6/Line.js +9 -9
  42. package/d3-chart/lib/es6/Plot.js +3 -3
  43. package/d3-chart/lib/es6/Radar.js +19 -19
  44. package/d3-chart/lib/es6/RadialTree.js +11 -11
  45. package/d3-chart/lib/es6/ReferenceLine.js +9 -9
  46. package/d3-chart/lib/es6/ScatterPlot.js +9 -9
  47. package/d3-chart/lib/es6/Tooltip.js +9 -9
  48. package/d3-chart/lib/es6/Venn.js +9 -9
  49. package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
  50. package/d3-chart/lib/es6/a11y/PlotA11yView.js +6 -4
  51. package/d3-chart/lib/es6/a11y/PlotA11yView.js.map +1 -1
  52. package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  53. package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  54. package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  55. package/data-table/lib/cjs/Head.js +2 -1
  56. package/data-table/lib/cjs/Head.js.map +1 -1
  57. package/data-table/lib/es6/Head.js +2 -1
  58. package/data-table/lib/es6/Head.js.map +1 -1
  59. package/icon/lib/cjs/Icon.js +3 -3
  60. package/icon/lib/cjs/Icon.js.map +1 -1
  61. package/icon/lib/es6/Icon.js +3 -3
  62. package/icon/lib/es6/Icon.js.map +1 -1
  63. package/inline-edit/lib/cjs/InlineEdit.js +4 -4
  64. package/inline-edit/lib/cjs/InlineEdit.js.map +1 -1
  65. package/inline-edit/lib/es6/InlineEdit.js +4 -4
  66. package/inline-edit/lib/es6/InlineEdit.js.map +1 -1
  67. package/inline-input/lib/cjs/InlineInput.js +4 -4
  68. package/inline-input/lib/cjs/InlineInput.js.map +1 -1
  69. package/inline-input/lib/es6/InlineInput.js +4 -4
  70. package/inline-input/lib/es6/InlineInput.js.map +1 -1
  71. package/input-tags/lib/cjs/InputTags.js +3 -3
  72. package/input-tags/lib/cjs/InputTags.js.map +1 -1
  73. package/input-tags/lib/es6/InputTags.js +3 -3
  74. package/input-tags/lib/es6/InputTags.js.map +1 -1
  75. package/package.json +1 -1
  76. package/pills/lib/cjs/Pills.js +2 -1
  77. package/pills/lib/cjs/Pills.js.map +1 -1
  78. package/pills/lib/es6/Pills.js +2 -1
  79. package/pills/lib/es6/Pills.js.map +1 -1
  80. package/switch/lib/cjs/Switch.js +5 -2
  81. package/switch/lib/cjs/Switch.js.map +1 -1
  82. package/switch/lib/es6/Switch.js +5 -2
  83. package/switch/lib/es6/Switch.js.map +1 -1
  84. package/tab-panel/lib/cjs/TabPanel.js +2 -1
  85. package/tab-panel/lib/cjs/TabPanel.js.map +1 -1
  86. package/tab-panel/lib/es6/TabPanel.js +2 -1
  87. package/tab-panel/lib/es6/TabPanel.js.map +1 -1
  88. package/tag/lib/cjs/Tag.js +4 -3
  89. package/tag/lib/cjs/Tag.js.map +1 -1
  90. package/tag/lib/es6/Tag.js +4 -3
  91. package/tag/lib/es6/Tag.js.map +1 -1
  92. package/tooltip/index.d.ts +4 -1
  93. package/tooltip/lib/cjs/Tooltip.js +14 -9
  94. package/tooltip/lib/cjs/Tooltip.js.map +1 -1
  95. package/tooltip/lib/cjs/index.d.js.map +1 -1
  96. package/tooltip/lib/cjs/style/tooltip.shadow.css +4 -0
  97. package/tooltip/lib/es6/Tooltip.js +14 -9
  98. package/tooltip/lib/es6/Tooltip.js.map +1 -1
  99. package/tooltip/lib/es6/index.d.js.map +1 -1
  100. package/tooltip/lib/es6/style/tooltip.shadow.css +4 -0
  101. package/tooltip/lib/types/index.d.ts +4 -1
  102. package/wizard/lib/cjs/Wizard.js +2 -1
  103. package/wizard/lib/cjs/Wizard.js.map +1 -1
  104. package/wizard/lib/es6/Wizard.js +2 -1
  105. package/wizard/lib/es6/Wizard.js.map +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"ColorPicker.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_dropdown","_flexBox","_m","_keyboardFocusEnhance","_PaletteManager","_components","_intergalacticDynamicLocales","_i18nEnhance","style","sstyled","insert","defaultColors","exports","ColorPickerRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","event","handlers","visible","preventDefault","_createClass2","key","uncontrolledProps","getTriggerProps","_this$asProps","asProps","getI18nText","popperVisible","getColorsProps","_this$asProps2","colors","getInputColorProps","getItemProps","props","_this2","_this$asProps3","displayLabel","isSelected","onClick","bindHandlerItemClick","onKeyDown","selected","getPopperProps","render","_ref","_ref5","_this$asProps4","styles","Children","createElement","Dropdown","assignProps","cn","Component","i18nEnhance","localizedMessages","defaultVisible","defaultValue","i18n","locale","children","Fragment","ColorPicker","Trigger","Popper","_ref2","arguments[0]","label","React","useMemo","currentColor","color","DefaultTrigger","enhance","keyboardFocusEnhance","forwardRef","ref","_ref3","_ref6","SDefaultTrigger","Box","STriggerCircle","STriggerCircleLine","_objectSpread2","_ref4","_ref7","SColorPickerPopper","Colors","createComponent","Item","PaletteManager","PaletteManagerRoot","ColorsCustom","InputColor","_default"],"sources":["../../src/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport ChevronDownM from '@semcore/icon/ChevronDown/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport PaletteManagerRoot from './PaletteManager';\nimport { Item, Colors, ColorsCustom, InputColor } from './components';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/color-picker.shadow.css';\n\nconst defaultColors = [\n null,\n '#2BB3FF',\n '#8649E1',\n '#C695FF',\n '#F67CF2',\n '#FFA9FA',\n '#FF8786',\n '#FF8C43',\n '#FDC23C',\n '#66C030',\n '#9BD85D',\n '#C7EE96',\n];\n\ntype RootAsProps = {\n defaultVisible?: boolean;\n visible?: boolean;\n defaultValue?: string;\n value?: string;\n onChange?: (value: string, event: React.ChangeEvent) => void;\n colors?: string[];\n onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n displayLabel?: boolean;\n styles?: React.CSSProperties;\n Children: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype TriggerAsProps = {\n styles?: React.CSSProperties;\n value?: string;\n popperVisible: boolean;\n Children: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype PopperAsProps = {\n styles?: React.CSSProperties;\n Children: React.FC;\n children?: React.ReactNode;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype ItemAsProps = {\n value: string;\n};\n\nclass ColorPickerRoot extends Component<RootAsProps> {\n static displayName = 'ColorPicker';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n\n static defaultProps = () => ({\n defaultVisible: false,\n defaultValue: null,\n colors: defaultColors,\n i18n: localizedMessages,\n locale: 'en',\n children: (\n <>\n <ColorPicker.Trigger />\n <ColorPicker.Popper />\n </>\n ),\n });\n\n uncontrolledProps() {\n return {\n value: null,\n visible: false,\n };\n }\n\n bindHandlerItemClick = (value: string) => (event: React.MouseEvent | React.KeyboardEvent) => {\n this.handlers.value(value, event);\n this.handlers.visible(false, event);\n event.preventDefault();\n };\n\n getTriggerProps() {\n const { value, visible, getI18nText } = this.asProps;\n\n return {\n value,\n popperVisible: visible,\n getI18nText,\n };\n }\n\n getColorsProps() {\n const { colors, getI18nText } = this.asProps;\n\n return {\n colors,\n getI18nText,\n };\n }\n\n getInputColorProps() {\n const { getI18nText } = this.asProps;\n\n return {\n getI18nText,\n };\n }\n getItemProps(props: ItemAsProps) {\n const { value, displayLabel, getI18nText } = this.asProps;\n const isSelected = value === props.value;\n\n return {\n displayLabel,\n onClick: this.bindHandlerItemClick(props.value),\n onKeyDown: (event: React.KeyboardEvent) => {\n if (event.key === 'Enter' || event.key === 'Space') {\n this.bindHandlerItemClick(props.value)(event);\n }\n },\n selected: isSelected,\n getI18nText,\n };\n }\n\n getPopperProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <Root render={Dropdown} stretch={false}>\n <Children />\n </Root>,\n );\n }\n}\n\nexport function Trigger(props: TriggerAsProps) {\n const { Children, value, popperVisible, getI18nText } = props;\n const label = React.useMemo(() => {\n const currentColor = value\n ? getI18nText('currentColor', { color: value })\n : getI18nText('emptyColor');\n if (popperVisible) {\n return getI18nText('goToPaletteHint', { currentColor });\n }\n return currentColor;\n }, [value, popperVisible]);\n\n return (\n <Root render={Dropdown.Trigger} tag={DefaultTrigger} aria-label={label}>\n <Children />\n </Root>\n );\n}\n\nTrigger.enhance = [keyboardFocusEnhance()];\n\nconst DefaultTrigger = React.forwardRef(function (props: TriggerAsProps, ref) {\n const { styles, value } = props;\n const SDefaultTrigger = Root;\n const STriggerCircle = Box;\n const STriggerCircleLine = 'svg';\n\n return sstyled(styles)(\n <SDefaultTrigger render={Box} ref={ref}>\n <STriggerCircle data-value={value}>\n {!value && (\n <STriggerCircleLine\n width='10'\n height='10'\n viewBox='0 0 10 10'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <rect\n width='1'\n height='14'\n transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 10 1)'\n fill='#E0E1E9'\n />\n </STriggerCircleLine>\n )}\n </STriggerCircle>\n <ChevronDownM color='gray-800' />\n </SDefaultTrigger>,\n ) as React.ReactElement;\n});\n\nexport function Popper(props: PopperAsProps) {\n const { styles, Children, getI18nText, children } = props;\n const SColorPickerPopper = Root;\n\n return sstyled(styles)(\n <SColorPickerPopper render={Dropdown.Popper} aria-label={getI18nText('palette')}>\n {children ? <Children /> : <ColorPicker.Colors getI18nText={props.getI18nText} />}\n </SColorPickerPopper>,\n );\n}\n\nconst ColorPicker = createComponent(ColorPickerRoot, {\n Trigger,\n Popper,\n Item,\n Colors,\n}) as any;\n\nconst PaletteManager = createComponent(PaletteManagerRoot, {\n Item: ColorPicker.Item,\n Colors: ColorsCustom,\n InputColor,\n}) as any;\n\nexport { PaletteManager, defaultColors };\nexport default ColorPicker;\n"],"mappings":"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"}
1
+ {"version":3,"file":"ColorPicker.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_dropdown","_flexBox","_m","_keyboardFocusEnhance","_PaletteManager","_components","_intergalacticDynamicLocales","_i18nEnhance","style","sstyled","insert","defaultColors","exports","ColorPickerRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","event","handlers","visible","preventDefault","_createClass2","key","uncontrolledProps","getTriggerProps","_this$asProps","asProps","getI18nText","popperVisible","getColorsProps","_this$asProps2","colors","getInputColorProps","getItemProps","props","_this2","_this$asProps3","displayLabel","isSelected","onClick","bindHandlerItemClick","onKeyDown","code","selected","getPopperProps","render","_ref","_ref5","_this$asProps4","styles","Children","createElement","Dropdown","assignProps","cn","Component","i18nEnhance","localizedMessages","defaultVisible","defaultValue","i18n","locale","children","Fragment","ColorPicker","Trigger","Popper","_ref2","arguments[0]","label","React","useMemo","currentColor","color","DefaultTrigger","enhance","keyboardFocusEnhance","forwardRef","ref","_ref3","_ref6","SDefaultTrigger","Box","STriggerCircle","STriggerCircleLine","_objectSpread2","_ref4","_ref7","SColorPickerPopper","Colors","createComponent","Item","PaletteManager","PaletteManagerRoot","ColorsCustom","InputColor","_default"],"sources":["../../src/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport ChevronDownM from '@semcore/icon/ChevronDown/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport PaletteManagerRoot from './PaletteManager';\nimport { Item, Colors, ColorsCustom, InputColor } from './components';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/color-picker.shadow.css';\n\nconst defaultColors = [\n null,\n '#2BB3FF',\n '#8649E1',\n '#C695FF',\n '#F67CF2',\n '#FFA9FA',\n '#FF8786',\n '#FF8C43',\n '#FDC23C',\n '#66C030',\n '#9BD85D',\n '#C7EE96',\n];\n\ntype RootAsProps = {\n defaultVisible?: boolean;\n visible?: boolean;\n defaultValue?: string;\n value?: string;\n onChange?: (value: string, event: React.ChangeEvent) => void;\n colors?: string[];\n onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n displayLabel?: boolean;\n styles?: React.CSSProperties;\n Children: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype TriggerAsProps = {\n styles?: React.CSSProperties;\n value?: string;\n popperVisible: boolean;\n Children: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype PopperAsProps = {\n styles?: React.CSSProperties;\n Children: React.FC;\n children?: React.ReactNode;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype ItemAsProps = {\n value: string;\n};\n\nclass ColorPickerRoot extends Component<RootAsProps> {\n static displayName = 'ColorPicker';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n\n static defaultProps = () => ({\n defaultVisible: false,\n defaultValue: null,\n colors: defaultColors,\n i18n: localizedMessages,\n locale: 'en',\n children: (\n <>\n <ColorPicker.Trigger />\n <ColorPicker.Popper />\n </>\n ),\n });\n\n uncontrolledProps() {\n return {\n value: null,\n visible: false,\n };\n }\n\n bindHandlerItemClick = (value: string) => (event: React.MouseEvent | React.KeyboardEvent) => {\n this.handlers.value(value, event);\n this.handlers.visible(false, event);\n event.preventDefault();\n };\n\n getTriggerProps() {\n const { value, visible, getI18nText } = this.asProps;\n\n return {\n value,\n popperVisible: visible,\n getI18nText,\n };\n }\n\n getColorsProps() {\n const { colors, getI18nText } = this.asProps;\n\n return {\n colors,\n getI18nText,\n };\n }\n\n getInputColorProps() {\n const { getI18nText } = this.asProps;\n\n return {\n getI18nText,\n };\n }\n getItemProps(props: ItemAsProps) {\n const { value, displayLabel, getI18nText } = this.asProps;\n const isSelected = value === props.value;\n\n return {\n displayLabel,\n onClick: this.bindHandlerItemClick(props.value),\n onKeyDown: (event: React.KeyboardEvent) => {\n if (event.code === 'Enter' || event.code === 'Space') {\n event.preventDefault();\n this.bindHandlerItemClick(props.value)(event);\n }\n },\n selected: isSelected,\n getI18nText,\n };\n }\n\n getPopperProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <Root render={Dropdown} stretch={false}>\n <Children />\n </Root>,\n );\n }\n}\n\nexport function Trigger(props: TriggerAsProps) {\n const { Children, value, popperVisible, getI18nText } = props;\n const label = React.useMemo(() => {\n const currentColor = value\n ? getI18nText('currentColor', { color: value })\n : getI18nText('emptyColor');\n if (popperVisible) {\n return getI18nText('goToPaletteHint', { currentColor });\n }\n return currentColor;\n }, [value, popperVisible]);\n\n return (\n <Root render={Dropdown.Trigger} tag={DefaultTrigger} aria-label={label}>\n <Children />\n </Root>\n );\n}\n\nTrigger.enhance = [keyboardFocusEnhance()];\n\nconst DefaultTrigger = React.forwardRef(function (props: TriggerAsProps, ref) {\n const { styles, value } = props;\n const SDefaultTrigger = Root;\n const STriggerCircle = Box;\n const STriggerCircleLine = 'svg';\n\n return sstyled(styles)(\n <SDefaultTrigger render={Box} ref={ref}>\n <STriggerCircle data-value={value}>\n {!value && (\n <STriggerCircleLine\n width='10'\n height='10'\n viewBox='0 0 10 10'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <rect\n width='1'\n height='14'\n transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 10 1)'\n fill='#E0E1E9'\n />\n </STriggerCircleLine>\n )}\n </STriggerCircle>\n <ChevronDownM color='gray-800' />\n </SDefaultTrigger>,\n ) as React.ReactElement;\n});\n\nexport function Popper(props: PopperAsProps) {\n const { styles, Children, getI18nText, children } = props;\n const SColorPickerPopper = Root;\n\n return sstyled(styles)(\n <SColorPickerPopper render={Dropdown.Popper} aria-label={getI18nText('palette')}>\n {children ? <Children /> : <ColorPicker.Colors getI18nText={props.getI18nText} />}\n </SColorPickerPopper>,\n );\n}\n\nconst ColorPicker = createComponent(ColorPickerRoot, {\n Trigger,\n Popper,\n Item,\n Colors,\n}) as any;\n\nconst PaletteManager = createComponent(PaletteManagerRoot, {\n Item: ColorPicker.Item,\n Colors: ColorsCustom,\n InputColor,\n}) as any;\n\nexport { PaletteManager, defaultColors };\nexport default ColorPicker;\n"],"mappings":"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"}
@@ -118,7 +118,8 @@ var ColorPickerRoot = /*#__PURE__*/function (_Component) {
118
118
  displayLabel: displayLabel,
119
119
  onClick: this.bindHandlerItemClick(props.value),
120
120
  onKeyDown: function onKeyDown(event) {
121
- if (event.key === 'Enter' || event.key === 'Space') {
121
+ if (event.code === 'Enter' || event.code === 'Space') {
122
+ event.preventDefault();
122
123
  _this2.bindHandlerItemClick(props.value)(event);
123
124
  }
124
125
  },
@@ -1 +1 @@
1
- {"version":3,"file":"ColorPicker.js","names":["React","createComponent","Component","sstyled","Root","Dropdown","Box","ChevronDownM","keyboardFocusEnhance","PaletteManagerRoot","Item","Colors","ColorsCustom","InputColor","localizedMessages","i18nEnhance","style","_sstyled","insert","defaultColors","ColorPickerRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","value","event","handlers","visible","preventDefault","_createClass","key","uncontrolledProps","getTriggerProps","_this$asProps","asProps","getI18nText","popperVisible","getColorsProps","_this$asProps2","colors","getInputColorProps","getItemProps","props","_this2","_this$asProps3","displayLabel","isSelected","onClick","bindHandlerItemClick","onKeyDown","selected","getPopperProps","render","_ref","_ref5","_this$asProps4","styles","Children","createElement","_assignProps","cn","defaultVisible","defaultValue","i18n","locale","children","Fragment","ColorPicker","Trigger","Popper","_ref2","arguments[0]","label","useMemo","currentColor","color","_assignProps2","DefaultTrigger","enhance","forwardRef","ref","_ref3","_ref6","SDefaultTrigger","STriggerCircle","STriggerCircleLine","_objectSpread","_assignProps3","_ref4","_ref7","SColorPickerPopper","_assignProps4","PaletteManager"],"sources":["../../src/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport ChevronDownM from '@semcore/icon/ChevronDown/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport PaletteManagerRoot from './PaletteManager';\nimport { Item, Colors, ColorsCustom, InputColor } from './components';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/color-picker.shadow.css';\n\nconst defaultColors = [\n null,\n '#2BB3FF',\n '#8649E1',\n '#C695FF',\n '#F67CF2',\n '#FFA9FA',\n '#FF8786',\n '#FF8C43',\n '#FDC23C',\n '#66C030',\n '#9BD85D',\n '#C7EE96',\n];\n\ntype RootAsProps = {\n defaultVisible?: boolean;\n visible?: boolean;\n defaultValue?: string;\n value?: string;\n onChange?: (value: string, event: React.ChangeEvent) => void;\n colors?: string[];\n onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n displayLabel?: boolean;\n styles?: React.CSSProperties;\n Children: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype TriggerAsProps = {\n styles?: React.CSSProperties;\n value?: string;\n popperVisible: boolean;\n Children: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype PopperAsProps = {\n styles?: React.CSSProperties;\n Children: React.FC;\n children?: React.ReactNode;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype ItemAsProps = {\n value: string;\n};\n\nclass ColorPickerRoot extends Component<RootAsProps> {\n static displayName = 'ColorPicker';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n\n static defaultProps = () => ({\n defaultVisible: false,\n defaultValue: null,\n colors: defaultColors,\n i18n: localizedMessages,\n locale: 'en',\n children: (\n <>\n <ColorPicker.Trigger />\n <ColorPicker.Popper />\n </>\n ),\n });\n\n uncontrolledProps() {\n return {\n value: null,\n visible: false,\n };\n }\n\n bindHandlerItemClick = (value: string) => (event: React.MouseEvent | React.KeyboardEvent) => {\n this.handlers.value(value, event);\n this.handlers.visible(false, event);\n event.preventDefault();\n };\n\n getTriggerProps() {\n const { value, visible, getI18nText } = this.asProps;\n\n return {\n value,\n popperVisible: visible,\n getI18nText,\n };\n }\n\n getColorsProps() {\n const { colors, getI18nText } = this.asProps;\n\n return {\n colors,\n getI18nText,\n };\n }\n\n getInputColorProps() {\n const { getI18nText } = this.asProps;\n\n return {\n getI18nText,\n };\n }\n getItemProps(props: ItemAsProps) {\n const { value, displayLabel, getI18nText } = this.asProps;\n const isSelected = value === props.value;\n\n return {\n displayLabel,\n onClick: this.bindHandlerItemClick(props.value),\n onKeyDown: (event: React.KeyboardEvent) => {\n if (event.key === 'Enter' || event.key === 'Space') {\n this.bindHandlerItemClick(props.value)(event);\n }\n },\n selected: isSelected,\n getI18nText,\n };\n }\n\n getPopperProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <Root render={Dropdown} stretch={false}>\n <Children />\n </Root>,\n );\n }\n}\n\nexport function Trigger(props: TriggerAsProps) {\n const { Children, value, popperVisible, getI18nText } = props;\n const label = React.useMemo(() => {\n const currentColor = value\n ? getI18nText('currentColor', { color: value })\n : getI18nText('emptyColor');\n if (popperVisible) {\n return getI18nText('goToPaletteHint', { currentColor });\n }\n return currentColor;\n }, [value, popperVisible]);\n\n return (\n <Root render={Dropdown.Trigger} tag={DefaultTrigger} aria-label={label}>\n <Children />\n </Root>\n );\n}\n\nTrigger.enhance = [keyboardFocusEnhance()];\n\nconst DefaultTrigger = React.forwardRef(function (props: TriggerAsProps, ref) {\n const { styles, value } = props;\n const SDefaultTrigger = Root;\n const STriggerCircle = Box;\n const STriggerCircleLine = 'svg';\n\n return sstyled(styles)(\n <SDefaultTrigger render={Box} ref={ref}>\n <STriggerCircle data-value={value}>\n {!value && (\n <STriggerCircleLine\n width='10'\n height='10'\n viewBox='0 0 10 10'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <rect\n width='1'\n height='14'\n transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 10 1)'\n fill='#E0E1E9'\n />\n </STriggerCircleLine>\n )}\n </STriggerCircle>\n <ChevronDownM color='gray-800' />\n </SDefaultTrigger>,\n ) as React.ReactElement;\n});\n\nexport function Popper(props: PopperAsProps) {\n const { styles, Children, getI18nText, children } = props;\n const SColorPickerPopper = Root;\n\n return sstyled(styles)(\n <SColorPickerPopper render={Dropdown.Popper} aria-label={getI18nText('palette')}>\n {children ? <Children /> : <ColorPicker.Colors getI18nText={props.getI18nText} />}\n </SColorPickerPopper>,\n );\n}\n\nconst ColorPicker = createComponent(ColorPickerRoot, {\n Trigger,\n Popper,\n Item,\n Colors,\n}) as any;\n\nconst PaletteManager = createComponent(PaletteManagerRoot, {\n Item: ColorPicker.Item,\n Colors: ColorsCustom,\n InputColor,\n}) as any;\n\nexport { PaletteManager, defaultColors };\nexport default ColorPicker;\n"],"mappings":"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"}
1
+ {"version":3,"file":"ColorPicker.js","names":["React","createComponent","Component","sstyled","Root","Dropdown","Box","ChevronDownM","keyboardFocusEnhance","PaletteManagerRoot","Item","Colors","ColorsCustom","InputColor","localizedMessages","i18nEnhance","style","_sstyled","insert","defaultColors","ColorPickerRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","value","event","handlers","visible","preventDefault","_createClass","key","uncontrolledProps","getTriggerProps","_this$asProps","asProps","getI18nText","popperVisible","getColorsProps","_this$asProps2","colors","getInputColorProps","getItemProps","props","_this2","_this$asProps3","displayLabel","isSelected","onClick","bindHandlerItemClick","onKeyDown","code","selected","getPopperProps","render","_ref","_ref5","_this$asProps4","styles","Children","createElement","_assignProps","cn","defaultVisible","defaultValue","i18n","locale","children","Fragment","ColorPicker","Trigger","Popper","_ref2","arguments[0]","label","useMemo","currentColor","color","_assignProps2","DefaultTrigger","enhance","forwardRef","ref","_ref3","_ref6","SDefaultTrigger","STriggerCircle","STriggerCircleLine","_objectSpread","_assignProps3","_ref4","_ref7","SColorPickerPopper","_assignProps4","PaletteManager"],"sources":["../../src/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport ChevronDownM from '@semcore/icon/ChevronDown/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport PaletteManagerRoot from './PaletteManager';\nimport { Item, Colors, ColorsCustom, InputColor } from './components';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/color-picker.shadow.css';\n\nconst defaultColors = [\n null,\n '#2BB3FF',\n '#8649E1',\n '#C695FF',\n '#F67CF2',\n '#FFA9FA',\n '#FF8786',\n '#FF8C43',\n '#FDC23C',\n '#66C030',\n '#9BD85D',\n '#C7EE96',\n];\n\ntype RootAsProps = {\n defaultVisible?: boolean;\n visible?: boolean;\n defaultValue?: string;\n value?: string;\n onChange?: (value: string, event: React.ChangeEvent) => void;\n colors?: string[];\n onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n displayLabel?: boolean;\n styles?: React.CSSProperties;\n Children: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype TriggerAsProps = {\n styles?: React.CSSProperties;\n value?: string;\n popperVisible: boolean;\n Children: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype PopperAsProps = {\n styles?: React.CSSProperties;\n Children: React.FC;\n children?: React.ReactNode;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype ItemAsProps = {\n value: string;\n};\n\nclass ColorPickerRoot extends Component<RootAsProps> {\n static displayName = 'ColorPicker';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n\n static defaultProps = () => ({\n defaultVisible: false,\n defaultValue: null,\n colors: defaultColors,\n i18n: localizedMessages,\n locale: 'en',\n children: (\n <>\n <ColorPicker.Trigger />\n <ColorPicker.Popper />\n </>\n ),\n });\n\n uncontrolledProps() {\n return {\n value: null,\n visible: false,\n };\n }\n\n bindHandlerItemClick = (value: string) => (event: React.MouseEvent | React.KeyboardEvent) => {\n this.handlers.value(value, event);\n this.handlers.visible(false, event);\n event.preventDefault();\n };\n\n getTriggerProps() {\n const { value, visible, getI18nText } = this.asProps;\n\n return {\n value,\n popperVisible: visible,\n getI18nText,\n };\n }\n\n getColorsProps() {\n const { colors, getI18nText } = this.asProps;\n\n return {\n colors,\n getI18nText,\n };\n }\n\n getInputColorProps() {\n const { getI18nText } = this.asProps;\n\n return {\n getI18nText,\n };\n }\n getItemProps(props: ItemAsProps) {\n const { value, displayLabel, getI18nText } = this.asProps;\n const isSelected = value === props.value;\n\n return {\n displayLabel,\n onClick: this.bindHandlerItemClick(props.value),\n onKeyDown: (event: React.KeyboardEvent) => {\n if (event.code === 'Enter' || event.code === 'Space') {\n event.preventDefault();\n this.bindHandlerItemClick(props.value)(event);\n }\n },\n selected: isSelected,\n getI18nText,\n };\n }\n\n getPopperProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <Root render={Dropdown} stretch={false}>\n <Children />\n </Root>,\n );\n }\n}\n\nexport function Trigger(props: TriggerAsProps) {\n const { Children, value, popperVisible, getI18nText } = props;\n const label = React.useMemo(() => {\n const currentColor = value\n ? getI18nText('currentColor', { color: value })\n : getI18nText('emptyColor');\n if (popperVisible) {\n return getI18nText('goToPaletteHint', { currentColor });\n }\n return currentColor;\n }, [value, popperVisible]);\n\n return (\n <Root render={Dropdown.Trigger} tag={DefaultTrigger} aria-label={label}>\n <Children />\n </Root>\n );\n}\n\nTrigger.enhance = [keyboardFocusEnhance()];\n\nconst DefaultTrigger = React.forwardRef(function (props: TriggerAsProps, ref) {\n const { styles, value } = props;\n const SDefaultTrigger = Root;\n const STriggerCircle = Box;\n const STriggerCircleLine = 'svg';\n\n return sstyled(styles)(\n <SDefaultTrigger render={Box} ref={ref}>\n <STriggerCircle data-value={value}>\n {!value && (\n <STriggerCircleLine\n width='10'\n height='10'\n viewBox='0 0 10 10'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <rect\n width='1'\n height='14'\n transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 10 1)'\n fill='#E0E1E9'\n />\n </STriggerCircleLine>\n )}\n </STriggerCircle>\n <ChevronDownM color='gray-800' />\n </SDefaultTrigger>,\n ) as React.ReactElement;\n});\n\nexport function Popper(props: PopperAsProps) {\n const { styles, Children, getI18nText, children } = props;\n const SColorPickerPopper = Root;\n\n return sstyled(styles)(\n <SColorPickerPopper render={Dropdown.Popper} aria-label={getI18nText('palette')}>\n {children ? <Children /> : <ColorPicker.Colors getI18nText={props.getI18nText} />}\n </SColorPickerPopper>,\n );\n}\n\nconst ColorPicker = createComponent(ColorPickerRoot, {\n Trigger,\n Popper,\n Item,\n Colors,\n}) as any;\n\nconst PaletteManager = createComponent(PaletteManagerRoot, {\n Item: ColorPicker.Item,\n Colors: ColorsCustom,\n InputColor,\n}) as any;\n\nexport { PaletteManager, defaultColors };\nexport default ColorPicker;\n"],"mappings":"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"}
package/components.json CHANGED
@@ -1,76 +1,76 @@
1
1
  {
2
- "@semcore/accordion": "5.22.3",
2
+ "@semcore/accordion": "5.23.0",
3
3
  "@semcore/animation": "2.18.2",
4
4
  "@semcore/badge": "4.18.2",
5
- "@semcore/base-trigger": "4.25.1",
6
- "@semcore/breadcrumbs": "5.23.2",
5
+ "@semcore/base-trigger": "4.26.0",
6
+ "@semcore/breadcrumbs": "5.24.0",
7
7
  "@semcore/breakpoints": "1.19.2",
8
8
  "@semcore/button": "5.20.2",
9
- "@semcore/card": "5.24.2",
10
- "@semcore/carousel": "3.27.2",
9
+ "@semcore/card": "5.25.0",
10
+ "@semcore/carousel": "3.28.0",
11
11
  "@semcore/checkbox": "7.21.4",
12
- "@semcore/color-picker": "2.24.2",
12
+ "@semcore/color-picker": "2.25.0",
13
13
  "@semcore/core": "2.17.2",
14
14
  "@semcore/counter": "3.18.2",
15
- "@semcore/data-table": "4.26.2",
16
- "@semcore/date-picker": "4.27.2",
15
+ "@semcore/data-table": "4.27.0",
16
+ "@semcore/date-picker": "4.28.0",
17
17
  "@semcore/divider": "4.18.2",
18
18
  "@semcore/dot": "5.18.2",
19
- "@semcore/drag-and-drop": "3.26.2",
19
+ "@semcore/drag-and-drop": "3.27.0",
20
20
  "@semcore/dropdown": "4.19.2",
21
21
  "@semcore/dropdown-menu": "4.20.2",
22
22
  "@semcore/d3-chart": "3.27.3",
23
- "@semcore/ellipsis": "2.18.2",
23
+ "@semcore/ellipsis": "2.19.0",
24
24
  "@semcore/email": "1.0.2",
25
25
  "@semcore/errors": "4.21.2",
26
- "@semcore/feature-popover": "4.24.2",
27
- "@semcore/feedback-form": "6.19.2",
26
+ "@semcore/feature-popover": "4.25.0",
27
+ "@semcore/feedback-form": "6.20.0",
28
28
  "@semcore/flags": "4.18.2",
29
29
  "@semcore/flex-box": "5.19.1",
30
30
  "@semcore/format-text": "4.18.2",
31
- "@semcore/fullscreen-modal": "3.26.2",
31
+ "@semcore/fullscreen-modal": "3.27.0",
32
32
  "@semcore/grid": "5.18.2",
33
- "@semcore/icon": "4.25.0",
33
+ "@semcore/icon": "4.26.0",
34
34
  "@semcore/illustration": "2.17.2",
35
- "@semcore/inline-input": "4.24.2",
36
- "@semcore/inline-edit": "4.20.2",
35
+ "@semcore/inline-input": "4.25.0",
36
+ "@semcore/inline-edit": "4.21.0",
37
37
  "@semcore/input": "4.20.2",
38
38
  "@semcore/input-mask": "5.20.2",
39
39
  "@semcore/input-number": "5.20.2",
40
- "@semcore/input-tags": "4.21.2",
40
+ "@semcore/input-tags": "4.22.0",
41
41
  "@semcore/link": "5.20.2",
42
42
  "@semcore/mini-chart": "0.5.2",
43
- "@semcore/modal": "4.27.2",
43
+ "@semcore/modal": "4.28.0",
44
44
  "@semcore/neighbor-location": "4.17.2",
45
- "@semcore/notice": "5.24.2",
46
- "@semcore/notice-global": "2.34.2",
47
- "@semcore/notice-bubble": "5.23.2",
45
+ "@semcore/notice": "5.25.0",
46
+ "@semcore/notice-global": "2.35.0",
47
+ "@semcore/notice-bubble": "5.24.0",
48
48
  "@semcore/outside-click": "3.17.2",
49
- "@semcore/pagination": "4.26.2",
50
- "@semcore/pills": "5.19.2",
49
+ "@semcore/pagination": "4.27.0",
50
+ "@semcore/pills": "5.20.0",
51
51
  "@semcore/popper": "5.20.0",
52
52
  "@semcore/portal": "3.17.2",
53
53
  "@semcore/product-head": "4.19.2",
54
54
  "@semcore/progress-bar": "4.18.2",
55
55
  "@semcore/radio": "6.21.3",
56
56
  "@semcore/scroll-area": "5.20.2",
57
- "@semcore/select": "4.28.0",
58
- "@semcore/side-panel": "3.25.2",
57
+ "@semcore/select": "4.29.0",
58
+ "@semcore/side-panel": "3.26.0",
59
59
  "@semcore/skeleton": "5.19.2",
60
60
  "@semcore/slider": "4.18.2",
61
61
  "@semcore/spin": "5.18.2",
62
62
  "@semcore/spin-container": "7.19.2",
63
63
  "@semcore/sticky": "3.18.2",
64
- "@semcore/switch": "5.18.2",
64
+ "@semcore/switch": "5.19.0",
65
65
  "@semcore/tab-line": "4.18.2",
66
- "@semcore/tab-panel": "4.19.2",
67
- "@semcore/tag": "5.25.2",
66
+ "@semcore/tab-panel": "4.20.0",
67
+ "@semcore/tag": "5.26.0",
68
68
  "@semcore/textarea": "5.19.3",
69
- "@semcore/time-picker": "4.28.0",
70
- "@semcore/tooltip": "6.19.0",
71
- "@semcore/typography": "5.25.2",
69
+ "@semcore/time-picker": "4.29.0",
70
+ "@semcore/tooltip": "6.20.0",
71
+ "@semcore/typography": "5.26.0",
72
72
  "@semcore/utils": "4.20.2",
73
73
  "@semcore/widget-empty": "4.18.2",
74
- "@semcore/wizard": "2.27.2",
74
+ "@semcore/wizard": "2.28.0",
75
75
  "@semcore/i18n-unplugin": "0.17.2"
76
76
  }
@@ -22,17 +22,17 @@ var _utils = require("./utils");
22
22
  var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
23
23
  var _Pattern = require("./Pattern");
24
24
  /*__reshadow-styles__:"./style/area.shadow.css"*/
25
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SArea_c3qpu_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_c3qpu_gg_.__color_c3qpu_gg_{fill:var(--color_c3qpu)}.___SArea_c3qpu_gg_.__pattern_c3qpu_gg_{fill:var(--pattern_c3qpu);fill-opacity:.7}.___SArea_c3qpu_gg_.__transparent_c3qpu_gg_{opacity:.3}.___SAreaLine_c3qpu_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_c3qpu_gg_.__color_c3qpu_gg_{stroke:var(--color_c3qpu)}.___SAreaLine_c3qpu_gg_.__transparent_c3qpu_gg_{opacity:.3}.___SAreaLine_c3qpu_gg_,.___SArea_c3qpu_gg_{transition-property:d;transition-duration:var(--duration_c3qpu);transition-timing-function:ease-in-out}.___SNull_c3qpu_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_c3qpu_gg_.__hide_c3qpu_gg_{display:none}" /*__inner_css_end__*/, "c3qpu_gg_") /*__reshadow_css_end__*/, {
26
- "__SArea": "___SArea_c3qpu_gg_",
27
- "_color": "__color_c3qpu_gg_",
28
- "--color": "--color_c3qpu",
29
- "_pattern": "__pattern_c3qpu_gg_",
30
- "--pattern": "--pattern_c3qpu",
31
- "_transparent": "__transparent_c3qpu_gg_",
32
- "__SAreaLine": "___SAreaLine_c3qpu_gg_",
33
- "--duration": "--duration_c3qpu",
34
- "__SNull": "___SNull_c3qpu_gg_",
35
- "_hide": "__hide_c3qpu_gg_"
25
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SArea_16orq_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_16orq_gg_.__color_16orq_gg_{fill:var(--color_16orq)}.___SArea_16orq_gg_.__pattern_16orq_gg_{fill:var(--pattern_16orq);fill-opacity:.7}.___SArea_16orq_gg_.__transparent_16orq_gg_{opacity:.3}.___SAreaLine_16orq_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_16orq_gg_.__color_16orq_gg_{stroke:var(--color_16orq)}.___SAreaLine_16orq_gg_.__transparent_16orq_gg_{opacity:.3}.___SAreaLine_16orq_gg_,.___SArea_16orq_gg_{transition-property:d;transition-duration:var(--duration_16orq);transition-timing-function:ease-in-out}.___SNull_16orq_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_16orq_gg_.__hide_16orq_gg_{display:none}" /*__inner_css_end__*/, "16orq_gg_") /*__reshadow_css_end__*/, {
26
+ "__SArea": "___SArea_16orq_gg_",
27
+ "_color": "__color_16orq_gg_",
28
+ "--color": "--color_16orq",
29
+ "_pattern": "__pattern_16orq_gg_",
30
+ "--pattern": "--pattern_16orq",
31
+ "_transparent": "__transparent_16orq_gg_",
32
+ "__SAreaLine": "___SAreaLine_16orq_gg_",
33
+ "--duration": "--duration_16orq",
34
+ "__SNull": "___SNull_16orq_gg_",
35
+ "_hide": "__hide_16orq_gg_"
36
36
  });
37
37
  var AreaRoot = /*#__PURE__*/function (_Component) {
38
38
  (0, _inherits2["default"])(AreaRoot, _Component);
@@ -18,20 +18,20 @@ var _createElement = _interopRequireDefault(require("./createElement"));
18
18
  var _utils = require("./utils");
19
19
  var _MAP_POSITION_AXIS, _MAP_POSITION_TICK;
20
20
  /*__reshadow-styles__:"./style/axis.shadow.css"*/
21
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxis_1enrz_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1enrz_gg_.__hide_1enrz_gg_,.___STick_1enrz_gg_.__hide_1enrz_gg_{display:none}.___STick_1enrz_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1enrz_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1enrz_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1enrz)}.___STitle_1enrz_gg_._position_top_1enrz_gg_{text-anchor:middle}.___STitle_1enrz_gg_._position_bottom_1enrz_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1enrz_gg_._position_left_1enrz_gg_,.___STitle_1enrz_gg_._position_right_1enrz_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_1enrz_gg_._position_left_1enrz_gg_.__verticalWritingMode_1enrz_gg_,.___STitle_1enrz_gg_._position_right_1enrz_gg_.__verticalWritingMode_1enrz_gg_{writing-mode:vertical-rl;transform:none}.___STick_1enrz_gg_._position_top_1enrz_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1enrz_gg_._position_bottom_1enrz_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1enrz_gg_._position_right_1enrz_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1enrz_gg_._position_left_1enrz_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1enrz_gg_._position_custom_0_1enrz_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1enrz_gg_._position_custom_1_1enrz_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "1enrz_gg_") /*__reshadow_css_end__*/, {
22
- "__SAxis": "___SAxis_1enrz_gg_",
23
- "_hide": "__hide_1enrz_gg_",
24
- "__STick": "___STick_1enrz_gg_",
25
- "__SGrid": "___SGrid_1enrz_gg_",
26
- "__STitle": "___STitle_1enrz_gg_",
27
- "--transform-origin": "--transform-origin_1enrz",
28
- "_position_top": "_position_top_1enrz_gg_",
29
- "_position_bottom": "_position_bottom_1enrz_gg_",
30
- "_position_right": "_position_right_1enrz_gg_",
31
- "_position_left": "_position_left_1enrz_gg_",
32
- "_verticalWritingMode": "__verticalWritingMode_1enrz_gg_",
33
- "_position_custom_0": "_position_custom_0_1enrz_gg_",
34
- "_position_custom_1": "_position_custom_1_1enrz_gg_"
21
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxis_1024f_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1024f_gg_.__hide_1024f_gg_,.___STick_1024f_gg_.__hide_1024f_gg_{display:none}.___STick_1024f_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1024f_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1024f_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1024f)}.___STitle_1024f_gg_._position_top_1024f_gg_{text-anchor:middle}.___STitle_1024f_gg_._position_bottom_1024f_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1024f_gg_._position_left_1024f_gg_,.___STitle_1024f_gg_._position_right_1024f_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_1024f_gg_._position_left_1024f_gg_.__verticalWritingMode_1024f_gg_,.___STitle_1024f_gg_._position_right_1024f_gg_.__verticalWritingMode_1024f_gg_{writing-mode:vertical-rl;transform:none}.___STick_1024f_gg_._position_top_1024f_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1024f_gg_._position_bottom_1024f_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1024f_gg_._position_right_1024f_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1024f_gg_._position_left_1024f_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1024f_gg_._position_custom_0_1024f_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1024f_gg_._position_custom_1_1024f_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "1024f_gg_") /*__reshadow_css_end__*/, {
22
+ "__SAxis": "___SAxis_1024f_gg_",
23
+ "_hide": "__hide_1024f_gg_",
24
+ "__STick": "___STick_1024f_gg_",
25
+ "__SGrid": "___SGrid_1024f_gg_",
26
+ "__STitle": "___STitle_1024f_gg_",
27
+ "--transform-origin": "--transform-origin_1024f",
28
+ "_position_top": "_position_top_1024f_gg_",
29
+ "_position_bottom": "_position_bottom_1024f_gg_",
30
+ "_position_right": "_position_right_1024f_gg_",
31
+ "_position_left": "_position_left_1024f_gg_",
32
+ "_verticalWritingMode": "__verticalWritingMode_1024f_gg_",
33
+ "_position_custom_0": "_position_custom_0_1024f_gg_",
34
+ "_position_custom_1": "_position_custom_1_1024f_gg_"
35
35
  });
36
36
  var CUSTOM_0 = Symbol('custom_0');
37
37
  var CUSTOM_1 = Symbol('custom_1');
@@ -20,16 +20,16 @@ var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
20
20
  var _utils = require("./utils");
21
21
  var _Pattern = require("./Pattern");
22
22
  /*__reshadow-styles__:"./style/bar.shadow.css"*/
23
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_ltnqm_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_ltnqm);transition-timing-function:ease-in-out}.___SBar_ltnqm_gg_.__color_ltnqm_gg_{fill:var(--color_ltnqm)}.___SBar_ltnqm_gg_.__pattern_ltnqm_gg_.__color_ltnqm_gg_{fill:var(--pattern_ltnqm);stroke:var(--color_ltnqm);stroke-width:1px}.___SBar_ltnqm_gg_.__hide_ltnqm_gg_{display:none}.___SBar_ltnqm_gg_.__transparent_ltnqm_gg_{opacity:.3}.___SBackground_ltnqm_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "ltnqm_gg_") /*__reshadow_css_end__*/, {
24
- "__SBar": "___SBar_ltnqm_gg_",
25
- "--duration": "--duration_ltnqm",
26
- "_color": "__color_ltnqm_gg_",
27
- "--color": "--color_ltnqm",
28
- "_pattern": "__pattern_ltnqm_gg_",
29
- "--pattern": "--pattern_ltnqm",
30
- "_hide": "__hide_ltnqm_gg_",
31
- "_transparent": "__transparent_ltnqm_gg_",
32
- "__SBackground": "___SBackground_ltnqm_gg_"
23
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_1u7qq_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1u7qq);transition-timing-function:ease-in-out}.___SBar_1u7qq_gg_.__color_1u7qq_gg_{fill:var(--color_1u7qq)}.___SBar_1u7qq_gg_.__pattern_1u7qq_gg_.__color_1u7qq_gg_{fill:var(--pattern_1u7qq);stroke:var(--color_1u7qq);stroke-width:1px}.___SBar_1u7qq_gg_.__hide_1u7qq_gg_{display:none}.___SBar_1u7qq_gg_.__transparent_1u7qq_gg_{opacity:.3}.___SBackground_1u7qq_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1u7qq_gg_") /*__reshadow_css_end__*/, {
24
+ "__SBar": "___SBar_1u7qq_gg_",
25
+ "--duration": "--duration_1u7qq",
26
+ "_color": "__color_1u7qq_gg_",
27
+ "--color": "--color_1u7qq",
28
+ "_pattern": "__pattern_1u7qq_gg_",
29
+ "--pattern": "--pattern_1u7qq",
30
+ "_hide": "__hide_1u7qq_gg_",
31
+ "_transparent": "__transparent_1u7qq_gg_",
32
+ "__SBackground": "___SBackground_1u7qq_gg_"
33
33
  });
34
34
  var MIN_HEIGHT = 2;
35
35
  exports.MIN_HEIGHT = MIN_HEIGHT;
@@ -23,18 +23,18 @@ var _utils = require("./utils");
23
23
  var _Tooltip = _interopRequireDefault(require("./Tooltip"));
24
24
  var _Pattern = require("./Pattern");
25
25
  /*__reshadow-styles__:"./style/bubble.shadow.css"*/
26
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBubble_aupdg_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_aupdg);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_aupdg_gg_:hover{opacity:.8}}.___SBubble_aupdg_gg_.__color_aupdg_gg_{fill:var(--color_aupdg)}.___SBubble_aupdg_gg_.__pattern_aupdg_gg_.__color_aupdg_gg_{fill:var(--pattern_aupdg);stroke:var(--color_aupdg);stroke-width:1px}.___SBubble_aupdg_gg_.__transparent_aupdg_gg_{opacity:.3}.___SCenter_aupdg_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_aupdg_gg_.__color_aupdg_gg_{stroke:var(--color_aupdg)}.___SCenter_aupdg_gg_.__transparent_aupdg_gg_{opacity:.3}.___SLabel_aupdg_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_aupdg_gg_._position_right_aupdg_gg_{text-anchor:end}.___SLabel_aupdg_gg_._position_left_aupdg_gg_{text-anchor:start}.___SLabel_aupdg_gg_.__color_aupdg_gg_{fill:var(--color_aupdg)}.___SLabel_aupdg_gg_.__transparent_aupdg_gg_{opacity:.3}" /*__inner_css_end__*/, "aupdg_gg_") /*__reshadow_css_end__*/, {
27
- "__SBubble": "___SBubble_aupdg_gg_",
28
- "_color": "__color_aupdg_gg_",
29
- "--color": "--color_aupdg",
30
- "_pattern": "__pattern_aupdg_gg_",
31
- "--pattern": "--pattern_aupdg",
32
- "_transparent": "__transparent_aupdg_gg_",
33
- "__SCenter": "___SCenter_aupdg_gg_",
34
- "__SLabel": "___SLabel_aupdg_gg_",
35
- "_position_right": "_position_right_aupdg_gg_",
36
- "_position_left": "_position_left_aupdg_gg_",
37
- "--duration": "--duration_aupdg"
26
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBubble_xxerj_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_xxerj);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_xxerj_gg_:hover{opacity:.8}}.___SBubble_xxerj_gg_.__color_xxerj_gg_{fill:var(--color_xxerj)}.___SBubble_xxerj_gg_.__pattern_xxerj_gg_.__color_xxerj_gg_{fill:var(--pattern_xxerj);stroke:var(--color_xxerj);stroke-width:1px}.___SBubble_xxerj_gg_.__transparent_xxerj_gg_{opacity:.3}.___SCenter_xxerj_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_xxerj_gg_.__color_xxerj_gg_{stroke:var(--color_xxerj)}.___SCenter_xxerj_gg_.__transparent_xxerj_gg_{opacity:.3}.___SLabel_xxerj_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_xxerj_gg_._position_right_xxerj_gg_{text-anchor:end}.___SLabel_xxerj_gg_._position_left_xxerj_gg_{text-anchor:start}.___SLabel_xxerj_gg_.__color_xxerj_gg_{fill:var(--color_xxerj)}.___SLabel_xxerj_gg_.__transparent_xxerj_gg_{opacity:.3}" /*__inner_css_end__*/, "xxerj_gg_") /*__reshadow_css_end__*/, {
27
+ "__SBubble": "___SBubble_xxerj_gg_",
28
+ "_color": "__color_xxerj_gg_",
29
+ "--color": "--color_xxerj",
30
+ "_pattern": "__pattern_xxerj_gg_",
31
+ "--pattern": "--pattern_xxerj",
32
+ "_transparent": "__transparent_xxerj_gg_",
33
+ "__SCenter": "___SCenter_xxerj_gg_",
34
+ "__SLabel": "___SLabel_xxerj_gg_",
35
+ "_position_right": "_position_right_xxerj_gg_",
36
+ "_position_left": "_position_left_xxerj_gg_",
37
+ "--duration": "--duration_xxerj"
38
38
  });
39
39
  var BubbleRoot = /*#__PURE__*/function (_Component) {
40
40
  (0, _inherits2["default"])(BubbleRoot, _Component);
@@ -28,15 +28,15 @@ var _Tooltip = _interopRequireDefault(require("./Tooltip"));
28
28
  var _Pattern = require("./Pattern");
29
29
  var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent", "innerRadius", "outerRadius", "resolveColor", "halfsize", "uid", "patterns"];
30
30
  /*__reshadow-styles__:"./style/donut.shadow.css"*/
31
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPie_5c21n_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_5c21n_gg_.__color_5c21n_gg_{fill:var(--color_5c21n)}.___SPie_5c21n_gg_.__pattern_5c21n_gg_.__color_5c21n_gg_{fill:var(--pattern_5c21n);stroke:var(--color_5c21n);stroke-width:1px}.___SPie_5c21n_gg_.__transparent_5c21n_gg_{opacity:.3}.___SEmptyData_5c21n_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_5c21n_gg_.__color_5c21n_gg_{fill:var(--color_5c21n)}.___SLabel_5c21n_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "5c21n_gg_") /*__reshadow_css_end__*/, {
32
- "__SPie": "___SPie_5c21n_gg_",
33
- "_color": "__color_5c21n_gg_",
34
- "--color": "--color_5c21n",
35
- "_pattern": "__pattern_5c21n_gg_",
36
- "--pattern": "--pattern_5c21n",
37
- "_transparent": "__transparent_5c21n_gg_",
38
- "__SEmptyData": "___SEmptyData_5c21n_gg_",
39
- "__SLabel": "___SLabel_5c21n_gg_"
31
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPie_1gjbk_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1gjbk_gg_.__color_1gjbk_gg_{fill:var(--color_1gjbk)}.___SPie_1gjbk_gg_.__pattern_1gjbk_gg_.__color_1gjbk_gg_{fill:var(--pattern_1gjbk);stroke:var(--color_1gjbk);stroke-width:1px}.___SPie_1gjbk_gg_.__transparent_1gjbk_gg_{opacity:.3}.___SEmptyData_1gjbk_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1gjbk_gg_.__color_1gjbk_gg_{fill:var(--color_1gjbk)}.___SLabel_1gjbk_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "1gjbk_gg_") /*__reshadow_css_end__*/, {
32
+ "__SPie": "___SPie_1gjbk_gg_",
33
+ "_color": "__color_1gjbk_gg_",
34
+ "--color": "--color_1gjbk",
35
+ "_pattern": "__pattern_1gjbk_gg_",
36
+ "--pattern": "--pattern_1gjbk",
37
+ "_transparent": "__transparent_1gjbk_gg_",
38
+ "__SEmptyData": "___SEmptyData_1gjbk_gg_",
39
+ "__SLabel": "___SLabel_1gjbk_gg_"
40
40
  });
41
41
  var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
42
42
  function transitionAnglePie(_ref6) {
@@ -14,14 +14,14 @@ var _createElement = _interopRequireDefault(require("./createElement"));
14
14
  var _utils = require("./utils");
15
15
  var _Pattern = require("./Pattern");
16
16
  /*__reshadow-styles__:"./style/dot.shadow.css"*/
17
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDots_xonnl_gg_ .___SDot_xonnl_gg_{transition-duration:var(--duration_xonnl)}.___SDot_xonnl_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_xonnl_gg_.__hide_xonnl_gg_{display:none}.___SDot_xonnl_gg_.__color_xonnl_gg_{fill:var(--color_xonnl)}.___SDot_xonnl_gg_.__transparent_xonnl_gg_{opacity:.3}" /*__inner_css_end__*/, "xonnl_gg_") /*__reshadow_css_end__*/, {
18
- "__SDot": "___SDot_xonnl_gg_",
19
- "_hide": "__hide_xonnl_gg_",
20
- "_color": "__color_xonnl_gg_",
21
- "--color": "--color_xonnl",
22
- "_transparent": "__transparent_xonnl_gg_",
23
- "__SDots": "___SDots_xonnl_gg_",
24
- "--duration": "--duration_xonnl"
17
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDots_opk73_gg_ .___SDot_opk73_gg_{transition-duration:var(--duration_opk73)}.___SDot_opk73_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_opk73_gg_.__hide_opk73_gg_{display:none}.___SDot_opk73_gg_.__color_opk73_gg_{fill:var(--color_opk73)}.___SDot_opk73_gg_.__transparent_opk73_gg_{opacity:.3}" /*__inner_css_end__*/, "opk73_gg_") /*__reshadow_css_end__*/, {
18
+ "__SDot": "___SDot_opk73_gg_",
19
+ "_hide": "__hide_opk73_gg_",
20
+ "_color": "__color_opk73_gg_",
21
+ "--color": "--color_opk73",
22
+ "_transparent": "__transparent_opk73_gg_",
23
+ "__SDots": "___SDots_opk73_gg_",
24
+ "--duration": "--duration_opk73"
25
25
  });
26
26
  var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
27
27
  function Dots(props) {
@@ -19,16 +19,16 @@ var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
19
19
  var _utils = require("./utils");
20
20
  var _Pattern = require("./Pattern");
21
21
  /*__reshadow-styles__:"./style/bar.shadow.css"*/
22
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_ltnqm_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_ltnqm);transition-timing-function:ease-in-out}.___SBar_ltnqm_gg_.__color_ltnqm_gg_{fill:var(--color_ltnqm)}.___SBar_ltnqm_gg_.__pattern_ltnqm_gg_.__color_ltnqm_gg_{fill:var(--pattern_ltnqm);stroke:var(--color_ltnqm);stroke-width:1px}.___SBar_ltnqm_gg_.__hide_ltnqm_gg_{display:none}.___SBar_ltnqm_gg_.__transparent_ltnqm_gg_{opacity:.3}.___SBackground_ltnqm_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "ltnqm_gg_") /*__reshadow_css_end__*/, {
23
- "__SBar": "___SBar_ltnqm_gg_",
24
- "--duration": "--duration_ltnqm",
25
- "_color": "__color_ltnqm_gg_",
26
- "--color": "--color_ltnqm",
27
- "_pattern": "__pattern_ltnqm_gg_",
28
- "--pattern": "--pattern_ltnqm",
29
- "_hide": "__hide_ltnqm_gg_",
30
- "_transparent": "__transparent_ltnqm_gg_",
31
- "__SBackground": "___SBackground_ltnqm_gg_"
22
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_1u7qq_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1u7qq);transition-timing-function:ease-in-out}.___SBar_1u7qq_gg_.__color_1u7qq_gg_{fill:var(--color_1u7qq)}.___SBar_1u7qq_gg_.__pattern_1u7qq_gg_.__color_1u7qq_gg_{fill:var(--pattern_1u7qq);stroke:var(--color_1u7qq);stroke-width:1px}.___SBar_1u7qq_gg_.__hide_1u7qq_gg_{display:none}.___SBar_1u7qq_gg_.__transparent_1u7qq_gg_{opacity:.3}.___SBackground_1u7qq_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1u7qq_gg_") /*__reshadow_css_end__*/, {
23
+ "__SBar": "___SBar_1u7qq_gg_",
24
+ "--duration": "--duration_1u7qq",
25
+ "_color": "__color_1u7qq_gg_",
26
+ "--color": "--color_1u7qq",
27
+ "_pattern": "__pattern_1u7qq_gg_",
28
+ "--pattern": "--pattern_1u7qq",
29
+ "_hide": "__hide_1u7qq_gg_",
30
+ "_transparent": "__transparent_1u7qq_gg_",
31
+ "__SBackground": "___SBackground_1u7qq_gg_"
32
32
  });
33
33
  var MIN_WIDTH = 2;
34
34
  exports.MIN_WIDTH = MIN_WIDTH;
@@ -21,9 +21,9 @@ var _createElement = _interopRequireDefault(require("./createElement"));
21
21
  var _utils = require("./utils");
22
22
  var _Tooltip = _interopRequireDefault(require("./Tooltip"));
23
23
  /*__reshadow-styles__:"./style/hover.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SHoverLine_ahkzc_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_ahkzc_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "ahkzc_gg_") /*__reshadow_css_end__*/, {
25
- "__SHoverLine": "___SHoverLine_ahkzc_gg_",
26
- "__SHoverRect": "___SHoverRect_ahkzc_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SHoverLine_1bumf_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1bumf_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1bumf_gg_") /*__reshadow_css_end__*/, {
25
+ "__SHoverLine": "___SHoverLine_1bumf_gg_",
26
+ "__SHoverRect": "___SHoverRect_1bumf_gg_"
27
27
  });
28
28
  var Hover = /*#__PURE__*/function (_Component) {
29
29
  (0, _inherits2["default"])(Hover, _Component);
@@ -22,15 +22,15 @@ var _Dots = _interopRequireDefault(require("./Dots"));
22
22
  var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
23
23
  var _Pattern = require("./Pattern");
24
24
  /*__reshadow-styles__:"./style/line.shadow.css"*/
25
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLine_fe4xy_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_fe4xy);transition-timing-function:ease-in-out}.___SLine_fe4xy_gg_.__color_fe4xy_gg_{stroke:var(--color_fe4xy)}.___SLine_fe4xy_gg_.__hide_fe4xy_gg_{display:none}.___SLine_fe4xy_gg_.__transparent_fe4xy_gg_{opacity:.3}.___SNull_fe4xy_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_fe4xy_gg_.__hide_fe4xy_gg_{display:none}.___SAria_fe4xy_gg_{transition-property:d;transition-duration:var(--duration_fe4xy);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_fe4xy_gg_.__color_fe4xy_gg_{fill:var(--color_fe4xy)}" /*__inner_css_end__*/, "fe4xy_gg_") /*__reshadow_css_end__*/, {
26
- "__SLine": "___SLine_fe4xy_gg_",
27
- "--duration": "--duration_fe4xy",
28
- "_color": "__color_fe4xy_gg_",
29
- "--color": "--color_fe4xy",
30
- "_hide": "__hide_fe4xy_gg_",
31
- "_transparent": "__transparent_fe4xy_gg_",
32
- "__SNull": "___SNull_fe4xy_gg_",
33
- "__SAria": "___SAria_fe4xy_gg_"
25
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLine_39lfg_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_39lfg);transition-timing-function:ease-in-out}.___SLine_39lfg_gg_.__color_39lfg_gg_{stroke:var(--color_39lfg)}.___SLine_39lfg_gg_.__hide_39lfg_gg_{display:none}.___SLine_39lfg_gg_.__transparent_39lfg_gg_{opacity:.3}.___SNull_39lfg_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_39lfg_gg_.__hide_39lfg_gg_{display:none}.___SAria_39lfg_gg_{transition-property:d;transition-duration:var(--duration_39lfg);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_39lfg_gg_.__color_39lfg_gg_{fill:var(--color_39lfg)}" /*__inner_css_end__*/, "39lfg_gg_") /*__reshadow_css_end__*/, {
26
+ "__SLine": "___SLine_39lfg_gg_",
27
+ "--duration": "--duration_39lfg",
28
+ "_color": "__color_39lfg_gg_",
29
+ "--color": "--color_39lfg",
30
+ "_hide": "__hide_39lfg_gg_",
31
+ "_transparent": "__transparent_39lfg_gg_",
32
+ "__SNull": "___SNull_39lfg_gg_",
33
+ "__SAria": "___SAria_39lfg_gg_"
34
34
  });
35
35
  var LineRoot = /*#__PURE__*/function (_Component) {
36
36
  (0, _inherits2["default"])(LineRoot, _Component);
@@ -24,9 +24,9 @@ var _PlotA11yModule = require("./a11y/PlotA11yModule");
24
24
  var _hints = require("./a11y/hints");
25
25
  var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
26
26
  /*__reshadow-styles__:"./style/plot.shadow.css"*/
27
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlot_1s29d_gg_{overflow:hidden}.___SPlot_1s29d_gg_:active,.___SPlot_1s29d_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1s29d_gg_.__keyboardFocused_1s29d_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "1s29d_gg_") /*__reshadow_css_end__*/, {
28
- "__SPlot": "___SPlot_1s29d_gg_",
29
- "_keyboardFocused": "__keyboardFocused_1s29d_gg_"
27
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlot_11xbf_gg_{overflow:hidden}.___SPlot_11xbf_gg_:active,.___SPlot_11xbf_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_11xbf_gg_.__keyboardFocused_11xbf_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "11xbf_gg_") /*__reshadow_css_end__*/, {
28
+ "__SPlot": "___SPlot_11xbf_gg_",
29
+ "_keyboardFocused": "__keyboardFocused_11xbf_gg_"
30
30
  });
31
31
  var PlotRoot = /*#__PURE__*/function (_Component) {
32
32
  (0, _inherits2["default"])(PlotRoot, _Component);