intergalactic 15.126.1-prerelease.8 → 15.127.0-prerelease.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/accordion/lib/cjs/Accordion.js +9 -9
- package/accordion/lib/es6/Accordion.js +9 -9
- package/accordion/lib/esm/Accordion.mjs +76 -76
- package/accordion/package.json +1 -1
- package/add-filter/package.json +1 -1
- package/animation/package.json +1 -1
- package/badge/package.json +1 -1
- package/base-trigger/package.json +1 -1
- package/breadcrumbs/package.json +1 -1
- package/breakpoints/package.json +1 -1
- package/bulk-textarea/lib/cjs/components/InputField/InputField.js +12 -12
- package/bulk-textarea/lib/es6/components/InputField/InputField.js +12 -12
- package/bulk-textarea/lib/esm/components/InputField/InputField.mjs +128 -128
- package/bulk-textarea/package.json +1 -1
- package/button/component/Button/Button.type.d.ts +6 -2
- package/button/lib/cjs/component/AbstractButton/AbstractButton.js +1 -0
- package/button/lib/cjs/component/AbstractButton/AbstractButton.js.map +1 -1
- package/button/lib/cjs/component/Button/Button.js +28 -27
- package/button/lib/cjs/component/Button/Button.js.map +1 -1
- package/button/lib/cjs/component/Button/Button.type.js.map +1 -1
- package/button/lib/cjs/component/Button/button.shadow.css +17 -1
- package/button/lib/cjs/component/ButtonLink/ButtonLink.js +20 -20
- package/button/lib/es6/component/AbstractButton/AbstractButton.js +1 -0
- package/button/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -1
- package/button/lib/es6/component/Button/Button.js +28 -27
- package/button/lib/es6/component/Button/Button.js.map +1 -1
- package/button/lib/es6/component/Button/Button.type.js.map +1 -1
- package/button/lib/es6/component/Button/button.shadow.css +17 -1
- package/button/lib/es6/component/ButtonLink/ButtonLink.js +20 -20
- package/button/lib/esm/component/AbstractButton/AbstractButton.mjs +30 -30
- package/button/lib/esm/component/Button/Button.mjs +66 -65
- package/button/lib/esm/component/ButtonLink/ButtonLink.mjs +59 -59
- package/button/lib/types/component/Button/Button.type.d.ts +6 -2
- package/button/package.json +1 -1
- package/card/lib/cjs/Card.js +6 -6
- package/card/lib/es6/Card.js +6 -6
- package/card/lib/esm/Card.mjs +46 -46
- package/card/package.json +1 -1
- package/carousel/lib/cjs/Carousel.js +21 -21
- package/carousel/lib/es6/Carousel.js +21 -21
- package/carousel/lib/esm/Carousel.mjs +177 -177
- package/carousel/package.json +1 -1
- package/checkbox/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/lib/esm/ColorPicker.mjs +73 -73
- package/color-picker/lib/esm/PaletteManager.mjs +42 -42
- package/color-picker/lib/esm/components/InputColor.mjs +81 -81
- package/color-picker/package.json +1 -1
- package/components.json +24 -24
- package/core/package.json +1 -1
- package/counter/package.json +1 -1
- package/d3-chart/package.json +1 -1
- package/data-table/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/lib/esm/components/Calendar.mjs +126 -126
- package/date-picker/lib/esm/components/DateRangeComparatorAbstract.mjs +217 -217
- package/date-picker/lib/esm/components/InputTrigger.mjs +215 -215
- package/date-picker/lib/esm/components/PickerAbstract.mjs +114 -114
- package/date-picker/lib/esm/components/RangePickerAbstract.mjs +164 -164
- package/date-picker/package.json +1 -1
- package/divider/package.json +1 -1
- package/dot/package.json +1 -1
- package/drag-and-drop/lib/cjs/DragAndDrop.js +17 -17
- package/drag-and-drop/lib/es6/DragAndDrop.js +17 -17
- package/drag-and-drop/lib/esm/DragAndDrop.mjs +160 -160
- package/drag-and-drop/package.json +1 -1
- package/dropdown/package.json +1 -1
- package/dropdown-menu/lib/cjs/DropdownMenu.js +18 -18
- package/dropdown-menu/lib/es6/DropdownMenu.js +18 -18
- package/dropdown-menu/lib/esm/DropdownMenu.mjs +176 -176
- package/dropdown-menu/package.json +1 -1
- package/ellipsis/package.json +1 -1
- package/errors/lib/cjs/Error.js +9 -9
- package/errors/lib/es6/Error.js +9 -9
- package/errors/lib/esm/Error.mjs +48 -48
- package/errors/package.json +1 -1
- package/feature-popover/lib/cjs/FeaturePopover.js +11 -11
- package/feature-popover/lib/es6/FeaturePopover.js +11 -11
- package/feature-popover/lib/esm/FeaturePopover.mjs +72 -72
- package/feature-popover/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-rating/FeedbackRating.js +2 -2
- package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js +7 -7
- 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-rating/FeedbackRating.js +2 -2
- package/feedback-form/lib/es6/component/slider-rating/SliderRating.js +7 -7
- package/feedback-form/lib/esm/FeedbackForm.mjs +34 -34
- package/feedback-form/lib/esm/component/checkbox-button/CheckboxButton.mjs +23 -23
- package/feedback-form/lib/esm/component/feedback-rating/FeedbackRating.mjs +23 -23
- package/feedback-form/lib/esm/component/slider-rating/SliderRating.mjs +73 -73
- package/feedback-form/package.json +1 -1
- package/flags/package.json +1 -1
- package/flex-box/package.json +1 -1
- package/format-text/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/lib/esm/FullscreenModal.mjs +70 -70
- package/fullscreen-modal/package.json +1 -1
- package/grid/package.json +1 -1
- package/i18n-unplugin/package.json +1 -1
- package/icon/package.json +1 -1
- package/illustration/package.json +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/lib/esm/InlineInput.mjs +107 -107
- package/inline-input/package.json +1 -1
- package/input/package.json +1 -1
- package/input-mask/package.json +1 -1
- package/input-number/package.json +1 -1
- package/input-tags/package.json +1 -1
- package/link/package.json +1 -1
- package/mini-chart/package.json +1 -1
- package/modal/lib/cjs/Modal.js +8 -8
- package/modal/lib/es6/Modal.js +8 -8
- package/modal/lib/esm/Modal.mjs +81 -81
- package/modal/package.json +1 -1
- package/neighbor-location/package.json +1 -1
- package/notice/lib/cjs/Notice.js +18 -17
- package/notice/lib/cjs/Notice.js.map +1 -1
- package/notice/lib/es6/Notice.js +18 -17
- package/notice/lib/es6/Notice.js.map +1 -1
- package/notice/lib/esm/Notice.mjs +110 -108
- package/notice/package.json +1 -1
- package/notice-bubble/lib/cjs/NoticeBubble.js +15 -15
- package/notice-bubble/lib/es6/NoticeBubble.js +15 -15
- package/notice-bubble/lib/esm/NoticeBubble.mjs +87 -87
- package/notice-bubble/package.json +1 -1
- package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
- package/notice-global/lib/es6/NoticeGlobal.js +11 -11
- package/notice-global/lib/esm/NoticeGlobal.mjs +46 -46
- package/notice-global/package.json +1 -1
- package/outside-click/package.json +1 -1
- package/package.json +1 -1
- package/pagination/lib/cjs/Pagination.js +12 -12
- package/pagination/lib/es6/Pagination.js +12 -12
- package/pagination/lib/esm/Pagination.mjs +123 -123
- package/pagination/package.json +1 -1
- package/pills/package.json +1 -1
- package/popper/package.json +1 -1
- package/portal/package.json +1 -1
- package/product-head/package.json +1 -1
- package/progress-bar/package.json +1 -1
- package/radio/package.json +1 -1
- package/scroll-area/package.json +1 -1
- package/select/lib/cjs/InputSearch.js +6 -6
- package/select/lib/cjs/Select.js +8 -8
- package/select/lib/es6/InputSearch.js +6 -6
- package/select/lib/es6/Select.js +8 -8
- package/select/lib/esm/InputSearch.mjs +38 -38
- package/select/lib/esm/Select.mjs +106 -106
- package/select/package.json +1 -1
- package/side-panel/lib/cjs/SidePanel.js +16 -16
- package/side-panel/lib/es6/SidePanel.js +16 -16
- package/side-panel/lib/esm/SidePanel.mjs +76 -76
- package/side-panel/package.json +1 -1
- package/skeleton/package.json +1 -1
- package/slider/package.json +1 -1
- package/spin/package.json +1 -1
- package/spin-container/package.json +1 -1
- package/sticky/package.json +1 -1
- package/switch/package.json +1 -1
- package/tab-line/package.json +1 -1
- package/tab-panel/package.json +1 -1
- package/tag/package.json +1 -1
- package/textarea/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/lib/esm/TimePicker.mjs +62 -62
- package/time-picker/package.json +1 -1
- package/tooltip/package.json +1 -1
- package/typography/package.json +1 -1
- package/utils/lib/themes/auto.css +1 -1
- package/utils/lib/themes/default.css +1 -1
- package/utils/lib/themes/default.js +1 -1
- package/utils/lib/themes/default.js.map +1 -1
- package/utils/lib/themes/default.mjs +1 -1
- package/utils/lib/themes/default.mjs.map +1 -1
- package/utils/lib/themes/light.css +1 -1
- package/utils/lib/themes/light.js +1 -1
- package/utils/lib/themes/light.js.map +1 -1
- package/utils/lib/themes/light.mjs +1 -1
- package/utils/lib/themes/light.mjs.map +1 -1
- package/widget-empty/package.json +1 -1
- package/wizard/lib/cjs/Wizard.js +12 -12
- package/wizard/lib/es6/Wizard.js +12 -12
- package/wizard/lib/esm/Wizard.mjs +83 -83
- package/wizard/package.json +1 -1
@@ -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_1xr08_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_1xr08_gg_:active,.___SButton_1xr08_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1xr08_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1xr08_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1xr08_gg_.__active_1xr08_gg_,.___SButton_1xr08_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_1xr08_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_1xr08_gg_.__active_1xr08_gg_ .___SText_1xr08_gg_,.___SButton_1xr08_gg_:active .___SText_1xr08_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1xr08_gg_:hover .___SText_1xr08_gg_{border-color:currentColor}}.___SButton_1xr08_gg_.__enableVisited_1xr08_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_1xr08_gg_.__enableVisited_1xr08_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_1xr08_gg_ .___SText_1xr08_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1xr08_gg_.__keyboardFocused_1xr08_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_1xr08_gg_.__disabled_1xr08_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1xr08_gg_._use_secondary_1xr08_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_1xr08_gg_._use_secondary_1xr08_gg_.__active_1xr08_gg_,.___SButton_1xr08_gg_._use_secondary_1xr08_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_1xr08_gg_._use_secondary_1xr08_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_1xr08_gg_._use_secondary_1xr08_gg_ .___SText_1xr08_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1xr08_gg_,.___SInner_1xr08_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1xr08_gg_{height:100%;width:100%}.___SAddon_1xr08_gg_{vertical-align:middle;pointer-events:none}.___SButton_1xr08_gg_ .___SAddon_1xr08_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1xr08_gg_ .___SAddon_1xr08_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1xr08_gg_.__text-color_1xr08_gg_{color:var(--text-color_1xr08)}.___SButton_1xr08_gg_.__text-color_1xr08_gg_.__active_1xr08_gg_,.___SButton_1xr08_gg_.__text-color_1xr08_gg_:active{color:var(--text-color_1xr08);filter:brightness(.8)}@media (hover:hover){.___SButton_1xr08_gg_.__text-color_1xr08_gg_:hover{color:var(--text-color_1xr08);filter:brightness(.8)}}.___SButton_1xr08_gg_._size_100_1xr08_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1xr08_gg_._size_200_1xr08_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1xr08_gg_._size_300_1xr08_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1xr08_gg_._size_400_1xr08_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1xr08_gg_._size_500_1xr08_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1xr08_gg_._size_600_1xr08_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1xr08_gg_._size_700_1xr08_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1xr08_gg_._size_800_1xr08_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1xr08_gg_,.___SText_1xr08_gg_{transition:none}}" /*__inner_css_end__*/, "1xr08_gg_") /*__reshadow_css_end__*/, {
|
14
|
+
"__SButton": "___SButton_1xr08_gg_",
|
15
|
+
"_keyboardFocused": "__keyboardFocused_1xr08_gg_",
|
16
|
+
"_disabled": "__disabled_1xr08_gg_",
|
17
|
+
"__SInner": "___SInner_1xr08_gg_",
|
18
|
+
"__SAddon": "___SAddon_1xr08_gg_",
|
19
|
+
"_size_100": "_size_100_1xr08_gg_",
|
20
|
+
"_size_200": "_size_200_1xr08_gg_",
|
21
|
+
"_size_300": "_size_300_1xr08_gg_",
|
22
|
+
"_size_400": "_size_400_1xr08_gg_",
|
23
|
+
"_size_500": "_size_500_1xr08_gg_",
|
24
|
+
"_size_600": "_size_600_1xr08_gg_",
|
25
|
+
"_size_700": "_size_700_1xr08_gg_",
|
26
|
+
"_size_800": "_size_800_1xr08_gg_",
|
27
|
+
"__SText": "___SText_1xr08_gg_",
|
28
|
+
"_active": "__active_1xr08_gg_",
|
29
|
+
"_enableVisited": "__enableVisited_1xr08_gg_",
|
30
|
+
"_use_secondary": "_use_secondary_1xr08_gg_",
|
31
|
+
"_text-color": "__text-color_1xr08_gg_",
|
32
|
+
"--text-color": "--text-color_1xr08"
|
33
33
|
});
|
34
34
|
import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
35
35
|
import { Box } from 'intergalactic/flex-box';
|
@@ -3,32 +3,32 @@ import F from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
3
|
import O from "@babel/runtime/helpers/esm/createClass";
|
4
4
|
import C from "@babel/runtime/helpers/esm/assertThisInitialized";
|
5
5
|
import U from "@babel/runtime/helpers/esm/inherits";
|
6
|
-
import
|
6
|
+
import q from "@babel/runtime/helpers/esm/createSuper";
|
7
7
|
import g from "@babel/runtime/helpers/esm/defineProperty";
|
8
|
-
import { sstyled as b, assignProps as L, CORE_INSTANCE as
|
8
|
+
import { sstyled as b, assignProps as L, CORE_INSTANCE as V, Component as G } from 'intergalactic/core';
|
9
9
|
import o from "react";
|
10
10
|
import { Box as P } from 'intergalactic/flex-box';
|
11
|
-
import { Hint as
|
12
|
-
import
|
13
|
-
import
|
14
|
-
import
|
11
|
+
import { Hint as J } from 'intergalactic/tooltip';
|
12
|
+
import K from 'intergalactic/neighbor-location';
|
13
|
+
import Q from 'intergalactic/utils/lib/addonTextChildren';
|
14
|
+
import x from 'intergalactic/utils/lib/logger';
|
15
15
|
import X from "./SpinButton.mjs";
|
16
16
|
import Y from 'intergalactic/utils/lib/hasLabels';
|
17
17
|
var Z = {
|
18
18
|
primary: "info",
|
19
19
|
secondary: "muted",
|
20
20
|
tertiary: "info"
|
21
|
-
}, tt = /* @__PURE__ */ function(
|
22
|
-
U(s,
|
23
|
-
var y =
|
21
|
+
}, tt = /* @__PURE__ */ function(T) {
|
22
|
+
U(s, T);
|
23
|
+
var y = q(s);
|
24
24
|
function s() {
|
25
|
-
var
|
25
|
+
var a;
|
26
26
|
F(this, s);
|
27
27
|
for (var e = arguments.length, n = new Array(e), r = 0; r < e; r++)
|
28
28
|
n[r] = arguments[r];
|
29
|
-
return
|
29
|
+
return a = y.call.apply(y, [this].concat(n)), g(C(a), "containerRef", /* @__PURE__ */ o.createRef()), g(C(a), "state", {
|
30
30
|
ariaLabelledByContent: null
|
31
|
-
}),
|
31
|
+
}), a;
|
32
32
|
}
|
33
33
|
return O(s, [{
|
34
34
|
key: "getTextProps",
|
@@ -50,7 +50,7 @@ var Z = {
|
|
50
50
|
key: "componentDidMount",
|
51
51
|
value: function() {
|
52
52
|
var e = this;
|
53
|
-
process.env.NODE_ENV !== "production" &&
|
53
|
+
process.env.NODE_ENV !== "production" && (x.warn(this.containerRef.current && !Y(this.containerRef.current) && !this.asProps.title, "'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content", this.asProps["data-ui-name"] || s.displayName), x.warn(this.asProps.theme === "warning", "Warning theme is deprecated and will be removed in the next major release.", this.asProps["data-ui-name"] || s.displayName));
|
54
54
|
var n = this.asProps["aria-labelledby"];
|
55
55
|
n && setTimeout(function() {
|
56
56
|
var r, t;
|
@@ -62,50 +62,50 @@ var Z = {
|
|
62
62
|
}, {
|
63
63
|
key: "renderButton",
|
64
64
|
value: function(e) {
|
65
|
-
var n = this.asProps, r, t = e.buttonProps,
|
66
|
-
return r = b(
|
65
|
+
var n = this.asProps, r, t = e.buttonProps, u = e.children, i = this.asProps.styles, l = P;
|
66
|
+
return r = b(i), /* @__PURE__ */ o.createElement(l, r.cn("SButton", m({}, L(m({}, t), n))), u);
|
67
67
|
}
|
68
68
|
}, {
|
69
69
|
key: "renderButtonWithHint",
|
70
70
|
value: function(e) {
|
71
|
-
var n = this.asProps, r, t = e.buttonProps,
|
72
|
-
return r = b(l), /* @__PURE__ */ o.createElement(c, r.cn("SButton", m({}, L(m(m({}, t),
|
71
|
+
var n = this.asProps, r, t = e.buttonProps, u = e.children, i = e.hintProps, l = this.asProps.styles, c = J;
|
72
|
+
return r = b(l), /* @__PURE__ */ o.createElement(c, r.cn("SButton", m({}, L(m(m({}, t), i), n))), u);
|
73
73
|
}
|
74
74
|
}, {
|
75
75
|
key: "render",
|
76
76
|
value: function() {
|
77
|
-
var e, n, r = this, t = this.asProps,
|
77
|
+
var e, n, r = this, t = this.asProps, u = t.styles, i = t.use, l = t.theme, c = l === void 0 ? typeof i == "string" && Z[i] : l, p = t.loading, _ = t.disabled, R = _ === void 0 ? p : _, z = t.size, N = t.neighborLocation, $ = t.children, h = t.title, w = t["aria-label"], D = t.Children, B = t.addonLeft, E = t.addonRight, H = t.hintPlacement, f = this[V], A = i && c ? "".concat(i, "-").concat(c) : !1, I = P, k = P, M = (e = (n = h ?? w) !== null && n !== void 0 ? n : this.state.ariaLabelledByContent) !== null && e !== void 0 ? e : "", v = {
|
78
78
|
type: "button",
|
79
79
|
tag: "button",
|
80
|
-
disabled:
|
80
|
+
disabled: R,
|
81
81
|
"use:theme": A,
|
82
82
|
ref: this.containerRef,
|
83
83
|
"text-color": this.getTextColor(),
|
84
84
|
"aria-busy": p,
|
85
85
|
__excludeProps: ["title"]
|
86
|
-
},
|
86
|
+
}, W = {
|
87
87
|
title: M,
|
88
88
|
timeout: [250, 50],
|
89
89
|
placement: H,
|
90
90
|
theme: c === "invert" ? "invert" : void 0,
|
91
91
|
__excludeProps: []
|
92
92
|
};
|
93
|
-
return /* @__PURE__ */ o.createElement(
|
94
|
-
neighborLocation:
|
95
|
-
}, function(
|
96
|
-
var
|
93
|
+
return /* @__PURE__ */ o.createElement(K.Detect, {
|
94
|
+
neighborLocation: N
|
95
|
+
}, function(j) {
|
96
|
+
var d, S = (d = b(u), /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(I, d.cn("SInner", {
|
97
97
|
tag: "span",
|
98
98
|
loading: p
|
99
|
-
}), B ? /* @__PURE__ */ o.createElement(f.Addon, null, /* @__PURE__ */ o.createElement(B,
|
99
|
+
}), B ? /* @__PURE__ */ o.createElement(f.Addon, null, /* @__PURE__ */ o.createElement(B, d.cn("AddonLeft", {}))) : null, Q(D, f.Text, f.Addon), E ? /* @__PURE__ */ o.createElement(f.Addon, null, /* @__PURE__ */ o.createElement(E, d.cn("AddonRight", {}))) : null), p && /* @__PURE__ */ o.createElement(k, d.cn("SSpin", {
|
100
100
|
tag: "span"
|
101
|
-
}), /* @__PURE__ */ o.createElement(X,
|
101
|
+
}), /* @__PURE__ */ o.createElement(X, d.cn("SpinButton", {
|
102
102
|
centered: !0,
|
103
|
-
size:
|
103
|
+
size: z,
|
104
104
|
theme: A
|
105
105
|
})))));
|
106
|
-
return v.neighborLocation =
|
106
|
+
return v.neighborLocation = j, $ === void 0 || h ? r.renderButtonWithHint({
|
107
107
|
buttonProps: v,
|
108
|
-
hintProps:
|
108
|
+
hintProps: W,
|
109
109
|
children: S
|
110
110
|
}) : r.renderButton({
|
111
111
|
buttonProps: v,
|
@@ -114,7 +114,7 @@ var Z = {
|
|
114
114
|
});
|
115
115
|
}
|
116
116
|
}]), s;
|
117
|
-
}(
|
117
|
+
}(G);
|
118
118
|
g(tt, "displayName", "AbstractButton");
|
119
119
|
export {
|
120
120
|
tt as AbstractButton,
|
@@ -1,88 +1,89 @@
|
|
1
|
-
import
|
2
|
-
import
|
3
|
-
import
|
4
|
-
import
|
5
|
-
import
|
6
|
-
import
|
7
|
-
import { sstyled as
|
8
|
-
import
|
1
|
+
import o from "@babel/runtime/helpers/esm/objectSpread2";
|
2
|
+
import y from "@babel/runtime/helpers/esm/classCallCheck";
|
3
|
+
import l from "@babel/runtime/helpers/esm/createClass";
|
4
|
+
import m from "@babel/runtime/helpers/esm/inherits";
|
5
|
+
import v from "@babel/runtime/helpers/esm/createSuper";
|
6
|
+
import i from "@babel/runtime/helpers/esm/defineProperty";
|
7
|
+
import { sstyled as f } from 'intergalactic/utils/lib/core/index';
|
8
|
+
import d, { sstyled as g, assignProps as n } from 'intergalactic/core';
|
9
9
|
import c from "react";
|
10
|
-
import { Box as
|
11
|
-
import
|
12
|
-
import { AbstractButton as
|
10
|
+
import { Box as h } from 'intergalactic/flex-box';
|
11
|
+
import j from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
12
|
+
import { AbstractButton as s } from "../AbstractButton/AbstractButton.mjs";
|
13
13
|
var u = (
|
14
14
|
/*__reshadow_css_start__*/
|
15
|
-
(
|
15
|
+
(f.insert(
|
16
16
|
/*__inner_css_start__*/
|
17
|
-
`.
|
18
|
-
rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.
|
19
|
-
rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.
|
20
|
-
rgba(255, 255, 255, 0.3))}.
|
21
|
-
rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.
|
22
|
-
"
|
17
|
+
`.___SButton_12yjh_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_12yjh_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_12yjh_gg_:active,.___SButton_12yjh_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_12yjh_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_12yjh_gg_.__keyboardFocused_12yjh_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_12yjh_gg_.__disabled_12yjh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_12yjh_gg_._size_s_12yjh_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_12yjh_gg_._size_m_12yjh_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_12yjh_gg_._size_l_12yjh_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_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_12yjh_gg_._theme_secondary-muted_12yjh_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,
|
18
|
+
rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,
|
19
|
+
rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_12yjh_gg_._theme_secondary-info_12yjh_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_12yjh_gg_._theme_secondary-info_12yjh_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_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_12yjh_gg_._theme_secondary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,
|
20
|
+
rgba(255, 255, 255, 0.3))}.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,
|
21
|
+
rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_12yjh_gg_._neighborLocation_right_12yjh_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_{border-radius:0;margin-left:-1px}.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_{position:relative}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_:after,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_._theme_secondary-muted_12yjh_gg_:after,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_._theme_secondary-muted_12yjh_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_12yjh_gg_+.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_:after,.___SButton_12yjh_gg_+.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_12yjh_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_12yjh_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_12yjh_gg_.__loading_12yjh_gg_{visibility:hidden}.___SText_12yjh_gg_{display:inline-flex}.___SText_12yjh_gg_._size_l_12yjh_gg_,.___SText_12yjh_gg_._size_m_12yjh_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_12yjh_gg_._size_m_12yjh_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_12yjh_gg_._size_l_12yjh_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_12yjh_gg_._size_l_12yjh_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_12yjh_gg_._size_l_12yjh_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_12yjh_gg_._size_l_12yjh_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_12yjh_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_12yjh_gg_._size_m_12yjh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_12yjh_gg_._size_m_12yjh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_12yjh_gg_._size_m_12yjh_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_12yjh_gg_._size_l_12yjh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_12yjh_gg_._size_l_12yjh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_12yjh_gg_._size_l_12yjh_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}`,
|
22
|
+
"12yjh_gg_"
|
23
23
|
), {
|
24
|
-
__SButton: "
|
25
|
-
_keyboardFocused: "
|
26
|
-
_disabled: "
|
27
|
-
_size_s: "
|
28
|
-
_size_m: "
|
29
|
-
_size_l: "
|
30
|
-
_neighborLocation_right: "
|
31
|
-
_neighborLocation_both: "
|
32
|
-
_neighborLocation_left: "
|
33
|
-
__SSpin: "
|
34
|
-
__SInner: "
|
35
|
-
_loading: "
|
36
|
-
__SText: "
|
37
|
-
__SAddon: "
|
38
|
-
"_theme_primary-info": "_theme_primary-
|
39
|
-
_active: "
|
40
|
-
"_theme_primary-success": "_theme_primary-
|
41
|
-
"_theme_primary-
|
42
|
-
"_theme_primary-
|
43
|
-
"_theme_primary-
|
44
|
-
"
|
45
|
-
"_theme_secondary-
|
46
|
-
"_theme_secondary-
|
47
|
-
"
|
48
|
-
"_theme_tertiary-
|
49
|
-
"_theme_tertiary-
|
24
|
+
__SButton: "___SButton_12yjh_gg_",
|
25
|
+
_keyboardFocused: "__keyboardFocused_12yjh_gg_",
|
26
|
+
_disabled: "__disabled_12yjh_gg_",
|
27
|
+
_size_s: "_size_s_12yjh_gg_",
|
28
|
+
_size_m: "_size_m_12yjh_gg_",
|
29
|
+
_size_l: "_size_l_12yjh_gg_",
|
30
|
+
_neighborLocation_right: "_neighborLocation_right_12yjh_gg_",
|
31
|
+
_neighborLocation_both: "_neighborLocation_both_12yjh_gg_",
|
32
|
+
_neighborLocation_left: "_neighborLocation_left_12yjh_gg_",
|
33
|
+
__SSpin: "___SSpin_12yjh_gg_",
|
34
|
+
__SInner: "___SInner_12yjh_gg_",
|
35
|
+
_loading: "__loading_12yjh_gg_",
|
36
|
+
__SText: "___SText_12yjh_gg_",
|
37
|
+
__SAddon: "___SAddon_12yjh_gg_",
|
38
|
+
"_theme_primary-info": "_theme_primary-info_12yjh_gg_",
|
39
|
+
_active: "__active_12yjh_gg_",
|
40
|
+
"_theme_primary-success": "_theme_primary-success_12yjh_gg_",
|
41
|
+
"_theme_primary-brand": "_theme_primary-brand_12yjh_gg_",
|
42
|
+
"_theme_primary-warning": "_theme_primary-warning_12yjh_gg_",
|
43
|
+
"_theme_primary-danger": "_theme_primary-danger_12yjh_gg_",
|
44
|
+
"_theme_primary-invert": "_theme_primary-invert_12yjh_gg_",
|
45
|
+
"_theme_secondary-muted": "_theme_secondary-muted_12yjh_gg_",
|
46
|
+
"_theme_secondary-info": "_theme_secondary-info_12yjh_gg_",
|
47
|
+
"_theme_secondary-invert": "_theme_secondary-invert_12yjh_gg_",
|
48
|
+
"_theme_tertiary-info": "_theme_tertiary-info_12yjh_gg_",
|
49
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_12yjh_gg_",
|
50
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_12yjh_gg_"
|
50
51
|
})
|
51
|
-
),
|
52
|
-
|
53
|
-
var
|
52
|
+
), e = /* @__PURE__ */ function(r) {
|
53
|
+
m(_, r);
|
54
|
+
var t = v(_);
|
54
55
|
function _() {
|
55
|
-
return
|
56
|
+
return y(this, _), t.apply(this, arguments);
|
56
57
|
}
|
57
|
-
return
|
58
|
+
return l(_, [{
|
58
59
|
key: "getTextColor",
|
59
60
|
value: function() {
|
60
61
|
}
|
61
62
|
}]), _;
|
62
|
-
}(
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
63
|
+
}(s);
|
64
|
+
i(e, "displayName", "Button");
|
65
|
+
i(e, "enhance", [j()]);
|
66
|
+
i(e, "style", u);
|
67
|
+
i(e, "defaultProps", {
|
67
68
|
use: "secondary",
|
68
69
|
size: "m"
|
69
70
|
});
|
70
|
-
function p(
|
71
|
-
var
|
72
|
-
return _ =
|
71
|
+
function p(r) {
|
72
|
+
var t = arguments[0], _, a = h;
|
73
|
+
return _ = g(r.styles), /* @__PURE__ */ c.createElement(a, _.cn("SText", o({}, n({
|
73
74
|
tag: "span"
|
74
|
-
},
|
75
|
+
}, t))));
|
75
76
|
}
|
76
|
-
function
|
77
|
-
var
|
78
|
-
return _ =
|
77
|
+
function b(r) {
|
78
|
+
var t = arguments[0], _, a = h;
|
79
|
+
return _ = g(r.styles), /* @__PURE__ */ c.createElement(a, _.cn("SAddon", o({}, n({
|
79
80
|
tag: "span"
|
80
|
-
},
|
81
|
+
}, t))));
|
81
82
|
}
|
82
|
-
var
|
83
|
+
var E = d(e, {
|
83
84
|
Text: p,
|
84
|
-
Addon:
|
85
|
+
Addon: b
|
85
86
|
});
|
86
87
|
export {
|
87
|
-
|
88
|
+
E as default
|
88
89
|
};
|
@@ -1,81 +1,81 @@
|
|
1
1
|
import g from "@babel/runtime/helpers/esm/objectSpread2";
|
2
|
-
import
|
3
|
-
import
|
4
|
-
import
|
5
|
-
import
|
2
|
+
import u from "@babel/runtime/helpers/esm/classCallCheck";
|
3
|
+
import v from "@babel/runtime/helpers/esm/createClass";
|
4
|
+
import h from "@babel/runtime/helpers/esm/inherits";
|
5
|
+
import S from "@babel/runtime/helpers/esm/createSuper";
|
6
6
|
import i from "@babel/runtime/helpers/esm/defineProperty";
|
7
|
-
import { sstyled as
|
8
|
-
import
|
7
|
+
import { sstyled as p } from 'intergalactic/utils/lib/core/index';
|
8
|
+
import f, { sstyled as a, assignProps as c } from 'intergalactic/core';
|
9
9
|
import l from "react";
|
10
|
-
import
|
11
|
-
import { Box as
|
12
|
-
import { AbstractButton as
|
13
|
-
import
|
14
|
-
var
|
10
|
+
import m from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
11
|
+
import { Box as x } from 'intergalactic/flex-box';
|
12
|
+
import { AbstractButton as B } from "../AbstractButton/AbstractButton.mjs";
|
13
|
+
import b from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
|
14
|
+
var y = (
|
15
15
|
/*__reshadow_css_start__*/
|
16
|
-
(
|
16
|
+
(p.insert(
|
17
17
|
/*__inner_css_start__*/
|
18
|
-
".
|
19
|
-
"
|
18
|
+
".___SButton_1xr08_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_1xr08_gg_:active,.___SButton_1xr08_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1xr08_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1xr08_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1xr08_gg_.__active_1xr08_gg_,.___SButton_1xr08_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_1xr08_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_1xr08_gg_.__active_1xr08_gg_ .___SText_1xr08_gg_,.___SButton_1xr08_gg_:active .___SText_1xr08_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1xr08_gg_:hover .___SText_1xr08_gg_{border-color:currentColor}}.___SButton_1xr08_gg_.__enableVisited_1xr08_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_1xr08_gg_.__enableVisited_1xr08_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_1xr08_gg_ .___SText_1xr08_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1xr08_gg_.__keyboardFocused_1xr08_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_1xr08_gg_.__disabled_1xr08_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1xr08_gg_._use_secondary_1xr08_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_1xr08_gg_._use_secondary_1xr08_gg_.__active_1xr08_gg_,.___SButton_1xr08_gg_._use_secondary_1xr08_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_1xr08_gg_._use_secondary_1xr08_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_1xr08_gg_._use_secondary_1xr08_gg_ .___SText_1xr08_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1xr08_gg_,.___SInner_1xr08_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1xr08_gg_{height:100%;width:100%}.___SAddon_1xr08_gg_{vertical-align:middle;pointer-events:none}.___SButton_1xr08_gg_ .___SAddon_1xr08_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1xr08_gg_ .___SAddon_1xr08_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1xr08_gg_.__text-color_1xr08_gg_{color:var(--text-color_1xr08)}.___SButton_1xr08_gg_.__text-color_1xr08_gg_.__active_1xr08_gg_,.___SButton_1xr08_gg_.__text-color_1xr08_gg_:active{color:var(--text-color_1xr08);filter:brightness(.8)}@media (hover:hover){.___SButton_1xr08_gg_.__text-color_1xr08_gg_:hover{color:var(--text-color_1xr08);filter:brightness(.8)}}.___SButton_1xr08_gg_._size_100_1xr08_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1xr08_gg_._size_200_1xr08_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1xr08_gg_._size_300_1xr08_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1xr08_gg_._size_400_1xr08_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1xr08_gg_._size_500_1xr08_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1xr08_gg_._size_600_1xr08_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1xr08_gg_._size_700_1xr08_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1xr08_gg_._size_800_1xr08_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1xr08_gg_,.___SText_1xr08_gg_{transition:none}}",
|
19
|
+
"1xr08_gg_"
|
20
20
|
), {
|
21
|
-
__SButton: "
|
22
|
-
_keyboardFocused: "
|
23
|
-
_disabled: "
|
24
|
-
__SInner: "
|
25
|
-
__SAddon: "
|
26
|
-
_size_100: "
|
27
|
-
_size_200: "
|
28
|
-
_size_300: "
|
29
|
-
_size_400: "
|
30
|
-
_size_500: "
|
31
|
-
_size_600: "
|
32
|
-
_size_700: "
|
33
|
-
_size_800: "
|
34
|
-
__SText: "
|
35
|
-
_active: "
|
36
|
-
_enableVisited: "
|
37
|
-
_use_secondary: "
|
38
|
-
"_text-color": "__text-
|
39
|
-
"--text-color": "--text-
|
21
|
+
__SButton: "___SButton_1xr08_gg_",
|
22
|
+
_keyboardFocused: "__keyboardFocused_1xr08_gg_",
|
23
|
+
_disabled: "__disabled_1xr08_gg_",
|
24
|
+
__SInner: "___SInner_1xr08_gg_",
|
25
|
+
__SAddon: "___SAddon_1xr08_gg_",
|
26
|
+
_size_100: "_size_100_1xr08_gg_",
|
27
|
+
_size_200: "_size_200_1xr08_gg_",
|
28
|
+
_size_300: "_size_300_1xr08_gg_",
|
29
|
+
_size_400: "_size_400_1xr08_gg_",
|
30
|
+
_size_500: "_size_500_1xr08_gg_",
|
31
|
+
_size_600: "_size_600_1xr08_gg_",
|
32
|
+
_size_700: "_size_700_1xr08_gg_",
|
33
|
+
_size_800: "_size_800_1xr08_gg_",
|
34
|
+
__SText: "___SText_1xr08_gg_",
|
35
|
+
_active: "__active_1xr08_gg_",
|
36
|
+
_enableVisited: "__enableVisited_1xr08_gg_",
|
37
|
+
_use_secondary: "_use_secondary_1xr08_gg_",
|
38
|
+
"_text-color": "__text-color_1xr08_gg_",
|
39
|
+
"--text-color": "--text-color_1xr08"
|
40
40
|
})
|
41
|
-
),
|
42
|
-
keyboardFocused:
|
43
|
-
resolveColor:
|
44
|
-
},
|
45
|
-
|
46
|
-
var
|
41
|
+
), z = {
|
42
|
+
keyboardFocused: m(),
|
43
|
+
resolveColor: b()
|
44
|
+
}, e = /* @__PURE__ */ function(t) {
|
45
|
+
h(_, t);
|
46
|
+
var r = S(_);
|
47
47
|
function _() {
|
48
|
-
return
|
48
|
+
return u(this, _), r.apply(this, arguments);
|
49
49
|
}
|
50
|
-
return
|
50
|
+
return v(_, [{
|
51
51
|
key: "getTextColor",
|
52
52
|
value: function() {
|
53
|
-
var n = this.asProps,
|
54
|
-
return d(
|
53
|
+
var n = this.asProps, s = n.color, d = n.resolveColor;
|
54
|
+
return d(s);
|
55
55
|
}
|
56
56
|
}]), _;
|
57
|
-
}(
|
58
|
-
i(
|
59
|
-
i(
|
60
|
-
i(
|
61
|
-
i(
|
57
|
+
}(B);
|
58
|
+
i(e, "displayName", "ButtonLink");
|
59
|
+
i(e, "enhance", Object.values(z));
|
60
|
+
i(e, "style", y);
|
61
|
+
i(e, "defaultProps", {
|
62
62
|
use: "primary"
|
63
63
|
});
|
64
|
-
function
|
65
|
-
var
|
66
|
-
return _ = a(t.styles), /* @__PURE__ */ l.createElement(
|
64
|
+
function k(t) {
|
65
|
+
var r = arguments[0], _, o = x;
|
66
|
+
return _ = a(t.styles), /* @__PURE__ */ l.createElement(o, _.cn("SText", g({}, c({
|
67
67
|
tag: "span"
|
68
|
-
},
|
68
|
+
}, r))));
|
69
69
|
}
|
70
|
-
function
|
71
|
-
var
|
72
|
-
return _ = a(t.styles), /* @__PURE__ */ l.createElement(
|
70
|
+
function C(t) {
|
71
|
+
var r = arguments[0], _, o = x;
|
72
|
+
return _ = a(t.styles), /* @__PURE__ */ l.createElement(o, _.cn("SAddon", g({}, c({
|
73
73
|
tag: "span"
|
74
|
-
},
|
74
|
+
}, r))));
|
75
75
|
}
|
76
|
-
var $ =
|
77
|
-
Text:
|
78
|
-
Addon:
|
76
|
+
var $ = f(e, {
|
77
|
+
Text: k,
|
78
|
+
Addon: C
|
79
79
|
});
|
80
80
|
export {
|
81
81
|
$ as ButtonLink
|
@@ -10,12 +10,16 @@ export type ButtonSize = 'l' | 'm';
|
|
10
10
|
* @default secondary
|
11
11
|
*/
|
12
12
|
type Use = 'primary' | 'secondary' | 'tertiary';
|
13
|
+
/**
|
14
|
+
* @deprecated don't use it. use `danger` for incorrect or danger behavior and `brand` for the orange one.
|
15
|
+
*/
|
16
|
+
type DeprecatedTheme = 'warning';
|
13
17
|
/** Button theme */
|
14
|
-
type Theme = 'info' | 'success' | '
|
18
|
+
type Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';
|
15
19
|
/** @deprecated */
|
16
20
|
export interface IButtonProps extends ButtonProps, UnknownProperties {
|
17
21
|
}
|
18
|
-
export type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme>;
|
22
|
+
export type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme | DeprecatedTheme>;
|
19
23
|
/** @deprecated */
|
20
24
|
export interface IButtonTextProps extends ButtonTextProps, UnknownProperties {
|
21
25
|
}
|
package/button/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/button","description":"Semrush Button Component","version":"5.
|
1
|
+
{"name":"intergalactic/button","description":"Semrush Button Component","version":"5.43.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"scripts":{"build":"pnpm semcore-builder && pnpm vite build"},"dependencies":{"@semcore/flex-box":"5.41.1","@semcore/neighbor-location":"4.40.1","@semcore/spin":"5.41.1","@semcore/tooltip":"6.49.1","@semcore/utils":"4.48.1"},"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"}}
|