@eightshift/ui-components 1.1.3 → 1.1.4
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/dist/assets/style.css +1 -1
- package/dist/{button-CD8Q1eok.js → button-MFj-FKsM.js} +1 -1
- package/dist/components/button/button.js +2 -2
- package/dist/components/color-pickers/gradient-editor.js +1 -1
- package/dist/components/color-pickers/solid-color-picker.js +1 -1
- package/dist/components/component-toggle/component-toggle.js +2 -2
- package/dist/components/container-panel/container-panel.js +1 -1
- package/dist/components/draggable-list/draggable-list-item.js +1 -1
- package/dist/components/expandable/expandable.js +1 -1
- package/dist/components/index.js +3 -3
- package/dist/components/link-input/link-input.js +3 -3
- package/dist/components/matrix-align/matrix-align.js +3 -3
- package/dist/components/menu/menu.js +3 -3
- package/dist/components/number-picker/number-picker.js +1 -1
- package/dist/components/option-select/option-select.js +1 -1
- package/dist/components/popover/popover.js +2 -2
- package/dist/components/repeater/repeater-item.js +1 -1
- package/dist/components/repeater/repeater.js +1 -1
- package/dist/components/responsive/responsive-legacy.js +7 -7
- package/dist/components/responsive/responsive.js +2 -2
- package/dist/components/toggle-button/toggle-button.js +1 -1
- package/dist/components/tooltip/tooltip.js +1 -1
- package/dist/index.js +3 -3
- package/dist/{popover-Dk2o4S7K.js → popover-BAjlU5GY.js} +2 -2
- package/dist/{tooltip-BRQ4tvZL.js → tooltip-Do_imFfg.js} +3 -3
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ import React__default, { useState, useRef, forwardRef, createContext } from "rea
|
|
|
6
6
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-4oSz1ItD.js";
|
|
7
7
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
|
|
8
8
|
import { c as clsx } from "./lite-DVmmD_-j.js";
|
|
9
|
-
import { T as Tooltip } from "./tooltip-
|
|
9
|
+
import { T as Tooltip } from "./tooltip-Do_imFfg.js";
|
|
10
10
|
import { _ as __ } from "./default-i18n-BqwLkgZv.js";
|
|
11
11
|
function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
|
|
12
12
|
const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, orientation = "horizontal" } = props;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../Button-CbFrFO04.js";
|
|
3
|
-
import { B, a } from "../../button-
|
|
3
|
+
import { B, a } from "../../button-MFj-FKsM.js";
|
|
4
4
|
import "../../lite-DVmmD_-j.js";
|
|
5
|
-
import "../../tooltip-
|
|
5
|
+
import "../../tooltip-Do_imFfg.js";
|
|
6
6
|
import "../../default-i18n-BqwLkgZv.js";
|
|
7
7
|
import "../../utils-Dc35LwuT.js";
|
|
8
8
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { _ as __, s as sprintf } from "../../default-i18n-BqwLkgZv.js";
|
|
3
3
|
import { useMemo } from "react";
|
|
4
|
-
import { a as ButtonGroup } from "../../button-
|
|
4
|
+
import { a as ButtonGroup } from "../../button-MFj-FKsM.js";
|
|
5
5
|
import { ToggleButton } from "../toggle-button/toggle-button.js";
|
|
6
6
|
import { Repeater } from "../repeater/repeater.js";
|
|
7
7
|
import { RepeaterItem } from "../repeater/repeater-item.js";
|
|
@@ -24,7 +24,7 @@ import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, b as $d2e8511e6f209edf$
|
|
|
24
24
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
25
25
|
import { BaseControl } from "../base-control/base-control.js";
|
|
26
26
|
import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
|
|
27
|
-
import { T as TriggeredPopover } from "../../popover-
|
|
27
|
+
import { T as TriggeredPopover } from "../../popover-BAjlU5GY.js";
|
|
28
28
|
import { icons } from "../../icons/icons.js";
|
|
29
29
|
import { Spacer } from "../spacer/spacer.js";
|
|
30
30
|
const $e2b71ec1d6016406$export$c80c0ea2ca5cb846 = /* @__PURE__ */ createContext(null);
|
|
@@ -3,8 +3,8 @@ import { s as sprintf, _ as __ } from "../../default-i18n-BqwLkgZv.js";
|
|
|
3
3
|
import { Expandable } from "../expandable/expandable.js";
|
|
4
4
|
import { icons } from "../../icons/icons.js";
|
|
5
5
|
import { Switch } from "../toggle/switch.js";
|
|
6
|
-
import { T as TriggeredPopover } from "../../popover-
|
|
7
|
-
import { a as ButtonGroup } from "../../button-
|
|
6
|
+
import { T as TriggeredPopover } from "../../popover-BAjlU5GY.js";
|
|
7
|
+
import { a as ButtonGroup } from "../../button-MFj-FKsM.js";
|
|
8
8
|
import { ToggleButton } from "../toggle-button/toggle-button.js";
|
|
9
9
|
import { Spacer } from "../spacer/spacer.js";
|
|
10
10
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
@@ -3,7 +3,7 @@ import { useState } from "react";
|
|
|
3
3
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
4
4
|
import { Switch } from "../toggle/switch.js";
|
|
5
5
|
import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
|
|
6
|
-
import { B as Button } from "../../button-
|
|
6
|
+
import { B as Button } from "../../button-MFj-FKsM.js";
|
|
7
7
|
import { icons } from "../../icons/icons.js";
|
|
8
8
|
import { HStack } from "../layout/hstack.js";
|
|
9
9
|
import { BaseControl } from "../base-control/base-control.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { a as $72e60046c03fbe42$export$e96fc9a8407faa6b } from "../../GridList-CEzzyr-l.js";
|
|
3
|
-
import { B as Button } from "../../button-
|
|
3
|
+
import { B as Button } from "../../button-MFj-FKsM.js";
|
|
4
4
|
import { icons } from "../../icons/icons.js";
|
|
5
5
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
6
6
|
import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
|
|
@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React__default from "react";
|
|
3
3
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
4
4
|
import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
|
|
5
|
-
import { B as Button } from "../../button-
|
|
5
|
+
import { B as Button } from "../../button-MFj-FKsM.js";
|
|
6
6
|
import { icons } from "../../icons/icons.js";
|
|
7
7
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
8
8
|
import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
|
package/dist/components/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { AnimatedVisibility } from "./animated-visibility/animated-visibility.js";
|
|
2
2
|
import { BaseControl } from "./base-control/base-control.js";
|
|
3
3
|
import { BreakpointPreview } from "./breakpoint-preview/breakpoint-preview.js";
|
|
4
|
-
import { B, a } from "../button-
|
|
4
|
+
import { B, a } from "../button-MFj-FKsM.js";
|
|
5
5
|
import { Checkbox } from "./checkbox/checkbox.js";
|
|
6
6
|
import { ComponentToggle } from "./component-toggle/component-toggle.js";
|
|
7
7
|
import { ContainerPanel } from "./container-panel/container-panel.js";
|
|
@@ -24,7 +24,7 @@ import { MediaPlaceholder } from "./placeholders/media-placeholder.js";
|
|
|
24
24
|
import { Menu, MenuItem, MenuSection, MenuSeparator, SubMenuItem } from "./menu/menu.js";
|
|
25
25
|
import { Notice } from "./notice/notice.js";
|
|
26
26
|
import { NumberPicker } from "./number-picker/number-picker.js";
|
|
27
|
-
import { P, T } from "../popover-
|
|
27
|
+
import { P, T } from "../popover-BAjlU5GY.js";
|
|
28
28
|
import { RadioButton, RadioButtonGroup } from "./radio/radio.js";
|
|
29
29
|
import { Repeater } from "./repeater/repeater.js";
|
|
30
30
|
import { RepeaterItem } from "./repeater/repeater-item.js";
|
|
@@ -45,7 +45,7 @@ import { Tab, TabList, TabPanel, Tabs } from "./tabs/tabs.js";
|
|
|
45
45
|
import { Toggle } from "./toggle/toggle.js";
|
|
46
46
|
import { Switch } from "./toggle/switch.js";
|
|
47
47
|
import { ToggleButton } from "./toggle-button/toggle-button.js";
|
|
48
|
-
import { D, T as T2 } from "../tooltip-
|
|
48
|
+
import { D, T as T2 } from "../tooltip-Do_imFfg.js";
|
|
49
49
|
import { VStack } from "./layout/vstack.js";
|
|
50
50
|
export {
|
|
51
51
|
AnimatedVisibility,
|
|
@@ -11,16 +11,16 @@ import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMP
|
|
|
11
11
|
import React__default, { useReducer, useRef, useEffect, forwardRef, createContext, useMemo, useState } from "react";
|
|
12
12
|
import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-BS4dllCW.js";
|
|
13
13
|
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-BQCMno9k.js";
|
|
14
|
-
import { $ as $13c3c67164f4d5be$export$4c260019440d418f, B as Button } from "../../button-
|
|
14
|
+
import { $ as $13c3c67164f4d5be$export$4c260019440d418f, B as Button } from "../../button-MFj-FKsM.js";
|
|
15
15
|
import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
|
|
16
16
|
import { icons } from "../../icons/icons.js";
|
|
17
17
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
18
18
|
import { Spacer } from "../spacer/spacer.js";
|
|
19
|
-
import { T as Tooltip } from "../../tooltip-
|
|
19
|
+
import { T as Tooltip } from "../../tooltip-Do_imFfg.js";
|
|
20
20
|
import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
|
|
21
21
|
import { BaseControl } from "../base-control/base-control.js";
|
|
22
22
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
23
|
-
import { P as Popover } from "../../popover-
|
|
23
|
+
import { P as Popover } from "../../popover-BAjlU5GY.js";
|
|
24
24
|
import { a as $0d86e9c8f07f9a7b$export$79c0c687a5963b0a } from "../../useListData-BpYQj7kK.js";
|
|
25
25
|
var $03c9a1a10de12f06$exports = {};
|
|
26
26
|
$03c9a1a10de12f06$exports = {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useState, useRef } from "react";
|
|
3
3
|
import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
|
|
4
|
-
import { P as Popover } from "../../popover-
|
|
5
|
-
import { B as Button } from "../../button-
|
|
4
|
+
import { P as Popover } from "../../popover-BAjlU5GY.js";
|
|
5
|
+
import { B as Button } from "../../button-MFj-FKsM.js";
|
|
6
6
|
import { icons } from "../../icons/icons.js";
|
|
7
7
|
import { upperFirst, camelCase } from "../../utilities/es-dash.js";
|
|
8
8
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
9
|
-
import { T as Tooltip } from "../../tooltip-
|
|
9
|
+
import { T as Tooltip } from "../../tooltip-Do_imFfg.js";
|
|
10
10
|
import { BaseControl } from "../base-control/base-control.js";
|
|
11
11
|
/**
|
|
12
12
|
* A component that can provide a 3x3 or a 2x2 grid of positions to pick from.
|
|
@@ -3,10 +3,10 @@ import { $ as $982254629710d113$export$b95089534ab7c1fd, b as $453cc9f0df89c0a5$
|
|
|
3
3
|
import { p as $8a26561d2877236e$export$c24ed0104d07eab9, f as $880e95eb8b93ba9a$export$ecf600387e221c37, $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, j as $7135fc7d473fd974$export$e7c29ae2353b16ea, n as $7135fc7d473fd974$export$6cd28814d92fa9c9, o as $7135fc7d473fd974$export$727c8fc270210f13, q as $7135fc7d473fd974$export$6e2c8f0811a474ce } from "../../SelectionManager-XOAt-Ekx.js";
|
|
4
4
|
import { e as $bdb11010cef70236$export$f680877a34711e37, d as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $bdb11010cef70236$export$b4cc09c592e8fdb8, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, j as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, m as $5dc95899b306f630$export$c9058316764c140e, l as $df56164dff5785e2$export$4338b53315abf666, c as $64fa3d84918910a7$export$4d86445c2cf5e3, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-Dc35LwuT.js";
|
|
5
5
|
import React__default, { useRef, useState, useEffect, useCallback, useMemo, createContext, forwardRef, useContext, cloneElement } from "react";
|
|
6
|
-
import { $ as $628037886ba31236$export$f9d5c8beee7d008d, a as $de32f1b87079253c$export$d2f961adcb0afbe, b as $07b14b47974efb58$export$9b9a0cd73afb7ca4, c as $f1ab8c75478c6f73$export$3351871ee4b288b8, d as $e0b6e0b68ec7f50f$export$872b660ac5a1ff98, P as Popover } from "../../popover-
|
|
6
|
+
import { $ as $628037886ba31236$export$f9d5c8beee7d008d, a as $de32f1b87079253c$export$d2f961adcb0afbe, b as $07b14b47974efb58$export$9b9a0cd73afb7ca4, c as $f1ab8c75478c6f73$export$3351871ee4b288b8, d as $e0b6e0b68ec7f50f$export$872b660ac5a1ff98, P as Popover } from "../../popover-BAjlU5GY.js";
|
|
7
7
|
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-WqetJduR.js";
|
|
8
8
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
|
|
9
|
-
import { $ as $9daab02d461809db$export$683480f191c0e3ea, a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-
|
|
9
|
+
import { $ as $9daab02d461809db$export$683480f191c0e3ea, a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-Do_imFfg.js";
|
|
10
10
|
import { $ as $6179b936705e76d3$export$ae780daf29e6d456, a as $507fabe10e71c6fb$export$b9b3dfddab17db27, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, w as $507fabe10e71c6fb$export$98e20ec92f614cfe, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-BS4dllCW.js";
|
|
11
11
|
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-BQCMno9k.js";
|
|
12
12
|
import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-CScNeV3V.js";
|
|
@@ -15,7 +15,7 @@ import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-4o
|
|
|
15
15
|
import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-Bw-IatMO.js";
|
|
16
16
|
import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-SPRI0-SN.js";
|
|
17
17
|
import { icons } from "../../icons/icons.js";
|
|
18
|
-
import { B as Button } from "../../button-
|
|
18
|
+
import { B as Button } from "../../button-MFj-FKsM.js";
|
|
19
19
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
20
20
|
import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
|
|
21
21
|
var $c0398ad35c3639b7$exports = {};
|
|
@@ -11,7 +11,7 @@ import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-WqetJ
|
|
|
11
11
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
|
|
12
12
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-4oSz1ItD.js";
|
|
13
13
|
import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberFieldState-BegO5X6F.js";
|
|
14
|
-
import { B as Button } from "../../button-
|
|
14
|
+
import { B as Button } from "../../button-MFj-FKsM.js";
|
|
15
15
|
import { icons } from "../../icons/icons.js";
|
|
16
16
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
17
17
|
import { BaseControl } from "../base-control/base-control.js";
|
|
@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Fragment } from "react";
|
|
3
3
|
import { icons } from "../../icons/icons.js";
|
|
4
4
|
import { BaseControl } from "../base-control/base-control.js";
|
|
5
|
-
import { a as ButtonGroup } from "../../button-
|
|
5
|
+
import { a as ButtonGroup } from "../../button-MFj-FKsM.js";
|
|
6
6
|
import { Menu, MenuSeparator, MenuItem } from "../menu/menu.js";
|
|
7
7
|
import { RadioButtonGroup, RadioButton } from "../radio/radio.js";
|
|
8
8
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
|
-
import { P, T } from "../../popover-
|
|
2
|
+
import { P, T } from "../../popover-BAjlU5GY.js";
|
|
3
3
|
import "../../lite-DVmmD_-j.js";
|
|
4
4
|
import "../../default-i18n-BqwLkgZv.js";
|
|
5
|
-
import "../../button-
|
|
5
|
+
import "../../button-MFj-FKsM.js";
|
|
6
6
|
export {
|
|
7
7
|
P as Popover,
|
|
8
8
|
T as TriggeredPopover
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { $ as $bc237834342dbd75$export$48513f6b9f8ce62d } from "../../Checkbox-Cv3pZDHg.js";
|
|
3
3
|
import { b as $72e60046c03fbe42$export$54fe942636b6416d, a as $72e60046c03fbe42$export$e96fc9a8407faa6b } from "../../GridList-CEzzyr-l.js";
|
|
4
|
-
import { B as Button } from "../../button-
|
|
4
|
+
import { B as Button } from "../../button-MFj-FKsM.js";
|
|
5
5
|
import { icons } from "../../icons/icons.js";
|
|
6
6
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
7
7
|
import { Expandable } from "../expandable/expandable.js";
|
|
@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
|
2
2
|
import { b as $72e60046c03fbe42$export$54fe942636b6416d, $ as $72e60046c03fbe42$export$a7bfbda1311ca015 } from "../../GridList-CEzzyr-l.js";
|
|
3
3
|
import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6, a as $d8f176866e6dc039$export$62ed72bc21f6b8a6 } from "../../ListBox-CCWXTj0t.js";
|
|
4
4
|
import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
|
|
5
|
-
import { B as Button, a as ButtonGroup } from "../../button-
|
|
5
|
+
import { B as Button, a as ButtonGroup } from "../../button-MFj-FKsM.js";
|
|
6
6
|
import { icons } from "../../icons/icons.js";
|
|
7
7
|
import { useId, useState } from "react";
|
|
8
8
|
import { BaseControl } from "../base-control/base-control.js";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useState } from "react";
|
|
3
|
-
import { D as DecorativeTooltip } from "../../tooltip-
|
|
3
|
+
import { D as DecorativeTooltip } from "../../tooltip-Do_imFfg.js";
|
|
4
4
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
5
5
|
import { _ as __, s as sprintf } from "../../default-i18n-BqwLkgZv.js";
|
|
6
6
|
import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
|
|
7
7
|
import { upperFirst } from "../../utilities/es-dash.js";
|
|
8
8
|
import { icons } from "../../icons/icons.js";
|
|
9
|
-
import { B as Button } from "../../button-
|
|
9
|
+
import { B as Button } from "../../button-MFj-FKsM.js";
|
|
10
10
|
import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
|
|
11
11
|
import { ToggleButton } from "../toggle-button/toggle-button.js";
|
|
12
12
|
import { BaseControl } from "../base-control/base-control.js";
|
|
@@ -91,7 +91,7 @@ const ResponsiveLegacy = (props) => {
|
|
|
91
91
|
children,
|
|
92
92
|
inline,
|
|
93
93
|
breakpointData,
|
|
94
|
-
breakpoints: rawBreakpoints = Object.
|
|
94
|
+
breakpoints: rawBreakpoints = Object.entries(breakpointData).toSorted((a, b) => a[1] - b[1]).map(([breakpoint]) => breakpoint).toReversed(),
|
|
95
95
|
hidden,
|
|
96
96
|
innerContentAlign = "start"
|
|
97
97
|
} = props;
|
|
@@ -132,7 +132,7 @@ const ResponsiveLegacy = (props) => {
|
|
|
132
132
|
{
|
|
133
133
|
breakpoint: __("Default", "eightshift-ui-components"),
|
|
134
134
|
value: ((_b = options == null ? void 0 : options.find((opt) => opt.value === (value == null ? void 0 : value[attribute[defaultBreakpoint]]))) == null ? void 0 : _b.label) ?? upperFirst(value == null ? void 0 : value[defaultBreakpoint]),
|
|
135
|
-
width: breakpointData[
|
|
135
|
+
width: breakpointData[globalOverride] + 1,
|
|
136
136
|
dotsEnd: true,
|
|
137
137
|
active: true
|
|
138
138
|
}
|
|
@@ -258,10 +258,10 @@ const ResponsiveLegacy = (props) => {
|
|
|
258
258
|
text: /* @__PURE__ */ jsxs("div", { className: "es-uic-max-w-96 es-uic-p-1", children: [
|
|
259
259
|
/* @__PURE__ */ jsx("span", { className: "es-uic-block es-uic-font-semibold", children: upperFirst(breakpoint) }),
|
|
260
260
|
/* @__PURE__ */ jsxs("span", { className: "es-uic-block es-uic-text-balance es-uic-tabular-nums", children: [
|
|
261
|
-
aboveOverride && aboveOverride
|
|
262
|
-
aboveOverride && aboveOverride
|
|
261
|
+
aboveOverride && (aboveOverride !== rawBreakpoints[0] || !belowOverride) && isOverrideSet && sprintf(__("Applied when the browser width is %dpx or less.", "eightshift-ui-components"), breakpointData[breakpoint]),
|
|
262
|
+
aboveOverride && aboveOverride === rawBreakpoints[0] && belowOverride && isOverrideSet && sprintf(
|
|
263
263
|
__("Applied when the browser width is between %dpx and %dpx.", "eightshift-ui-components"),
|
|
264
|
-
breakpointData[
|
|
264
|
+
breakpointData[belowOverride] + 1,
|
|
265
265
|
breakpointData[breakpoint]
|
|
266
266
|
),
|
|
267
267
|
(!aboveOverride || !isOverrideSet) && sprintf(__("Up to %dpx", "eightshift-ui-components"), breakpointData[breakpoint])
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useState } from "react";
|
|
3
|
-
import { D as DecorativeTooltip } from "../../tooltip-
|
|
3
|
+
import { D as DecorativeTooltip } from "../../tooltip-Do_imFfg.js";
|
|
4
4
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
5
5
|
import { _ as __, s as sprintf } from "../../default-i18n-BqwLkgZv.js";
|
|
6
6
|
import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
|
|
@@ -8,7 +8,7 @@ import { upperFirst } from "../../utilities/es-dash.js";
|
|
|
8
8
|
import { icons } from "../../icons/icons.js";
|
|
9
9
|
import { Menu, MenuItem, MenuSeparator, SubMenuItem } from "../menu/menu.js";
|
|
10
10
|
import { ResponsivePreview } from "../responsive-preview/responsive-preview.js";
|
|
11
|
-
import { a as ButtonGroup, B as Button } from "../../button-
|
|
11
|
+
import { a as ButtonGroup, B as Button } from "../../button-MFj-FKsM.js";
|
|
12
12
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
13
13
|
import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
|
|
14
14
|
import { ToggleButton } from "../toggle-button/toggle-button.js";
|
|
@@ -6,7 +6,7 @@ import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-
|
|
|
6
6
|
import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-SPRI0-SN.js";
|
|
7
7
|
import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-BS4dllCW.js";
|
|
8
8
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
9
|
-
import { T as Tooltip } from "../../tooltip-
|
|
9
|
+
import { T as Tooltip } from "../../tooltip-Do_imFfg.js";
|
|
10
10
|
function $55f54f7887471b58$export$51e84d46ca0bc451(props, state, ref) {
|
|
11
11
|
const { isSelected } = state;
|
|
12
12
|
const { isPressed, buttonProps } = $701a24aa0da5b062$export$ea18c227d4417cc3({
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { AnimatedVisibility } from "./components/animated-visibility/animated-visibility.js";
|
|
2
2
|
import { BaseControl } from "./components/base-control/base-control.js";
|
|
3
3
|
import { BreakpointPreview } from "./components/breakpoint-preview/breakpoint-preview.js";
|
|
4
|
-
import { B, a } from "./button-
|
|
4
|
+
import { B, a } from "./button-MFj-FKsM.js";
|
|
5
5
|
import { Checkbox } from "./components/checkbox/checkbox.js";
|
|
6
6
|
import { ComponentToggle } from "./components/component-toggle/component-toggle.js";
|
|
7
7
|
import { ContainerPanel } from "./components/container-panel/container-panel.js";
|
|
@@ -24,7 +24,7 @@ import { MediaPlaceholder } from "./components/placeholders/media-placeholder.js
|
|
|
24
24
|
import { Menu, MenuItem, MenuSection, MenuSeparator, SubMenuItem } from "./components/menu/menu.js";
|
|
25
25
|
import { Notice } from "./components/notice/notice.js";
|
|
26
26
|
import { NumberPicker } from "./components/number-picker/number-picker.js";
|
|
27
|
-
import { P, T } from "./popover-
|
|
27
|
+
import { P, T } from "./popover-BAjlU5GY.js";
|
|
28
28
|
import { RadioButton, RadioButtonGroup } from "./components/radio/radio.js";
|
|
29
29
|
import { Repeater } from "./components/repeater/repeater.js";
|
|
30
30
|
import { RepeaterItem } from "./components/repeater/repeater-item.js";
|
|
@@ -45,7 +45,7 @@ import { Tab, TabList, TabPanel, Tabs } from "./components/tabs/tabs.js";
|
|
|
45
45
|
import { Toggle } from "./components/toggle/toggle.js";
|
|
46
46
|
import { Switch } from "./components/toggle/switch.js";
|
|
47
47
|
import { ToggleButton } from "./components/toggle-button/toggle-button.js";
|
|
48
|
-
import { D, T as T2 } from "./tooltip-
|
|
48
|
+
import { D, T as T2 } from "./tooltip-Do_imFfg.js";
|
|
49
49
|
import { VStack } from "./components/layout/vstack.js";
|
|
50
50
|
import { getColumnConfigOutputText } from "./components/slider/utils.js";
|
|
51
51
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { l as $df56164dff5785e2$export$4338b53315abf666, d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, e as $bdb11010cef70236$export$f680877a34711e37, g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, n as $ff5963eb1fccf552$export$e08e3b67e392101e, o as $b5e257d569688ac6$export$535bd6ca7f90a273, k as $bdb11010cef70236$export$b4cc09c592e8fdb8, a as $64fa3d84918910a7$export$29f1550f4b0d4415, q as $64fa3d84918910a7$export$45fda7c47f93fd48, t as $64fa3d84918910a7$export$94b6d0abf7d33e8c, r as $64fa3d84918910a7$export$6d3443f2c48bfc20, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, s as $64fa3d84918910a7$export$c62b8e45d58ddad9 } from "./utils-Dc35LwuT.js";
|
|
3
3
|
import { d as $4e85f108e88277b8$export$d688439359537581 } from "./RSPContexts-CrNYmadY.js";
|
|
4
|
-
import { b as $dd149f63282afbbf$export$f6211563215e3b37, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, a as $fc909762b330b746$export$61c6a8c84e605fb6, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f } from "./tooltip-
|
|
4
|
+
import { b as $dd149f63282afbbf$export$f6211563215e3b37, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, a as $fc909762b330b746$export$61c6a8c84e605fb6, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f } from "./tooltip-Do_imFfg.js";
|
|
5
5
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
|
|
6
6
|
import React__default, { useRef, useContext, useEffect, useMemo, createContext, useState, forwardRef } from "react";
|
|
7
7
|
import { $ as $62d8ded9296f3872$export$cfa2225e87938781, a as $5e3802645cc19319$export$1c3ebcada18427bf } from "./ariaHideOutside-Zn64-frS.js";
|
|
@@ -14,7 +14,7 @@ import { e as $ae1eeba8b9eafd08$export$5165eccb35aaadb5 } from "./usePress-CScNe
|
|
|
14
14
|
import { $ as $dbSRa$reactdom } from "./index-CAPcSs9K.js";
|
|
15
15
|
import { c as clsx } from "./lite-DVmmD_-j.js";
|
|
16
16
|
import { _ as __ } from "./default-i18n-BqwLkgZv.js";
|
|
17
|
-
import { B as Button } from "./button-
|
|
17
|
+
import { B as Button } from "./button-MFj-FKsM.js";
|
|
18
18
|
const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /* @__PURE__ */ React__default.forwardRef(({ children, ...props }, ref) => {
|
|
19
19
|
let isRegistered = useRef(false);
|
|
20
20
|
let prevContext = useContext($ae1eeba8b9eafd08$export$5165eccb35aaadb5);
|
|
@@ -933,9 +933,9 @@ const Tooltip = (props) => {
|
|
|
933
933
|
crossOffset,
|
|
934
934
|
className: ({ isEntering, isExiting }) => clsx(
|
|
935
935
|
"es-uic-group",
|
|
936
|
-
"es-uic-z-20 es-uic-select-none es-uic-rounded-md es-uic-border es-uic-px-1.5 es-uic-py-0.5 es-uic-text-sm es-uic-shadow es-uic-backdrop-blur-
|
|
937
|
-
theme === "light" && "es-uic-border-gray-200 es-uic-bg-white/
|
|
938
|
-
theme === "dark" && "es-uic-border-gray-600 es-uic-bg-black/
|
|
936
|
+
"es-uic-z-20 es-uic-select-none es-uic-rounded-md es-uic-border es-uic-px-1.5 es-uic-py-0.5 es-uic-text-sm es-uic-shadow es-uic-backdrop-blur-3xl es-uic-will-change-[transform,opacity] es-uic-fill-mode-forwards",
|
|
937
|
+
theme === "light" && "es-uic-border-gray-200 es-uic-bg-white/90 es-uic-text-gray-700",
|
|
938
|
+
theme === "dark" && "es-uic-border-gray-600 es-uic-bg-black/80 es-uic-text-gray-100",
|
|
939
939
|
isEntering && "es-uic-duration-300 es-uic-ease-out es-uic-animate-in es-uic-fade-in",
|
|
940
940
|
isEntering && "placement-left:es-uic-slide-in-from-right-0.5 placement-right:es-uic-slide-in-from-left-0.5 placement-top:es-uic-slide-in-from-bottom-0.5 placement-bottom:es-uic-slide-in-from-top-0.5",
|
|
941
941
|
isExiting && "es-uic-duration-150 es-uic-ease-in es-uic-animate-out es-uic-fade-out",
|