@geneui/components 3.0.0-next-8a104f7-12022026 → 3.0.0-next-69c0959-23022026
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/Accordion.js +6 -32
- package/Banner.js +5 -5
- package/{ButtonGroup-7fba3610.js → ButtonGroup-c1ff7524.js} +3 -3
- package/ButtonGroup.js +5 -5
- package/Checkbox.js +1 -1
- package/CheckboxGroup.js +1 -1
- package/ChevronUp-892542a4.js +23 -0
- package/Copy.js +1 -1
- package/CounterField.js +4 -36
- package/DataCard.js +5 -5
- package/DataCardList.js +5 -5
- package/Drawer.js +5 -5
- package/Empty.js +5 -5
- package/GeneUIProvider.js +1 -1
- package/GlobalHeader.js +6 -6
- package/Image.js +5 -5
- package/Info.js +1 -1
- package/InteractiveCard.js +1 -1
- package/KeyValue.js +1 -1
- package/Label.js +1 -1
- package/Logo.js +1 -1
- package/Menu.js +5 -5
- package/Modal.js +5 -5
- package/Navigation.js +5 -5
- package/Notification.js +5 -5
- package/NumberField-2d272636.js +4 -0
- package/NumberField.js +134 -0
- package/Pagination.js +3 -2
- package/Pill.js +1 -1
- package/Popover.js +3 -3
- package/{PopoverBody-71c69de9.js → PopoverBody-8d4455ac.js} +2 -2
- package/{Products-994f835a.js → Products-31b76696.js} +3 -3
- package/Products.js +5 -5
- package/Profile.js +5 -5
- package/ProgressBar.js +1 -1
- package/QRCode.js +1 -1
- package/Radio.js +1 -1
- package/RadioGroup.js +1 -1
- package/Rate.js +1 -1
- package/SegmentedControl.js +10 -8
- package/SplitButton.js +5 -5
- package/Spreadsheet.js +2 -2
- package/Steps.js +1 -1
- package/Switch.js +1 -1
- package/{Tabs-067c3744.js → Tabs-14a08f8c.js} +1 -1
- package/Tabs.js +3 -3
- package/Tag.js +1 -1
- package/TagGroup.js +2 -20
- package/TextField.js +154 -12
- package/{Timeline-b3a76471.js → Timeline-35450b8e.js} +1 -1
- package/Timeline.js +3 -3
- package/Tooltip.js +1 -1
- package/clampValue-69304d1c.js +35 -0
- package/components/molecules/NumberField/NumberField.d.ts +101 -0
- package/components/molecules/NumberField/index.d.ts +1 -0
- package/{index-00cd8fab.js → index-664bcb7a.js} +1 -1
- package/{index-80cde1e8.js → index-81dbd2d7.js} +2 -2
- package/{index-01861f18.js → index-90ee44ed.js} +1 -1
- package/index.d.ts +1 -0
- package/index.js +14 -10
- package/package.json +2 -2
- package/regex-d4e84e78.js +36 -0
- package/index-36803db8.js +0 -187
package/Accordion.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { _ as __rest } from './tslib.es6-f211516f.js';
|
|
2
2
|
import React__default, { useContext, useState, useRef, useMemo } from 'react';
|
|
3
3
|
import { c as classNames } from './index-ce02421b.js';
|
|
4
|
-
import {
|
|
4
|
+
import { n as nanoid } from './index-15303b91.js';
|
|
5
5
|
import { S as SvgChevronDown } from './ChevronDown-ee53f094.js';
|
|
6
6
|
import { a as SvgChevronLeft, S as SvgChevronRight } from './ChevronRight-af87e2a4.js';
|
|
7
7
|
import Button from './Button.js';
|
|
8
8
|
import Scrollbar from './Scrollbar.js';
|
|
9
9
|
import Text from './Text.js';
|
|
10
|
-
import { B as ButtonGroup } from './index-
|
|
10
|
+
import { B as ButtonGroup } from './index-81dbd2d7.js';
|
|
11
11
|
import Tooltip from './Tooltip.js';
|
|
12
12
|
import { u as useEllipsisDetection } from './useEllipsisDetection-c5f9b175.js';
|
|
13
13
|
import { a as AccordionContext } from './Accordion-3e20a13f.js';
|
|
@@ -18,47 +18,21 @@ import './style-inject.es-746bb8ed.js';
|
|
|
18
18
|
import 'prop-types';
|
|
19
19
|
import 'react-dom';
|
|
20
20
|
import './useDebounceCallback-999deae7.js';
|
|
21
|
-
import './ButtonGroup-
|
|
22
|
-
import './PopoverBody-
|
|
21
|
+
import './ButtonGroup-c1ff7524.js';
|
|
22
|
+
import './PopoverBody-8d4455ac.js';
|
|
23
23
|
import './floating-ui.react-a6c3b969.js';
|
|
24
24
|
import './Info-0f0741e0.js';
|
|
25
25
|
import './X-20da3b4a.js';
|
|
26
|
-
import './index-
|
|
27
|
-
import './index-
|
|
26
|
+
import './index-90ee44ed.js';
|
|
27
|
+
import './index-664bcb7a.js';
|
|
28
28
|
import './useWindowSize-6faa0d0f.js';
|
|
29
29
|
import './useDeviceInfo-8340f573.js';
|
|
30
|
-
import './index-15303b91.js';
|
|
31
30
|
import './ThreeDotsHorizontal-479c2b4b.js';
|
|
32
31
|
import './index-a2688a52.js';
|
|
33
32
|
import './CheckMark-34798545.js';
|
|
34
33
|
import './Divider.js';
|
|
35
34
|
import './Divider-047dfad9.js';
|
|
36
35
|
|
|
37
|
-
const urlAlphabet =
|
|
38
|
-
'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict';
|
|
39
|
-
|
|
40
|
-
const POOL_SIZE_MULTIPLIER = 128;
|
|
41
|
-
let pool, poolOffset;
|
|
42
|
-
function fillPool(bytes) {
|
|
43
|
-
if (!pool || pool.length < bytes) {
|
|
44
|
-
pool = Buffer.allocUnsafe(bytes * POOL_SIZE_MULTIPLIER);
|
|
45
|
-
webcrypto.getRandomValues(pool);
|
|
46
|
-
poolOffset = 0;
|
|
47
|
-
} else if (poolOffset + bytes > pool.length) {
|
|
48
|
-
webcrypto.getRandomValues(pool);
|
|
49
|
-
poolOffset = 0;
|
|
50
|
-
}
|
|
51
|
-
poolOffset += bytes;
|
|
52
|
-
}
|
|
53
|
-
function nanoid(size = 21) {
|
|
54
|
-
fillPool((size |= 0));
|
|
55
|
-
let id = '';
|
|
56
|
-
for (let i = poolOffset - size; i < poolOffset; i++) {
|
|
57
|
-
id += urlAlphabet[pool[i] & 63];
|
|
58
|
-
}
|
|
59
|
-
return id
|
|
60
|
-
}
|
|
61
|
-
|
|
62
36
|
const buttonSizes = {
|
|
63
37
|
large: "small",
|
|
64
38
|
medium: "smallNudge",
|
package/Banner.js
CHANGED
|
@@ -5,17 +5,17 @@ import { S as SvgInfo } from './Info-0f0741e0.js';
|
|
|
5
5
|
import { S as SvgX } from './X-20da3b4a.js';
|
|
6
6
|
import Button from './Button.js';
|
|
7
7
|
import Text from './Text.js';
|
|
8
|
-
import { B as ButtonGroup } from './index-
|
|
9
|
-
import { a as GeneUIDesignSystemContext } from './index-
|
|
8
|
+
import { B as ButtonGroup } from './index-81dbd2d7.js';
|
|
9
|
+
import { a as GeneUIDesignSystemContext } from './index-664bcb7a.js';
|
|
10
10
|
import './Banner-09cf6dea.js';
|
|
11
11
|
import './Loader.js';
|
|
12
12
|
import './style-inject.es-746bb8ed.js';
|
|
13
|
-
import './ButtonGroup-
|
|
13
|
+
import './ButtonGroup-c1ff7524.js';
|
|
14
14
|
import './tslib.es6-f211516f.js';
|
|
15
|
-
import './PopoverBody-
|
|
15
|
+
import './PopoverBody-8d4455ac.js';
|
|
16
16
|
import './floating-ui.react-a6c3b969.js';
|
|
17
17
|
import 'react-dom';
|
|
18
|
-
import './index-
|
|
18
|
+
import './index-90ee44ed.js';
|
|
19
19
|
import './Scrollbar.js';
|
|
20
20
|
import 'prop-types';
|
|
21
21
|
import './useDebounceCallback-999deae7.js';
|
|
@@ -2,10 +2,10 @@ import { _ as __rest } from './tslib.es6-f211516f.js';
|
|
|
2
2
|
import React__default, { createContext, useState, useRef, useContext, useEffect, useCallback, useMemo, Children, cloneElement } from 'react';
|
|
3
3
|
import { c as classNames } from './index-ce02421b.js';
|
|
4
4
|
import Loader from './Loader.js';
|
|
5
|
-
import { P as Popover, a as PopoverBody } from './PopoverBody-
|
|
5
|
+
import { P as Popover, a as PopoverBody } from './PopoverBody-8d4455ac.js';
|
|
6
6
|
import Scrollbar from './Scrollbar.js';
|
|
7
|
-
import { a as GeneUIDesignSystemContext } from './index-
|
|
8
|
-
import { a as useClickOutside } from './index-
|
|
7
|
+
import { a as GeneUIDesignSystemContext } from './index-664bcb7a.js';
|
|
8
|
+
import { a as useClickOutside } from './index-90ee44ed.js';
|
|
9
9
|
import { s as styleInject } from './style-inject.es-746bb8ed.js';
|
|
10
10
|
|
|
11
11
|
var css_248z$2 = ".menu{display:inline-flex;height:100%;position:relative;transform:translateZ(0);width:100%}.menu__body{max-height:35.2rem;min-height:3.2rem;overflow:hidden}.menu__body.menu__body_size_large{width:36rem}.menu__body.menu__body_size_large .menu__empty{padding:var(--guit-ref-spacing-4xlarge)}.menu__body.menu__body_size_medium{width:24rem}.menu__body.menu__body_size_medium .menu__empty{padding:var(--guit-ref-spacing-2xlarge)}.menu__body.menu__body_size_small{width:16rem}.menu__body.menu__body_size_small .menu__empty{padding:var(--guit-ref-spacing-large)}.menu__body:not(.menu__body.menu__body_mobile){border-radius:var(--guit-ref-radius-2xsmall)}.menu__body:not(.menu__body.menu__body_mobile) .menu__list{max-height:35.2rem;min-height:3.2rem}.menu__body:not(.menu__body.menu__body_mobile) .menu__empty,.menu__body:not(.menu__body.menu__body_mobile) .menu__loader{aspect-ratio:1}.menu__body_mobile{border-top-left-radius:var(--guit-ref-radius-2xsmall);border-top-right-radius:var(--guit-ref-radius-2xsmall)}.menu__body_mobile,.menu__body_mobile .menu__content{height:100%;max-height:100%}.menu_swappable .menu__item_header{gap:var(--guit-ref-spacing-xsmall);height:4rem}.menu__list{display:flex;flex-direction:column;height:100%;width:100%}.menu__list_hidden{display:none}.menu__empty,.menu__loader{display:flex;flex-wrap:wrap;height:34.4rem;place-content:center;width:100%}.menu__header{border-bottom:var(--guit-sem-border-default-width) var(--guit-sem-border-default-style) var(--guit-sem-color-border-neutral-2);flex:0 0 auto}.menu__icon{color:inherit;flex:0 0 auto}.menu__headerTitle{color:inherit;flex:1;font-family:var(--guit-sem-font-body-medium-default-semibold-font-family);font-size:var(--guit-sem-font-body-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-body-medium-default-semibold-font-weight);line-height:var(--guit-sem-font-body-medium-default-semibold-line-height);text-align:start}.menu__scrollbar{-webkit-padding-start:var(--guit-ref-spacing-4xsmall);background-color:var(--guit-sem-color-background-neutral-1-nudge);display:flex;flex:1;flex-direction:column;gap:var(--guit-ref-spacing-3xsmall);padding-bottom:var(--guit-ref-spacing-3xsmall);padding-top:var(--guit-ref-spacing-3xsmall);padding-inline-start:var(--guit-ref-spacing-4xsmall);width:100%}.menu__scrollbar .menu__content{-webkit-padding-end:var(--guit-ref-spacing-2xsmall);-webkit-padding-start:var(--guit-ref-spacing-3xsmall);font-family:var(--guit-sem-font-body-medium-default-medium-font-family);font-size:var(--guit-sem-font-body-medium-default-medium-font-size);font-weight:var(--guit-sem-font-body-medium-default-medium-font-weight);line-height:var(--guit-sem-font-body-medium-default-medium-line-height);padding-bottom:var(--guit-ref-spacing-3xsmall);padding-inline-end:var(--guit-ref-spacing-2xsmall);padding-top:var(--guit-ref-spacing-3xsmall);padding-inline-start:var(--guit-ref-spacing-3xsmall)}.menu__item{align-items:center;color:var(--guit-sem-color-foreground-neutral-2);display:flex;gap:var(--guit-ref-spacing-xsmall);justify-content:space-between;padding-bottom:var(--guit-ref-spacing-2xsmall);padding-top:var(--guit-ref-spacing-2xsmall);-webkit-user-select:none;user-select:none;width:100%}.menu__item.menu__item_icon_before{-webkit-padding-start:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-xsmall)}.menu__item.menu__item_icon_after{-webkit-padding-end:var(--guit-ref-spacing-xsmall);padding-inline-end:var(--guit-ref-spacing-xsmall)}.menu__item:not(.menu__item_icon_before){-webkit-padding-start:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}.menu__item:not(.menu__item_icon_after){-webkit-padding-end:var(--guit-ref-spacing-medium);padding-inline-end:var(--guit-ref-spacing-medium)}.menu__item:not(.menu__item.menu__item_header){border-radius:var(--guit-ref-radius-3xsmall);height:3.2rem}.menu__item.menu__item_header{border-top-left-radius:var(--guit-ref-radius-2xsmall);border-top-right-radius:var(--guit-ref-radius-2xsmall)}.menu__item:not(:last-of-type){margin-bottom:var(--guit-ref-spacing-3xsmall)}.menu__item_selected{color:var(--guit-sem-color-foreground-selected)}.menu__item_danger{color:var(--guit-sem-color-foreground-error)}.menu__item_disabled{color:var(--guit-sem-color-foreground-disabled);pointer-events:none;-webkit-user-select:none;user-select:none}.menu__item:hover,.menu__item_active{background-color:var(--guit-sem-color-background-neutral-1-nudge-hover)}.menu__item:active{background-color:var(--guit-sem-color-background-neutral-1-nudge-pressed)}.menu__item:focus-visible{z-index:1}.menu__cell{align-items:center;display:flex;flex:1;gap:var(--guit-ref-spacing-3xsmall);min-width:0;overflow:hidden}.menu__divider{margin-bottom:var(--guit-ref-spacing-3xsmall)}";
|
package/ButtonGroup.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
export { B as default } from './index-
|
|
2
|
-
import './ButtonGroup-
|
|
1
|
+
export { B as default } from './index-81dbd2d7.js';
|
|
2
|
+
import './ButtonGroup-c1ff7524.js';
|
|
3
3
|
import './tslib.es6-f211516f.js';
|
|
4
4
|
import 'react';
|
|
5
5
|
import './index-ce02421b.js';
|
|
6
6
|
import './Loader.js';
|
|
7
7
|
import './style-inject.es-746bb8ed.js';
|
|
8
|
-
import './PopoverBody-
|
|
8
|
+
import './PopoverBody-8d4455ac.js';
|
|
9
9
|
import './floating-ui.react-a6c3b969.js';
|
|
10
10
|
import 'react-dom';
|
|
11
11
|
import './Info-0f0741e0.js';
|
|
12
12
|
import './ActivityRecent-b88e2ba8.js';
|
|
13
13
|
import './X-20da3b4a.js';
|
|
14
14
|
import './Button.js';
|
|
15
|
-
import './index-
|
|
15
|
+
import './index-90ee44ed.js';
|
|
16
16
|
import './Scrollbar.js';
|
|
17
17
|
import 'prop-types';
|
|
18
18
|
import './useDebounceCallback-999deae7.js';
|
|
19
|
-
import './index-
|
|
19
|
+
import './index-664bcb7a.js';
|
|
20
20
|
import './useWindowSize-6faa0d0f.js';
|
|
21
21
|
import './useDeviceInfo-8340f573.js';
|
|
22
22
|
import './index-15303b91.js';
|
package/Checkbox.js
CHANGED
|
@@ -17,7 +17,7 @@ import './Tooltip.js';
|
|
|
17
17
|
import './floating-ui.react-a6c3b969.js';
|
|
18
18
|
import 'react-dom';
|
|
19
19
|
import './index-a2688a52.js';
|
|
20
|
-
import './index-
|
|
20
|
+
import './index-664bcb7a.js';
|
|
21
21
|
import './useWindowSize-6faa0d0f.js';
|
|
22
22
|
import './useDebounceCallback-999deae7.js';
|
|
23
23
|
import './useDeviceInfo-8340f573.js';
|
package/CheckboxGroup.js
CHANGED
|
@@ -15,7 +15,7 @@ import './Tooltip.js';
|
|
|
15
15
|
import './floating-ui.react-a6c3b969.js';
|
|
16
16
|
import 'react-dom';
|
|
17
17
|
import './index-a2688a52.js';
|
|
18
|
-
import './index-
|
|
18
|
+
import './index-664bcb7a.js';
|
|
19
19
|
import './useWindowSize-6faa0d0f.js';
|
|
20
20
|
import './useDebounceCallback-999deae7.js';
|
|
21
21
|
import './useDeviceInfo-8340f573.js';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgChevronUp = function SvgChevronUp(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React__default.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
18
|
+
d: "M4.748 16.238a.74.74 0 0 1-.54-.231.754.754 0 0 1 .022-1.063l7.261-6.996a.746.746 0 0 1 1.037 0l7.242 6.997a.754.754 0 0 1-.503 1.293.745.745 0 0 1-.534-.21l-6.725-6.496-6.743 6.497a.742.742 0 0 1-.517.21Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { SvgChevronUp as S };
|
package/Copy.js
CHANGED
|
@@ -9,7 +9,7 @@ import './style-inject.es-746bb8ed.js';
|
|
|
9
9
|
import './floating-ui.react-a6c3b969.js';
|
|
10
10
|
import 'react-dom';
|
|
11
11
|
import './index-a2688a52.js';
|
|
12
|
-
import './index-
|
|
12
|
+
import './index-664bcb7a.js';
|
|
13
13
|
import './useWindowSize-6faa0d0f.js';
|
|
14
14
|
import './useDebounceCallback-999deae7.js';
|
|
15
15
|
import './useDeviceInfo-8340f573.js';
|
package/CounterField.js
CHANGED
|
@@ -6,8 +6,9 @@ import { S as SvgPlus } from './Plus-f0726053.js';
|
|
|
6
6
|
import Button from './Button.js';
|
|
7
7
|
import HelperText from './HelperText.js';
|
|
8
8
|
import Label from './Label.js';
|
|
9
|
-
import
|
|
9
|
+
import TextField from './TextField.js';
|
|
10
10
|
import './CounterField-f877af71.js';
|
|
11
|
+
import { c as clampValue } from './clampValue-69304d1c.js';
|
|
11
12
|
import './ActivityRecent-b88e2ba8.js';
|
|
12
13
|
import './Loader.js';
|
|
13
14
|
import './style-inject.es-746bb8ed.js';
|
|
@@ -20,46 +21,13 @@ import './Tooltip.js';
|
|
|
20
21
|
import './floating-ui.react-a6c3b969.js';
|
|
21
22
|
import 'react-dom';
|
|
22
23
|
import './index-a2688a52.js';
|
|
23
|
-
import './index-
|
|
24
|
+
import './index-664bcb7a.js';
|
|
24
25
|
import './useWindowSize-6faa0d0f.js';
|
|
25
26
|
import './useDebounceCallback-999deae7.js';
|
|
26
27
|
import './useDeviceInfo-8340f573.js';
|
|
27
28
|
import './useEllipsisDetection-c5f9b175.js';
|
|
28
29
|
import './X-20da3b4a.js';
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* Clamps a numeric value to be within the specified minimum and maximum bounds.
|
|
32
|
-
* If the value is undefined, returns an empty string.
|
|
33
|
-
* If the value is not a finite number, returns the original value as a string.
|
|
34
|
-
*
|
|
35
|
-
* @param value - The value to clamp (can be a number or string representation of a number)
|
|
36
|
-
* @param min - The minimum allowed value (optional)
|
|
37
|
-
* @param max - The maximum allowed value (optional)
|
|
38
|
-
* @returns A string representation of the clamped value, or empty string if value is undefined
|
|
39
|
-
* @example
|
|
40
|
-
* clampValue(50, 0, 100) // "50"
|
|
41
|
-
* clampValue(150, 0, 100) // "100"
|
|
42
|
-
* clampValue(-10, 0, 100) // "0"
|
|
43
|
-
* clampValue(50, 0) // "50"
|
|
44
|
-
* clampValue(50, undefined, 100) // "50"
|
|
45
|
-
* clampValue(undefined) // ""
|
|
46
|
-
* clampValue("abc") // "abc" (non-finite, returns as-is)
|
|
47
|
-
*/
|
|
48
|
-
const clampValue = (value, min, max) => {
|
|
49
|
-
if (value === undefined)
|
|
50
|
-
return "";
|
|
51
|
-
const numericValue = Number(value);
|
|
52
|
-
if (!Number.isFinite(numericValue))
|
|
53
|
-
return String(value);
|
|
54
|
-
let clamped = numericValue;
|
|
55
|
-
if (min !== undefined && clamped < min) {
|
|
56
|
-
clamped = min;
|
|
57
|
-
}
|
|
58
|
-
if (max !== undefined && clamped > max) {
|
|
59
|
-
clamped = max;
|
|
60
|
-
}
|
|
61
|
-
return String(clamped);
|
|
62
|
-
};
|
|
30
|
+
import './regex-d4e84e78.js';
|
|
63
31
|
|
|
64
32
|
/**
|
|
65
33
|
* The Counter Field component is an input field designed to increment or decrement a numerical value.
|
package/DataCard.js
CHANGED
|
@@ -2,12 +2,12 @@ import React__default, { useState, Fragment } from 'react';
|
|
|
2
2
|
import { c as classNames } from './index-ce02421b.js';
|
|
3
3
|
import Button from './Button.js';
|
|
4
4
|
import Pill from './Pill.js';
|
|
5
|
-
import { S as Spreadsheet } from './index-
|
|
5
|
+
import { S as Spreadsheet } from './index-90ee44ed.js';
|
|
6
6
|
import TextLink from './TextLink.js';
|
|
7
7
|
import { K as KeyValue } from './KeyValue-2fdb0641.js';
|
|
8
8
|
import { Key, Value } from './KeyValue.js';
|
|
9
|
-
import { M as Menu } from './ButtonGroup-
|
|
10
|
-
import { M as MenuItem } from './index-
|
|
9
|
+
import { M as Menu } from './ButtonGroup-c1ff7524.js';
|
|
10
|
+
import { M as MenuItem } from './index-81dbd2d7.js';
|
|
11
11
|
import './DataCard-3601ca38.js';
|
|
12
12
|
import './Loader.js';
|
|
13
13
|
import './style-inject.es-746bb8ed.js';
|
|
@@ -17,7 +17,7 @@ import './Tooltip.js';
|
|
|
17
17
|
import './floating-ui.react-a6c3b969.js';
|
|
18
18
|
import 'react-dom';
|
|
19
19
|
import './index-a2688a52.js';
|
|
20
|
-
import './index-
|
|
20
|
+
import './index-664bcb7a.js';
|
|
21
21
|
import './useWindowSize-6faa0d0f.js';
|
|
22
22
|
import './useDebounceCallback-999deae7.js';
|
|
23
23
|
import './useDeviceInfo-8340f573.js';
|
|
@@ -29,7 +29,7 @@ import './TextLink-ef998d00.js';
|
|
|
29
29
|
import './Info.js';
|
|
30
30
|
import './Info-0f0741e0.js';
|
|
31
31
|
import './tslib.es6-f211516f.js';
|
|
32
|
-
import './PopoverBody-
|
|
32
|
+
import './PopoverBody-8d4455ac.js';
|
|
33
33
|
import './X-20da3b4a.js';
|
|
34
34
|
import './index-15303b91.js';
|
|
35
35
|
import './ThreeDotsHorizontal-479c2b4b.js';
|
package/DataCardList.js
CHANGED
|
@@ -16,23 +16,23 @@ import './ActivityRecent-b88e2ba8.js';
|
|
|
16
16
|
import './Tooltip.js';
|
|
17
17
|
import './floating-ui.react-a6c3b969.js';
|
|
18
18
|
import './index-a2688a52.js';
|
|
19
|
-
import './index-
|
|
19
|
+
import './index-664bcb7a.js';
|
|
20
20
|
import './useWindowSize-6faa0d0f.js';
|
|
21
21
|
import './useDeviceInfo-8340f573.js';
|
|
22
22
|
import './useEllipsisDetection-c5f9b175.js';
|
|
23
23
|
import './Pill-37549eff.js';
|
|
24
|
-
import './index-
|
|
24
|
+
import './index-90ee44ed.js';
|
|
25
25
|
import './TextLink.js';
|
|
26
26
|
import './TextLink-ef998d00.js';
|
|
27
27
|
import './KeyValue-2fdb0641.js';
|
|
28
28
|
import './KeyValue.js';
|
|
29
29
|
import './Info.js';
|
|
30
30
|
import './Info-0f0741e0.js';
|
|
31
|
-
import './ButtonGroup-
|
|
31
|
+
import './ButtonGroup-c1ff7524.js';
|
|
32
32
|
import './tslib.es6-f211516f.js';
|
|
33
|
-
import './PopoverBody-
|
|
33
|
+
import './PopoverBody-8d4455ac.js';
|
|
34
34
|
import './X-20da3b4a.js';
|
|
35
|
-
import './index-
|
|
35
|
+
import './index-81dbd2d7.js';
|
|
36
36
|
import './index-15303b91.js';
|
|
37
37
|
import './ThreeDotsHorizontal-479c2b4b.js';
|
|
38
38
|
import './Text.js';
|
package/Drawer.js
CHANGED
|
@@ -5,9 +5,9 @@ import { S as SvgX } from './X-20da3b4a.js';
|
|
|
5
5
|
import Button from './Button.js';
|
|
6
6
|
import Scrollbar from './Scrollbar.js';
|
|
7
7
|
import Text from './Text.js';
|
|
8
|
-
import { B as ButtonGroup } from './index-
|
|
8
|
+
import { B as ButtonGroup } from './index-81dbd2d7.js';
|
|
9
9
|
import Tooltip from './Tooltip.js';
|
|
10
|
-
import { a as GeneUIDesignSystemContext } from './index-
|
|
10
|
+
import { a as GeneUIDesignSystemContext } from './index-664bcb7a.js';
|
|
11
11
|
import { u as useEllipsisDetection } from './useEllipsisDetection-c5f9b175.js';
|
|
12
12
|
import './Drawer-d05d04d0.js';
|
|
13
13
|
import './ActivityRecent-b88e2ba8.js';
|
|
@@ -15,12 +15,12 @@ import './Loader.js';
|
|
|
15
15
|
import './style-inject.es-746bb8ed.js';
|
|
16
16
|
import 'prop-types';
|
|
17
17
|
import './useDebounceCallback-999deae7.js';
|
|
18
|
-
import './ButtonGroup-
|
|
18
|
+
import './ButtonGroup-c1ff7524.js';
|
|
19
19
|
import './tslib.es6-f211516f.js';
|
|
20
|
-
import './PopoverBody-
|
|
20
|
+
import './PopoverBody-8d4455ac.js';
|
|
21
21
|
import './floating-ui.react-a6c3b969.js';
|
|
22
22
|
import './Info-0f0741e0.js';
|
|
23
|
-
import './index-
|
|
23
|
+
import './index-90ee44ed.js';
|
|
24
24
|
import './index-15303b91.js';
|
|
25
25
|
import './ThreeDotsHorizontal-479c2b4b.js';
|
|
26
26
|
import './index-a2688a52.js';
|
package/Empty.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
export { E as default } from './index-
|
|
2
|
-
import './ButtonGroup-
|
|
1
|
+
export { E as default } from './index-81dbd2d7.js';
|
|
2
|
+
import './ButtonGroup-c1ff7524.js';
|
|
3
3
|
import './tslib.es6-f211516f.js';
|
|
4
4
|
import 'react';
|
|
5
5
|
import './index-ce02421b.js';
|
|
6
6
|
import './Loader.js';
|
|
7
7
|
import './style-inject.es-746bb8ed.js';
|
|
8
|
-
import './PopoverBody-
|
|
8
|
+
import './PopoverBody-8d4455ac.js';
|
|
9
9
|
import './floating-ui.react-a6c3b969.js';
|
|
10
10
|
import 'react-dom';
|
|
11
11
|
import './Info-0f0741e0.js';
|
|
12
12
|
import './ActivityRecent-b88e2ba8.js';
|
|
13
13
|
import './X-20da3b4a.js';
|
|
14
14
|
import './Button.js';
|
|
15
|
-
import './index-
|
|
15
|
+
import './index-90ee44ed.js';
|
|
16
16
|
import './Scrollbar.js';
|
|
17
17
|
import 'prop-types';
|
|
18
18
|
import './useDebounceCallback-999deae7.js';
|
|
19
|
-
import './index-
|
|
19
|
+
import './index-664bcb7a.js';
|
|
20
20
|
import './useWindowSize-6faa0d0f.js';
|
|
21
21
|
import './useDeviceInfo-8340f573.js';
|
|
22
22
|
import './index-15303b91.js';
|
package/GeneUIProvider.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { a as GeneUIDesignSystemContext, G as default } from './index-
|
|
1
|
+
export { a as GeneUIDesignSystemContext, G as default } from './index-664bcb7a.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
import './useWindowSize-6faa0d0f.js';
|
|
4
4
|
import './useDebounceCallback-999deae7.js';
|
package/GlobalHeader.js
CHANGED
|
@@ -4,17 +4,17 @@ import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b
|
|
|
4
4
|
import Button from './Button.js';
|
|
5
5
|
import Divider from './Divider.js';
|
|
6
6
|
import Logo from './Logo.js';
|
|
7
|
-
import { P as Products } from './Products-
|
|
7
|
+
import { P as Products } from './Products-31b76696.js';
|
|
8
8
|
import { ProductsMainSection, Product, ProductsSecondarySection } from './Products.js';
|
|
9
9
|
import Profile from './Profile.js';
|
|
10
10
|
import Text from './Text.js';
|
|
11
11
|
import { S as SvgCaretDownFilled } from './CaretDownFilled-924e7189.js';
|
|
12
12
|
import Loader from './Loader.js';
|
|
13
|
-
import { P as Popover, a as PopoverBody } from './PopoverBody-
|
|
13
|
+
import { P as Popover, a as PopoverBody } from './PopoverBody-8d4455ac.js';
|
|
14
14
|
import Scrollbar from './Scrollbar.js';
|
|
15
15
|
import { P as PartnerItem } from './GlobalHeader-e3be2af9.js';
|
|
16
|
-
import { a as useClickOutside } from './index-
|
|
17
|
-
import { a as GeneUIDesignSystemContext } from './index-
|
|
16
|
+
import { a as useClickOutside } from './index-90ee44ed.js';
|
|
17
|
+
import { a as GeneUIDesignSystemContext } from './index-664bcb7a.js';
|
|
18
18
|
import './style-inject.es-746bb8ed.js';
|
|
19
19
|
import './Divider-047dfad9.js';
|
|
20
20
|
import './Logo-0b408682.js';
|
|
@@ -30,9 +30,9 @@ import './X-20da3b4a.js';
|
|
|
30
30
|
import 'prop-types';
|
|
31
31
|
import './index-82e2cf4c.js';
|
|
32
32
|
import './Avatar-243146ad.js';
|
|
33
|
-
import './ButtonGroup-
|
|
33
|
+
import './ButtonGroup-c1ff7524.js';
|
|
34
34
|
import './tslib.es6-f211516f.js';
|
|
35
|
-
import './index-
|
|
35
|
+
import './index-81dbd2d7.js';
|
|
36
36
|
import './index-15303b91.js';
|
|
37
37
|
import './ThreeDotsHorizontal-479c2b4b.js';
|
|
38
38
|
import './index-a2688a52.js';
|
package/Image.js
CHANGED
|
@@ -4,24 +4,24 @@ import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b
|
|
|
4
4
|
import Button from './Button.js';
|
|
5
5
|
import Loader from './Loader.js';
|
|
6
6
|
import Text from './Text.js';
|
|
7
|
-
import { B as ButtonGroup } from './index-
|
|
7
|
+
import { B as ButtonGroup } from './index-81dbd2d7.js';
|
|
8
8
|
import Checkbox from './Checkbox.js';
|
|
9
9
|
import Tooltip from './Tooltip.js';
|
|
10
10
|
import { u as useEllipsisDetection } from './useEllipsisDetection-c5f9b175.js';
|
|
11
11
|
import './Image-4f135206.js';
|
|
12
12
|
import './style-inject.es-746bb8ed.js';
|
|
13
|
-
import './ButtonGroup-
|
|
13
|
+
import './ButtonGroup-c1ff7524.js';
|
|
14
14
|
import './tslib.es6-f211516f.js';
|
|
15
|
-
import './PopoverBody-
|
|
15
|
+
import './PopoverBody-8d4455ac.js';
|
|
16
16
|
import './floating-ui.react-a6c3b969.js';
|
|
17
17
|
import 'react-dom';
|
|
18
18
|
import './Info-0f0741e0.js';
|
|
19
19
|
import './X-20da3b4a.js';
|
|
20
|
-
import './index-
|
|
20
|
+
import './index-90ee44ed.js';
|
|
21
21
|
import './Scrollbar.js';
|
|
22
22
|
import 'prop-types';
|
|
23
23
|
import './useDebounceCallback-999deae7.js';
|
|
24
|
-
import './index-
|
|
24
|
+
import './index-664bcb7a.js';
|
|
25
25
|
import './useWindowSize-6faa0d0f.js';
|
|
26
26
|
import './useDeviceInfo-8340f573.js';
|
|
27
27
|
import './index-15303b91.js';
|
package/Info.js
CHANGED
|
@@ -7,7 +7,7 @@ import './ActivityRecent-b88e2ba8.js';
|
|
|
7
7
|
import './floating-ui.react-a6c3b969.js';
|
|
8
8
|
import 'react-dom';
|
|
9
9
|
import './index-a2688a52.js';
|
|
10
|
-
import './index-
|
|
10
|
+
import './index-664bcb7a.js';
|
|
11
11
|
import './useWindowSize-6faa0d0f.js';
|
|
12
12
|
import './useDebounceCallback-999deae7.js';
|
|
13
13
|
import './useDeviceInfo-8340f573.js';
|
package/InteractiveCard.js
CHANGED
|
@@ -15,7 +15,7 @@ import './floating-ui.react-a6c3b969.js';
|
|
|
15
15
|
import 'react-dom';
|
|
16
16
|
import './index-a2688a52.js';
|
|
17
17
|
import './style-inject.es-746bb8ed.js';
|
|
18
|
-
import './index-
|
|
18
|
+
import './index-664bcb7a.js';
|
|
19
19
|
import './useWindowSize-6faa0d0f.js';
|
|
20
20
|
import './useDebounceCallback-999deae7.js';
|
|
21
21
|
import './useDeviceInfo-8340f573.js';
|
package/KeyValue.js
CHANGED
|
@@ -10,7 +10,7 @@ import './Tooltip.js';
|
|
|
10
10
|
import './floating-ui.react-a6c3b969.js';
|
|
11
11
|
import 'react-dom';
|
|
12
12
|
import './index-a2688a52.js';
|
|
13
|
-
import './index-
|
|
13
|
+
import './index-664bcb7a.js';
|
|
14
14
|
import './useWindowSize-6faa0d0f.js';
|
|
15
15
|
import './useDebounceCallback-999deae7.js';
|
|
16
16
|
import './useDeviceInfo-8340f573.js';
|
package/Label.js
CHANGED
|
@@ -10,7 +10,7 @@ import './ActivityRecent-b88e2ba8.js';
|
|
|
10
10
|
import './floating-ui.react-a6c3b969.js';
|
|
11
11
|
import 'react-dom';
|
|
12
12
|
import './index-a2688a52.js';
|
|
13
|
-
import './index-
|
|
13
|
+
import './index-664bcb7a.js';
|
|
14
14
|
import './useWindowSize-6faa0d0f.js';
|
|
15
15
|
import './useDebounceCallback-999deae7.js';
|
|
16
16
|
import './useDeviceInfo-8340f573.js';
|
package/Logo.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default, { useContext } from 'react';
|
|
2
2
|
import { c as classNames } from './index-ce02421b.js';
|
|
3
|
-
import { a as GeneUIDesignSystemContext } from './index-
|
|
3
|
+
import { a as GeneUIDesignSystemContext } from './index-664bcb7a.js';
|
|
4
4
|
import './Logo-0b408682.js';
|
|
5
5
|
import './useWindowSize-6faa0d0f.js';
|
|
6
6
|
import './useDebounceCallback-999deae7.js';
|
package/Menu.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
export { M as Menu } from './ButtonGroup-
|
|
2
|
-
export { M as MenuItem } from './index-
|
|
1
|
+
export { M as Menu } from './ButtonGroup-c1ff7524.js';
|
|
2
|
+
export { M as MenuItem } from './index-81dbd2d7.js';
|
|
3
3
|
import './tslib.es6-f211516f.js';
|
|
4
4
|
import 'react';
|
|
5
5
|
import './index-ce02421b.js';
|
|
6
6
|
import './Loader.js';
|
|
7
7
|
import './style-inject.es-746bb8ed.js';
|
|
8
|
-
import './PopoverBody-
|
|
8
|
+
import './PopoverBody-8d4455ac.js';
|
|
9
9
|
import './floating-ui.react-a6c3b969.js';
|
|
10
10
|
import 'react-dom';
|
|
11
11
|
import './Info-0f0741e0.js';
|
|
12
12
|
import './ActivityRecent-b88e2ba8.js';
|
|
13
13
|
import './X-20da3b4a.js';
|
|
14
14
|
import './Button.js';
|
|
15
|
-
import './index-
|
|
15
|
+
import './index-90ee44ed.js';
|
|
16
16
|
import './Scrollbar.js';
|
|
17
17
|
import 'prop-types';
|
|
18
18
|
import './useDebounceCallback-999deae7.js';
|
|
19
|
-
import './index-
|
|
19
|
+
import './index-664bcb7a.js';
|
|
20
20
|
import './useWindowSize-6faa0d0f.js';
|
|
21
21
|
import './useDeviceInfo-8340f573.js';
|
|
22
22
|
import './index-15303b91.js';
|
package/Modal.js
CHANGED
|
@@ -8,9 +8,9 @@ import { S as SvgX } from './X-20da3b4a.js';
|
|
|
8
8
|
import Button from './Button.js';
|
|
9
9
|
import Scrollbar from './Scrollbar.js';
|
|
10
10
|
import Text from './Text.js';
|
|
11
|
-
import { B as ButtonGroup } from './index-
|
|
11
|
+
import { B as ButtonGroup } from './index-81dbd2d7.js';
|
|
12
12
|
import Tooltip from './Tooltip.js';
|
|
13
|
-
import { a as GeneUIDesignSystemContext } from './index-
|
|
13
|
+
import { a as GeneUIDesignSystemContext } from './index-664bcb7a.js';
|
|
14
14
|
import { u as useEllipsisDetection } from './useEllipsisDetection-c5f9b175.js';
|
|
15
15
|
import './Modal-2140d39a.js';
|
|
16
16
|
import './ActivityRecent-b88e2ba8.js';
|
|
@@ -18,11 +18,11 @@ import './Loader.js';
|
|
|
18
18
|
import './style-inject.es-746bb8ed.js';
|
|
19
19
|
import 'prop-types';
|
|
20
20
|
import './useDebounceCallback-999deae7.js';
|
|
21
|
-
import './ButtonGroup-
|
|
21
|
+
import './ButtonGroup-c1ff7524.js';
|
|
22
22
|
import './tslib.es6-f211516f.js';
|
|
23
|
-
import './PopoverBody-
|
|
23
|
+
import './PopoverBody-8d4455ac.js';
|
|
24
24
|
import './floating-ui.react-a6c3b969.js';
|
|
25
|
-
import './index-
|
|
25
|
+
import './index-90ee44ed.js';
|
|
26
26
|
import './index-15303b91.js';
|
|
27
27
|
import './ThreeDotsHorizontal-479c2b4b.js';
|
|
28
28
|
import './index-a2688a52.js';
|
package/Navigation.js
CHANGED
|
@@ -5,17 +5,17 @@ import { S as SvgPlus } from './Plus-f0726053.js';
|
|
|
5
5
|
import { S as SvgThreeDotsHorizontal } from './ThreeDotsHorizontal-479c2b4b.js';
|
|
6
6
|
import { S as SvgX } from './X-20da3b4a.js';
|
|
7
7
|
import Button from './Button.js';
|
|
8
|
-
import { P as Popover, a as PopoverBody } from './PopoverBody-
|
|
8
|
+
import { P as Popover, a as PopoverBody } from './PopoverBody-8d4455ac.js';
|
|
9
9
|
import Scrollbar from './Scrollbar.js';
|
|
10
|
-
import { M as Menu } from './ButtonGroup-
|
|
11
|
-
import { M as MenuItem } from './index-
|
|
10
|
+
import { M as Menu } from './ButtonGroup-c1ff7524.js';
|
|
11
|
+
import { M as MenuItem } from './index-81dbd2d7.js';
|
|
12
12
|
import { S as SvgChevronRight } from './ChevronRight-af87e2a4.js';
|
|
13
13
|
import Text from './Text.js';
|
|
14
14
|
import Tooltip from './Tooltip.js';
|
|
15
15
|
import { u as useEllipsisDetection } from './useEllipsisDetection-c5f9b175.js';
|
|
16
|
-
import { S as Spreadsheet } from './index-
|
|
16
|
+
import { S as Spreadsheet } from './index-90ee44ed.js';
|
|
17
17
|
import './Navigation-20f87966.js';
|
|
18
|
-
import { a as GeneUIDesignSystemContext } from './index-
|
|
18
|
+
import { a as GeneUIDesignSystemContext } from './index-664bcb7a.js';
|
|
19
19
|
import { u as useWindowSize } from './useWindowSize-6faa0d0f.js';
|
|
20
20
|
import './ActivityRecent-b88e2ba8.js';
|
|
21
21
|
import './Loader.js';
|
package/Notification.js
CHANGED
|
@@ -7,17 +7,17 @@ import { S as SvgTriangleAlert } from './TriangleAlert-ba250f4c.js';
|
|
|
7
7
|
import { S as SvgX } from './X-20da3b4a.js';
|
|
8
8
|
import Button from './Button.js';
|
|
9
9
|
import Text from './Text.js';
|
|
10
|
-
import { B as ButtonGroup } from './index-
|
|
11
|
-
import { a as GeneUIDesignSystemContext } from './index-
|
|
10
|
+
import { B as ButtonGroup } from './index-81dbd2d7.js';
|
|
11
|
+
import { a as GeneUIDesignSystemContext } from './index-664bcb7a.js';
|
|
12
12
|
import './Notification-c2697ece.js';
|
|
13
13
|
import './Loader.js';
|
|
14
14
|
import './style-inject.es-746bb8ed.js';
|
|
15
|
-
import './ButtonGroup-
|
|
15
|
+
import './ButtonGroup-c1ff7524.js';
|
|
16
16
|
import './tslib.es6-f211516f.js';
|
|
17
|
-
import './PopoverBody-
|
|
17
|
+
import './PopoverBody-8d4455ac.js';
|
|
18
18
|
import './floating-ui.react-a6c3b969.js';
|
|
19
19
|
import './Info-0f0741e0.js';
|
|
20
|
-
import './index-
|
|
20
|
+
import './index-90ee44ed.js';
|
|
21
21
|
import './Scrollbar.js';
|
|
22
22
|
import 'prop-types';
|
|
23
23
|
import './useDebounceCallback-999deae7.js';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { s as styleInject } from './style-inject.es-746bb8ed.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = ".numberField{align-items:flex-start;display:flex;flex-direction:column;gap:var(--guit-ref-spacing-3xsmall)}.numberField__wrapper{align-items:center;display:flex;width:100%}.numberField__wrapper_size_large{height:var(--guit-sem-dimension-height-large)}.numberField__wrapper_size_large .numberField__inputWrapper{border-end-start-radius:var(--guit-ref-radius-2xsmall);border-start-start-radius:var(--guit-ref-radius-2xsmall)}.numberField__wrapper_size_large .numberField__input{font-family:var(--guit-sem-font-body-medium-default-medium-font-family);font-size:var(--guit-sem-font-body-medium-default-medium-font-size);font-weight:var(--guit-sem-font-body-medium-default-medium-font-weight);line-height:var(--guit-sem-font-body-medium-default-medium-line-height);padding:var(--guit-ref-spacing-small) var(--guit-ref-spacing-large)}.numberField__wrapper_size_large .numberField__actions{width:3.2rem}.numberField__wrapper_size_large .numberField__action_increment{border-start-end-radius:var(--guit-ref-radius-2xsmall)}.numberField__wrapper_size_large .numberField__action_decrement{border-end-end-radius:var(--guit-ref-radius-2xsmall)}.numberField__wrapper_size_medium{height:var(--guit-sem-dimension-height-medium)}.numberField__wrapper_size_medium .numberField__inputWrapper{border-end-start-radius:var(--guit-ref-radius-3xsmall);border-start-start-radius:var(--guit-ref-radius-3xsmall)}.numberField__wrapper_size_medium .numberField__input{font-family:var(--guit-sem-font-body-medium-default-medium-font-family);font-size:var(--guit-sem-font-body-medium-default-medium-font-size);font-weight:var(--guit-sem-font-body-medium-default-medium-font-weight);line-height:var(--guit-sem-font-body-medium-default-medium-line-height);padding:var(--guit-ref-spacing-2xsmall) var(--guit-ref-spacing-medium)}.numberField__wrapper_size_medium .numberField__actions{width:2.4rem}.numberField__wrapper_size_medium .numberField__action_increment{border-start-end-radius:var(--guit-ref-radius-3xsmall)}.numberField__wrapper_size_medium .numberField__action_decrement{border-end-end-radius:var(--guit-ref-radius-3xsmall)}.numberField__wrapper_size_small{height:var(--guit-sem-dimension-height-small)}.numberField__wrapper_size_small .numberField__inputWrapper{border-end-start-radius:var(--guit-ref-radius-3xsmall);border-start-start-radius:var(--guit-ref-radius-3xsmall)}.numberField__wrapper_size_small .numberField__input{font-family:var(--guit-sem-font-caption-large-medium-font-family);font-size:var(--guit-sem-font-caption-large-medium-font-size);font-weight:var(--guit-sem-font-caption-large-medium-font-weight);letter-spacing:var(--guit-sem-font-caption-large-medium-letter-spacing);line-height:var(--guit-sem-font-caption-large-medium-line-height);padding:var(--guit-ref-spacing-3xsmall) var(--guit-ref-spacing-medium)}.numberField__wrapper_size_small .numberField__actions{width:2rem}.numberField__wrapper_size_small .numberField__action_increment{border-start-end-radius:var(--guit-ref-radius-3xsmall)}.numberField__wrapper_size_small .numberField__action_decrement{border-end-end-radius:var(--guit-ref-radius-3xsmall)}.numberField__actions{display:flex;flex:0 0 auto;flex-direction:column;height:100%}.numberField__action{align-items:center;color:var(--guit-sem-color-foreground-neutral-2);display:flex;flex:1;justify-content:center;min-height:0;width:100%}.numberField__action_increment{-webkit-border-before:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid);-webkit-border-end:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid);border-block-start:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid);border-inline-end:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid);border-color:var(--guit-sem-color-border-neutral-2)}.numberField__action_decrement{-webkit-border-after:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);-webkit-border-end:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);border-block-end:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);border-inline-end:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2)}@media screen and (hover:hover){.numberField__action:hover{background-color:var(--guit-sem-color-background-neutral-1-hover)}}.numberField__action:active{background-color:var(--guit-sem-color-background-neutral-1-pressed)}.numberField__action:focus-within{z-index:1}.numberField__action_readOnly{background-color:var(--guit-sem-color-background-neutral-3);border-color:#0000}.numberField__action_disabled,.numberField__action_readOnly{color:var(--guit-sem-color-foreground-disabled);pointer-events:none}.numberField__action_disabled{border-color:var(--guit-sem-color-border-disabled-1)}.numberField__inputWrapper{-webkit-border-end:none;align-items:center;border:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);border-inline-end:none;display:flex;flex:1;height:100%;min-width:0;position:relative}.numberField__inputWrapper:after{background-color:var(--guit-sem-color-border-neutral-2);content:\"\";inset-block:-.1rem;inset-inline-end:0;pointer-events:none;position:absolute;width:.1rem}@media screen and (hover:hover){.numberField__inputWrapper:hover{background-color:var(--guit-sem-color-background-neutral-1-hover)}}.numberField__inputWrapper:focus-within{outline:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-focus);outline-offset:var(--guit-ref-border-width-thin);z-index:1}.numberField__inputWrapper_readOnly{background-color:var(--guit-sem-color-background-neutral-3);border-color:#0000;border-inline-end-color:var(--guit-sem-color-border-neutral-2);color:var(--guit-sem-color-foreground-disabled)}.numberField__inputWrapper_error{border-color:var(--guit-sem-color-border-error)}.numberField__inputWrapper_error:after{background-color:var(--guit-sem-color-border-error)}.numberField__inputWrapper_disabled{border-color:var(--guit-sem-color-border-disabled-1);pointer-events:none;-webkit-user-select:none;user-select:none}.numberField__inputWrapper_disabled:after{background-color:var(--guit-sem-color-border-disabled-1)}.numberField__inputWrapper_disabled .numberField__input{color:var(--guit-sem-color-foreground-disabled)}.numberField__input{background-color:initial;border:none;color:var(--guit-sem-color-foreground-neutral-2);height:100%;outline:none;width:100%}.numberField__input::placeholder{color:var(--guit-sem-color-foreground-neutral-1)}";
|
|
4
|
+
styleInject(css_248z);
|