intergalactic 15.119.0 → 15.120.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
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"AbstractButton.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_tooltip","_neighborLocation","_addonTextChildren","_logger","_SpinButton","_hasLabels","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","exports","AbstractButton","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","ariaLabelledByContent","_createClass2","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","logger","warn","containerRef","current","hasLabels","title","displayName","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","styles","SButton","Box","sstyled","createElement","cn","_objectSpread2","assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","Hint","render","_ref8","_ref9","_this3","_this$asProps","use","_this$asProps$theme","theme","loading","_this$asProps$disable","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","CORE_INSTANCE","useTheme","SInner","SSpin","buttonAriaLabel","state","type","tag","ref","getTextColor","__excludeProps","timeout","placement","undefined","Detect","_ref5","Fragment","Addon","addonTextChildren","Text","Component"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { AbstractButtonProps } from './AbstractButton.type';\nimport { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype Props = AbstractButtonProps<any, any, any>;\n\nexport abstract class AbstractButton extends Component<Props, {}, {}> {\n static displayName = 'AbstractButton';\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state = {\n ariaLabelledByContent: null,\n };\n\n protected abstract getTextColor(): string | undefined;\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || AbstractButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n renderButton({ buttonProps, children }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Box} {...buttonProps}>\n {children}\n </SButton>,\n );\n }\n\n renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Hint} {...buttonProps} {...hintProps}>\n {children}\n </SButton>,\n );\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children: hasChildren,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const buttonProps: Record<string, any> = {\n type: 'button',\n tag: 'button',\n disabled,\n 'use:theme': useTheme,\n ref: this.containerRef,\n 'text-color': this.getTextColor(),\n 'aria-busy': loading,\n 'aria-disabled': disabled,\n __excludeProps: ['title'],\n };\n\n const hintProps = {\n title: buttonAriaLabel,\n timeout: [250, 50],\n placement: hintPlacement,\n theme: theme === 'invert' ? 'invert' : undefined,\n __excludeProps: [],\n };\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n const children = sstyled(styles)(\n <>\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading}>\n {AddonLeft ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n ) : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n ) : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </>,\n );\n buttonProps.neighborLocation = neighborLocation;\n\n if (hasChildren === undefined || title) {\n return this.renderButtonWithHint({ buttonProps, hintProps, children });\n }\n\n return this.renderButton({ buttonProps, children });\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"AbstractButton.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_tooltip","_neighborLocation","_addonTextChildren","_logger","_SpinButton","_hasLabels","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","exports","AbstractButton","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","ariaLabelledByContent","_createClass2","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","logger","warn","containerRef","current","hasLabels","title","displayName","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","styles","SButton","Box","sstyled","createElement","cn","_objectSpread2","assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","Hint","render","_ref8","_ref9","_this3","_this$asProps","use","_this$asProps$theme","theme","loading","_this$asProps$disable","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","CORE_INSTANCE","useTheme","SInner","SSpin","buttonAriaLabel","state","type","tag","ref","getTextColor","__excludeProps","timeout","placement","undefined","Detect","_ref5","Fragment","Addon","addonTextChildren","Text","Component"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { AbstractButtonProps } from './AbstractButton.type';\nimport { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype Props = AbstractButtonProps<any, any, any>;\n\nexport abstract class AbstractButton extends Component<Props, {}, {}> {\n static displayName = 'AbstractButton';\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state = {\n ariaLabelledByContent: null,\n };\n\n protected abstract getTextColor(): string | undefined;\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || AbstractButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n renderButton({ buttonProps, children }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Box} {...buttonProps}>\n {children}\n </SButton>,\n );\n }\n\n renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Hint} {...buttonProps} {...hintProps}>\n {children}\n </SButton>,\n );\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children: hasChildren,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const buttonProps: Record<string, any> = {\n type: 'button',\n tag: 'button',\n disabled,\n 'use:theme': useTheme,\n ref: this.containerRef,\n 'text-color': this.getTextColor(),\n 'aria-busy': loading,\n __excludeProps: ['title'],\n };\n\n const hintProps = {\n title: buttonAriaLabel,\n timeout: [250, 50],\n placement: hintPlacement,\n theme: theme === 'invert' ? 'invert' : undefined,\n __excludeProps: [],\n };\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n const children = sstyled(styles)(\n <>\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading}>\n {AddonLeft ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n ) : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n ) : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </>,\n );\n buttonProps.neighborLocation = neighborLocation;\n\n if (hasChildren === undefined || title) {\n return this.renderButtonWithHint({ buttonProps, hintProps, children });\n }\n\n return this.renderButton({ buttonProps, children });\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n"],"mappings":"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"}
|
@@ -19,33 +19,33 @@ var _flexBox = require("intergalactic/flex-box");
|
|
19
19
|
var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
|
20
20
|
var _AbstractButton2 = require("../AbstractButton/AbstractButton");
|
21
21
|
/*__reshadow-styles__:"./button.shadow.css"*/
|
22
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_j4hng_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_j4hng_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_j4hng_gg_:active,.___SButton_j4hng_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_j4hng_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_j4hng_gg_.__keyboardFocused_j4hng_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_j4hng_gg_.__disabled_j4hng_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_j4hng_gg_._size_s_j4hng_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_j4hng_gg_._size_m_j4hng_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_j4hng_gg_._size_l_j4hng_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_j4hng_gg_._theme_primary-info_j4hng_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_j4hng_gg_._theme_primary-info_j4hng_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_j4hng_gg_._theme_primary-info_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_primary-info_j4hng_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_j4hng_gg_._theme_primary-success_j4hng_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_j4hng_gg_._theme_primary-success_j4hng_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_j4hng_gg_._theme_primary-success_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_primary-success_j4hng_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_j4hng_gg_._theme_primary-warning_j4hng_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_j4hng_gg_._theme_primary-warning_j4hng_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_j4hng_gg_._theme_primary-warning_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_primary-warning_j4hng_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_j4hng_gg_._theme_primary-danger_j4hng_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_j4hng_gg_._theme_primary-danger_j4hng_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_j4hng_gg_._theme_primary-danger_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_primary-danger_j4hng_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_j4hng_gg_._theme_primary-invert_j4hng_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_j4hng_gg_._theme_primary-invert_j4hng_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_j4hng_gg_._theme_primary-invert_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_primary-invert_j4hng_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_j4hng_gg_._theme_secondary-muted_j4hng_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_j4hng_gg_._theme_secondary-muted_j4hng_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_j4hng_gg_._theme_secondary-muted_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_secondary-muted_j4hng_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_j4hng_gg_._theme_secondary-info_j4hng_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_j4hng_gg_._theme_secondary-info_j4hng_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_j4hng_gg_._theme_secondary-info_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_secondary-info_j4hng_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_j4hng_gg_._theme_secondary-invert_j4hng_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_j4hng_gg_._theme_secondary-invert_j4hng_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_j4hng_gg_._theme_secondary-invert_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_secondary-invert_j4hng_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_j4hng_gg_._theme_tertiary-info_j4hng_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_j4hng_gg_._theme_tertiary-info_j4hng_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_j4hng_gg_._theme_tertiary-info_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_tertiary-info_j4hng_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_j4hng_gg_._theme_tertiary-muted_j4hng_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_j4hng_gg_._theme_tertiary-muted_j4hng_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_j4hng_gg_._theme_tertiary-muted_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_tertiary-muted_j4hng_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_j4hng_gg_._theme_tertiary-invert_j4hng_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_j4hng_gg_._theme_tertiary-invert_j4hng_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_j4hng_gg_._theme_tertiary-invert_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_tertiary-invert_j4hng_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_j4hng_gg_._neighborLocation_right_j4hng_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_j4hng_gg_._neighborLocation_both_j4hng_gg_{border-radius:0;margin-left:-1px}.___SButton_j4hng_gg_._neighborLocation_left_j4hng_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_j4hng_gg_._neighborLocation_both_j4hng_gg_,.___SButton_j4hng_gg_._neighborLocation_left_j4hng_gg_{position:relative}.___SButton_j4hng_gg_._neighborLocation_both_j4hng_gg_:after,.___SButton_j4hng_gg_._neighborLocation_left_j4hng_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_j4hng_gg_._neighborLocation_both_j4hng_gg_._theme_secondary-muted_j4hng_gg_:after,.___SButton_j4hng_gg_._neighborLocation_left_j4hng_gg_._theme_secondary-muted_j4hng_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_j4hng_gg_+.___SButton_j4hng_gg_._neighborLocation_both_j4hng_gg_:after,.___SButton_j4hng_gg_+.___SButton_j4hng_gg_._neighborLocation_left_j4hng_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_j4hng_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_j4hng_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_j4hng_gg_.__loading_j4hng_gg_{visibility:hidden}.___SText_j4hng_gg_{display:inline-flex}.___SText_j4hng_gg_._size_l_j4hng_gg_,.___SText_j4hng_gg_._size_m_j4hng_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_j4hng_gg_._size_m_j4hng_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_j4hng_gg_._size_l_j4hng_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_j4hng_gg_._size_l_j4hng_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_j4hng_gg_._size_l_j4hng_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_j4hng_gg_._size_l_j4hng_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_j4hng_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_j4hng_gg_._size_m_j4hng_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_j4hng_gg_._size_m_j4hng_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_j4hng_gg_._size_m_j4hng_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_j4hng_gg_._size_l_j4hng_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_j4hng_gg_._size_l_j4hng_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_j4hng_gg_._size_l_j4hng_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}" /*__inner_css_end__*/, "j4hng_gg_") /*__reshadow_css_end__*/, {
|
23
|
-
"__SButton": "
|
24
|
-
"_keyboardFocused": "
|
25
|
-
"_disabled": "
|
26
|
-
"_size_s": "
|
27
|
-
"_size_m": "
|
28
|
-
"_size_l": "
|
29
|
-
"_neighborLocation_right": "
|
30
|
-
"_neighborLocation_both": "
|
31
|
-
"_neighborLocation_left": "
|
32
|
-
"__SSpin": "
|
33
|
-
"__SInner": "
|
34
|
-
"_loading": "
|
35
|
-
"__SText": "
|
36
|
-
"__SAddon": "
|
37
|
-
"_theme_primary-info": "_theme_primary-
|
38
|
-
"_active": "
|
39
|
-
"_theme_primary-success": "_theme_primary-
|
40
|
-
"_theme_primary-warning": "_theme_primary-
|
41
|
-
"_theme_primary-danger": "_theme_primary-
|
42
|
-
"_theme_primary-invert": "_theme_primary-
|
43
|
-
"_theme_secondary-muted": "_theme_secondary-
|
44
|
-
"_theme_secondary-info": "_theme_secondary-
|
45
|
-
"_theme_secondary-invert": "_theme_secondary-
|
46
|
-
"_theme_tertiary-info": "_theme_tertiary-
|
47
|
-
"_theme_tertiary-muted": "_theme_tertiary-
|
48
|
-
"_theme_tertiary-invert": "_theme_tertiary-
|
22
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_5s13m_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_5s13m_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_5s13m_gg_:active,.___SButton_5s13m_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_5s13m_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_5s13m_gg_.__keyboardFocused_5s13m_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_5s13m_gg_.__disabled_5s13m_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_5s13m_gg_._size_s_5s13m_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_5s13m_gg_._size_m_5s13m_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_5s13m_gg_._size_l_5s13m_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_5s13m_gg_._theme_primary-info_5s13m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_5s13m_gg_._theme_primary-info_5s13m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_5s13m_gg_._theme_primary-info_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_primary-info_5s13m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_5s13m_gg_._theme_primary-success_5s13m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_5s13m_gg_._theme_primary-success_5s13m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_5s13m_gg_._theme_primary-success_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_primary-success_5s13m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_5s13m_gg_._theme_primary-warning_5s13m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_5s13m_gg_._theme_primary-warning_5s13m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_5s13m_gg_._theme_primary-warning_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_primary-warning_5s13m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_5s13m_gg_._theme_primary-danger_5s13m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_5s13m_gg_._theme_primary-danger_5s13m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_5s13m_gg_._theme_primary-danger_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_primary-danger_5s13m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_5s13m_gg_._theme_primary-invert_5s13m_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_5s13m_gg_._theme_primary-invert_5s13m_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_5s13m_gg_._theme_primary-invert_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_primary-invert_5s13m_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_5s13m_gg_._theme_secondary-muted_5s13m_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_5s13m_gg_._theme_secondary-muted_5s13m_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_5s13m_gg_._theme_secondary-muted_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_secondary-muted_5s13m_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_5s13m_gg_._theme_secondary-info_5s13m_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_5s13m_gg_._theme_secondary-info_5s13m_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_5s13m_gg_._theme_secondary-info_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_secondary-info_5s13m_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_5s13m_gg_._theme_secondary-invert_5s13m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_5s13m_gg_._theme_secondary-invert_5s13m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_5s13m_gg_._theme_secondary-invert_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_secondary-invert_5s13m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_5s13m_gg_._theme_tertiary-info_5s13m_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_5s13m_gg_._theme_tertiary-info_5s13m_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_5s13m_gg_._theme_tertiary-info_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_tertiary-info_5s13m_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_5s13m_gg_._theme_tertiary-muted_5s13m_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_5s13m_gg_._theme_tertiary-muted_5s13m_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_5s13m_gg_._theme_tertiary-muted_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_tertiary-muted_5s13m_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_5s13m_gg_._theme_tertiary-invert_5s13m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_5s13m_gg_._theme_tertiary-invert_5s13m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_5s13m_gg_._theme_tertiary-invert_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_tertiary-invert_5s13m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_5s13m_gg_._neighborLocation_right_5s13m_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_5s13m_gg_._neighborLocation_both_5s13m_gg_{border-radius:0;margin-left:-1px}.___SButton_5s13m_gg_._neighborLocation_left_5s13m_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_5s13m_gg_._neighborLocation_both_5s13m_gg_,.___SButton_5s13m_gg_._neighborLocation_left_5s13m_gg_{position:relative}.___SButton_5s13m_gg_._neighborLocation_both_5s13m_gg_:after,.___SButton_5s13m_gg_._neighborLocation_left_5s13m_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_5s13m_gg_._neighborLocation_both_5s13m_gg_._theme_secondary-muted_5s13m_gg_:after,.___SButton_5s13m_gg_._neighborLocation_left_5s13m_gg_._theme_secondary-muted_5s13m_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_5s13m_gg_+.___SButton_5s13m_gg_._neighborLocation_both_5s13m_gg_:after,.___SButton_5s13m_gg_+.___SButton_5s13m_gg_._neighborLocation_left_5s13m_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_5s13m_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_5s13m_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_5s13m_gg_.__loading_5s13m_gg_{visibility:hidden}.___SText_5s13m_gg_{display:inline-flex}.___SText_5s13m_gg_._size_l_5s13m_gg_,.___SText_5s13m_gg_._size_m_5s13m_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_5s13m_gg_._size_m_5s13m_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_5s13m_gg_._size_l_5s13m_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_5s13m_gg_._size_l_5s13m_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_5s13m_gg_._size_l_5s13m_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_5s13m_gg_._size_l_5s13m_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_5s13m_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_5s13m_gg_._size_m_5s13m_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_5s13m_gg_._size_m_5s13m_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_5s13m_gg_._size_m_5s13m_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_5s13m_gg_._size_l_5s13m_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_5s13m_gg_._size_l_5s13m_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_5s13m_gg_._size_l_5s13m_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}" /*__inner_css_end__*/, "5s13m_gg_") /*__reshadow_css_end__*/, {
|
23
|
+
"__SButton": "___SButton_5s13m_gg_",
|
24
|
+
"_keyboardFocused": "__keyboardFocused_5s13m_gg_",
|
25
|
+
"_disabled": "__disabled_5s13m_gg_",
|
26
|
+
"_size_s": "_size_s_5s13m_gg_",
|
27
|
+
"_size_m": "_size_m_5s13m_gg_",
|
28
|
+
"_size_l": "_size_l_5s13m_gg_",
|
29
|
+
"_neighborLocation_right": "_neighborLocation_right_5s13m_gg_",
|
30
|
+
"_neighborLocation_both": "_neighborLocation_both_5s13m_gg_",
|
31
|
+
"_neighborLocation_left": "_neighborLocation_left_5s13m_gg_",
|
32
|
+
"__SSpin": "___SSpin_5s13m_gg_",
|
33
|
+
"__SInner": "___SInner_5s13m_gg_",
|
34
|
+
"_loading": "__loading_5s13m_gg_",
|
35
|
+
"__SText": "___SText_5s13m_gg_",
|
36
|
+
"__SAddon": "___SAddon_5s13m_gg_",
|
37
|
+
"_theme_primary-info": "_theme_primary-info_5s13m_gg_",
|
38
|
+
"_active": "__active_5s13m_gg_",
|
39
|
+
"_theme_primary-success": "_theme_primary-success_5s13m_gg_",
|
40
|
+
"_theme_primary-warning": "_theme_primary-warning_5s13m_gg_",
|
41
|
+
"_theme_primary-danger": "_theme_primary-danger_5s13m_gg_",
|
42
|
+
"_theme_primary-invert": "_theme_primary-invert_5s13m_gg_",
|
43
|
+
"_theme_secondary-muted": "_theme_secondary-muted_5s13m_gg_",
|
44
|
+
"_theme_secondary-info": "_theme_secondary-info_5s13m_gg_",
|
45
|
+
"_theme_secondary-invert": "_theme_secondary-invert_5s13m_gg_",
|
46
|
+
"_theme_tertiary-info": "_theme_tertiary-info_5s13m_gg_",
|
47
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_5s13m_gg_",
|
48
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_5s13m_gg_"
|
49
49
|
});
|
50
50
|
var RootButton = /*#__PURE__*/function (_AbstractButton) {
|
51
51
|
(0, _inherits2["default"])(RootButton, _AbstractButton);
|
@@ -20,26 +20,26 @@ var _flexBox = require("intergalactic/flex-box");
|
|
20
20
|
var _AbstractButton2 = require("../AbstractButton/AbstractButton");
|
21
21
|
var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
|
22
22
|
/*__reshadow-styles__:"./buttonLink.shadow.css"*/
|
23
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
24
|
-
"__SButton": "
|
25
|
-
"_keyboardFocused": "
|
26
|
-
"_disabled": "
|
27
|
-
"__SInner": "
|
28
|
-
"__SAddon": "
|
29
|
-
"_size_100": "
|
30
|
-
"_size_200": "
|
31
|
-
"_size_300": "
|
32
|
-
"_size_400": "
|
33
|
-
"_size_500": "
|
34
|
-
"_size_600": "
|
35
|
-
"_size_700": "
|
36
|
-
"_size_800": "
|
37
|
-
"__SText": "
|
38
|
-
"_active": "
|
39
|
-
"_enableVisited": "
|
40
|
-
"_use_secondary": "
|
41
|
-
"_text-color": "__text-
|
42
|
-
"--text-color": "--text-
|
23
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_tsbsg_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_tsbsg_gg_:active,.___SButton_tsbsg_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_tsbsg_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_tsbsg_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_tsbsg_gg_.__active_tsbsg_gg_,.___SButton_tsbsg_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_tsbsg_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_tsbsg_gg_.__active_tsbsg_gg_ .___SText_tsbsg_gg_,.___SButton_tsbsg_gg_:active .___SText_tsbsg_gg_{border-color:currentColor}@media (hover:hover){.___SButton_tsbsg_gg_:hover .___SText_tsbsg_gg_{border-color:currentColor}}.___SButton_tsbsg_gg_.__enableVisited_tsbsg_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_tsbsg_gg_.__enableVisited_tsbsg_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_tsbsg_gg_ .___SText_tsbsg_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_tsbsg_gg_.__keyboardFocused_tsbsg_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_tsbsg_gg_.__disabled_tsbsg_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_tsbsg_gg_._use_secondary_tsbsg_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_tsbsg_gg_._use_secondary_tsbsg_gg_.__active_tsbsg_gg_,.___SButton_tsbsg_gg_._use_secondary_tsbsg_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_tsbsg_gg_._use_secondary_tsbsg_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_tsbsg_gg_._use_secondary_tsbsg_gg_ .___SText_tsbsg_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_tsbsg_gg_,.___SInner_tsbsg_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_tsbsg_gg_{height:100%;width:100%}.___SAddon_tsbsg_gg_{vertical-align:middle;pointer-events:none}.___SButton_tsbsg_gg_ .___SAddon_tsbsg_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_tsbsg_gg_ .___SAddon_tsbsg_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_tsbsg_gg_.__text-color_tsbsg_gg_{color:var(--text-color_tsbsg)}.___SButton_tsbsg_gg_.__text-color_tsbsg_gg_.__active_tsbsg_gg_,.___SButton_tsbsg_gg_.__text-color_tsbsg_gg_:active{color:var(--text-color_tsbsg);filter:brightness(.8)}@media (hover:hover){.___SButton_tsbsg_gg_.__text-color_tsbsg_gg_:hover{color:var(--text-color_tsbsg);filter:brightness(.8)}}.___SButton_tsbsg_gg_._size_100_tsbsg_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_tsbsg_gg_._size_200_tsbsg_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_tsbsg_gg_._size_300_tsbsg_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_tsbsg_gg_._size_400_tsbsg_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_tsbsg_gg_._size_500_tsbsg_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_tsbsg_gg_._size_600_tsbsg_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_tsbsg_gg_._size_700_tsbsg_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_tsbsg_gg_._size_800_tsbsg_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_tsbsg_gg_,.___SText_tsbsg_gg_{transition:none}}" /*__inner_css_end__*/, "tsbsg_gg_") /*__reshadow_css_end__*/, {
|
24
|
+
"__SButton": "___SButton_tsbsg_gg_",
|
25
|
+
"_keyboardFocused": "__keyboardFocused_tsbsg_gg_",
|
26
|
+
"_disabled": "__disabled_tsbsg_gg_",
|
27
|
+
"__SInner": "___SInner_tsbsg_gg_",
|
28
|
+
"__SAddon": "___SAddon_tsbsg_gg_",
|
29
|
+
"_size_100": "_size_100_tsbsg_gg_",
|
30
|
+
"_size_200": "_size_200_tsbsg_gg_",
|
31
|
+
"_size_300": "_size_300_tsbsg_gg_",
|
32
|
+
"_size_400": "_size_400_tsbsg_gg_",
|
33
|
+
"_size_500": "_size_500_tsbsg_gg_",
|
34
|
+
"_size_600": "_size_600_tsbsg_gg_",
|
35
|
+
"_size_700": "_size_700_tsbsg_gg_",
|
36
|
+
"_size_800": "_size_800_tsbsg_gg_",
|
37
|
+
"__SText": "___SText_tsbsg_gg_",
|
38
|
+
"_active": "__active_tsbsg_gg_",
|
39
|
+
"_enableVisited": "__enableVisited_tsbsg_gg_",
|
40
|
+
"_use_secondary": "_use_secondary_tsbsg_gg_",
|
41
|
+
"_text-color": "__text-color_tsbsg_gg_",
|
42
|
+
"--text-color": "--text-color_tsbsg"
|
43
43
|
});
|
44
44
|
var enhance = {
|
45
45
|
keyboardFocused: (0, _keyboardFocusEnhance["default"])(),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"AbstractButton.js","names":["React","Box","Hint","NeighborLocation","addonTextChildren","logger","SpinButton","hasLabels","Component","CORE_INSTANCE","Root","sstyled","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","AbstractButton","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","ariaLabelledByContent","_createClass","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","warn","containerRef","current","title","displayName","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","styles","SButton","createElement","cn","_objectSpread","_assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","_assignProps2","render","_ref8","_ref9","_this3","_this$asProps","use","_this$asProps$theme","theme","loading","_this$asProps$disable","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","type","tag","ref","getTextColor","__excludeProps","timeout","placement","undefined","Detect","_ref5","Fragment","Addon","Text"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { AbstractButtonProps } from './AbstractButton.type';\nimport { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype Props = AbstractButtonProps<any, any, any>;\n\nexport abstract class AbstractButton extends Component<Props, {}, {}> {\n static displayName = 'AbstractButton';\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state = {\n ariaLabelledByContent: null,\n };\n\n protected abstract getTextColor(): string | undefined;\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || AbstractButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n renderButton({ buttonProps, children }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Box} {...buttonProps}>\n {children}\n </SButton>,\n );\n }\n\n renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Hint} {...buttonProps} {...hintProps}>\n {children}\n </SButton>,\n );\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children: hasChildren,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const buttonProps: Record<string, any> = {\n type: 'button',\n tag: 'button',\n disabled,\n 'use:theme': useTheme,\n ref: this.containerRef,\n 'text-color': this.getTextColor(),\n 'aria-busy': loading,\n 'aria-disabled': disabled,\n __excludeProps: ['title'],\n };\n\n const hintProps = {\n title: buttonAriaLabel,\n timeout: [250, 50],\n placement: hintPlacement,\n theme: theme === 'invert' ? 'invert' : undefined,\n __excludeProps: [],\n };\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n const children = sstyled(styles)(\n <>\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading}>\n {AddonLeft ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n ) : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n ) : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </>,\n );\n buttonProps.neighborLocation = neighborLocation;\n\n if (hasChildren === undefined || title) {\n return this.renderButtonWithHint({ buttonProps, hintProps, children });\n }\n\n return this.renderButton({ buttonProps, children });\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"AbstractButton.js","names":["React","Box","Hint","NeighborLocation","addonTextChildren","logger","SpinButton","hasLabels","Component","CORE_INSTANCE","Root","sstyled","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","AbstractButton","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","ariaLabelledByContent","_createClass","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","warn","containerRef","current","title","displayName","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","styles","SButton","createElement","cn","_objectSpread","_assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","_assignProps2","render","_ref8","_ref9","_this3","_this$asProps","use","_this$asProps$theme","theme","loading","_this$asProps$disable","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","type","tag","ref","getTextColor","__excludeProps","timeout","placement","undefined","Detect","_ref5","Fragment","Addon","Text"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { AbstractButtonProps } from './AbstractButton.type';\nimport { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype Props = AbstractButtonProps<any, any, any>;\n\nexport abstract class AbstractButton extends Component<Props, {}, {}> {\n static displayName = 'AbstractButton';\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state = {\n ariaLabelledByContent: null,\n };\n\n protected abstract getTextColor(): string | undefined;\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || AbstractButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n renderButton({ buttonProps, children }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Box} {...buttonProps}>\n {children}\n </SButton>,\n );\n }\n\n renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Hint} {...buttonProps} {...hintProps}>\n {children}\n </SButton>,\n );\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children: hasChildren,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const buttonProps: Record<string, any> = {\n type: 'button',\n tag: 'button',\n disabled,\n 'use:theme': useTheme,\n ref: this.containerRef,\n 'text-color': this.getTextColor(),\n 'aria-busy': loading,\n __excludeProps: ['title'],\n };\n\n const hintProps = {\n title: buttonAriaLabel,\n timeout: [250, 50],\n placement: hintPlacement,\n theme: theme === 'invert' ? 'invert' : undefined,\n __excludeProps: [],\n };\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n const children = sstyled(styles)(\n <>\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading}>\n {AddonLeft ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n ) : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n ) : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </>,\n );\n buttonProps.neighborLocation = neighborLocation;\n\n if (hasChildren === undefined || title) {\n return this.renderButtonWithHint({ buttonProps, hintProps, children });\n }\n\n return this.renderButton({ buttonProps, children });\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n"],"mappings":"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"}
|
@@ -12,33 +12,33 @@ import createComponent, { sstyled, Root } from 'intergalactic/core';
|
|
12
12
|
import { Box } from 'intergalactic/flex-box';
|
13
13
|
import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
14
14
|
/*__reshadow-styles__:"./button.shadow.css"*/
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_j4hng_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_j4hng_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_j4hng_gg_:active,.___SButton_j4hng_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_j4hng_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_j4hng_gg_.__keyboardFocused_j4hng_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_j4hng_gg_.__disabled_j4hng_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_j4hng_gg_._size_s_j4hng_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_j4hng_gg_._size_m_j4hng_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_j4hng_gg_._size_l_j4hng_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_j4hng_gg_._theme_primary-info_j4hng_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_j4hng_gg_._theme_primary-info_j4hng_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_j4hng_gg_._theme_primary-info_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_primary-info_j4hng_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_j4hng_gg_._theme_primary-success_j4hng_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_j4hng_gg_._theme_primary-success_j4hng_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_j4hng_gg_._theme_primary-success_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_primary-success_j4hng_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_j4hng_gg_._theme_primary-warning_j4hng_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_j4hng_gg_._theme_primary-warning_j4hng_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_j4hng_gg_._theme_primary-warning_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_primary-warning_j4hng_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_j4hng_gg_._theme_primary-danger_j4hng_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_j4hng_gg_._theme_primary-danger_j4hng_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_j4hng_gg_._theme_primary-danger_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_primary-danger_j4hng_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_j4hng_gg_._theme_primary-invert_j4hng_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_j4hng_gg_._theme_primary-invert_j4hng_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_j4hng_gg_._theme_primary-invert_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_primary-invert_j4hng_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_j4hng_gg_._theme_secondary-muted_j4hng_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_j4hng_gg_._theme_secondary-muted_j4hng_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_j4hng_gg_._theme_secondary-muted_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_secondary-muted_j4hng_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_j4hng_gg_._theme_secondary-info_j4hng_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_j4hng_gg_._theme_secondary-info_j4hng_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_j4hng_gg_._theme_secondary-info_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_secondary-info_j4hng_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_j4hng_gg_._theme_secondary-invert_j4hng_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_j4hng_gg_._theme_secondary-invert_j4hng_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_j4hng_gg_._theme_secondary-invert_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_secondary-invert_j4hng_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_j4hng_gg_._theme_tertiary-info_j4hng_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_j4hng_gg_._theme_tertiary-info_j4hng_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_j4hng_gg_._theme_tertiary-info_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_tertiary-info_j4hng_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_j4hng_gg_._theme_tertiary-muted_j4hng_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_j4hng_gg_._theme_tertiary-muted_j4hng_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_j4hng_gg_._theme_tertiary-muted_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_tertiary-muted_j4hng_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_j4hng_gg_._theme_tertiary-invert_j4hng_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_j4hng_gg_._theme_tertiary-invert_j4hng_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_j4hng_gg_._theme_tertiary-invert_j4hng_gg_.__active_j4hng_gg_,.___SButton_j4hng_gg_._theme_tertiary-invert_j4hng_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_j4hng_gg_._neighborLocation_right_j4hng_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_j4hng_gg_._neighborLocation_both_j4hng_gg_{border-radius:0;margin-left:-1px}.___SButton_j4hng_gg_._neighborLocation_left_j4hng_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_j4hng_gg_._neighborLocation_both_j4hng_gg_,.___SButton_j4hng_gg_._neighborLocation_left_j4hng_gg_{position:relative}.___SButton_j4hng_gg_._neighborLocation_both_j4hng_gg_:after,.___SButton_j4hng_gg_._neighborLocation_left_j4hng_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_j4hng_gg_._neighborLocation_both_j4hng_gg_._theme_secondary-muted_j4hng_gg_:after,.___SButton_j4hng_gg_._neighborLocation_left_j4hng_gg_._theme_secondary-muted_j4hng_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_j4hng_gg_+.___SButton_j4hng_gg_._neighborLocation_both_j4hng_gg_:after,.___SButton_j4hng_gg_+.___SButton_j4hng_gg_._neighborLocation_left_j4hng_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_j4hng_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_j4hng_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_j4hng_gg_.__loading_j4hng_gg_{visibility:hidden}.___SText_j4hng_gg_{display:inline-flex}.___SText_j4hng_gg_._size_l_j4hng_gg_,.___SText_j4hng_gg_._size_m_j4hng_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_j4hng_gg_._size_m_j4hng_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_j4hng_gg_._size_l_j4hng_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_j4hng_gg_._size_l_j4hng_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_j4hng_gg_._size_l_j4hng_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_j4hng_gg_._size_l_j4hng_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_j4hng_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_j4hng_gg_._size_m_j4hng_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_j4hng_gg_._size_m_j4hng_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_j4hng_gg_._size_m_j4hng_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_j4hng_gg_._size_l_j4hng_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_j4hng_gg_._size_l_j4hng_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_j4hng_gg_._size_l_j4hng_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}" /*__inner_css_end__*/, "j4hng_gg_") /*__reshadow_css_end__*/, {
|
16
|
-
"__SButton": "
|
17
|
-
"_keyboardFocused": "
|
18
|
-
"_disabled": "
|
19
|
-
"_size_s": "
|
20
|
-
"_size_m": "
|
21
|
-
"_size_l": "
|
22
|
-
"_neighborLocation_right": "
|
23
|
-
"_neighborLocation_both": "
|
24
|
-
"_neighborLocation_left": "
|
25
|
-
"__SSpin": "
|
26
|
-
"__SInner": "
|
27
|
-
"_loading": "
|
28
|
-
"__SText": "
|
29
|
-
"__SAddon": "
|
30
|
-
"_theme_primary-info": "_theme_primary-
|
31
|
-
"_active": "
|
32
|
-
"_theme_primary-success": "_theme_primary-
|
33
|
-
"_theme_primary-warning": "_theme_primary-
|
34
|
-
"_theme_primary-danger": "_theme_primary-
|
35
|
-
"_theme_primary-invert": "_theme_primary-
|
36
|
-
"_theme_secondary-muted": "_theme_secondary-
|
37
|
-
"_theme_secondary-info": "_theme_secondary-
|
38
|
-
"_theme_secondary-invert": "_theme_secondary-
|
39
|
-
"_theme_tertiary-info": "_theme_tertiary-
|
40
|
-
"_theme_tertiary-muted": "_theme_tertiary-
|
41
|
-
"_theme_tertiary-invert": "_theme_tertiary-
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_5s13m_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_5s13m_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_5s13m_gg_:active,.___SButton_5s13m_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_5s13m_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_5s13m_gg_.__keyboardFocused_5s13m_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_5s13m_gg_.__disabled_5s13m_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_5s13m_gg_._size_s_5s13m_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_5s13m_gg_._size_m_5s13m_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_5s13m_gg_._size_l_5s13m_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_5s13m_gg_._theme_primary-info_5s13m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_5s13m_gg_._theme_primary-info_5s13m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_5s13m_gg_._theme_primary-info_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_primary-info_5s13m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_5s13m_gg_._theme_primary-success_5s13m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_5s13m_gg_._theme_primary-success_5s13m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_5s13m_gg_._theme_primary-success_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_primary-success_5s13m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_5s13m_gg_._theme_primary-warning_5s13m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_5s13m_gg_._theme_primary-warning_5s13m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_5s13m_gg_._theme_primary-warning_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_primary-warning_5s13m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_5s13m_gg_._theme_primary-danger_5s13m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_5s13m_gg_._theme_primary-danger_5s13m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_5s13m_gg_._theme_primary-danger_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_primary-danger_5s13m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_5s13m_gg_._theme_primary-invert_5s13m_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_5s13m_gg_._theme_primary-invert_5s13m_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_5s13m_gg_._theme_primary-invert_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_primary-invert_5s13m_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_5s13m_gg_._theme_secondary-muted_5s13m_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_5s13m_gg_._theme_secondary-muted_5s13m_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_5s13m_gg_._theme_secondary-muted_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_secondary-muted_5s13m_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_5s13m_gg_._theme_secondary-info_5s13m_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_5s13m_gg_._theme_secondary-info_5s13m_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_5s13m_gg_._theme_secondary-info_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_secondary-info_5s13m_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_5s13m_gg_._theme_secondary-invert_5s13m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_5s13m_gg_._theme_secondary-invert_5s13m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_5s13m_gg_._theme_secondary-invert_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_secondary-invert_5s13m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_5s13m_gg_._theme_tertiary-info_5s13m_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_5s13m_gg_._theme_tertiary-info_5s13m_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_5s13m_gg_._theme_tertiary-info_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_tertiary-info_5s13m_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_5s13m_gg_._theme_tertiary-muted_5s13m_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_5s13m_gg_._theme_tertiary-muted_5s13m_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_5s13m_gg_._theme_tertiary-muted_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_tertiary-muted_5s13m_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_5s13m_gg_._theme_tertiary-invert_5s13m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_5s13m_gg_._theme_tertiary-invert_5s13m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_5s13m_gg_._theme_tertiary-invert_5s13m_gg_.__active_5s13m_gg_,.___SButton_5s13m_gg_._theme_tertiary-invert_5s13m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_5s13m_gg_._neighborLocation_right_5s13m_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_5s13m_gg_._neighborLocation_both_5s13m_gg_{border-radius:0;margin-left:-1px}.___SButton_5s13m_gg_._neighborLocation_left_5s13m_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_5s13m_gg_._neighborLocation_both_5s13m_gg_,.___SButton_5s13m_gg_._neighborLocation_left_5s13m_gg_{position:relative}.___SButton_5s13m_gg_._neighborLocation_both_5s13m_gg_:after,.___SButton_5s13m_gg_._neighborLocation_left_5s13m_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_5s13m_gg_._neighborLocation_both_5s13m_gg_._theme_secondary-muted_5s13m_gg_:after,.___SButton_5s13m_gg_._neighborLocation_left_5s13m_gg_._theme_secondary-muted_5s13m_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_5s13m_gg_+.___SButton_5s13m_gg_._neighborLocation_both_5s13m_gg_:after,.___SButton_5s13m_gg_+.___SButton_5s13m_gg_._neighborLocation_left_5s13m_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_5s13m_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_5s13m_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_5s13m_gg_.__loading_5s13m_gg_{visibility:hidden}.___SText_5s13m_gg_{display:inline-flex}.___SText_5s13m_gg_._size_l_5s13m_gg_,.___SText_5s13m_gg_._size_m_5s13m_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_5s13m_gg_._size_m_5s13m_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_5s13m_gg_._size_l_5s13m_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_5s13m_gg_._size_l_5s13m_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_5s13m_gg_._size_l_5s13m_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_5s13m_gg_._size_l_5s13m_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_5s13m_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_5s13m_gg_._size_m_5s13m_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_5s13m_gg_._size_m_5s13m_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_5s13m_gg_._size_m_5s13m_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_5s13m_gg_._size_l_5s13m_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_5s13m_gg_._size_l_5s13m_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_5s13m_gg_._size_l_5s13m_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}" /*__inner_css_end__*/, "5s13m_gg_") /*__reshadow_css_end__*/, {
|
16
|
+
"__SButton": "___SButton_5s13m_gg_",
|
17
|
+
"_keyboardFocused": "__keyboardFocused_5s13m_gg_",
|
18
|
+
"_disabled": "__disabled_5s13m_gg_",
|
19
|
+
"_size_s": "_size_s_5s13m_gg_",
|
20
|
+
"_size_m": "_size_m_5s13m_gg_",
|
21
|
+
"_size_l": "_size_l_5s13m_gg_",
|
22
|
+
"_neighborLocation_right": "_neighborLocation_right_5s13m_gg_",
|
23
|
+
"_neighborLocation_both": "_neighborLocation_both_5s13m_gg_",
|
24
|
+
"_neighborLocation_left": "_neighborLocation_left_5s13m_gg_",
|
25
|
+
"__SSpin": "___SSpin_5s13m_gg_",
|
26
|
+
"__SInner": "___SInner_5s13m_gg_",
|
27
|
+
"_loading": "__loading_5s13m_gg_",
|
28
|
+
"__SText": "___SText_5s13m_gg_",
|
29
|
+
"__SAddon": "___SAddon_5s13m_gg_",
|
30
|
+
"_theme_primary-info": "_theme_primary-info_5s13m_gg_",
|
31
|
+
"_active": "__active_5s13m_gg_",
|
32
|
+
"_theme_primary-success": "_theme_primary-success_5s13m_gg_",
|
33
|
+
"_theme_primary-warning": "_theme_primary-warning_5s13m_gg_",
|
34
|
+
"_theme_primary-danger": "_theme_primary-danger_5s13m_gg_",
|
35
|
+
"_theme_primary-invert": "_theme_primary-invert_5s13m_gg_",
|
36
|
+
"_theme_secondary-muted": "_theme_secondary-muted_5s13m_gg_",
|
37
|
+
"_theme_secondary-info": "_theme_secondary-info_5s13m_gg_",
|
38
|
+
"_theme_secondary-invert": "_theme_secondary-invert_5s13m_gg_",
|
39
|
+
"_theme_tertiary-info": "_theme_tertiary-info_5s13m_gg_",
|
40
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_5s13m_gg_",
|
41
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_5s13m_gg_"
|
42
42
|
});
|
43
43
|
import { AbstractButton } from '../AbstractButton/AbstractButton';
|
44
44
|
var RootButton = /*#__PURE__*/function (_AbstractButton) {
|
@@ -10,26 +10,26 @@ import { assignProps as _assignProps } from 'intergalactic/core';
|
|
10
10
|
import React from 'react';
|
11
11
|
import createComponent, { sstyled, Root } from 'intergalactic/core';
|
12
12
|
/*__reshadow-styles__:"./buttonLink.shadow.css"*/
|
13
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
14
|
-
"__SButton": "
|
15
|
-
"_keyboardFocused": "
|
16
|
-
"_disabled": "
|
17
|
-
"__SInner": "
|
18
|
-
"__SAddon": "
|
19
|
-
"_size_100": "
|
20
|
-
"_size_200": "
|
21
|
-
"_size_300": "
|
22
|
-
"_size_400": "
|
23
|
-
"_size_500": "
|
24
|
-
"_size_600": "
|
25
|
-
"_size_700": "
|
26
|
-
"_size_800": "
|
27
|
-
"__SText": "
|
28
|
-
"_active": "
|
29
|
-
"_enableVisited": "
|
30
|
-
"_use_secondary": "
|
31
|
-
"_text-color": "__text-
|
32
|
-
"--text-color": "--text-
|
13
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_tsbsg_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_tsbsg_gg_:active,.___SButton_tsbsg_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_tsbsg_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_tsbsg_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_tsbsg_gg_.__active_tsbsg_gg_,.___SButton_tsbsg_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_tsbsg_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_tsbsg_gg_.__active_tsbsg_gg_ .___SText_tsbsg_gg_,.___SButton_tsbsg_gg_:active .___SText_tsbsg_gg_{border-color:currentColor}@media (hover:hover){.___SButton_tsbsg_gg_:hover .___SText_tsbsg_gg_{border-color:currentColor}}.___SButton_tsbsg_gg_.__enableVisited_tsbsg_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_tsbsg_gg_.__enableVisited_tsbsg_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_tsbsg_gg_ .___SText_tsbsg_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_tsbsg_gg_.__keyboardFocused_tsbsg_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_tsbsg_gg_.__disabled_tsbsg_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_tsbsg_gg_._use_secondary_tsbsg_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_tsbsg_gg_._use_secondary_tsbsg_gg_.__active_tsbsg_gg_,.___SButton_tsbsg_gg_._use_secondary_tsbsg_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_tsbsg_gg_._use_secondary_tsbsg_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_tsbsg_gg_._use_secondary_tsbsg_gg_ .___SText_tsbsg_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_tsbsg_gg_,.___SInner_tsbsg_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_tsbsg_gg_{height:100%;width:100%}.___SAddon_tsbsg_gg_{vertical-align:middle;pointer-events:none}.___SButton_tsbsg_gg_ .___SAddon_tsbsg_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_tsbsg_gg_ .___SAddon_tsbsg_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_tsbsg_gg_.__text-color_tsbsg_gg_{color:var(--text-color_tsbsg)}.___SButton_tsbsg_gg_.__text-color_tsbsg_gg_.__active_tsbsg_gg_,.___SButton_tsbsg_gg_.__text-color_tsbsg_gg_:active{color:var(--text-color_tsbsg);filter:brightness(.8)}@media (hover:hover){.___SButton_tsbsg_gg_.__text-color_tsbsg_gg_:hover{color:var(--text-color_tsbsg);filter:brightness(.8)}}.___SButton_tsbsg_gg_._size_100_tsbsg_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_tsbsg_gg_._size_200_tsbsg_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_tsbsg_gg_._size_300_tsbsg_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_tsbsg_gg_._size_400_tsbsg_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_tsbsg_gg_._size_500_tsbsg_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_tsbsg_gg_._size_600_tsbsg_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_tsbsg_gg_._size_700_tsbsg_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_tsbsg_gg_._size_800_tsbsg_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_tsbsg_gg_,.___SText_tsbsg_gg_{transition:none}}" /*__inner_css_end__*/, "tsbsg_gg_") /*__reshadow_css_end__*/, {
|
14
|
+
"__SButton": "___SButton_tsbsg_gg_",
|
15
|
+
"_keyboardFocused": "__keyboardFocused_tsbsg_gg_",
|
16
|
+
"_disabled": "__disabled_tsbsg_gg_",
|
17
|
+
"__SInner": "___SInner_tsbsg_gg_",
|
18
|
+
"__SAddon": "___SAddon_tsbsg_gg_",
|
19
|
+
"_size_100": "_size_100_tsbsg_gg_",
|
20
|
+
"_size_200": "_size_200_tsbsg_gg_",
|
21
|
+
"_size_300": "_size_300_tsbsg_gg_",
|
22
|
+
"_size_400": "_size_400_tsbsg_gg_",
|
23
|
+
"_size_500": "_size_500_tsbsg_gg_",
|
24
|
+
"_size_600": "_size_600_tsbsg_gg_",
|
25
|
+
"_size_700": "_size_700_tsbsg_gg_",
|
26
|
+
"_size_800": "_size_800_tsbsg_gg_",
|
27
|
+
"__SText": "___SText_tsbsg_gg_",
|
28
|
+
"_active": "__active_tsbsg_gg_",
|
29
|
+
"_enableVisited": "__enableVisited_tsbsg_gg_",
|
30
|
+
"_use_secondary": "_use_secondary_tsbsg_gg_",
|
31
|
+
"_text-color": "__text-color_tsbsg_gg_",
|
32
|
+
"--text-color": "--text-color_tsbsg"
|
33
33
|
});
|
34
34
|
import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
35
35
|
import { Box } from 'intergalactic/flex-box';
|
package/button/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/button","description":"Semrush Button Component","version":"5.40.
|
1
|
+
{"name":"intergalactic/button","description":"Semrush Button Component","version":"5.40.1","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","exports":{"require":"./lib/cjs/index.js","import":"./lib/es6/index.js","types":"./lib/types/index.d.ts"},"scripts":{"build":"pnpm semcore-builder --source=ts"},"dependencies":{"@semcore/flex-box":"5.39.0","@semcore/neighbor-location":"4.37.0","@semcore/spin":"5.39.0","@semcore/tooltip":"6.47.0","@semcore/utils":"4.44.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/button"},"devDependencies":{"@semcore/icon":"*","@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}
|
package/card/lib/cjs/Card.js
CHANGED
@@ -22,12 +22,12 @@ var _tooltip = require("intergalactic/tooltip");
|
|
22
22
|
var _m = _interopRequireDefault(require("intergalactic/icon/Info/m"));
|
23
23
|
var _findComponent = require("intergalactic/utils/lib/findComponent");
|
24
24
|
/*__reshadow-styles__:"./style/card.shadow.css"*/
|
25
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
26
|
-
"__SDescription": "
|
27
|
-
"__SHeader": "
|
28
|
-
"__SBody": "
|
29
|
-
"__SCard": "
|
30
|
-
"__STitle": "
|
25
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCard_16yb1_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral, #ffffff);padding:0;border:0;border-radius:var(--intergalactic-surface-rounded, 6px);box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)\n )}.___SCard_16yb1_gg_ .___STitle_16yb1_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SCard_16yb1_gg_ [data-ui-name=\"DescriptionTooltip.Trigger\"]{margin-right:var(--intergalactic-spacing-1x, 4px);line-height:normal;vertical-align:top;margin-top:calc(var(--intergalactic-spacing-1x, 4px)/2)}.___SDescription_16yb1_gg_{margin-bottom:0;margin-top:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-secondary, #6c6e79)}.___SBody_16yb1_gg_,.___SHeader_16yb1_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_16yb1_gg_{padding-top:var(--intergalactic-spacing-2x, 8px);padding-bottom:var(--intergalactic-spacing-2x, 8px);box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, #e0e1e9)}.___SBody_16yb1_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "16yb1_gg_") /*__reshadow_css_end__*/, {
|
26
|
+
"__SDescription": "___SDescription_16yb1_gg_",
|
27
|
+
"__SHeader": "___SHeader_16yb1_gg_",
|
28
|
+
"__SBody": "___SBody_16yb1_gg_",
|
29
|
+
"__SCard": "___SCard_16yb1_gg_",
|
30
|
+
"__STitle": "___STitle_16yb1_gg_"
|
31
31
|
});
|
32
32
|
var CardRoot = /*#__PURE__*/function (_Component) {
|
33
33
|
(0, _inherits2["default"])(CardRoot, _Component);
|
package/card/lib/es6/Card.js
CHANGED
@@ -18,12 +18,12 @@ import { ButtonLink } from 'intergalactic/button';
|
|
18
18
|
import { DescriptionTooltip } from 'intergalactic/tooltip';
|
19
19
|
import InfoM from 'intergalactic/icon/Info/m';
|
20
20
|
/*__reshadow-styles__:"./style/card.shadow.css"*/
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
22
|
-
"__SDescription": "
|
23
|
-
"__SHeader": "
|
24
|
-
"__SBody": "
|
25
|
-
"__SCard": "
|
26
|
-
"__STitle": "
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCard_16yb1_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral, #ffffff);padding:0;border:0;border-radius:var(--intergalactic-surface-rounded, 6px);box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)\n )}.___SCard_16yb1_gg_ .___STitle_16yb1_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SCard_16yb1_gg_ [data-ui-name=\"DescriptionTooltip.Trigger\"]{margin-right:var(--intergalactic-spacing-1x, 4px);line-height:normal;vertical-align:top;margin-top:calc(var(--intergalactic-spacing-1x, 4px)/2)}.___SDescription_16yb1_gg_{margin-bottom:0;margin-top:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-secondary, #6c6e79)}.___SBody_16yb1_gg_,.___SHeader_16yb1_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_16yb1_gg_{padding-top:var(--intergalactic-spacing-2x, 8px);padding-bottom:var(--intergalactic-spacing-2x, 8px);box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, #e0e1e9)}.___SBody_16yb1_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "16yb1_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__SDescription": "___SDescription_16yb1_gg_",
|
23
|
+
"__SHeader": "___SHeader_16yb1_gg_",
|
24
|
+
"__SBody": "___SBody_16yb1_gg_",
|
25
|
+
"__SCard": "___SCard_16yb1_gg_",
|
26
|
+
"__STitle": "___STitle_16yb1_gg_"
|
27
27
|
});
|
28
28
|
import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
|
29
29
|
var CardRoot = /*#__PURE__*/function (_Component) {
|