intergalactic 15.119.0 → 15.120.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.
- package/CHANGELOG.md +95 -0
- package/accordion/lib/cjs/Accordion.js +11 -12
- package/accordion/lib/cjs/Accordion.js.map +1 -1
- package/accordion/lib/es6/Accordion.js +11 -12
- package/accordion/lib/es6/Accordion.js.map +1 -1
- package/accordion/package.json +1 -1
- package/base-trigger/lib/cjs/BaseTrigger.js +20 -18
- package/base-trigger/lib/cjs/BaseTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/ButtonTrigger.js +4 -7
- package/base-trigger/lib/cjs/ButtonTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/FilterTrigger.js +7 -11
- package/base-trigger/lib/cjs/FilterTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
- package/base-trigger/lib/es6/BaseTrigger.js +20 -18
- package/base-trigger/lib/es6/BaseTrigger.js.map +1 -1
- package/base-trigger/lib/es6/ButtonTrigger.js +4 -7
- package/base-trigger/lib/es6/ButtonTrigger.js.map +1 -1
- package/base-trigger/lib/es6/FilterTrigger.js +7 -11
- package/base-trigger/lib/es6/FilterTrigger.js.map +1 -1
- package/base-trigger/lib/es6/LinkTrigger.js +12 -12
- package/base-trigger/package.json +1 -1
- package/button/lib/cjs/component/AbstractButton/AbstractButton.js +0 -1
- package/button/lib/cjs/component/AbstractButton/AbstractButton.js.map +1 -1
- package/button/lib/cjs/component/Button/Button.js +27 -27
- package/button/lib/cjs/component/ButtonLink/ButtonLink.js +20 -20
- package/button/lib/es6/component/AbstractButton/AbstractButton.js +0 -1
- package/button/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -1
- package/button/lib/es6/component/Button/Button.js +27 -27
- package/button/lib/es6/component/ButtonLink/ButtonLink.js +20 -20
- package/button/package.json +1 -1
- package/card/lib/cjs/Card.js +6 -6
- package/card/lib/es6/Card.js +6 -6
- package/card/package.json +1 -1
- package/carousel/lib/cjs/Carousel.js +21 -21
- package/carousel/lib/es6/Carousel.js +21 -21
- package/carousel/package.json +1 -1
- package/color-picker/lib/cjs/ColorPicker.js +24 -24
- package/color-picker/lib/cjs/PaletteManager.js +24 -24
- package/color-picker/lib/cjs/components/InputColor.js +24 -24
- package/color-picker/lib/es6/ColorPicker.js +24 -24
- package/color-picker/lib/es6/PaletteManager.js +24 -24
- package/color-picker/lib/es6/components/InputColor.js +24 -24
- package/color-picker/package.json +1 -1
- package/components.json +23 -23
- package/d3-chart/component/ChartLegend/LegendItem/LegendItem.type.d.ts +1 -0
- package/d3-chart/component/StackGroupBar/StackGroupBar.d.ts +3 -0
- package/d3-chart/component/StackGroupBar/StackGroupBar.type.d.ts +29 -0
- package/d3-chart/index.d.ts +2 -0
- package/d3-chart/lib/cjs/Area.js +11 -11
- package/d3-chart/lib/cjs/Axis.js +14 -14
- package/d3-chart/lib/cjs/Bar.js +16 -16
- package/d3-chart/lib/cjs/Bubble.js +12 -12
- package/d3-chart/lib/cjs/CompactHorizontalBar.js +16 -16
- package/d3-chart/lib/cjs/Donut.js +9 -9
- package/d3-chart/lib/cjs/Dots.js +8 -8
- package/d3-chart/lib/cjs/HorizontalBar.js +16 -16
- package/d3-chart/lib/cjs/Hover.js +3 -3
- package/d3-chart/lib/cjs/Line.js +9 -9
- package/d3-chart/lib/cjs/Plot.js +3 -3
- package/d3-chart/lib/cjs/Radar.js +19 -19
- package/d3-chart/lib/cjs/RadialTree.js +12 -12
- package/d3-chart/lib/cjs/Reference.js +12 -12
- package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
- package/d3-chart/lib/cjs/Tooltip.js +9 -9
- package/d3-chart/lib/cjs/Venn.js +9 -9
- package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +19 -19
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.type.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/cjs/component/StackGroupBar/StackGroupBar.js +173 -0
- package/d3-chart/lib/cjs/component/StackGroupBar/StackGroupBar.js.map +1 -0
- package/d3-chart/lib/cjs/component/StackGroupBar/StackGroupBar.type.js +2 -0
- package/d3-chart/lib/cjs/component/StackGroupBar/StackGroupBar.type.js.map +1 -0
- package/d3-chart/lib/cjs/index.js +7 -0
- package/d3-chart/lib/cjs/index.js.map +1 -1
- package/d3-chart/lib/cjs/types/index.d.js +9 -1
- package/d3-chart/lib/cjs/types/index.d.js.map +1 -1
- package/d3-chart/lib/es6/Area.js +11 -11
- package/d3-chart/lib/es6/Axis.js +14 -14
- package/d3-chart/lib/es6/Bar.js +16 -16
- package/d3-chart/lib/es6/Bubble.js +12 -12
- package/d3-chart/lib/es6/CompactHorizontalBar.js +16 -16
- package/d3-chart/lib/es6/Donut.js +9 -9
- package/d3-chart/lib/es6/Dots.js +8 -8
- package/d3-chart/lib/es6/HorizontalBar.js +16 -16
- package/d3-chart/lib/es6/Hover.js +3 -3
- package/d3-chart/lib/es6/Line.js +9 -9
- package/d3-chart/lib/es6/Plot.js +3 -3
- package/d3-chart/lib/es6/Radar.js +19 -19
- package/d3-chart/lib/es6/RadialTree.js +12 -12
- package/d3-chart/lib/es6/Reference.js +12 -12
- package/d3-chart/lib/es6/ScatterPlot.js +9 -9
- package/d3-chart/lib/es6/Tooltip.js +9 -9
- package/d3-chart/lib/es6/Venn.js +9 -9
- package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +19 -19
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.type.js.map +1 -1
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/es6/component/StackGroupBar/StackGroupBar.js +163 -0
- package/d3-chart/lib/es6/component/StackGroupBar/StackGroupBar.js.map +1 -0
- package/d3-chart/lib/es6/component/StackGroupBar/StackGroupBar.type.js +2 -0
- package/d3-chart/lib/es6/component/StackGroupBar/StackGroupBar.type.js.map +1 -0
- package/d3-chart/lib/es6/index.js +1 -0
- package/d3-chart/lib/es6/index.js.map +1 -1
- package/d3-chart/lib/es6/types/index.d.js +1 -0
- package/d3-chart/lib/es6/types/index.d.js.map +1 -1
- package/d3-chart/lib/types/component/ChartLegend/LegendItem/LegendItem.type.d.ts +1 -0
- package/d3-chart/lib/types/component/StackGroupBar/StackGroupBar.d.ts +3 -0
- package/d3-chart/lib/types/component/StackGroupBar/StackGroupBar.type.d.ts +29 -0
- package/d3-chart/lib/types/index.d.ts +2 -0
- package/d3-chart/package.json +1 -1
- package/date-picker/lib/cjs/components/Calendar.js +21 -21
- package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
- package/date-picker/lib/cjs/components/InputTrigger.js +29 -29
- package/date-picker/lib/cjs/components/PickerAbstract.js +29 -29
- package/date-picker/lib/cjs/components/RangePickerAbstract.js +29 -29
- package/date-picker/lib/es6/components/Calendar.js +21 -21
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
- package/date-picker/lib/es6/components/InputTrigger.js +29 -29
- package/date-picker/lib/es6/components/PickerAbstract.js +29 -29
- package/date-picker/lib/es6/components/RangePickerAbstract.js +29 -29
- package/date-picker/package.json +1 -1
- package/drag-and-drop/lib/cjs/DragAndDrop.js +16 -16
- package/drag-and-drop/lib/es6/DragAndDrop.js +16 -16
- package/drag-and-drop/package.json +1 -1
- package/dropdown/lib/cjs/AbstractDropdown.js +52 -43
- package/dropdown/lib/cjs/AbstractDropdown.js.map +1 -1
- package/dropdown/lib/cjs/Dropdown.js +16 -16
- package/dropdown/lib/cjs/Dropdown.js.map +1 -1
- package/dropdown/lib/es6/AbstractDropdown.js +52 -43
- package/dropdown/lib/es6/AbstractDropdown.js.map +1 -1
- package/dropdown/lib/es6/Dropdown.js +16 -16
- package/dropdown/lib/es6/Dropdown.js.map +1 -1
- package/dropdown/package.json +1 -1
- package/dropdown-menu/index.d.ts +2 -0
- package/dropdown-menu/lib/cjs/DropdownMenu.js +29 -18
- package/dropdown-menu/lib/cjs/DropdownMenu.js.map +1 -1
- package/dropdown-menu/lib/cjs/index.d.js.map +1 -1
- package/dropdown-menu/lib/es6/DropdownMenu.js +29 -18
- package/dropdown-menu/lib/es6/DropdownMenu.js.map +1 -1
- package/dropdown-menu/lib/es6/index.d.js.map +1 -1
- package/dropdown-menu/lib/types/index.d.ts +2 -0
- package/dropdown-menu/package.json +1 -1
- package/errors/lib/cjs/Error.js +9 -9
- package/errors/lib/es6/Error.js +9 -9
- package/errors/package.json +1 -1
- package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
- package/feedback-form/lib/cjs/component/checkbox-button/CheckboxButton.js +3 -3
- package/feedback-form/lib/cjs/component/feedback-item/FeedbackItem.js +1 -1
- package/feedback-form/lib/cjs/component/feedback-item/FeedbackItem.js.map +1 -1
- package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js +2 -2
- package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js +6 -6
- package/feedback-form/lib/es6/FeedbackForm.js +7 -7
- package/feedback-form/lib/es6/component/checkbox-button/CheckboxButton.js +3 -3
- package/feedback-form/lib/es6/component/feedback-item/FeedbackItem.js +1 -1
- package/feedback-form/lib/es6/component/feedback-item/FeedbackItem.js.map +1 -1
- package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js +2 -2
- package/feedback-form/lib/es6/component/slider-rating/SliderRating.js +6 -6
- package/feedback-form/package.json +1 -1
- package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
- package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
- package/fullscreen-modal/package.json +1 -1
- package/inline-edit/lib/cjs/InlineEdit.js +16 -4
- package/inline-edit/lib/cjs/InlineEdit.js.map +1 -1
- package/inline-edit/lib/es6/InlineEdit.js +16 -4
- package/inline-edit/lib/es6/InlineEdit.js.map +1 -1
- package/inline-edit/package.json +1 -1
- package/inline-input/lib/cjs/InlineInput.js +14 -14
- package/inline-input/lib/es6/InlineInput.js +14 -14
- package/inline-input/package.json +1 -1
- package/input-number/lib/cjs/InputNumber.js +10 -21
- package/input-number/lib/cjs/InputNumber.js.map +1 -1
- package/input-number/lib/es6/InputNumber.js +10 -21
- package/input-number/lib/es6/InputNumber.js.map +1 -1
- package/input-number/package.json +1 -1
- package/input-tags/InputTags.d.ts +4 -2
- package/input-tags/lib/cjs/InputTags.js +51 -37
- package/input-tags/lib/cjs/InputTags.js.map +1 -1
- package/input-tags/lib/es6/InputTags.js +52 -37
- package/input-tags/lib/es6/InputTags.js.map +1 -1
- package/input-tags/lib/types/InputTags.d.ts +4 -2
- package/input-tags/package.json +1 -1
- package/mini-chart/lib/cjs/component/score/Donut.js +19 -13
- package/mini-chart/lib/cjs/component/score/Donut.js.map +1 -1
- package/mini-chart/lib/cjs/component/score/Line.js +18 -18
- package/mini-chart/lib/cjs/component/trend/Bar.js +17 -11
- package/mini-chart/lib/cjs/component/trend/Bar.js.map +1 -1
- package/mini-chart/lib/cjs/component/trend/Line.js +17 -11
- package/mini-chart/lib/cjs/component/trend/Line.js.map +1 -1
- package/mini-chart/lib/es6/component/score/Donut.js +19 -13
- package/mini-chart/lib/es6/component/score/Donut.js.map +1 -1
- package/mini-chart/lib/es6/component/score/Line.js +18 -18
- package/mini-chart/lib/es6/component/trend/Bar.js +17 -11
- package/mini-chart/lib/es6/component/trend/Bar.js.map +1 -1
- package/mini-chart/lib/es6/component/trend/Line.js +17 -11
- package/mini-chart/lib/es6/component/trend/Line.js.map +1 -1
- package/mini-chart/package.json +1 -1
- package/notice/lib/cjs/Notice.js +14 -14
- package/notice/lib/es6/Notice.js +14 -14
- package/notice/package.json +1 -1
- package/package.json +1 -1
- package/pagination/lib/cjs/Pagination.js +10 -10
- package/pagination/lib/es6/Pagination.js +10 -10
- package/pagination/package.json +1 -1
- package/select/lib/cjs/InputSearch.js +20 -16
- package/select/lib/cjs/InputSearch.js.map +1 -1
- package/select/lib/cjs/Select.js +28 -13
- package/select/lib/cjs/Select.js.map +1 -1
- package/select/lib/cjs/translations/de.json +2 -2
- package/select/lib/cjs/translations/en.json +3 -1
- package/select/lib/cjs/translations/es.json +2 -2
- package/select/lib/cjs/translations/fr.json +2 -2
- package/select/lib/cjs/translations/it.json +2 -2
- package/select/lib/cjs/translations/ja.json +2 -2
- package/select/lib/cjs/translations/ko.json +2 -2
- package/select/lib/cjs/translations/nl.json +2 -2
- package/select/lib/cjs/translations/pl.json +2 -2
- package/select/lib/cjs/translations/pt.json +2 -2
- package/select/lib/cjs/translations/sv.json +2 -2
- package/select/lib/cjs/translations/tr.json +2 -2
- package/select/lib/cjs/translations/vi.json +2 -2
- package/select/lib/cjs/translations/zh.json +2 -2
- package/select/lib/es6/InputSearch.js +20 -16
- package/select/lib/es6/InputSearch.js.map +1 -1
- package/select/lib/es6/Select.js +28 -13
- package/select/lib/es6/Select.js.map +1 -1
- package/select/lib/es6/translations/de.json +2 -2
- package/select/lib/es6/translations/en.json +3 -1
- package/select/lib/es6/translations/es.json +2 -2
- package/select/lib/es6/translations/fr.json +2 -2
- package/select/lib/es6/translations/it.json +2 -2
- package/select/lib/es6/translations/ja.json +2 -2
- package/select/lib/es6/translations/ko.json +2 -2
- package/select/lib/es6/translations/nl.json +2 -2
- package/select/lib/es6/translations/pl.json +2 -2
- package/select/lib/es6/translations/pt.json +2 -2
- package/select/lib/es6/translations/sv.json +2 -2
- package/select/lib/es6/translations/tr.json +2 -2
- package/select/lib/es6/translations/vi.json +2 -2
- package/select/lib/es6/translations/zh.json +2 -2
- package/select/package.json +1 -1
- package/time-picker/lib/cjs/TimePicker.js +12 -12
- package/time-picker/lib/es6/TimePicker.js +12 -12
- package/time-picker/package.json +1 -1
- package/utils/lib/ariaProps.d.ts +12 -0
- package/utils/lib/ariaProps.js +22 -0
- package/utils/lib/ariaProps.js.map +1 -0
- package/utils/lib/ariaProps.mjs +16 -0
- package/utils/lib/ariaProps.mjs.map +1 -0
package/card/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/card","description":"Semrush Card Component","version":"5.44.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.0","@semcore/flex-box":"5.39.0","@semcore/typography":"5.48.0","@semcore/tooltip":"6.47.0","@semcore/button":"5.40.0","@semcore/icon":"4.53.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/card"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/typography":"*","@semcore/icon":"*"}}
|
1
|
+
{"name":"intergalactic/card","description":"Semrush Card Component","version":"5.44.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.0","@semcore/flex-box":"5.39.0","@semcore/typography":"5.48.0","@semcore/tooltip":"6.47.0","@semcore/button":"5.40.1-prerelease.0","@semcore/icon":"4.53.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/card"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/typography":"*","@semcore/icon":"*"}}
|
@@ -31,27 +31,27 @@ var _findComponent = require("intergalactic/utils/lib/findComponent");
|
|
31
31
|
var _breakpoints = require("intergalactic/breakpoints");
|
32
32
|
var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
|
33
33
|
/*__reshadow-styles__:"./style/carousel.shadow.css"*/
|
34
|
-
var style = ( /*__reshadow_css_start__*/_index2.sstyled.insert( /*__inner_css_start__*/".
|
35
|
-
"__SCarousel": "
|
36
|
-
"__SContainer": "
|
37
|
-
"--duration": "--
|
38
|
-
"__SModalContainer": "
|
39
|
-
"__SItem": "
|
40
|
-
"--transform": "--
|
41
|
-
"_zoomIn": "
|
42
|
-
"_zoomOut": "
|
43
|
-
"__SIndicators": "
|
44
|
-
"_keyboardFocused": "
|
45
|
-
"__SIndicator": "
|
46
|
-
"_active": "
|
47
|
-
"_inverted": "
|
48
|
-
"__SPrev": "
|
49
|
-
"__SNext": "
|
50
|
-
"_disabled": "
|
51
|
-
"__SContentBox": "
|
52
|
-
"__SModalBox": "
|
53
|
-
"__SPrevButton": "
|
54
|
-
"__SNextButton": "
|
34
|
+
var style = ( /*__reshadow_css_start__*/_index2.sstyled.insert( /*__inner_css_start__*/".___SCarousel_kqj8s_gg_{overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SContainer_kqj8s_gg_{display:flex;transition:transform var(--duration_kqj8s) ease-in-out}.___SContentBox_kqj8s_gg_,.___SModalBox_kqj8s_gg_{position:relative;overflow:hidden;border-radius:var(--intergalactic-surface-rounded, 6px)}.___SContentBox_kqj8s_gg_:has(.___SItem_kqj8s_gg_.__keyboardFocused_kqj8s_gg_):after,.___SModalBox_kqj8s_gg_:has(.___SItem_kqj8s_gg_.__keyboardFocused_kqj8s_gg_):after{content:\"\";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px*2);top:3px;left:3px}.___SModalContainer_kqj8s_gg_{display:flex;transition:transform var(--duration_kqj8s) ease-in-out}.___SItem_kqj8s_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_kqj8s);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden;outline:0}.___SItem_kqj8s_gg_.__zoomIn_kqj8s_gg_{cursor:zoom-in}.___SItem_kqj8s_gg_.__zoomOut_kqj8s_gg_{cursor:zoom-out}.___SIndicators_kqj8s_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x, 16px);outline:0;position:relative}.___SIndicators_kqj8s_gg_.__keyboardFocused_kqj8s_gg_:after{content:\"\";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px);top:0;left:3px}.___SIndicator_kqj8s_gg_{margin:0 calc(.5*var(--intergalactic-spacing-3x, 12px));cursor:pointer;display:block;width:12px;height:12px;border-radius:var(--intergalactic-control-rounded, 6px);background-color:var(--intergalactic-icon-secondary-neutral, #a9abb6);opacity:var(--intergalactic-disabled-opacity, 0.3);-o-object-fit:cover;object-fit:cover;transition:ease-in-out opacity .1s}@media (hover:hover){.___SIndicator_kqj8s_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_kqj8s_gg_.__active_kqj8s_gg_{opacity:1}.___SIndicator_kqj8s_gg_.__inverted_kqj8s_gg_{background-color:var(--intergalactic-icon-primary-invert, #ffffff)}.___SNext_kqj8s_gg_,.___SPrev_kqj8s_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SNext_kqj8s_gg_ .___SNextButton_kqj8s_gg_ span:has(>svg:only-child),.___SNext_kqj8s_gg_ .___SPrevButton_kqj8s_gg_ span:has(>svg:only-child),.___SPrev_kqj8s_gg_ .___SNextButton_kqj8s_gg_ span:has(>svg:only-child),.___SPrev_kqj8s_gg_ .___SPrevButton_kqj8s_gg_ span:has(>svg:only-child){margin-left:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SNextButton_kqj8s_gg_:focus-visible,.___SPrevButton_kqj8s_gg_:focus-visible{box-shadow:none}.___SNextButton_kqj8s_gg_:focus-visible:after,.___SPrevButton_kqj8s_gg_:focus-visible:after{content:\"\";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px*2);top:3px;left:3px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPrev_kqj8s_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNext_kqj8s_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNext_kqj8s_gg_.__disabled_kqj8s_gg_,.___SPrev_kqj8s_gg_.__disabled_kqj8s_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_kqj8s_gg_{transition:none}}" /*__inner_css_end__*/, "kqj8s_gg_") /*__reshadow_css_end__*/, {
|
35
|
+
"__SCarousel": "___SCarousel_kqj8s_gg_",
|
36
|
+
"__SContainer": "___SContainer_kqj8s_gg_",
|
37
|
+
"--duration": "--duration_kqj8s",
|
38
|
+
"__SModalContainer": "___SModalContainer_kqj8s_gg_",
|
39
|
+
"__SItem": "___SItem_kqj8s_gg_",
|
40
|
+
"--transform": "--transform_kqj8s",
|
41
|
+
"_zoomIn": "__zoomIn_kqj8s_gg_",
|
42
|
+
"_zoomOut": "__zoomOut_kqj8s_gg_",
|
43
|
+
"__SIndicators": "___SIndicators_kqj8s_gg_",
|
44
|
+
"_keyboardFocused": "__keyboardFocused_kqj8s_gg_",
|
45
|
+
"__SIndicator": "___SIndicator_kqj8s_gg_",
|
46
|
+
"_active": "__active_kqj8s_gg_",
|
47
|
+
"_inverted": "__inverted_kqj8s_gg_",
|
48
|
+
"__SPrev": "___SPrev_kqj8s_gg_",
|
49
|
+
"__SNext": "___SNext_kqj8s_gg_",
|
50
|
+
"_disabled": "__disabled_kqj8s_gg_",
|
51
|
+
"__SContentBox": "___SContentBox_kqj8s_gg_",
|
52
|
+
"__SModalBox": "___SModalBox_kqj8s_gg_",
|
53
|
+
"__SPrevButton": "___SPrevButton_kqj8s_gg_",
|
54
|
+
"__SNextButton": "___SNextButton_kqj8s_gg_"
|
55
55
|
});
|
56
56
|
var MAP_TRANSFORM = {
|
57
57
|
ArrowLeft: 'left',
|
@@ -29,27 +29,27 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
|
29
29
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
30
30
|
import logger from 'intergalactic/utils/lib/logger';
|
31
31
|
/*__reshadow-styles__:"./style/carousel.shadow.css"*/
|
32
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
33
|
-
"__SCarousel": "
|
34
|
-
"__SContainer": "
|
35
|
-
"--duration": "--
|
36
|
-
"__SModalContainer": "
|
37
|
-
"__SItem": "
|
38
|
-
"--transform": "--
|
39
|
-
"_zoomIn": "
|
40
|
-
"_zoomOut": "
|
41
|
-
"__SIndicators": "
|
42
|
-
"_keyboardFocused": "
|
43
|
-
"__SIndicator": "
|
44
|
-
"_active": "
|
45
|
-
"_inverted": "
|
46
|
-
"__SPrev": "
|
47
|
-
"__SNext": "
|
48
|
-
"_disabled": "
|
49
|
-
"__SContentBox": "
|
50
|
-
"__SModalBox": "
|
51
|
-
"__SPrevButton": "
|
52
|
-
"__SNextButton": "
|
32
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCarousel_kqj8s_gg_{overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SContainer_kqj8s_gg_{display:flex;transition:transform var(--duration_kqj8s) ease-in-out}.___SContentBox_kqj8s_gg_,.___SModalBox_kqj8s_gg_{position:relative;overflow:hidden;border-radius:var(--intergalactic-surface-rounded, 6px)}.___SContentBox_kqj8s_gg_:has(.___SItem_kqj8s_gg_.__keyboardFocused_kqj8s_gg_):after,.___SModalBox_kqj8s_gg_:has(.___SItem_kqj8s_gg_.__keyboardFocused_kqj8s_gg_):after{content:\"\";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px*2);top:3px;left:3px}.___SModalContainer_kqj8s_gg_{display:flex;transition:transform var(--duration_kqj8s) ease-in-out}.___SItem_kqj8s_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_kqj8s);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden;outline:0}.___SItem_kqj8s_gg_.__zoomIn_kqj8s_gg_{cursor:zoom-in}.___SItem_kqj8s_gg_.__zoomOut_kqj8s_gg_{cursor:zoom-out}.___SIndicators_kqj8s_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x, 16px);outline:0;position:relative}.___SIndicators_kqj8s_gg_.__keyboardFocused_kqj8s_gg_:after{content:\"\";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px);top:0;left:3px}.___SIndicator_kqj8s_gg_{margin:0 calc(.5*var(--intergalactic-spacing-3x, 12px));cursor:pointer;display:block;width:12px;height:12px;border-radius:var(--intergalactic-control-rounded, 6px);background-color:var(--intergalactic-icon-secondary-neutral, #a9abb6);opacity:var(--intergalactic-disabled-opacity, 0.3);-o-object-fit:cover;object-fit:cover;transition:ease-in-out opacity .1s}@media (hover:hover){.___SIndicator_kqj8s_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_kqj8s_gg_.__active_kqj8s_gg_{opacity:1}.___SIndicator_kqj8s_gg_.__inverted_kqj8s_gg_{background-color:var(--intergalactic-icon-primary-invert, #ffffff)}.___SNext_kqj8s_gg_,.___SPrev_kqj8s_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SNext_kqj8s_gg_ .___SNextButton_kqj8s_gg_ span:has(>svg:only-child),.___SNext_kqj8s_gg_ .___SPrevButton_kqj8s_gg_ span:has(>svg:only-child),.___SPrev_kqj8s_gg_ .___SNextButton_kqj8s_gg_ span:has(>svg:only-child),.___SPrev_kqj8s_gg_ .___SPrevButton_kqj8s_gg_ span:has(>svg:only-child){margin-left:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SNextButton_kqj8s_gg_:focus-visible,.___SPrevButton_kqj8s_gg_:focus-visible{box-shadow:none}.___SNextButton_kqj8s_gg_:focus-visible:after,.___SPrevButton_kqj8s_gg_:focus-visible:after{content:\"\";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px*2);top:3px;left:3px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPrev_kqj8s_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNext_kqj8s_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNext_kqj8s_gg_.__disabled_kqj8s_gg_,.___SPrev_kqj8s_gg_.__disabled_kqj8s_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_kqj8s_gg_{transition:none}}" /*__inner_css_end__*/, "kqj8s_gg_") /*__reshadow_css_end__*/, {
|
33
|
+
"__SCarousel": "___SCarousel_kqj8s_gg_",
|
34
|
+
"__SContainer": "___SContainer_kqj8s_gg_",
|
35
|
+
"--duration": "--duration_kqj8s",
|
36
|
+
"__SModalContainer": "___SModalContainer_kqj8s_gg_",
|
37
|
+
"__SItem": "___SItem_kqj8s_gg_",
|
38
|
+
"--transform": "--transform_kqj8s",
|
39
|
+
"_zoomIn": "__zoomIn_kqj8s_gg_",
|
40
|
+
"_zoomOut": "__zoomOut_kqj8s_gg_",
|
41
|
+
"__SIndicators": "___SIndicators_kqj8s_gg_",
|
42
|
+
"_keyboardFocused": "__keyboardFocused_kqj8s_gg_",
|
43
|
+
"__SIndicator": "___SIndicator_kqj8s_gg_",
|
44
|
+
"_active": "__active_kqj8s_gg_",
|
45
|
+
"_inverted": "__inverted_kqj8s_gg_",
|
46
|
+
"__SPrev": "___SPrev_kqj8s_gg_",
|
47
|
+
"__SNext": "___SNext_kqj8s_gg_",
|
48
|
+
"_disabled": "__disabled_kqj8s_gg_",
|
49
|
+
"__SContentBox": "___SContentBox_kqj8s_gg_",
|
50
|
+
"__SModalBox": "___SModalBox_kqj8s_gg_",
|
51
|
+
"__SPrevButton": "___SPrevButton_kqj8s_gg_",
|
52
|
+
"__SNextButton": "___SNextButton_kqj8s_gg_"
|
53
53
|
});
|
54
54
|
import { findAllComponents } from 'intergalactic/utils/lib/findComponent';
|
55
55
|
import { createBreakpoints } from 'intergalactic/breakpoints';
|
package/carousel/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/carousel","description":"Semrush Carousel Component","version":"3.45.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js,ts"},"dependencies":{"@semcore/flex-box":"5.39.0","@semcore/icon":"4.53.0","@semcore/utils":"4.44.0","@semcore/button":"5.40.0","@semcore/modal":"4.50.0","@semcore/breakpoints":"1.39.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/carousel"},"devDependencies":{"@semcore/flex-box":"*","@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}
|
1
|
+
{"name":"intergalactic/carousel","description":"Semrush Carousel Component","version":"3.45.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js,ts"},"dependencies":{"@semcore/flex-box":"5.39.0","@semcore/icon":"4.53.0","@semcore/utils":"4.44.0","@semcore/button":"5.40.1-prerelease.0","@semcore/modal":"4.50.0","@semcore/breakpoints":"1.39.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/carousel"},"devDependencies":{"@semcore/flex-box":"*","@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}
|
@@ -28,30 +28,30 @@ var _components = require("./components");
|
|
28
28
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
29
29
|
var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
|
30
30
|
/*__reshadow-styles__:"./style/color-picker.shadow.css"*/
|
31
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
32
|
-
"__SColorPickerPopper": "
|
33
|
-
"__SItemContainer": "
|
34
|
-
"__SCloseIcon": "
|
35
|
-
"_keyboardFocused": "
|
36
|
-
"_selected": "
|
37
|
-
"__SColorsContainer": "
|
38
|
-
"__SColors": "
|
39
|
-
"__SPaletteManager": "
|
40
|
-
"__SInputContainer": "
|
41
|
-
"__SDefaultTrigger": "
|
42
|
-
"__STriggerCircle": "
|
43
|
-
"--data-value": "--data-
|
44
|
-
"__STriggerCircleLine": "
|
45
|
-
"__SLine": "
|
46
|
-
"__SLabel": "
|
47
|
-
"__SItemColor": "
|
48
|
-
"__SConfirmColor": "
|
49
|
-
"_hidden": "
|
50
|
-
"__SClearConfirm": "
|
51
|
-
"--value": "--
|
52
|
-
"_displayLabel": "
|
53
|
-
"_value": "
|
54
|
-
"__SPlusButton": "
|
31
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_peysn_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_peysn_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_peysn_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_peysn_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_peysn)}@media (hover:hover){.___SItemContainer_peysn_gg_:hover>.___SCloseIcon_peysn_gg_{opacity:1}}.___SItemContainer_peysn_gg_.__keyboardFocused_peysn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_peysn_gg_.__selected_peysn_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_peysn_gg_.__displayLabel_peysn_gg_::after{background:var(--value_peysn);opacity:.15}.___SItemContainer_peysn_gg_:not(.__value_peysn_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_peysn_gg_,.___SColors_peysn_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_peysn_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_peysn_gg_,.___SPaletteManager_peysn_gg_,.___SPlusButton_peysn_gg_{display:flex;align-items:center}.___SPlusButton_peysn_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_peysn_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_peysn_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_peysn_gg_.__keyboardFocused_peysn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_peysn_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_peysn);border:1px solid transparent}.___STriggerCircle_peysn_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_peysn_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_peysn_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_peysn_gg_{position:absolute}.___SLabel_peysn_gg_{z-index:1;color:var(--data-value_peysn);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_peysn_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_peysn)}.___SClearConfirm_peysn_gg_.__hidden_peysn_gg_,.___SConfirmColor_peysn_gg_.__hidden_peysn_gg_{display:none}" /*__inner_css_end__*/, "peysn_gg_") /*__reshadow_css_end__*/, {
|
32
|
+
"__SColorPickerPopper": "___SColorPickerPopper_peysn_gg_",
|
33
|
+
"__SItemContainer": "___SItemContainer_peysn_gg_",
|
34
|
+
"__SCloseIcon": "___SCloseIcon_peysn_gg_",
|
35
|
+
"_keyboardFocused": "__keyboardFocused_peysn_gg_",
|
36
|
+
"_selected": "__selected_peysn_gg_",
|
37
|
+
"__SColorsContainer": "___SColorsContainer_peysn_gg_",
|
38
|
+
"__SColors": "___SColors_peysn_gg_",
|
39
|
+
"__SPaletteManager": "___SPaletteManager_peysn_gg_",
|
40
|
+
"__SInputContainer": "___SInputContainer_peysn_gg_",
|
41
|
+
"__SDefaultTrigger": "___SDefaultTrigger_peysn_gg_",
|
42
|
+
"__STriggerCircle": "___STriggerCircle_peysn_gg_",
|
43
|
+
"--data-value": "--data-value_peysn",
|
44
|
+
"__STriggerCircleLine": "___STriggerCircleLine_peysn_gg_",
|
45
|
+
"__SLine": "___SLine_peysn_gg_",
|
46
|
+
"__SLabel": "___SLabel_peysn_gg_",
|
47
|
+
"__SItemColor": "___SItemColor_peysn_gg_",
|
48
|
+
"__SConfirmColor": "___SConfirmColor_peysn_gg_",
|
49
|
+
"_hidden": "__hidden_peysn_gg_",
|
50
|
+
"__SClearConfirm": "___SClearConfirm_peysn_gg_",
|
51
|
+
"--value": "--value_peysn",
|
52
|
+
"_displayLabel": "__displayLabel_peysn_gg_",
|
53
|
+
"_value": "__value_peysn_gg_",
|
54
|
+
"__SPlusButton": "___SPlusButton_peysn_gg_"
|
55
55
|
});
|
56
56
|
var defaultColors = [null, '#2BB3FF', '#8649E1', '#C695FF', '#F67CF2', '#FFA9FA', '#FF8786', '#FF8C43', '#FDC23C', '#66C030', '#9BD85D', '#C7EE96'];
|
57
57
|
exports.defaultColors = defaultColors;
|
@@ -19,30 +19,30 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
|
|
19
19
|
var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
|
20
20
|
var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
|
21
21
|
/*__reshadow-styles__:"./style/color-picker.shadow.css"*/
|
22
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
23
|
-
"__SColorPickerPopper": "
|
24
|
-
"__SItemContainer": "
|
25
|
-
"__SCloseIcon": "
|
26
|
-
"_keyboardFocused": "
|
27
|
-
"_selected": "
|
28
|
-
"__SColorsContainer": "
|
29
|
-
"__SColors": "
|
30
|
-
"__SPaletteManager": "
|
31
|
-
"__SInputContainer": "
|
32
|
-
"__SDefaultTrigger": "
|
33
|
-
"__STriggerCircle": "
|
34
|
-
"--data-value": "--data-
|
35
|
-
"__STriggerCircleLine": "
|
36
|
-
"__SLine": "
|
37
|
-
"__SLabel": "
|
38
|
-
"__SItemColor": "
|
39
|
-
"__SConfirmColor": "
|
40
|
-
"_hidden": "
|
41
|
-
"__SClearConfirm": "
|
42
|
-
"--value": "--
|
43
|
-
"_displayLabel": "
|
44
|
-
"_value": "
|
45
|
-
"__SPlusButton": "
|
22
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_peysn_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_peysn_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_peysn_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_peysn_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_peysn)}@media (hover:hover){.___SItemContainer_peysn_gg_:hover>.___SCloseIcon_peysn_gg_{opacity:1}}.___SItemContainer_peysn_gg_.__keyboardFocused_peysn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_peysn_gg_.__selected_peysn_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_peysn_gg_.__displayLabel_peysn_gg_::after{background:var(--value_peysn);opacity:.15}.___SItemContainer_peysn_gg_:not(.__value_peysn_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_peysn_gg_,.___SColors_peysn_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_peysn_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_peysn_gg_,.___SPaletteManager_peysn_gg_,.___SPlusButton_peysn_gg_{display:flex;align-items:center}.___SPlusButton_peysn_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_peysn_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_peysn_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_peysn_gg_.__keyboardFocused_peysn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_peysn_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_peysn);border:1px solid transparent}.___STriggerCircle_peysn_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_peysn_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_peysn_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_peysn_gg_{position:absolute}.___SLabel_peysn_gg_{z-index:1;color:var(--data-value_peysn);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_peysn_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_peysn)}.___SClearConfirm_peysn_gg_.__hidden_peysn_gg_,.___SConfirmColor_peysn_gg_.__hidden_peysn_gg_{display:none}" /*__inner_css_end__*/, "peysn_gg_") /*__reshadow_css_end__*/, {
|
23
|
+
"__SColorPickerPopper": "___SColorPickerPopper_peysn_gg_",
|
24
|
+
"__SItemContainer": "___SItemContainer_peysn_gg_",
|
25
|
+
"__SCloseIcon": "___SCloseIcon_peysn_gg_",
|
26
|
+
"_keyboardFocused": "__keyboardFocused_peysn_gg_",
|
27
|
+
"_selected": "__selected_peysn_gg_",
|
28
|
+
"__SColorsContainer": "___SColorsContainer_peysn_gg_",
|
29
|
+
"__SColors": "___SColors_peysn_gg_",
|
30
|
+
"__SPaletteManager": "___SPaletteManager_peysn_gg_",
|
31
|
+
"__SInputContainer": "___SInputContainer_peysn_gg_",
|
32
|
+
"__SDefaultTrigger": "___SDefaultTrigger_peysn_gg_",
|
33
|
+
"__STriggerCircle": "___STriggerCircle_peysn_gg_",
|
34
|
+
"--data-value": "--data-value_peysn",
|
35
|
+
"__STriggerCircleLine": "___STriggerCircleLine_peysn_gg_",
|
36
|
+
"__SLine": "___SLine_peysn_gg_",
|
37
|
+
"__SLabel": "___SLabel_peysn_gg_",
|
38
|
+
"__SItemColor": "___SItemColor_peysn_gg_",
|
39
|
+
"__SConfirmColor": "___SConfirmColor_peysn_gg_",
|
40
|
+
"_hidden": "__hidden_peysn_gg_",
|
41
|
+
"__SClearConfirm": "___SClearConfirm_peysn_gg_",
|
42
|
+
"--value": "--value_peysn",
|
43
|
+
"_displayLabel": "__displayLabel_peysn_gg_",
|
44
|
+
"_value": "__value_peysn_gg_",
|
45
|
+
"__SPlusButton": "___SPlusButton_peysn_gg_"
|
46
46
|
});
|
47
47
|
var enhance = [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])()];
|
48
48
|
var PaletteManagerRoot = /*#__PURE__*/function (_Component) {
|
@@ -21,30 +21,30 @@ var _input = _interopRequireDefault(require("intergalactic/input"));
|
|
21
21
|
var _m = _interopRequireDefault(require("intergalactic/icon/Check/m"));
|
22
22
|
var _m2 = _interopRequireDefault(require("intergalactic/icon/Close/m"));
|
23
23
|
/*__reshadow-styles__:"../style/color-picker.shadow.css"*/
|
24
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
25
|
-
"__SColorPickerPopper": "
|
26
|
-
"__SItemContainer": "
|
27
|
-
"__SCloseIcon": "
|
28
|
-
"_keyboardFocused": "
|
29
|
-
"_selected": "
|
30
|
-
"__SColorsContainer": "
|
31
|
-
"__SColors": "
|
32
|
-
"__SPaletteManager": "
|
33
|
-
"__SInputContainer": "
|
34
|
-
"__SDefaultTrigger": "
|
35
|
-
"__STriggerCircle": "
|
36
|
-
"--data-value": "--data-
|
37
|
-
"__STriggerCircleLine": "
|
38
|
-
"__SLine": "
|
39
|
-
"__SLabel": "
|
40
|
-
"__SItemColor": "
|
41
|
-
"__SConfirmColor": "
|
42
|
-
"_hidden": "
|
43
|
-
"__SClearConfirm": "
|
44
|
-
"--value": "--
|
45
|
-
"_displayLabel": "
|
46
|
-
"_value": "
|
47
|
-
"__SPlusButton": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_peysn_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_peysn_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_peysn_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_peysn_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_peysn)}@media (hover:hover){.___SItemContainer_peysn_gg_:hover>.___SCloseIcon_peysn_gg_{opacity:1}}.___SItemContainer_peysn_gg_.__keyboardFocused_peysn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_peysn_gg_.__selected_peysn_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_peysn_gg_.__displayLabel_peysn_gg_::after{background:var(--value_peysn);opacity:.15}.___SItemContainer_peysn_gg_:not(.__value_peysn_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_peysn_gg_,.___SColors_peysn_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_peysn_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_peysn_gg_,.___SPaletteManager_peysn_gg_,.___SPlusButton_peysn_gg_{display:flex;align-items:center}.___SPlusButton_peysn_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_peysn_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_peysn_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_peysn_gg_.__keyboardFocused_peysn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_peysn_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_peysn);border:1px solid transparent}.___STriggerCircle_peysn_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_peysn_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_peysn_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_peysn_gg_{position:absolute}.___SLabel_peysn_gg_{z-index:1;color:var(--data-value_peysn);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_peysn_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_peysn)}.___SClearConfirm_peysn_gg_.__hidden_peysn_gg_,.___SConfirmColor_peysn_gg_.__hidden_peysn_gg_{display:none}" /*__inner_css_end__*/, "peysn_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__SColorPickerPopper": "___SColorPickerPopper_peysn_gg_",
|
26
|
+
"__SItemContainer": "___SItemContainer_peysn_gg_",
|
27
|
+
"__SCloseIcon": "___SCloseIcon_peysn_gg_",
|
28
|
+
"_keyboardFocused": "__keyboardFocused_peysn_gg_",
|
29
|
+
"_selected": "__selected_peysn_gg_",
|
30
|
+
"__SColorsContainer": "___SColorsContainer_peysn_gg_",
|
31
|
+
"__SColors": "___SColors_peysn_gg_",
|
32
|
+
"__SPaletteManager": "___SPaletteManager_peysn_gg_",
|
33
|
+
"__SInputContainer": "___SInputContainer_peysn_gg_",
|
34
|
+
"__SDefaultTrigger": "___SDefaultTrigger_peysn_gg_",
|
35
|
+
"__STriggerCircle": "___STriggerCircle_peysn_gg_",
|
36
|
+
"--data-value": "--data-value_peysn",
|
37
|
+
"__STriggerCircleLine": "___STriggerCircleLine_peysn_gg_",
|
38
|
+
"__SLine": "___SLine_peysn_gg_",
|
39
|
+
"__SLabel": "___SLabel_peysn_gg_",
|
40
|
+
"__SItemColor": "___SItemColor_peysn_gg_",
|
41
|
+
"__SConfirmColor": "___SConfirmColor_peysn_gg_",
|
42
|
+
"_hidden": "__hidden_peysn_gg_",
|
43
|
+
"__SClearConfirm": "___SClearConfirm_peysn_gg_",
|
44
|
+
"--value": "--value_peysn",
|
45
|
+
"_displayLabel": "__displayLabel_peysn_gg_",
|
46
|
+
"_value": "__value_peysn_gg_",
|
47
|
+
"__SPlusButton": "___SPlusButton_peysn_gg_"
|
48
48
|
});
|
49
49
|
function isValidHex(hex) {
|
50
50
|
if (hex[0] !== '#' && hex.length === 7) return false;
|
@@ -21,30 +21,30 @@ import { Item, Colors, ColorsCustom, InputColor } from './components';
|
|
21
21
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
22
22
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
23
23
|
/*__reshadow-styles__:"./style/color-picker.shadow.css"*/
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
25
|
-
"__SColorPickerPopper": "
|
26
|
-
"__SItemContainer": "
|
27
|
-
"__SCloseIcon": "
|
28
|
-
"_keyboardFocused": "
|
29
|
-
"_selected": "
|
30
|
-
"__SColorsContainer": "
|
31
|
-
"__SColors": "
|
32
|
-
"__SPaletteManager": "
|
33
|
-
"__SInputContainer": "
|
34
|
-
"__SDefaultTrigger": "
|
35
|
-
"__STriggerCircle": "
|
36
|
-
"--data-value": "--data-
|
37
|
-
"__STriggerCircleLine": "
|
38
|
-
"__SLine": "
|
39
|
-
"__SLabel": "
|
40
|
-
"__SItemColor": "
|
41
|
-
"__SConfirmColor": "
|
42
|
-
"_hidden": "
|
43
|
-
"__SClearConfirm": "
|
44
|
-
"--value": "--
|
45
|
-
"_displayLabel": "
|
46
|
-
"_value": "
|
47
|
-
"__SPlusButton": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_peysn_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_peysn_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_peysn_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_peysn_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_peysn)}@media (hover:hover){.___SItemContainer_peysn_gg_:hover>.___SCloseIcon_peysn_gg_{opacity:1}}.___SItemContainer_peysn_gg_.__keyboardFocused_peysn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_peysn_gg_.__selected_peysn_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_peysn_gg_.__displayLabel_peysn_gg_::after{background:var(--value_peysn);opacity:.15}.___SItemContainer_peysn_gg_:not(.__value_peysn_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_peysn_gg_,.___SColors_peysn_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_peysn_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_peysn_gg_,.___SPaletteManager_peysn_gg_,.___SPlusButton_peysn_gg_{display:flex;align-items:center}.___SPlusButton_peysn_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_peysn_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_peysn_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_peysn_gg_.__keyboardFocused_peysn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_peysn_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_peysn);border:1px solid transparent}.___STriggerCircle_peysn_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_peysn_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_peysn_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_peysn_gg_{position:absolute}.___SLabel_peysn_gg_{z-index:1;color:var(--data-value_peysn);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_peysn_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_peysn)}.___SClearConfirm_peysn_gg_.__hidden_peysn_gg_,.___SConfirmColor_peysn_gg_.__hidden_peysn_gg_{display:none}" /*__inner_css_end__*/, "peysn_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__SColorPickerPopper": "___SColorPickerPopper_peysn_gg_",
|
26
|
+
"__SItemContainer": "___SItemContainer_peysn_gg_",
|
27
|
+
"__SCloseIcon": "___SCloseIcon_peysn_gg_",
|
28
|
+
"_keyboardFocused": "__keyboardFocused_peysn_gg_",
|
29
|
+
"_selected": "__selected_peysn_gg_",
|
30
|
+
"__SColorsContainer": "___SColorsContainer_peysn_gg_",
|
31
|
+
"__SColors": "___SColors_peysn_gg_",
|
32
|
+
"__SPaletteManager": "___SPaletteManager_peysn_gg_",
|
33
|
+
"__SInputContainer": "___SInputContainer_peysn_gg_",
|
34
|
+
"__SDefaultTrigger": "___SDefaultTrigger_peysn_gg_",
|
35
|
+
"__STriggerCircle": "___STriggerCircle_peysn_gg_",
|
36
|
+
"--data-value": "--data-value_peysn",
|
37
|
+
"__STriggerCircleLine": "___STriggerCircleLine_peysn_gg_",
|
38
|
+
"__SLine": "___SLine_peysn_gg_",
|
39
|
+
"__SLabel": "___SLabel_peysn_gg_",
|
40
|
+
"__SItemColor": "___SItemColor_peysn_gg_",
|
41
|
+
"__SConfirmColor": "___SConfirmColor_peysn_gg_",
|
42
|
+
"_hidden": "__hidden_peysn_gg_",
|
43
|
+
"__SClearConfirm": "___SClearConfirm_peysn_gg_",
|
44
|
+
"--value": "--value_peysn",
|
45
|
+
"_displayLabel": "__displayLabel_peysn_gg_",
|
46
|
+
"_value": "__value_peysn_gg_",
|
47
|
+
"__SPlusButton": "___SPlusButton_peysn_gg_"
|
48
48
|
});
|
49
49
|
var defaultColors = [null, '#2BB3FF', '#8649E1', '#C695FF', '#F67CF2', '#FFA9FA', '#FF8786', '#FF8C43', '#FDC23C', '#66C030', '#9BD85D', '#C7EE96'];
|
50
50
|
var ColorPickerRoot = /*#__PURE__*/function (_Component) {
|
@@ -11,30 +11,30 @@ import Divider from 'intergalactic/divider';
|
|
11
11
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
12
12
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
13
13
|
/*__reshadow-styles__:"./style/color-picker.shadow.css"*/
|
14
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
15
|
-
"__SColorPickerPopper": "
|
16
|
-
"__SItemContainer": "
|
17
|
-
"__SCloseIcon": "
|
18
|
-
"_keyboardFocused": "
|
19
|
-
"_selected": "
|
20
|
-
"__SColorsContainer": "
|
21
|
-
"__SColors": "
|
22
|
-
"__SPaletteManager": "
|
23
|
-
"__SInputContainer": "
|
24
|
-
"__SDefaultTrigger": "
|
25
|
-
"__STriggerCircle": "
|
26
|
-
"--data-value": "--data-
|
27
|
-
"__STriggerCircleLine": "
|
28
|
-
"__SLine": "
|
29
|
-
"__SLabel": "
|
30
|
-
"__SItemColor": "
|
31
|
-
"__SConfirmColor": "
|
32
|
-
"_hidden": "
|
33
|
-
"__SClearConfirm": "
|
34
|
-
"--value": "--
|
35
|
-
"_displayLabel": "
|
36
|
-
"_value": "
|
37
|
-
"__SPlusButton": "
|
14
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_peysn_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_peysn_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_peysn_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_peysn_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_peysn)}@media (hover:hover){.___SItemContainer_peysn_gg_:hover>.___SCloseIcon_peysn_gg_{opacity:1}}.___SItemContainer_peysn_gg_.__keyboardFocused_peysn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_peysn_gg_.__selected_peysn_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_peysn_gg_.__displayLabel_peysn_gg_::after{background:var(--value_peysn);opacity:.15}.___SItemContainer_peysn_gg_:not(.__value_peysn_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_peysn_gg_,.___SColors_peysn_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_peysn_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_peysn_gg_,.___SPaletteManager_peysn_gg_,.___SPlusButton_peysn_gg_{display:flex;align-items:center}.___SPlusButton_peysn_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_peysn_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_peysn_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_peysn_gg_.__keyboardFocused_peysn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_peysn_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_peysn);border:1px solid transparent}.___STriggerCircle_peysn_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_peysn_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_peysn_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_peysn_gg_{position:absolute}.___SLabel_peysn_gg_{z-index:1;color:var(--data-value_peysn);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_peysn_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_peysn)}.___SClearConfirm_peysn_gg_.__hidden_peysn_gg_,.___SConfirmColor_peysn_gg_.__hidden_peysn_gg_{display:none}" /*__inner_css_end__*/, "peysn_gg_") /*__reshadow_css_end__*/, {
|
15
|
+
"__SColorPickerPopper": "___SColorPickerPopper_peysn_gg_",
|
16
|
+
"__SItemContainer": "___SItemContainer_peysn_gg_",
|
17
|
+
"__SCloseIcon": "___SCloseIcon_peysn_gg_",
|
18
|
+
"_keyboardFocused": "__keyboardFocused_peysn_gg_",
|
19
|
+
"_selected": "__selected_peysn_gg_",
|
20
|
+
"__SColorsContainer": "___SColorsContainer_peysn_gg_",
|
21
|
+
"__SColors": "___SColors_peysn_gg_",
|
22
|
+
"__SPaletteManager": "___SPaletteManager_peysn_gg_",
|
23
|
+
"__SInputContainer": "___SInputContainer_peysn_gg_",
|
24
|
+
"__SDefaultTrigger": "___SDefaultTrigger_peysn_gg_",
|
25
|
+
"__STriggerCircle": "___STriggerCircle_peysn_gg_",
|
26
|
+
"--data-value": "--data-value_peysn",
|
27
|
+
"__STriggerCircleLine": "___STriggerCircleLine_peysn_gg_",
|
28
|
+
"__SLine": "___SLine_peysn_gg_",
|
29
|
+
"__SLabel": "___SLabel_peysn_gg_",
|
30
|
+
"__SItemColor": "___SItemColor_peysn_gg_",
|
31
|
+
"__SConfirmColor": "___SConfirmColor_peysn_gg_",
|
32
|
+
"_hidden": "__hidden_peysn_gg_",
|
33
|
+
"__SClearConfirm": "___SClearConfirm_peysn_gg_",
|
34
|
+
"--value": "--value_peysn",
|
35
|
+
"_displayLabel": "__displayLabel_peysn_gg_",
|
36
|
+
"_value": "__value_peysn_gg_",
|
37
|
+
"__SPlusButton": "___SPlusButton_peysn_gg_"
|
38
38
|
});
|
39
39
|
import uniqueIdEnhance from 'intergalactic/utils/lib/uniqueID';
|
40
40
|
var enhance = [i18nEnhance(localizedMessages), uniqueIdEnhance()];
|
@@ -14,30 +14,30 @@ import Input from 'intergalactic/input';
|
|
14
14
|
import CheckM from 'intergalactic/icon/Check/m';
|
15
15
|
import CloseM from 'intergalactic/icon/Close/m';
|
16
16
|
/*__reshadow-styles__:"../style/color-picker.shadow.css"*/
|
17
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
18
|
-
"__SColorPickerPopper": "
|
19
|
-
"__SItemContainer": "
|
20
|
-
"__SCloseIcon": "
|
21
|
-
"_keyboardFocused": "
|
22
|
-
"_selected": "
|
23
|
-
"__SColorsContainer": "
|
24
|
-
"__SColors": "
|
25
|
-
"__SPaletteManager": "
|
26
|
-
"__SInputContainer": "
|
27
|
-
"__SDefaultTrigger": "
|
28
|
-
"__STriggerCircle": "
|
29
|
-
"--data-value": "--data-
|
30
|
-
"__STriggerCircleLine": "
|
31
|
-
"__SLine": "
|
32
|
-
"__SLabel": "
|
33
|
-
"__SItemColor": "
|
34
|
-
"__SConfirmColor": "
|
35
|
-
"_hidden": "
|
36
|
-
"__SClearConfirm": "
|
37
|
-
"--value": "--
|
38
|
-
"_displayLabel": "
|
39
|
-
"_value": "
|
40
|
-
"__SPlusButton": "
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_peysn_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_peysn_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_peysn_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_peysn_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_peysn)}@media (hover:hover){.___SItemContainer_peysn_gg_:hover>.___SCloseIcon_peysn_gg_{opacity:1}}.___SItemContainer_peysn_gg_.__keyboardFocused_peysn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_peysn_gg_.__selected_peysn_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_peysn_gg_.__displayLabel_peysn_gg_::after{background:var(--value_peysn);opacity:.15}.___SItemContainer_peysn_gg_:not(.__value_peysn_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_peysn_gg_,.___SColors_peysn_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_peysn_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_peysn_gg_,.___SPaletteManager_peysn_gg_,.___SPlusButton_peysn_gg_{display:flex;align-items:center}.___SPlusButton_peysn_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_peysn_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_peysn_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_peysn_gg_.__keyboardFocused_peysn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_peysn_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_peysn);border:1px solid transparent}.___STriggerCircle_peysn_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_peysn_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_peysn_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_peysn_gg_{position:absolute}.___SLabel_peysn_gg_{z-index:1;color:var(--data-value_peysn);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_peysn_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_peysn)}.___SClearConfirm_peysn_gg_.__hidden_peysn_gg_,.___SConfirmColor_peysn_gg_.__hidden_peysn_gg_{display:none}" /*__inner_css_end__*/, "peysn_gg_") /*__reshadow_css_end__*/, {
|
18
|
+
"__SColorPickerPopper": "___SColorPickerPopper_peysn_gg_",
|
19
|
+
"__SItemContainer": "___SItemContainer_peysn_gg_",
|
20
|
+
"__SCloseIcon": "___SCloseIcon_peysn_gg_",
|
21
|
+
"_keyboardFocused": "__keyboardFocused_peysn_gg_",
|
22
|
+
"_selected": "__selected_peysn_gg_",
|
23
|
+
"__SColorsContainer": "___SColorsContainer_peysn_gg_",
|
24
|
+
"__SColors": "___SColors_peysn_gg_",
|
25
|
+
"__SPaletteManager": "___SPaletteManager_peysn_gg_",
|
26
|
+
"__SInputContainer": "___SInputContainer_peysn_gg_",
|
27
|
+
"__SDefaultTrigger": "___SDefaultTrigger_peysn_gg_",
|
28
|
+
"__STriggerCircle": "___STriggerCircle_peysn_gg_",
|
29
|
+
"--data-value": "--data-value_peysn",
|
30
|
+
"__STriggerCircleLine": "___STriggerCircleLine_peysn_gg_",
|
31
|
+
"__SLine": "___SLine_peysn_gg_",
|
32
|
+
"__SLabel": "___SLabel_peysn_gg_",
|
33
|
+
"__SItemColor": "___SItemColor_peysn_gg_",
|
34
|
+
"__SConfirmColor": "___SConfirmColor_peysn_gg_",
|
35
|
+
"_hidden": "__hidden_peysn_gg_",
|
36
|
+
"__SClearConfirm": "___SClearConfirm_peysn_gg_",
|
37
|
+
"--value": "--value_peysn",
|
38
|
+
"_displayLabel": "__displayLabel_peysn_gg_",
|
39
|
+
"_value": "__value_peysn_gg_",
|
40
|
+
"__SPlusButton": "___SPlusButton_peysn_gg_"
|
41
41
|
});
|
42
42
|
function isValidHex(hex) {
|
43
43
|
if (hex[0] !== '#' && hex.length === 7) return false;
|