intergalactic 15.57.0 → 15.58.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 +10 -0
- package/accordion/lib/cjs/Accordion.js +7 -7
- package/accordion/lib/es6/Accordion.js +7 -7
- package/animation/lib/cjs/Animation.js +11 -11
- package/animation/lib/cjs/Collapse.js +28 -28
- package/animation/lib/cjs/FadeInOut.js +28 -28
- package/animation/lib/cjs/Scale.js +28 -28
- package/animation/lib/cjs/Slide.js +28 -28
- package/animation/lib/cjs/Transform.js +28 -28
- package/animation/lib/es6/Animation.js +11 -11
- package/animation/lib/es6/Collapse.js +28 -28
- package/animation/lib/es6/FadeInOut.js +28 -28
- package/animation/lib/es6/Scale.js +28 -28
- package/animation/lib/es6/Slide.js +28 -28
- package/animation/lib/es6/Transform.js +28 -28
- package/badge/lib/cjs/Badge.js +6 -6
- package/badge/lib/es6/Badge.js +6 -6
- package/base-trigger/lib/cjs/BaseTrigger.js +18 -18
- package/base-trigger/lib/cjs/ButtonTrigger.js +3 -3
- package/base-trigger/lib/cjs/FilterTrigger.js +7 -7
- package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
- package/base-trigger/lib/es6/BaseTrigger.js +18 -18
- package/base-trigger/lib/es6/ButtonTrigger.js +3 -3
- package/base-trigger/lib/es6/FilterTrigger.js +7 -7
- package/base-trigger/lib/es6/LinkTrigger.js +12 -12
- package/breadcrumbs/lib/cjs/Breadcrumbs.js +6 -6
- package/breadcrumbs/lib/es6/Breadcrumbs.js +6 -6
- package/button/lib/cjs/Button.js +26 -26
- package/button/lib/es6/Button.js +26 -26
- package/card/lib/cjs/Card.js +8 -8
- package/card/lib/es6/Card.js +8 -8
- package/carousel/lib/cjs/Carousel.js +18 -18
- package/carousel/lib/es6/Carousel.js +18 -18
- package/checkbox/index.d.ts +1 -1
- package/checkbox/lib/cjs/Checkbox.js +18 -18
- package/checkbox/lib/cjs/index.d.js.map +1 -1
- package/checkbox/lib/cjs/style/checkbox.shadow.css +1 -1
- package/checkbox/lib/es6/Checkbox.js +18 -18
- package/checkbox/lib/es6/index.d.js.map +1 -1
- package/checkbox/lib/es6/style/checkbox.shadow.css +1 -1
- package/checkbox/lib/types/index.d.ts +1 -1
- package/color-picker/lib/cjs/ColorPicker.js +23 -23
- package/color-picker/lib/cjs/PaletteManager.js +23 -23
- package/color-picker/lib/cjs/components/InputColor.js +23 -23
- package/color-picker/lib/es6/ColorPicker.js +23 -23
- package/color-picker/lib/es6/PaletteManager.js +23 -23
- package/color-picker/lib/es6/components/InputColor.js +23 -23
- package/components.json +4 -4
- package/counter/lib/cjs/Counter.js +10 -10
- package/counter/lib/es6/Counter.js +10 -10
- 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 +10 -10
- package/d3-chart/lib/cjs/Bubble.js +12 -12
- 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 +10 -10
- 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 +11 -11
- package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
- 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 +17 -17
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- 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 +10 -10
- package/d3-chart/lib/es6/Bubble.js +12 -12
- 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 +10 -10
- 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 +11 -11
- package/d3-chart/lib/es6/ReferenceLine.js +9 -9
- 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 +17 -17
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/data-table/lib/cjs/Body.js +4 -4
- package/data-table/lib/cjs/DataTable.js +41 -41
- package/data-table/lib/cjs/Head.js +4 -4
- package/data-table/lib/es6/Body.js +4 -4
- package/data-table/lib/es6/DataTable.js +41 -41
- package/data-table/lib/es6/Head.js +4 -4
- package/date-picker/lib/cjs/components/Calendar.js +21 -21
- package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +26 -26
- package/date-picker/lib/cjs/components/InputTrigger.js +26 -26
- package/date-picker/lib/cjs/components/PickerAbstract.js +26 -26
- package/date-picker/lib/cjs/components/RangePickerAbstract.js +26 -26
- package/date-picker/lib/es6/components/Calendar.js +21 -21
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +26 -26
- package/date-picker/lib/es6/components/InputTrigger.js +26 -26
- package/date-picker/lib/es6/components/PickerAbstract.js +26 -26
- package/date-picker/lib/es6/components/RangePickerAbstract.js +26 -26
- package/divider/lib/cjs/Divider.js +9 -9
- package/divider/lib/es6/Divider.js +9 -9
- package/dot/lib/cjs/Dot.js +10 -10
- package/dot/lib/es6/Dot.js +10 -10
- package/drag-and-drop/lib/cjs/DragAndDrop.js +12 -12
- package/drag-and-drop/lib/es6/DragAndDrop.js +12 -12
- package/dropdown/lib/cjs/Dropdown.js +2 -2
- package/dropdown/lib/es6/Dropdown.js +2 -2
- package/dropdown-menu/lib/cjs/DropdownMenu.js +12 -12
- package/dropdown-menu/lib/cjs/styleScrollArea.js +6 -6
- package/dropdown-menu/lib/es6/DropdownMenu.js +12 -12
- package/dropdown-menu/lib/es6/styleScrollArea.js +6 -6
- package/ellipsis/lib/cjs/Ellipsis.js +10 -10
- package/ellipsis/lib/es6/Ellipsis.js +10 -10
- package/errors/lib/cjs/Error.js +9 -9
- package/errors/lib/es6/Error.js +9 -9
- package/feature-popover/lib/cjs/FeaturePopover.js +10 -10
- package/feature-popover/lib/es6/FeaturePopover.js +10 -10
- package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
- package/feedback-form/lib/es6/FeedbackForm.js +7 -7
- package/flags/lib/cjs/Flags.js +3 -3
- package/flags/lib/es6/Flags.js +3 -3
- package/flags/lib/sprites/sprite@1x.css +256 -256
- package/flags/lib/sprites/sprite@2x.css +257 -257
- package/flex-box/lib/cjs/Box/useBox.js +3 -3
- package/flex-box/lib/cjs/Flex/useFlex.js +3 -3
- package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js +2 -2
- package/flex-box/lib/es6/Box/useBox.js +3 -3
- package/flex-box/lib/es6/Flex/useFlex.js +3 -3
- package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js +2 -2
- package/format-text/lib/cjs/FormatText.js +5 -5
- package/format-text/lib/es6/FormatText.js +5 -5
- package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
- package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
- package/grid/lib/cjs/Grid.js +114 -114
- package/grid/lib/es6/Grid.js +114 -114
- package/icon/color/Confluence/l/index.js +4 -4
- package/icon/color/Confluence/l/index.mjs +4 -4
- package/icon/color/Confluence/m/index.js +4 -4
- package/icon/color/Confluence/m/index.mjs +4 -4
- package/icon/color/MicrosoftOffice/l/index.js +10 -10
- package/icon/color/MicrosoftOffice/l/index.mjs +10 -10
- package/icon/color/MicrosoftOffice/m/index.js +10 -10
- package/icon/color/MicrosoftOffice/m/index.mjs +10 -10
- package/icon/lib/cjs/Icon.js +5 -5
- package/icon/lib/es6/Icon.js +5 -5
- package/icon/pay/Discover/l/index.js +1 -1
- package/icon/pay/Discover/l/index.mjs +1 -1
- package/icon/pay/Discover/m/index.js +1 -1
- package/icon/pay/Discover/m/index.mjs +1 -1
- package/icon/pay/JCB/l/index.js +10 -10
- package/icon/pay/JCB/l/index.mjs +10 -10
- package/icon/pay/JCB/m/index.js +10 -10
- package/icon/pay/JCB/m/index.mjs +10 -10
- package/icon/pay/Visa/l/index.js +2 -2
- package/icon/pay/Visa/l/index.mjs +2 -2
- package/icon/pay/Visa/m/index.js +2 -2
- package/icon/pay/Visa/m/index.mjs +2 -2
- package/illustration/lib/cjs/index.js +1 -1
- package/illustration/lib/es6/index.js +1 -1
- package/inline-edit/lib/cjs/InlineEdit.js +4 -4
- package/inline-edit/lib/es6/InlineEdit.js +4 -4
- package/inline-input/lib/cjs/InlineInput.js +18 -18
- package/inline-input/lib/es6/InlineInput.js +18 -18
- package/input/lib/cjs/Input.js +17 -17
- package/input/lib/es6/Input.js +17 -17
- package/input-mask/lib/cjs/InputMask.js +6 -6
- package/input-mask/lib/es6/InputMask.js +6 -6
- package/input-number/lib/cjs/InputNumber.js +9 -9
- package/input-number/lib/es6/InputNumber.js +9 -9
- package/input-tags/lib/cjs/InputTags.js +12 -12
- package/input-tags/lib/es6/InputTags.js +12 -12
- package/link/lib/cjs/Link.js +12 -12
- package/link/lib/es6/Link.js +12 -12
- package/mini-chart/lib/cjs/component/score/Donut.js +9 -9
- package/mini-chart/lib/cjs/component/score/Line.js +17 -17
- package/mini-chart/lib/cjs/component/trend/Bar.js +7 -7
- package/mini-chart/lib/cjs/component/trend/Line.js +7 -7
- package/mini-chart/lib/es6/component/score/Donut.js +9 -9
- package/mini-chart/lib/es6/component/score/Line.js +17 -17
- package/mini-chart/lib/es6/component/trend/Bar.js +7 -7
- package/mini-chart/lib/es6/component/trend/Line.js +7 -7
- package/modal/lib/cjs/Modal.js +9 -9
- package/modal/lib/es6/Modal.js +9 -9
- package/notice/lib/cjs/Notice.js +13 -13
- package/notice/lib/es6/Notice.js +13 -13
- package/notice-bubble/lib/cjs/NoticeBubble.js +12 -12
- package/notice-bubble/lib/es6/NoticeBubble.js +12 -12
- package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
- package/notice-global/lib/es6/NoticeGlobal.js +11 -11
- package/package.json +26 -2
- package/pagination/lib/cjs/Pagination.js +10 -10
- package/pagination/lib/es6/Pagination.js +10 -10
- package/pills/lib/cjs/Pills.js +13 -13
- package/pills/lib/es6/Pills.js +13 -13
- package/popper/lib/cjs/Popper.js +6 -6
- package/popper/lib/es6/Popper.js +6 -6
- package/product-head/lib/cjs/Info.js +4 -4
- package/product-head/lib/cjs/ProductHead.js +5 -5
- package/product-head/lib/cjs/Title.js +4 -4
- package/product-head/lib/es6/Info.js +4 -4
- package/product-head/lib/es6/ProductHead.js +5 -5
- package/product-head/lib/es6/Title.js +4 -4
- package/progress-bar/lib/cjs/ProgressBar.js +15 -15
- package/progress-bar/lib/es6/ProgressBar.js +15 -15
- package/radio/lib/cjs/Radio.js +16 -16
- package/radio/lib/es6/Radio.js +16 -16
- package/scroll-area/lib/cjs/ScrollArea.js +9 -9
- package/scroll-area/lib/cjs/ScrollBar.js +5 -5
- package/scroll-area/lib/es6/ScrollArea.js +9 -9
- package/scroll-area/lib/es6/ScrollBar.js +5 -5
- package/select/index.d.ts +6 -2
- package/select/lib/cjs/InputSearch.js +6 -6
- package/select/lib/cjs/Select.js +13 -9
- package/select/lib/cjs/Select.js.map +1 -1
- package/select/lib/cjs/index.d.js.map +1 -1
- package/select/lib/cjs/style/select.shadow.css +24 -0
- package/select/lib/es6/InputSearch.js +6 -6
- package/select/lib/es6/Select.js +13 -9
- package/select/lib/es6/Select.js.map +1 -1
- package/select/lib/es6/index.d.js.map +1 -1
- package/select/lib/es6/style/select.shadow.css +24 -0
- package/select/lib/types/index.d.ts +6 -2
- package/side-panel/lib/cjs/SidePanel.js +15 -15
- package/side-panel/lib/es6/SidePanel.js +15 -15
- package/skeleton/lib/cjs/Charts/Area.js +9 -9
- package/skeleton/lib/cjs/Charts/Bar.js +9 -9
- package/skeleton/lib/cjs/Charts/Bubble.js +9 -9
- package/skeleton/lib/cjs/Charts/Donut.js +9 -9
- package/skeleton/lib/cjs/Charts/Histogram.js +9 -9
- package/skeleton/lib/cjs/Charts/Line.js +9 -9
- package/skeleton/lib/cjs/Charts/RadialTree.js +9 -9
- package/skeleton/lib/cjs/Charts/ScatterPlot.js +9 -9
- package/skeleton/lib/cjs/Charts/Venn.js +9 -9
- package/skeleton/lib/cjs/Skeleton.js +8 -8
- package/skeleton/lib/es6/Charts/Area.js +9 -9
- package/skeleton/lib/es6/Charts/Bar.js +9 -9
- package/skeleton/lib/es6/Charts/Bubble.js +9 -9
- package/skeleton/lib/es6/Charts/Donut.js +9 -9
- package/skeleton/lib/es6/Charts/Histogram.js +9 -9
- package/skeleton/lib/es6/Charts/Line.js +9 -9
- package/skeleton/lib/es6/Charts/RadialTree.js +9 -9
- package/skeleton/lib/es6/Charts/ScatterPlot.js +9 -9
- package/skeleton/lib/es6/Charts/Venn.js +9 -9
- package/skeleton/lib/es6/Skeleton.js +8 -8
- package/slider/lib/cjs/Slider.js +7 -7
- package/slider/lib/es6/Slider.js +7 -7
- package/spin/lib/cjs/Spin.js +13 -13
- package/spin/lib/es6/Spin.js +13 -13
- package/spin-container/lib/cjs/SpinContainer.js +8 -8
- package/spin-container/lib/es6/SpinContainer.js +8 -8
- package/sticky/lib/cjs/Sticky.js +2 -2
- package/sticky/lib/es6/Sticky.js +2 -2
- package/switch/lib/cjs/Switch.js +21 -21
- package/switch/lib/es6/Switch.js +21 -21
- package/tab-line/lib/cjs/TabLine.js +13 -13
- package/tab-line/lib/es6/TabLine.js +13 -13
- package/tab-panel/lib/cjs/TabPanel.js +8 -8
- package/tab-panel/lib/es6/TabPanel.js +8 -8
- package/tag/lib/cjs/Tag.js +19 -19
- package/tag/lib/es6/Tag.js +19 -19
- package/textarea/lib/cjs/Textarea.js +8 -8
- package/textarea/lib/es6/Textarea.js +8 -8
- package/time-picker/lib/cjs/TimePicker.js +12 -12
- package/time-picker/lib/es6/TimePicker.js +12 -12
- package/tooltip/lib/cjs/Tooltip.js +6 -6
- package/tooltip/lib/es6/Tooltip.js +6 -6
- package/typography/lib/cjs/Blockquote.js +4 -4
- package/typography/lib/cjs/Hint.js +7 -7
- package/typography/lib/cjs/List.js +5 -5
- package/typography/lib/cjs/Text.js +34 -34
- package/typography/lib/es6/Blockquote.js +4 -4
- package/typography/lib/es6/Hint.js +7 -7
- package/typography/lib/es6/List.js +5 -5
- package/typography/lib/es6/Text.js +34 -34
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js +2 -2
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs +2 -2
- package/utils/lib/injectStyle.js +1 -1
- package/utils/lib/injectStyle.mjs +1 -1
- package/widget-empty/lib/cjs/WidgetEmpty.js +5 -5
- package/widget-empty/lib/es6/WidgetEmpty.js +5 -5
- package/wizard/lib/cjs/Wizard.js +11 -11
- package/wizard/lib/es6/Wizard.js +11 -11
@@ -30,24 +30,24 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
|
30
30
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
31
31
|
import logger from 'intergalactic/utils/lib/logger';
|
32
32
|
/*__reshadow-styles__:"./style/carousel.shadow.css"*/
|
33
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
34
|
-
"__SCarousel": "
|
35
|
-
"__SContainer": "
|
36
|
-
"--duration": "--
|
37
|
-
"__SModalContainer": "
|
38
|
-
"__SItem": "
|
39
|
-
"--transform": "--
|
40
|
-
"_zoomIn": "
|
41
|
-
"_zoomOut": "
|
42
|
-
"__SIndicators": "
|
43
|
-
"__SIndicator": "
|
44
|
-
"_active": "
|
45
|
-
"_inverted": "
|
46
|
-
"__SPrev": "
|
47
|
-
"__SNext": "
|
48
|
-
"_disabled": "
|
49
|
-
"__SPrevButton": "
|
50
|
-
"__SNextButton": "
|
33
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCarousel_ssqpb_gg_{overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SContainer_ssqpb_gg_,.___SModalContainer_ssqpb_gg_{display:flex;transition:transform var(--duration_ssqpb) ease-in-out}.___SItem_ssqpb_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_ssqpb);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden}.___SItem_ssqpb_gg_.__zoomIn_ssqpb_gg_{cursor:zoom-in}.___SItem_ssqpb_gg_.__zoomOut_ssqpb_gg_{cursor:zoom-out}.___SIndicators_ssqpb_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x, 16px)}.___SIndicator_ssqpb_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_ssqpb_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_ssqpb_gg_.__active_ssqpb_gg_{opacity:1}.___SIndicator_ssqpb_gg_.__inverted_ssqpb_gg_{background-color:var(--intergalactic-icon-primary-invert, #ffffff)}.___SNext_ssqpb_gg_,.___SPrev_ssqpb_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SNext_ssqpb_gg_ .___SNextButton_ssqpb_gg_ svg:only-child,.___SNext_ssqpb_gg_ .___SPrevButton_ssqpb_gg_ svg:only-child,.___SPrev_ssqpb_gg_ .___SNextButton_ssqpb_gg_ svg:only-child,.___SPrev_ssqpb_gg_ .___SPrevButton_ssqpb_gg_ svg:only-child{margin-left:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SPrev_ssqpb_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNext_ssqpb_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNext_ssqpb_gg_.__disabled_ssqpb_gg_,.___SPrev_ssqpb_gg_.__disabled_ssqpb_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_ssqpb_gg_{transition:none}}" /*__inner_css_end__*/, "ssqpb_gg_") /*__reshadow_css_end__*/, {
|
34
|
+
"__SCarousel": "___SCarousel_ssqpb_gg_",
|
35
|
+
"__SContainer": "___SContainer_ssqpb_gg_",
|
36
|
+
"--duration": "--duration_ssqpb",
|
37
|
+
"__SModalContainer": "___SModalContainer_ssqpb_gg_",
|
38
|
+
"__SItem": "___SItem_ssqpb_gg_",
|
39
|
+
"--transform": "--transform_ssqpb",
|
40
|
+
"_zoomIn": "__zoomIn_ssqpb_gg_",
|
41
|
+
"_zoomOut": "__zoomOut_ssqpb_gg_",
|
42
|
+
"__SIndicators": "___SIndicators_ssqpb_gg_",
|
43
|
+
"__SIndicator": "___SIndicator_ssqpb_gg_",
|
44
|
+
"_active": "__active_ssqpb_gg_",
|
45
|
+
"_inverted": "__inverted_ssqpb_gg_",
|
46
|
+
"__SPrev": "___SPrev_ssqpb_gg_",
|
47
|
+
"__SNext": "___SNext_ssqpb_gg_",
|
48
|
+
"_disabled": "__disabled_ssqpb_gg_",
|
49
|
+
"__SPrevButton": "___SPrevButton_ssqpb_gg_",
|
50
|
+
"__SNextButton": "___SNextButton_ssqpb_gg_"
|
51
51
|
});
|
52
52
|
import { findAllComponents } from 'intergalactic/utils/lib/findComponent';
|
53
53
|
import { createBreakpoints } from 'intergalactic/breakpoints';
|
package/checkbox/index.d.ts
CHANGED
@@ -53,7 +53,7 @@ export type CheckboxValueProps = KeyboardFocusProps &
|
|
53
53
|
* */
|
54
54
|
defaultChecked?: boolean;
|
55
55
|
/**
|
56
|
-
* @deprecated set `
|
56
|
+
* @deprecated set `indeterminate` on root Checkbox instead
|
57
57
|
* */
|
58
58
|
indeterminate?: boolean;
|
59
59
|
/**
|
@@ -34,24 +34,24 @@ var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
|
|
34
34
|
var _excluded = ["size", "state", "theme", "keyboardFocused", "checked", "indeterminate", "includeInputProps", "resolveColor"],
|
35
35
|
_excluded2 = ["children", "Children"];
|
36
36
|
/*__reshadow-styles__:"./style/checkbox.shadow.css"*/
|
37
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
38
|
-
"__SControl": "
|
39
|
-
"__SText": "
|
40
|
-
"_size_l": "
|
41
|
-
"_size_m": "
|
42
|
-
"_checked": "
|
43
|
-
"__SCheckbox": "
|
44
|
-
"_state_normal": "
|
45
|
-
"_state_invalid": "
|
46
|
-
"_indeterminate": "
|
47
|
-
"_disabled": "
|
48
|
-
"_theme": "
|
49
|
-
"--theme": "--
|
50
|
-
"_keyboardFocused": "
|
51
|
-
"__SInvalidPattern": "
|
52
|
-
"__SLabel": "
|
53
|
-
"_color": "
|
54
|
-
"--color": "--
|
37
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLabel_gi36z_gg_{position:relative;display:inline-flex;align-items:flex-start;cursor:pointer}.___SLabel_gi36z_gg_.__disabled_gi36z_gg_{cursor:default}.___SLabel_gi36z_gg_ .___SText_gi36z_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SLabel_gi36z_gg_ .___SText_gi36z_gg_.__disabled_gi36z_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SLabel_gi36z_gg_ .___SText_gi36z_gg_.__color_gi36z_gg_{color:var(--color_gi36z)}.___SControl_gi36z_gg_{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.___SCheckbox_gi36z_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:0}.___SCheckbox_gi36z_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SCheckbox_gi36z_gg_::after{content:\"\";position:absolute;top:1px;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SCheckbox_gi36z_gg_._state_normal_gi36z_gg_:before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SCheckbox_gi36z_gg_._state_normal_gi36z_gg_.__keyboardFocused_gi36z_gg_:before{border-color:var(--intergalactic-border-info-active, #006dca)}.___SCheckbox_gi36z_gg_._size_l_gi36z_gg_,.___SCheckbox_gi36z_gg_._size_m_gi36z_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);width:20px;height:20px}.___SCheckbox_gi36z_gg_._size_l_gi36z_gg_.__checked_gi36z_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SCheckbox_gi36z_gg_._size_m_gi36z_gg_{width:16px;height:16px}.___SCheckbox_gi36z_gg_._size_m_gi36z_gg_.__checked_gi36z_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SText_gi36z_gg_._size_l_gi36z_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_gi36z_gg_._size_m_gi36z_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SControl_gi36z_gg_.__checked_gi36z_gg_~.___SCheckbox_gi36z_gg_._state_invalid_gi36z_gg_:before,.___SControl_gi36z_gg_.__checked_gi36z_gg_~.___SCheckbox_gi36z_gg_._state_normal_gi36z_gg_:before,.___SControl_gi36z_gg_.__indeterminate_gi36z_gg_~.___SCheckbox_gi36z_gg_._state_normal_gi36z_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SCheckbox_gi36z_gg_._state_invalid_gi36z_gg_:before,.___SControl_gi36z_gg_.__checked_gi36z_gg_~.___SCheckbox_gi36z_gg_._state_invalid_gi36z_gg_:before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SCheckbox_gi36z_gg_._state_invalid_gi36z_gg_.__keyboardFocused_gi36z_gg_:before,.___SControl_gi36z_gg_.__checked_gi36z_gg_~.___SCheckbox_gi36z_gg_._state_invalid_gi36z_gg_.__keyboardFocused_gi36z_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SCheckbox_gi36z_gg_._state_normal_gi36z_gg_.__keyboardFocused_gi36z_gg_:before,.___SControl_gi36z_gg_.__checked_gi36z_gg_.__keyboardFocused_gi36z_gg_:before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SControl_gi36z_gg_.__disabled_gi36z_gg_~.___SCheckbox_gi36z_gg_:before{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SControl_gi36z_gg_.__checked_gi36z_gg_~.___SCheckbox_gi36z_gg_._state_invalid_gi36z_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SControl_gi36z_gg_.__indeterminate_gi36z_gg_~.___SCheckbox_gi36z_gg_:after{background-color:#fff;margin:auto;border-radius:1px}.___SControl_gi36z_gg_.__indeterminate_gi36z_gg_~.___SCheckbox_gi36z_gg_._size_l_gi36z_gg_:after{width:12px;height:2px}.___SControl_gi36z_gg_.__indeterminate_gi36z_gg_~.___SCheckbox_gi36z_gg_._size_m_gi36z_gg_:after{width:8px;height:2px}.___SControl_gi36z_gg_.__indeterminate_gi36z_gg_~.___SCheckbox_gi36z_gg_._state_invalid_gi36z_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SCheckbox_gi36z_gg_.__theme_gi36z_gg_._state_normal_gi36z_gg_.__keyboardFocused_gi36z_gg_:before,.___SCheckbox_gi36z_gg_.__theme_gi36z_gg_._state_normal_gi36z_gg_:before{border-color:var(--theme_gi36z)}.___SControl_gi36z_gg_.__checked_gi36z_gg_~.___SCheckbox_gi36z_gg_.__theme_gi36z_gg_._state_invalid_gi36z_gg_:before,.___SControl_gi36z_gg_.__checked_gi36z_gg_~.___SCheckbox_gi36z_gg_.__theme_gi36z_gg_._state_normal_gi36z_gg_:before,.___SControl_gi36z_gg_.__indeterminate_gi36z_gg_~.___SCheckbox_gi36z_gg_.__theme_gi36z_gg_._state_normal_gi36z_gg_:before{background-color:var(--theme_gi36z);border-color:var(--theme_gi36z)}.___SInvalidPattern_gi36z_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-small, 4px);border-top-left-radius:var(--intergalactic-rounded-small, 4px)}" /*__inner_css_end__*/, "gi36z_gg_") /*__reshadow_css_end__*/, {
|
38
|
+
"__SControl": "___SControl_gi36z_gg_",
|
39
|
+
"__SText": "___SText_gi36z_gg_",
|
40
|
+
"_size_l": "_size_l_gi36z_gg_",
|
41
|
+
"_size_m": "_size_m_gi36z_gg_",
|
42
|
+
"_checked": "__checked_gi36z_gg_",
|
43
|
+
"__SCheckbox": "___SCheckbox_gi36z_gg_",
|
44
|
+
"_state_normal": "_state_normal_gi36z_gg_",
|
45
|
+
"_state_invalid": "_state_invalid_gi36z_gg_",
|
46
|
+
"_indeterminate": "__indeterminate_gi36z_gg_",
|
47
|
+
"_disabled": "__disabled_gi36z_gg_",
|
48
|
+
"_theme": "__theme_gi36z_gg_",
|
49
|
+
"--theme": "--theme_gi36z",
|
50
|
+
"_keyboardFocused": "__keyboardFocused_gi36z_gg_",
|
51
|
+
"__SInvalidPattern": "___SInvalidPattern_gi36z_gg_",
|
52
|
+
"__SLabel": "___SLabel_gi36z_gg_",
|
53
|
+
"_color": "__color_gi36z_gg_",
|
54
|
+
"--color": "--color_gi36z"
|
55
55
|
});
|
56
56
|
var CheckboxRoot = /*#__PURE__*/function (_Component) {
|
57
57
|
(0, _inherits2["default"])(CheckboxRoot, _Component);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, FlexProps } from '@semcore/flex-box';\nimport { TextProps } from '@semcore/typography';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type CheckboxSize = 'm' | 'l';\nexport type CheckboxState = 'normal' | 'invalid';\n\n/** @deprecated */\nexport interface ICheckboxProps extends CheckboxProps, UnknownProperties {}\nexport type CheckboxProps = BoxProps & {\n onChange?: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n checked?: boolean;\n /** Default state of uncontrolled checkbox */\n defaultChecked?: boolean;\n /** Checkbox text */\n label?: string;\n /** Special indeterminate state */\n indeterminate?: boolean;\n /** Special disabled state */\n disabled?: boolean;\n /**\n * Checkbox visual state\n * @default normal\n */\n state?: CheckboxState;\n /**\n * Checkbox size\n * @default m\n */\n size?: CheckboxSize;\n /**\n * Checkbox color\n */\n theme?: string;\n};\n\n/** @deprecated */\nexport interface ICheckboxValueProps extends CheckboxValueProps, UnknownProperties {}\nexport type CheckboxValueProps = KeyboardFocusProps &\n FlexProps &\n CheckboxValueControlProps & {\n /**\n * @deprecated set `onChange` on root Checkbox instead\n * */\n onChange?: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n /**\n * @deprecated set `checked` on root Checkbox instead\n * */\n checked?: boolean;\n /**\n * @deprecated set `defaultChecked` on root Checkbox instead\n * */\n defaultChecked?: boolean;\n /**\n * @deprecated set `
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, FlexProps } from '@semcore/flex-box';\nimport { TextProps } from '@semcore/typography';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type CheckboxSize = 'm' | 'l';\nexport type CheckboxState = 'normal' | 'invalid';\n\n/** @deprecated */\nexport interface ICheckboxProps extends CheckboxProps, UnknownProperties {}\nexport type CheckboxProps = BoxProps & {\n onChange?: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n checked?: boolean;\n /** Default state of uncontrolled checkbox */\n defaultChecked?: boolean;\n /** Checkbox text */\n label?: string;\n /** Special indeterminate state */\n indeterminate?: boolean;\n /** Special disabled state */\n disabled?: boolean;\n /**\n * Checkbox visual state\n * @default normal\n */\n state?: CheckboxState;\n /**\n * Checkbox size\n * @default m\n */\n size?: CheckboxSize;\n /**\n * Checkbox color\n */\n theme?: string;\n};\n\n/** @deprecated */\nexport interface ICheckboxValueProps extends CheckboxValueProps, UnknownProperties {}\nexport type CheckboxValueProps = KeyboardFocusProps &\n FlexProps &\n CheckboxValueControlProps & {\n /**\n * @deprecated set `onChange` on root Checkbox instead\n * */\n onChange?: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n /**\n * @deprecated set `checked` on root Checkbox instead\n * */\n checked?: boolean;\n /**\n * @deprecated set `defaultChecked` on root Checkbox instead\n * */\n defaultChecked?: boolean;\n /**\n * @deprecated set `indeterminate` on root Checkbox instead\n * */\n indeterminate?: boolean;\n /**\n * @deprecated set `disabled` on root Checkbox instead\n * */\n disabled?: boolean;\n /** List of props that will be added to the hidden input\n * @deprecated use `Checkbox.Value.Control` and `Checkbox.Value.CheckMark` instead\n * */\n includeInputProps?: string[];\n /**\n * @deprecated set `state` on root Checkbox instead\n * */\n state?: CheckboxState;\n /**\n * @deprecated set `size` on root Checkbox instead\n * */\n size?: CheckboxSize;\n /**\n * @deprecated\n * */\n theme?: string;\n };\n\nexport type CheckboxValueControlProps = {};\nexport type CheckboxValueCheckMarkProps = {};\n\n/** @deprecated */\nexport interface ICheckboxContext extends CheckboxContext, UnknownProperties {}\nexport type CheckboxContext = {\n getTextProps: PropGetterFn;\n getValueProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ICheckboxTextProps extends CheckboxTextProps, UnknownProperties {}\nexport type CheckboxTextProps = TextProps & {\n /** @deprecated Set disabled state on Checkbox root component */\n disabled?: boolean;\n};\n\ndeclare const Checkbox: Intergalactic.Component<'label', CheckboxProps, CheckboxContext> & {\n Text: Intergalactic.Component<'span', CheckboxTextProps>;\n Value: Intergalactic.Component<'input', CheckboxValueProps> & {\n Control: Intergalactic.Component<'input', CheckboxValueControlProps>;\n CheckMark: Intergalactic.Component<typeof Box, CheckboxValueCheckMarkProps>;\n };\n};\n\nexport default Checkbox;\n"],"mappings":""}
|
@@ -145,7 +145,7 @@ SControl[checked]~SCheckbox {
|
|
145
145
|
}
|
146
146
|
|
147
147
|
SControl[indeterminate]~SCheckbox:after {
|
148
|
-
background-color:
|
148
|
+
background-color: #ffffff;
|
149
149
|
margin: auto;
|
150
150
|
/* disable-tokens-validator */
|
151
151
|
border-radius: 1px;
|
@@ -25,24 +25,24 @@ import autoFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnha
|
|
25
25
|
import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
|
26
26
|
import logger from 'intergalactic/utils/lib/logger';
|
27
27
|
/*__reshadow-styles__:"./style/checkbox.shadow.css"*/
|
28
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
29
|
-
"__SControl": "
|
30
|
-
"__SText": "
|
31
|
-
"_size_l": "
|
32
|
-
"_size_m": "
|
33
|
-
"_checked": "
|
34
|
-
"__SCheckbox": "
|
35
|
-
"_state_normal": "
|
36
|
-
"_state_invalid": "
|
37
|
-
"_indeterminate": "
|
38
|
-
"_disabled": "
|
39
|
-
"_theme": "
|
40
|
-
"--theme": "--
|
41
|
-
"_keyboardFocused": "
|
42
|
-
"__SInvalidPattern": "
|
43
|
-
"__SLabel": "
|
44
|
-
"_color": "
|
45
|
-
"--color": "--
|
28
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLabel_gi36z_gg_{position:relative;display:inline-flex;align-items:flex-start;cursor:pointer}.___SLabel_gi36z_gg_.__disabled_gi36z_gg_{cursor:default}.___SLabel_gi36z_gg_ .___SText_gi36z_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SLabel_gi36z_gg_ .___SText_gi36z_gg_.__disabled_gi36z_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SLabel_gi36z_gg_ .___SText_gi36z_gg_.__color_gi36z_gg_{color:var(--color_gi36z)}.___SControl_gi36z_gg_{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.___SCheckbox_gi36z_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:0}.___SCheckbox_gi36z_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SCheckbox_gi36z_gg_::after{content:\"\";position:absolute;top:1px;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SCheckbox_gi36z_gg_._state_normal_gi36z_gg_:before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SCheckbox_gi36z_gg_._state_normal_gi36z_gg_.__keyboardFocused_gi36z_gg_:before{border-color:var(--intergalactic-border-info-active, #006dca)}.___SCheckbox_gi36z_gg_._size_l_gi36z_gg_,.___SCheckbox_gi36z_gg_._size_m_gi36z_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);width:20px;height:20px}.___SCheckbox_gi36z_gg_._size_l_gi36z_gg_.__checked_gi36z_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SCheckbox_gi36z_gg_._size_m_gi36z_gg_{width:16px;height:16px}.___SCheckbox_gi36z_gg_._size_m_gi36z_gg_.__checked_gi36z_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SText_gi36z_gg_._size_l_gi36z_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_gi36z_gg_._size_m_gi36z_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SControl_gi36z_gg_.__checked_gi36z_gg_~.___SCheckbox_gi36z_gg_._state_invalid_gi36z_gg_:before,.___SControl_gi36z_gg_.__checked_gi36z_gg_~.___SCheckbox_gi36z_gg_._state_normal_gi36z_gg_:before,.___SControl_gi36z_gg_.__indeterminate_gi36z_gg_~.___SCheckbox_gi36z_gg_._state_normal_gi36z_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SCheckbox_gi36z_gg_._state_invalid_gi36z_gg_:before,.___SControl_gi36z_gg_.__checked_gi36z_gg_~.___SCheckbox_gi36z_gg_._state_invalid_gi36z_gg_:before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SCheckbox_gi36z_gg_._state_invalid_gi36z_gg_.__keyboardFocused_gi36z_gg_:before,.___SControl_gi36z_gg_.__checked_gi36z_gg_~.___SCheckbox_gi36z_gg_._state_invalid_gi36z_gg_.__keyboardFocused_gi36z_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SCheckbox_gi36z_gg_._state_normal_gi36z_gg_.__keyboardFocused_gi36z_gg_:before,.___SControl_gi36z_gg_.__checked_gi36z_gg_.__keyboardFocused_gi36z_gg_:before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SControl_gi36z_gg_.__disabled_gi36z_gg_~.___SCheckbox_gi36z_gg_:before{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SControl_gi36z_gg_.__checked_gi36z_gg_~.___SCheckbox_gi36z_gg_._state_invalid_gi36z_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SControl_gi36z_gg_.__indeterminate_gi36z_gg_~.___SCheckbox_gi36z_gg_:after{background-color:#fff;margin:auto;border-radius:1px}.___SControl_gi36z_gg_.__indeterminate_gi36z_gg_~.___SCheckbox_gi36z_gg_._size_l_gi36z_gg_:after{width:12px;height:2px}.___SControl_gi36z_gg_.__indeterminate_gi36z_gg_~.___SCheckbox_gi36z_gg_._size_m_gi36z_gg_:after{width:8px;height:2px}.___SControl_gi36z_gg_.__indeterminate_gi36z_gg_~.___SCheckbox_gi36z_gg_._state_invalid_gi36z_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SCheckbox_gi36z_gg_.__theme_gi36z_gg_._state_normal_gi36z_gg_.__keyboardFocused_gi36z_gg_:before,.___SCheckbox_gi36z_gg_.__theme_gi36z_gg_._state_normal_gi36z_gg_:before{border-color:var(--theme_gi36z)}.___SControl_gi36z_gg_.__checked_gi36z_gg_~.___SCheckbox_gi36z_gg_.__theme_gi36z_gg_._state_invalid_gi36z_gg_:before,.___SControl_gi36z_gg_.__checked_gi36z_gg_~.___SCheckbox_gi36z_gg_.__theme_gi36z_gg_._state_normal_gi36z_gg_:before,.___SControl_gi36z_gg_.__indeterminate_gi36z_gg_~.___SCheckbox_gi36z_gg_.__theme_gi36z_gg_._state_normal_gi36z_gg_:before{background-color:var(--theme_gi36z);border-color:var(--theme_gi36z)}.___SInvalidPattern_gi36z_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-small, 4px);border-top-left-radius:var(--intergalactic-rounded-small, 4px)}" /*__inner_css_end__*/, "gi36z_gg_") /*__reshadow_css_end__*/, {
|
29
|
+
"__SControl": "___SControl_gi36z_gg_",
|
30
|
+
"__SText": "___SText_gi36z_gg_",
|
31
|
+
"_size_l": "_size_l_gi36z_gg_",
|
32
|
+
"_size_m": "_size_m_gi36z_gg_",
|
33
|
+
"_checked": "__checked_gi36z_gg_",
|
34
|
+
"__SCheckbox": "___SCheckbox_gi36z_gg_",
|
35
|
+
"_state_normal": "_state_normal_gi36z_gg_",
|
36
|
+
"_state_invalid": "_state_invalid_gi36z_gg_",
|
37
|
+
"_indeterminate": "__indeterminate_gi36z_gg_",
|
38
|
+
"_disabled": "__disabled_gi36z_gg_",
|
39
|
+
"_theme": "__theme_gi36z_gg_",
|
40
|
+
"--theme": "--theme_gi36z",
|
41
|
+
"_keyboardFocused": "__keyboardFocused_gi36z_gg_",
|
42
|
+
"__SInvalidPattern": "___SInvalidPattern_gi36z_gg_",
|
43
|
+
"__SLabel": "___SLabel_gi36z_gg_",
|
44
|
+
"_color": "__color_gi36z_gg_",
|
45
|
+
"--color": "--color_gi36z"
|
46
46
|
});
|
47
47
|
var CheckboxRoot = /*#__PURE__*/function (_Component) {
|
48
48
|
_inherits(CheckboxRoot, _Component);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, FlexProps } from '@semcore/flex-box';\nimport { TextProps } from '@semcore/typography';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type CheckboxSize = 'm' | 'l';\nexport type CheckboxState = 'normal' | 'invalid';\n\n/** @deprecated */\nexport interface ICheckboxProps extends CheckboxProps, UnknownProperties {}\nexport type CheckboxProps = BoxProps & {\n onChange?: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n checked?: boolean;\n /** Default state of uncontrolled checkbox */\n defaultChecked?: boolean;\n /** Checkbox text */\n label?: string;\n /** Special indeterminate state */\n indeterminate?: boolean;\n /** Special disabled state */\n disabled?: boolean;\n /**\n * Checkbox visual state\n * @default normal\n */\n state?: CheckboxState;\n /**\n * Checkbox size\n * @default m\n */\n size?: CheckboxSize;\n /**\n * Checkbox color\n */\n theme?: string;\n};\n\n/** @deprecated */\nexport interface ICheckboxValueProps extends CheckboxValueProps, UnknownProperties {}\nexport type CheckboxValueProps = KeyboardFocusProps &\n FlexProps &\n CheckboxValueControlProps & {\n /**\n * @deprecated set `onChange` on root Checkbox instead\n * */\n onChange?: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n /**\n * @deprecated set `checked` on root Checkbox instead\n * */\n checked?: boolean;\n /**\n * @deprecated set `defaultChecked` on root Checkbox instead\n * */\n defaultChecked?: boolean;\n /**\n * @deprecated set `
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, FlexProps } from '@semcore/flex-box';\nimport { TextProps } from '@semcore/typography';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type CheckboxSize = 'm' | 'l';\nexport type CheckboxState = 'normal' | 'invalid';\n\n/** @deprecated */\nexport interface ICheckboxProps extends CheckboxProps, UnknownProperties {}\nexport type CheckboxProps = BoxProps & {\n onChange?: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n checked?: boolean;\n /** Default state of uncontrolled checkbox */\n defaultChecked?: boolean;\n /** Checkbox text */\n label?: string;\n /** Special indeterminate state */\n indeterminate?: boolean;\n /** Special disabled state */\n disabled?: boolean;\n /**\n * Checkbox visual state\n * @default normal\n */\n state?: CheckboxState;\n /**\n * Checkbox size\n * @default m\n */\n size?: CheckboxSize;\n /**\n * Checkbox color\n */\n theme?: string;\n};\n\n/** @deprecated */\nexport interface ICheckboxValueProps extends CheckboxValueProps, UnknownProperties {}\nexport type CheckboxValueProps = KeyboardFocusProps &\n FlexProps &\n CheckboxValueControlProps & {\n /**\n * @deprecated set `onChange` on root Checkbox instead\n * */\n onChange?: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n /**\n * @deprecated set `checked` on root Checkbox instead\n * */\n checked?: boolean;\n /**\n * @deprecated set `defaultChecked` on root Checkbox instead\n * */\n defaultChecked?: boolean;\n /**\n * @deprecated set `indeterminate` on root Checkbox instead\n * */\n indeterminate?: boolean;\n /**\n * @deprecated set `disabled` on root Checkbox instead\n * */\n disabled?: boolean;\n /** List of props that will be added to the hidden input\n * @deprecated use `Checkbox.Value.Control` and `Checkbox.Value.CheckMark` instead\n * */\n includeInputProps?: string[];\n /**\n * @deprecated set `state` on root Checkbox instead\n * */\n state?: CheckboxState;\n /**\n * @deprecated set `size` on root Checkbox instead\n * */\n size?: CheckboxSize;\n /**\n * @deprecated\n * */\n theme?: string;\n };\n\nexport type CheckboxValueControlProps = {};\nexport type CheckboxValueCheckMarkProps = {};\n\n/** @deprecated */\nexport interface ICheckboxContext extends CheckboxContext, UnknownProperties {}\nexport type CheckboxContext = {\n getTextProps: PropGetterFn;\n getValueProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ICheckboxTextProps extends CheckboxTextProps, UnknownProperties {}\nexport type CheckboxTextProps = TextProps & {\n /** @deprecated Set disabled state on Checkbox root component */\n disabled?: boolean;\n};\n\ndeclare const Checkbox: Intergalactic.Component<'label', CheckboxProps, CheckboxContext> & {\n Text: Intergalactic.Component<'span', CheckboxTextProps>;\n Value: Intergalactic.Component<'input', CheckboxValueProps> & {\n Control: Intergalactic.Component<'input', CheckboxValueControlProps>;\n CheckMark: Intergalactic.Component<typeof Box, CheckboxValueCheckMarkProps>;\n };\n};\n\nexport default Checkbox;\n"],"mappings":""}
|
@@ -145,7 +145,7 @@ SControl[checked]~SCheckbox {
|
|
145
145
|
}
|
146
146
|
|
147
147
|
SControl[indeterminate]~SCheckbox:after {
|
148
|
-
background-color:
|
148
|
+
background-color: #ffffff;
|
149
149
|
margin: auto;
|
150
150
|
/* disable-tokens-validator */
|
151
151
|
border-radius: 1px;
|
@@ -53,7 +53,7 @@ export type CheckboxValueProps = KeyboardFocusProps &
|
|
53
53
|
* */
|
54
54
|
defaultChecked?: boolean;
|
55
55
|
/**
|
56
|
-
* @deprecated set `
|
56
|
+
* @deprecated set `indeterminate` on root Checkbox instead
|
57
57
|
* */
|
58
58
|
indeterminate?: boolean;
|
59
59
|
/**
|
@@ -27,29 +27,29 @@ var _components = require("./components");
|
|
27
27
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
28
28
|
var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
|
29
29
|
/*__reshadow-styles__:"./style/color-picker.shadow.css"*/
|
30
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
31
|
-
"__SColorPickerPopper": "
|
32
|
-
"__SItemContainer": "
|
33
|
-
"__SCloseIcon": "
|
34
|
-
"_keyboardFocused": "
|
35
|
-
"_selected": "
|
36
|
-
"__SColors": "
|
37
|
-
"__SPaletteManager": "
|
38
|
-
"__SInputContainer": "
|
39
|
-
"__SDefaultTrigger": "
|
40
|
-
"__STriggerCircle": "
|
41
|
-
"--data-value": "--data-
|
42
|
-
"__STriggerCircleLine": "
|
43
|
-
"__SLine": "
|
44
|
-
"__SLabel": "
|
45
|
-
"__SItemColor": "
|
46
|
-
"__SConfirmColor": "
|
47
|
-
"_hidden": "
|
48
|
-
"__SClearConfirm": "
|
49
|
-
"--value": "--
|
50
|
-
"_displayLabel": "
|
51
|
-
"_value": "
|
52
|
-
"__SPlusButton": "
|
30
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1i8di_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1i8di_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_1i8di_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1i8di_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_1i8di)}@media (hover:hover){.___SItemContainer_1i8di_gg_:hover>.___SCloseIcon_1i8di_gg_{opacity:1}}.___SItemContainer_1i8di_gg_.__keyboardFocused_1i8di_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1i8di_gg_.__selected_1i8di_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1i8di_gg_.__displayLabel_1i8di_gg_::after{background:var(--value_1i8di);opacity:.15}.___SItemContainer_1i8di_gg_:not(.__value_1i8di_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1i8di_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1i8di_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1i8di_gg_,.___SPaletteManager_1i8di_gg_,.___SPlusButton_1i8di_gg_{display:flex;align-items:center}.___SPlusButton_1i8di_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1i8di_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1i8di_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer}.___SDefaultTrigger_1i8di_gg_.__keyboardFocused_1i8di_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1i8di_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1i8di);border:1px solid transparent}.___STriggerCircle_1i8di_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1i8di_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1i8di_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_1i8di_gg_{position:absolute}.___SLabel_1i8di_gg_{z-index:1;color:var(--data-value_1i8di);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1i8di_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1i8di)}.___SClearConfirm_1i8di_gg_.__hidden_1i8di_gg_,.___SConfirmColor_1i8di_gg_.__hidden_1i8di_gg_{display:none}" /*__inner_css_end__*/, "1i8di_gg_") /*__reshadow_css_end__*/, {
|
31
|
+
"__SColorPickerPopper": "___SColorPickerPopper_1i8di_gg_",
|
32
|
+
"__SItemContainer": "___SItemContainer_1i8di_gg_",
|
33
|
+
"__SCloseIcon": "___SCloseIcon_1i8di_gg_",
|
34
|
+
"_keyboardFocused": "__keyboardFocused_1i8di_gg_",
|
35
|
+
"_selected": "__selected_1i8di_gg_",
|
36
|
+
"__SColors": "___SColors_1i8di_gg_",
|
37
|
+
"__SPaletteManager": "___SPaletteManager_1i8di_gg_",
|
38
|
+
"__SInputContainer": "___SInputContainer_1i8di_gg_",
|
39
|
+
"__SDefaultTrigger": "___SDefaultTrigger_1i8di_gg_",
|
40
|
+
"__STriggerCircle": "___STriggerCircle_1i8di_gg_",
|
41
|
+
"--data-value": "--data-value_1i8di",
|
42
|
+
"__STriggerCircleLine": "___STriggerCircleLine_1i8di_gg_",
|
43
|
+
"__SLine": "___SLine_1i8di_gg_",
|
44
|
+
"__SLabel": "___SLabel_1i8di_gg_",
|
45
|
+
"__SItemColor": "___SItemColor_1i8di_gg_",
|
46
|
+
"__SConfirmColor": "___SConfirmColor_1i8di_gg_",
|
47
|
+
"_hidden": "__hidden_1i8di_gg_",
|
48
|
+
"__SClearConfirm": "___SClearConfirm_1i8di_gg_",
|
49
|
+
"--value": "--value_1i8di",
|
50
|
+
"_displayLabel": "__displayLabel_1i8di_gg_",
|
51
|
+
"_value": "__value_1i8di_gg_",
|
52
|
+
"__SPlusButton": "___SPlusButton_1i8di_gg_"
|
53
53
|
});
|
54
54
|
var defaultColors = [null, '#2BB3FF', '#8649E1', '#C695FF', '#F67CF2', '#FFA9FA', '#FF8786', '#FF8C43', '#FDC23C', '#66C030', '#9BD85D', '#C7EE96'];
|
55
55
|
exports.defaultColors = defaultColors;
|
@@ -17,29 +17,29 @@ var _divider = _interopRequireDefault(require("intergalactic/divider"));
|
|
17
17
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
18
18
|
var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
|
19
19
|
/*__reshadow-styles__:"./style/color-picker.shadow.css"*/
|
20
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
21
|
-
"__SColorPickerPopper": "
|
22
|
-
"__SItemContainer": "
|
23
|
-
"__SCloseIcon": "
|
24
|
-
"_keyboardFocused": "
|
25
|
-
"_selected": "
|
26
|
-
"__SColors": "
|
27
|
-
"__SPaletteManager": "
|
28
|
-
"__SInputContainer": "
|
29
|
-
"__SDefaultTrigger": "
|
30
|
-
"__STriggerCircle": "
|
31
|
-
"--data-value": "--data-
|
32
|
-
"__STriggerCircleLine": "
|
33
|
-
"__SLine": "
|
34
|
-
"__SLabel": "
|
35
|
-
"__SItemColor": "
|
36
|
-
"__SConfirmColor": "
|
37
|
-
"_hidden": "
|
38
|
-
"__SClearConfirm": "
|
39
|
-
"--value": "--
|
40
|
-
"_displayLabel": "
|
41
|
-
"_value": "
|
42
|
-
"__SPlusButton": "
|
20
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1i8di_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1i8di_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_1i8di_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1i8di_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_1i8di)}@media (hover:hover){.___SItemContainer_1i8di_gg_:hover>.___SCloseIcon_1i8di_gg_{opacity:1}}.___SItemContainer_1i8di_gg_.__keyboardFocused_1i8di_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1i8di_gg_.__selected_1i8di_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1i8di_gg_.__displayLabel_1i8di_gg_::after{background:var(--value_1i8di);opacity:.15}.___SItemContainer_1i8di_gg_:not(.__value_1i8di_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1i8di_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1i8di_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1i8di_gg_,.___SPaletteManager_1i8di_gg_,.___SPlusButton_1i8di_gg_{display:flex;align-items:center}.___SPlusButton_1i8di_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1i8di_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1i8di_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer}.___SDefaultTrigger_1i8di_gg_.__keyboardFocused_1i8di_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1i8di_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1i8di);border:1px solid transparent}.___STriggerCircle_1i8di_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1i8di_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1i8di_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_1i8di_gg_{position:absolute}.___SLabel_1i8di_gg_{z-index:1;color:var(--data-value_1i8di);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1i8di_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1i8di)}.___SClearConfirm_1i8di_gg_.__hidden_1i8di_gg_,.___SConfirmColor_1i8di_gg_.__hidden_1i8di_gg_{display:none}" /*__inner_css_end__*/, "1i8di_gg_") /*__reshadow_css_end__*/, {
|
21
|
+
"__SColorPickerPopper": "___SColorPickerPopper_1i8di_gg_",
|
22
|
+
"__SItemContainer": "___SItemContainer_1i8di_gg_",
|
23
|
+
"__SCloseIcon": "___SCloseIcon_1i8di_gg_",
|
24
|
+
"_keyboardFocused": "__keyboardFocused_1i8di_gg_",
|
25
|
+
"_selected": "__selected_1i8di_gg_",
|
26
|
+
"__SColors": "___SColors_1i8di_gg_",
|
27
|
+
"__SPaletteManager": "___SPaletteManager_1i8di_gg_",
|
28
|
+
"__SInputContainer": "___SInputContainer_1i8di_gg_",
|
29
|
+
"__SDefaultTrigger": "___SDefaultTrigger_1i8di_gg_",
|
30
|
+
"__STriggerCircle": "___STriggerCircle_1i8di_gg_",
|
31
|
+
"--data-value": "--data-value_1i8di",
|
32
|
+
"__STriggerCircleLine": "___STriggerCircleLine_1i8di_gg_",
|
33
|
+
"__SLine": "___SLine_1i8di_gg_",
|
34
|
+
"__SLabel": "___SLabel_1i8di_gg_",
|
35
|
+
"__SItemColor": "___SItemColor_1i8di_gg_",
|
36
|
+
"__SConfirmColor": "___SConfirmColor_1i8di_gg_",
|
37
|
+
"_hidden": "__hidden_1i8di_gg_",
|
38
|
+
"__SClearConfirm": "___SClearConfirm_1i8di_gg_",
|
39
|
+
"--value": "--value_1i8di",
|
40
|
+
"_displayLabel": "__displayLabel_1i8di_gg_",
|
41
|
+
"_value": "__value_1i8di_gg_",
|
42
|
+
"__SPlusButton": "___SPlusButton_1i8di_gg_"
|
43
43
|
});
|
44
44
|
var PaletteManagerRoot = /*#__PURE__*/function (_Component) {
|
45
45
|
(0, _inherits2["default"])(PaletteManagerRoot, _Component);
|
@@ -20,29 +20,29 @@ var _input = _interopRequireDefault(require("intergalactic/input"));
|
|
20
20
|
var _m = _interopRequireDefault(require("intergalactic/icon/Check/m"));
|
21
21
|
var _m2 = _interopRequireDefault(require("intergalactic/icon/Close/m"));
|
22
22
|
/*__reshadow-styles__:"../style/color-picker.shadow.css"*/
|
23
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
24
|
-
"__SColorPickerPopper": "
|
25
|
-
"__SItemContainer": "
|
26
|
-
"__SCloseIcon": "
|
27
|
-
"_keyboardFocused": "
|
28
|
-
"_selected": "
|
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": "
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1i8di_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1i8di_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_1i8di_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1i8di_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_1i8di)}@media (hover:hover){.___SItemContainer_1i8di_gg_:hover>.___SCloseIcon_1i8di_gg_{opacity:1}}.___SItemContainer_1i8di_gg_.__keyboardFocused_1i8di_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1i8di_gg_.__selected_1i8di_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1i8di_gg_.__displayLabel_1i8di_gg_::after{background:var(--value_1i8di);opacity:.15}.___SItemContainer_1i8di_gg_:not(.__value_1i8di_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1i8di_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1i8di_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1i8di_gg_,.___SPaletteManager_1i8di_gg_,.___SPlusButton_1i8di_gg_{display:flex;align-items:center}.___SPlusButton_1i8di_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1i8di_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1i8di_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer}.___SDefaultTrigger_1i8di_gg_.__keyboardFocused_1i8di_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1i8di_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1i8di);border:1px solid transparent}.___STriggerCircle_1i8di_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1i8di_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1i8di_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_1i8di_gg_{position:absolute}.___SLabel_1i8di_gg_{z-index:1;color:var(--data-value_1i8di);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1i8di_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1i8di)}.___SClearConfirm_1i8di_gg_.__hidden_1i8di_gg_,.___SConfirmColor_1i8di_gg_.__hidden_1i8di_gg_{display:none}" /*__inner_css_end__*/, "1i8di_gg_") /*__reshadow_css_end__*/, {
|
24
|
+
"__SColorPickerPopper": "___SColorPickerPopper_1i8di_gg_",
|
25
|
+
"__SItemContainer": "___SItemContainer_1i8di_gg_",
|
26
|
+
"__SCloseIcon": "___SCloseIcon_1i8di_gg_",
|
27
|
+
"_keyboardFocused": "__keyboardFocused_1i8di_gg_",
|
28
|
+
"_selected": "__selected_1i8di_gg_",
|
29
|
+
"__SColors": "___SColors_1i8di_gg_",
|
30
|
+
"__SPaletteManager": "___SPaletteManager_1i8di_gg_",
|
31
|
+
"__SInputContainer": "___SInputContainer_1i8di_gg_",
|
32
|
+
"__SDefaultTrigger": "___SDefaultTrigger_1i8di_gg_",
|
33
|
+
"__STriggerCircle": "___STriggerCircle_1i8di_gg_",
|
34
|
+
"--data-value": "--data-value_1i8di",
|
35
|
+
"__STriggerCircleLine": "___STriggerCircleLine_1i8di_gg_",
|
36
|
+
"__SLine": "___SLine_1i8di_gg_",
|
37
|
+
"__SLabel": "___SLabel_1i8di_gg_",
|
38
|
+
"__SItemColor": "___SItemColor_1i8di_gg_",
|
39
|
+
"__SConfirmColor": "___SConfirmColor_1i8di_gg_",
|
40
|
+
"_hidden": "__hidden_1i8di_gg_",
|
41
|
+
"__SClearConfirm": "___SClearConfirm_1i8di_gg_",
|
42
|
+
"--value": "--value_1i8di",
|
43
|
+
"_displayLabel": "__displayLabel_1i8di_gg_",
|
44
|
+
"_value": "__value_1i8di_gg_",
|
45
|
+
"__SPlusButton": "___SPlusButton_1i8di_gg_"
|
46
46
|
});
|
47
47
|
function isValidHex(hex) {
|
48
48
|
if (hex[0] !== '#' && hex.length === 7) return false;
|
@@ -21,29 +21,29 @@ 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
|
-
"__SColors": "
|
31
|
-
"__SPaletteManager": "
|
32
|
-
"__SInputContainer": "
|
33
|
-
"__SDefaultTrigger": "
|
34
|
-
"__STriggerCircle": "
|
35
|
-
"--data-value": "--data-
|
36
|
-
"__STriggerCircleLine": "
|
37
|
-
"__SLine": "
|
38
|
-
"__SLabel": "
|
39
|
-
"__SItemColor": "
|
40
|
-
"__SConfirmColor": "
|
41
|
-
"_hidden": "
|
42
|
-
"__SClearConfirm": "
|
43
|
-
"--value": "--
|
44
|
-
"_displayLabel": "
|
45
|
-
"_value": "
|
46
|
-
"__SPlusButton": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1i8di_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1i8di_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_1i8di_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1i8di_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_1i8di)}@media (hover:hover){.___SItemContainer_1i8di_gg_:hover>.___SCloseIcon_1i8di_gg_{opacity:1}}.___SItemContainer_1i8di_gg_.__keyboardFocused_1i8di_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1i8di_gg_.__selected_1i8di_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1i8di_gg_.__displayLabel_1i8di_gg_::after{background:var(--value_1i8di);opacity:.15}.___SItemContainer_1i8di_gg_:not(.__value_1i8di_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1i8di_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1i8di_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1i8di_gg_,.___SPaletteManager_1i8di_gg_,.___SPlusButton_1i8di_gg_{display:flex;align-items:center}.___SPlusButton_1i8di_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1i8di_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1i8di_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer}.___SDefaultTrigger_1i8di_gg_.__keyboardFocused_1i8di_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1i8di_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1i8di);border:1px solid transparent}.___STriggerCircle_1i8di_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1i8di_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1i8di_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_1i8di_gg_{position:absolute}.___SLabel_1i8di_gg_{z-index:1;color:var(--data-value_1i8di);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1i8di_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1i8di)}.___SClearConfirm_1i8di_gg_.__hidden_1i8di_gg_,.___SConfirmColor_1i8di_gg_.__hidden_1i8di_gg_{display:none}" /*__inner_css_end__*/, "1i8di_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__SColorPickerPopper": "___SColorPickerPopper_1i8di_gg_",
|
26
|
+
"__SItemContainer": "___SItemContainer_1i8di_gg_",
|
27
|
+
"__SCloseIcon": "___SCloseIcon_1i8di_gg_",
|
28
|
+
"_keyboardFocused": "__keyboardFocused_1i8di_gg_",
|
29
|
+
"_selected": "__selected_1i8di_gg_",
|
30
|
+
"__SColors": "___SColors_1i8di_gg_",
|
31
|
+
"__SPaletteManager": "___SPaletteManager_1i8di_gg_",
|
32
|
+
"__SInputContainer": "___SInputContainer_1i8di_gg_",
|
33
|
+
"__SDefaultTrigger": "___SDefaultTrigger_1i8di_gg_",
|
34
|
+
"__STriggerCircle": "___STriggerCircle_1i8di_gg_",
|
35
|
+
"--data-value": "--data-value_1i8di",
|
36
|
+
"__STriggerCircleLine": "___STriggerCircleLine_1i8di_gg_",
|
37
|
+
"__SLine": "___SLine_1i8di_gg_",
|
38
|
+
"__SLabel": "___SLabel_1i8di_gg_",
|
39
|
+
"__SItemColor": "___SItemColor_1i8di_gg_",
|
40
|
+
"__SConfirmColor": "___SConfirmColor_1i8di_gg_",
|
41
|
+
"_hidden": "__hidden_1i8di_gg_",
|
42
|
+
"__SClearConfirm": "___SClearConfirm_1i8di_gg_",
|
43
|
+
"--value": "--value_1i8di",
|
44
|
+
"_displayLabel": "__displayLabel_1i8di_gg_",
|
45
|
+
"_value": "__value_1i8di_gg_",
|
46
|
+
"__SPlusButton": "___SPlusButton_1i8di_gg_"
|
47
47
|
});
|
48
48
|
var defaultColors = [null, '#2BB3FF', '#8649E1', '#C695FF', '#F67CF2', '#FFA9FA', '#FF8786', '#FF8C43', '#FDC23C', '#66C030', '#9BD85D', '#C7EE96'];
|
49
49
|
var ColorPickerRoot = /*#__PURE__*/function (_Component) {
|