@uniformdev/design-system 20.26.0 → 20.26.1
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/esm/index.js +121 -49
- package/dist/index.d.mts +16 -2
- package/dist/index.d.ts +16 -2
- package/dist/index.js +119 -46
- package/package.json +4 -4
package/dist/esm/index.js
CHANGED
|
@@ -967,7 +967,7 @@ var button = css10`
|
|
|
967
967
|
border-radius: var(--rounded-base);
|
|
968
968
|
cursor: pointer;
|
|
969
969
|
display: inline-flex;
|
|
970
|
-
font-weight: var(--fw-
|
|
970
|
+
font-weight: var(--fw-regular);
|
|
971
971
|
transition:
|
|
972
972
|
color var(--duration-fast) var(--timing-ease-out),
|
|
973
973
|
border-color var(--duration-fast) var(--timing-ease-out);
|
|
@@ -1643,15 +1643,18 @@ function Tooltip({
|
|
|
1643
1643
|
}
|
|
1644
1644
|
|
|
1645
1645
|
// src/components/Button/hooks/useButtonStyles.ts
|
|
1646
|
+
var btnSize = {
|
|
1647
|
+
zero: "padding: 0",
|
|
1648
|
+
xs: "padding: 0.375rem 0.625rem; font-size: var(--fs-xs); line-height: 1.5;",
|
|
1649
|
+
sm: "padding: var(--spacing-sm) 0.75rem; font-size: var(--fs-sm);",
|
|
1650
|
+
md: "padding: var(--spacing-sm) var(--spacing-base); font-size: var(--fs-sm);",
|
|
1651
|
+
lg: "padding: var(--spacing-sm) var(--spacing-base)",
|
|
1652
|
+
xl: "padding: 0.75rem var(--spacing-md)"
|
|
1653
|
+
};
|
|
1654
|
+
var getButtonSize = (size) => {
|
|
1655
|
+
return btnSize[size];
|
|
1656
|
+
};
|
|
1646
1657
|
var useButtonStyles = ({ size, ...props }) => {
|
|
1647
|
-
const btnSize = {
|
|
1648
|
-
zero: "padding: 0",
|
|
1649
|
-
xs: "padding: 0.375rem 0.625rem; font-size: var(--fs-xs); line-height: 1.5;",
|
|
1650
|
-
sm: "padding: var(--spacing-sm) 0.75rem; font-size: var(--fs-sm);",
|
|
1651
|
-
md: "padding: var(--spacing-sm) var(--spacing-base); font-size: var(--fs-sm);",
|
|
1652
|
-
lg: "padding: var(--spacing-sm) var(--spacing-base)",
|
|
1653
|
-
xl: "padding: 0.75rem var(--spacing-md)"
|
|
1654
|
-
};
|
|
1655
1658
|
if ("variant" in props && props.variant === "soft") {
|
|
1656
1659
|
const buttonSoftTheme = {
|
|
1657
1660
|
primary: buttonSoftPrimary,
|
|
@@ -1704,7 +1707,7 @@ var Button = React2.forwardRef(
|
|
|
1704
1707
|
disabled: disabled2,
|
|
1705
1708
|
...props
|
|
1706
1709
|
}, ref) => {
|
|
1707
|
-
const { btnSize, buttonTheme: buttonTheme2 } = useButtonStyles({
|
|
1710
|
+
const { btnSize: btnSize2, buttonTheme: buttonTheme2 } = useButtonStyles({
|
|
1708
1711
|
theme: buttonType,
|
|
1709
1712
|
size,
|
|
1710
1713
|
..."variant" in props ? { variant: props.variant } : {}
|
|
@@ -1715,7 +1718,7 @@ var Button = React2.forwardRef(
|
|
|
1715
1718
|
BaseButton,
|
|
1716
1719
|
{
|
|
1717
1720
|
ref,
|
|
1718
|
-
css: [button, buttonTheme2,
|
|
1721
|
+
css: [button, buttonTheme2, btnSize2],
|
|
1719
1722
|
...props,
|
|
1720
1723
|
onClick: clickHandler,
|
|
1721
1724
|
disabled: disabledValue,
|
|
@@ -3426,9 +3429,7 @@ var AddListButtonBtn = css17`
|
|
|
3426
3429
|
display: inline-flex;
|
|
3427
3430
|
gap: var(--spacing-sm);
|
|
3428
3431
|
font-size: var(--fs-base);
|
|
3429
|
-
font-weight: var(--fw-bold);
|
|
3430
3432
|
padding: 0;
|
|
3431
|
-
margin-block: var(--spacing-base);
|
|
3432
3433
|
|
|
3433
3434
|
&:disabled {
|
|
3434
3435
|
cursor: default;
|
|
@@ -3446,7 +3447,6 @@ var AddListButtonTheme = (theme) => css17`
|
|
|
3446
3447
|
var AddListButtonBtnSmall = css17`
|
|
3447
3448
|
font-size: var(--fs-xs);
|
|
3448
3449
|
font-weight: var(--fw-regular);
|
|
3449
|
-
margin-block: var(--spacing-md) 0;
|
|
3450
3450
|
`;
|
|
3451
3451
|
var AddListButtonIconMathPlus = (disabled2, theme) => css17`
|
|
3452
3452
|
box-sizing: border-box;
|
|
@@ -5597,32 +5597,16 @@ var buttonSizeBase = css36`
|
|
|
5597
5597
|
--icon-padding: var(--spacing-xs);
|
|
5598
5598
|
--svg-size: 1rem;
|
|
5599
5599
|
--line-offset: -1px;
|
|
5600
|
-
font-size: var(--fs-sm);
|
|
5601
|
-
|
|
5602
|
-
button {
|
|
5603
|
-
padding: var(--spacing-sm) var(--spacing-base);
|
|
5604
|
-
}
|
|
5605
5600
|
`;
|
|
5606
5601
|
var buttonSizeSmall = css36`
|
|
5607
5602
|
--icon-padding: var(--spacing-xs);
|
|
5608
5603
|
--svg-size: 0.85rem;
|
|
5609
5604
|
--line-offset: -1px;
|
|
5610
|
-
font-size: var(--fs-sm);
|
|
5611
|
-
|
|
5612
|
-
button {
|
|
5613
|
-
padding: var(--spacing-xs) var(--spacing-base);
|
|
5614
|
-
}
|
|
5615
5605
|
`;
|
|
5616
5606
|
var buttonSizeLarge = css36`
|
|
5617
5607
|
--icon-padding: var(--spacing-sm);
|
|
5618
5608
|
--svg-size: 1rem;
|
|
5619
5609
|
--line-offset: -1px;
|
|
5620
|
-
font-size: var(--fs-sm);
|
|
5621
|
-
|
|
5622
|
-
button {
|
|
5623
|
-
line-height: 1.5;
|
|
5624
|
-
padding: var(--spacing-sm) var(--spacing-base);
|
|
5625
|
-
}
|
|
5626
5610
|
`;
|
|
5627
5611
|
var ButtonWithMenuContainer = css36`
|
|
5628
5612
|
align-items: center;
|
|
@@ -5660,7 +5644,6 @@ function ButtonWithMenuBtn(overrideHairlineColor) {
|
|
|
5660
5644
|
align-items: center;
|
|
5661
5645
|
border: 1px solid transparent;
|
|
5662
5646
|
background: transparent;
|
|
5663
|
-
line-height: 1;
|
|
5664
5647
|
display: inline-flex;
|
|
5665
5648
|
gap: var(--spacing-xs);
|
|
5666
5649
|
|
|
@@ -5786,7 +5769,7 @@ var ButtonWithMenu = ({
|
|
|
5786
5769
|
disabled: disabled2,
|
|
5787
5770
|
children,
|
|
5788
5771
|
placement,
|
|
5789
|
-
size = "
|
|
5772
|
+
size = "base",
|
|
5790
5773
|
menuContainerCssClasses,
|
|
5791
5774
|
portal = false,
|
|
5792
5775
|
maxMenuHeight,
|
|
@@ -5796,11 +5779,12 @@ var ButtonWithMenu = ({
|
|
|
5796
5779
|
}) => {
|
|
5797
5780
|
const onButtonClickHandler = onButtonClick != null ? onButtonClick : shortcut == null ? void 0 : shortcut.handler;
|
|
5798
5781
|
const disabledValue = disabled2 != null ? disabled2 : shortcut == null ? void 0 : shortcut.disabled;
|
|
5782
|
+
const btnSize2 = getButtonSize(size === "base" ? "md" : size);
|
|
5799
5783
|
const primaryButton = /* @__PURE__ */ jsxs31(
|
|
5800
5784
|
"button",
|
|
5801
5785
|
{
|
|
5802
5786
|
type: "button",
|
|
5803
|
-
css: ButtonWithMenuBtn(disabledValue ? void 0 : menuHairlineColors[buttonType]),
|
|
5787
|
+
css: [ButtonWithMenuBtn(disabledValue ? void 0 : menuHairlineColors[buttonType]), btnSize2],
|
|
5804
5788
|
disabled: disabledValue,
|
|
5805
5789
|
onClick: onButtonClickHandler,
|
|
5806
5790
|
"data-testid": "multioptions-button-main",
|
|
@@ -12430,6 +12414,20 @@ var getLabelForElement = (type) => {
|
|
|
12430
12414
|
const element = richTextBuiltInElements.find((element2) => element2.type === type);
|
|
12431
12415
|
return (_a = element == null ? void 0 : element.label) != null ? _a : type;
|
|
12432
12416
|
};
|
|
12417
|
+
var defaultParameterConfiguration = {
|
|
12418
|
+
required: false,
|
|
12419
|
+
formatting: {
|
|
12420
|
+
builtIn: richTextBuiltInFormats.map((format) => format.type)
|
|
12421
|
+
},
|
|
12422
|
+
elements: {
|
|
12423
|
+
builtIn: richTextBuiltInElements.map((element) => element.type)
|
|
12424
|
+
},
|
|
12425
|
+
elementsConfig: {
|
|
12426
|
+
asset: {
|
|
12427
|
+
allowedTypes: ["image"]
|
|
12428
|
+
}
|
|
12429
|
+
}
|
|
12430
|
+
};
|
|
12433
12431
|
|
|
12434
12432
|
// src/components/ParameterInputs/ParameterRichText.tsx
|
|
12435
12433
|
import { deepEqual as deepEqual2 } from "fast-equals";
|
|
@@ -16330,13 +16328,13 @@ var Spinner = ({
|
|
|
16330
16328
|
};
|
|
16331
16329
|
|
|
16332
16330
|
// src/components/Switch/Switch.tsx
|
|
16333
|
-
import { forwardRef as forwardRef29 } from "react";
|
|
16331
|
+
import { forwardRef as forwardRef29, useMemo as useMemo10 } from "react";
|
|
16334
16332
|
|
|
16335
16333
|
// src/components/Switch/Switch.styles.ts
|
|
16336
16334
|
import { css as css106 } from "@emotion/react";
|
|
16337
16335
|
var SwitchInputContainer = css106`
|
|
16338
16336
|
cursor: pointer;
|
|
16339
|
-
display: inline-
|
|
16337
|
+
display: inline-flex;
|
|
16340
16338
|
position: relative;
|
|
16341
16339
|
margin-right: var(--spacing-sm);
|
|
16342
16340
|
transition: var(--duration-fast) var(--timing-ease-out);
|
|
@@ -16371,7 +16369,6 @@ var SwitchInput = (size) => css106`
|
|
|
16371
16369
|
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M10.5858 13.4142L7.75735 10.5858L6.34314 12L10.5858 16.2427L17.6568 9.1716L16.2426 7.75739L10.5858 13.4142Z' fill='%23fff' /%3E%3C/svg%3E");
|
|
16372
16370
|
background-position: center center;
|
|
16373
16371
|
border-color: var(--brand-secondary-3);
|
|
16374
|
-
transform: translateX(var(--spacing-base));
|
|
16375
16372
|
|
|
16376
16373
|
&:hover,
|
|
16377
16374
|
&:focus {
|
|
@@ -16384,6 +16381,17 @@ var SwitchInput = (size) => css106`
|
|
|
16384
16381
|
cursor: not-allowed;
|
|
16385
16382
|
}
|
|
16386
16383
|
`;
|
|
16384
|
+
var SwitchInputCheckedDirectionLeft = css106`
|
|
16385
|
+
&:checked {
|
|
16386
|
+
transform: translateX(var(--spacing-base));
|
|
16387
|
+
}
|
|
16388
|
+
`;
|
|
16389
|
+
var SwitchInputCheckedDirectionRight = css106`
|
|
16390
|
+
transform: translateX(-var(--spacing-base));
|
|
16391
|
+
&:checked {
|
|
16392
|
+
transform: translateX(0);
|
|
16393
|
+
}
|
|
16394
|
+
`;
|
|
16387
16395
|
var SwitchInputDisabled = css106`
|
|
16388
16396
|
opacity: var(--opacity-50);
|
|
16389
16397
|
cursor: not-allowed;
|
|
@@ -16392,12 +16400,23 @@ var SwitchInputDisabled = css106`
|
|
|
16392
16400
|
cursor: not-allowed;
|
|
16393
16401
|
}
|
|
16394
16402
|
`;
|
|
16403
|
+
var SwitchInputLabelAlignmentLeft = (size) => css106`
|
|
16404
|
+
padding-inline-start: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"};
|
|
16405
|
+
&:before {
|
|
16406
|
+
left: 0;
|
|
16407
|
+
}
|
|
16408
|
+
`;
|
|
16409
|
+
var SwitchInputLabelAlignmentRight = (size) => css106`
|
|
16410
|
+
padding-inline-end: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"};
|
|
16411
|
+
&:before {
|
|
16412
|
+
right: 0;
|
|
16413
|
+
}
|
|
16414
|
+
`;
|
|
16395
16415
|
var SwitchInputLabel = (size) => css106`
|
|
16396
16416
|
align-items: center;
|
|
16397
16417
|
color: var(--typography-base);
|
|
16398
16418
|
display: inline-flex;
|
|
16399
16419
|
line-height: 1.25;
|
|
16400
|
-
padding-inline: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"} 0;
|
|
16401
16420
|
|
|
16402
16421
|
&:before {
|
|
16403
16422
|
border-radius: var(--rounded-full);
|
|
@@ -16410,21 +16429,53 @@ var SwitchInputLabel = (size) => css106`
|
|
|
16410
16429
|
height: ${size === "sm" ? "var(--spacing-base)" : "var(--spacing-md)"};
|
|
16411
16430
|
margin-top: ${size === "sm" ? "var(--spacing-2xs)" : "none"};
|
|
16412
16431
|
position: absolute;
|
|
16413
|
-
left: 0;
|
|
16414
16432
|
top: 0;
|
|
16415
16433
|
}
|
|
16416
16434
|
`;
|
|
16417
|
-
var
|
|
16435
|
+
var SwitchTextAlignmentLeft = (size) => css106`
|
|
16436
|
+
padding-inline-start: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"};
|
|
16437
|
+
`;
|
|
16438
|
+
var SwitchTextAlignmentRight = (size) => css106`
|
|
16439
|
+
padding-inline-end: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"};
|
|
16440
|
+
`;
|
|
16441
|
+
var SwitchText = css106`
|
|
16418
16442
|
color: var(--gray-500);
|
|
16419
16443
|
font-size: var(--fs-sm);
|
|
16420
|
-
|
|
16444
|
+
`;
|
|
16445
|
+
var SwitchInputContainerAlignmentLeft = css106`
|
|
16446
|
+
flex-direction: row;
|
|
16447
|
+
`;
|
|
16448
|
+
var SwitchInputContainerAlignmentRight = css106`
|
|
16449
|
+
flex-direction: row-reverse;
|
|
16421
16450
|
`;
|
|
16422
16451
|
|
|
16423
16452
|
// src/components/Switch/Switch.tsx
|
|
16424
16453
|
import { Fragment as Fragment19, jsx as jsx139, jsxs as jsxs94 } from "@emotion/react/jsx-runtime";
|
|
16425
16454
|
var Switch = forwardRef29(
|
|
16426
|
-
({
|
|
16455
|
+
({
|
|
16456
|
+
label,
|
|
16457
|
+
infoText,
|
|
16458
|
+
toggleText,
|
|
16459
|
+
children,
|
|
16460
|
+
switchSize = "base",
|
|
16461
|
+
alignment = "left",
|
|
16462
|
+
...inputProps
|
|
16463
|
+
}, ref) => {
|
|
16427
16464
|
let additionalText = infoText;
|
|
16465
|
+
const { SwitchInputContainerAlignmentStyles, SwitchInputCheckedDirection, SwitchInputLabelAlignment } = useMemo10(() => {
|
|
16466
|
+
if (alignment === "left") {
|
|
16467
|
+
return {
|
|
16468
|
+
SwitchInputContainerAlignmentStyles: SwitchInputContainerAlignmentLeft,
|
|
16469
|
+
SwitchInputCheckedDirection: SwitchInputCheckedDirectionLeft,
|
|
16470
|
+
SwitchInputLabelAlignment: SwitchInputLabelAlignmentLeft(switchSize)
|
|
16471
|
+
};
|
|
16472
|
+
}
|
|
16473
|
+
return {
|
|
16474
|
+
SwitchInputContainerAlignmentStyles: SwitchInputContainerAlignmentRight,
|
|
16475
|
+
SwitchInputCheckedDirection: SwitchInputCheckedDirectionRight,
|
|
16476
|
+
SwitchInputLabelAlignment: SwitchInputLabelAlignmentRight(switchSize)
|
|
16477
|
+
};
|
|
16478
|
+
}, [alignment, switchSize]);
|
|
16428
16479
|
if (infoText && toggleText) {
|
|
16429
16480
|
additionalText = inputProps.checked ? toggleText : infoText;
|
|
16430
16481
|
}
|
|
@@ -16432,14 +16483,36 @@ var Switch = forwardRef29(
|
|
|
16432
16483
|
/* @__PURE__ */ jsxs94(
|
|
16433
16484
|
"label",
|
|
16434
16485
|
{
|
|
16435
|
-
css: [
|
|
16486
|
+
css: [
|
|
16487
|
+
SwitchInputContainer,
|
|
16488
|
+
SwitchInputContainerAlignmentStyles,
|
|
16489
|
+
SwitchInputCheckedDirection,
|
|
16490
|
+
inputProps.disabled ? SwitchInputDisabled : void 0
|
|
16491
|
+
],
|
|
16436
16492
|
children: [
|
|
16437
|
-
/* @__PURE__ */ jsx139(
|
|
16438
|
-
|
|
16493
|
+
/* @__PURE__ */ jsx139(
|
|
16494
|
+
"input",
|
|
16495
|
+
{
|
|
16496
|
+
type: "checkbox",
|
|
16497
|
+
css: [SwitchInput(switchSize), SwitchInputCheckedDirection],
|
|
16498
|
+
...inputProps,
|
|
16499
|
+
ref
|
|
16500
|
+
}
|
|
16501
|
+
),
|
|
16502
|
+
/* @__PURE__ */ jsx139("span", { css: [SwitchInputLabel(switchSize), SwitchInputLabelAlignment], children: label })
|
|
16439
16503
|
]
|
|
16440
16504
|
}
|
|
16441
16505
|
),
|
|
16442
|
-
additionalText ? /* @__PURE__ */ jsx139(
|
|
16506
|
+
additionalText ? /* @__PURE__ */ jsx139(
|
|
16507
|
+
"p",
|
|
16508
|
+
{
|
|
16509
|
+
css: [
|
|
16510
|
+
SwitchText,
|
|
16511
|
+
alignment === "left" ? SwitchTextAlignmentLeft(switchSize) : SwitchTextAlignmentRight(switchSize)
|
|
16512
|
+
],
|
|
16513
|
+
children: additionalText
|
|
16514
|
+
}
|
|
16515
|
+
) : null,
|
|
16443
16516
|
children
|
|
16444
16517
|
] });
|
|
16445
16518
|
}
|
|
@@ -16457,7 +16530,6 @@ var table = ({ cellPadding = "var(--spacing-sm)" }) => css107`
|
|
|
16457
16530
|
th,
|
|
16458
16531
|
td {
|
|
16459
16532
|
padding: ${cellPadding};
|
|
16460
|
-
vertical-align: top;
|
|
16461
16533
|
}
|
|
16462
16534
|
|
|
16463
16535
|
thead tr {
|
|
@@ -16474,7 +16546,6 @@ var tableHead = css107`
|
|
|
16474
16546
|
`;
|
|
16475
16547
|
var tableRow = css107`
|
|
16476
16548
|
border-bottom: 1px solid var(--gray-200);
|
|
16477
|
-
vertical-align: top;
|
|
16478
16549
|
font-size: var(--fs-sm);
|
|
16479
16550
|
`;
|
|
16480
16551
|
var tableCellHead = css107`
|
|
@@ -16554,7 +16625,7 @@ import {
|
|
|
16554
16625
|
TabProvider as AriakitTabProvider,
|
|
16555
16626
|
useTabStore as useAriakitTabStore
|
|
16556
16627
|
} from "@ariakit/react";
|
|
16557
|
-
import { useCallback as useCallback13, useMemo as
|
|
16628
|
+
import { useCallback as useCallback13, useMemo as useMemo11 } from "react";
|
|
16558
16629
|
|
|
16559
16630
|
// src/components/Tabs/Tabs.styles.ts
|
|
16560
16631
|
import { css as css108 } from "@emotion/react";
|
|
@@ -16598,7 +16669,7 @@ var Tabs = ({
|
|
|
16598
16669
|
manual,
|
|
16599
16670
|
...props
|
|
16600
16671
|
}) => {
|
|
16601
|
-
const selected =
|
|
16672
|
+
const selected = useMemo11(() => {
|
|
16602
16673
|
if (selectedId) return selectedId;
|
|
16603
16674
|
return useHashForState && typeof window !== "undefined" && window.location.hash ? window.location.hash.substring(1) : void 0;
|
|
16604
16675
|
}, [selectedId, useHashForState]);
|
|
@@ -16961,6 +17032,7 @@ export {
|
|
|
16961
17032
|
fadeInTop,
|
|
16962
17033
|
fadeOutBottom,
|
|
16963
17034
|
fullWidthScreenIcon,
|
|
17035
|
+
getButtonSize,
|
|
16964
17036
|
getComboBoxSelectedSelectableGroups,
|
|
16965
17037
|
getDrawerAttributes,
|
|
16966
17038
|
getFormattedShortcut,
|
package/dist/index.d.mts
CHANGED
|
@@ -435,6 +435,7 @@ type ButtonSoftStylesProps = {
|
|
|
435
435
|
size: ButtonSizeProps$1;
|
|
436
436
|
variant?: 'soft' | undefined;
|
|
437
437
|
};
|
|
438
|
+
declare const getButtonSize: (size: ButtonSizeProps$1) => string;
|
|
438
439
|
declare const useButtonStyles: ({ size, ...props }: ButtonStylesProps) => {
|
|
439
440
|
buttonTheme: SerializedStyles;
|
|
440
441
|
btnSize: string;
|
|
@@ -1283,7 +1284,10 @@ interface ActionButtonsProps {
|
|
|
1283
1284
|
icon?: IconName;
|
|
1284
1285
|
/** adds child components to the ButtonWithMenu component */
|
|
1285
1286
|
children: React$1.ReactNode;
|
|
1286
|
-
/**
|
|
1287
|
+
/**
|
|
1288
|
+
* sets the button size
|
|
1289
|
+
* @default "base"
|
|
1290
|
+
*/
|
|
1287
1291
|
size?: ButtonSizeProps;
|
|
1288
1292
|
/** sets additional Menu component styles */
|
|
1289
1293
|
menuContainerCssClasses?: SerializedStyles;
|
|
@@ -3714,6 +3718,11 @@ type SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
|
|
|
3714
3718
|
children?: ReactNode;
|
|
3715
3719
|
/** the size of the control */
|
|
3716
3720
|
switchSize?: 'base' | 'sm';
|
|
3721
|
+
/**
|
|
3722
|
+
* sets the switch positioning
|
|
3723
|
+
* @default "left"
|
|
3724
|
+
*/
|
|
3725
|
+
alignment?: 'left' | 'right';
|
|
3717
3726
|
};
|
|
3718
3727
|
/**
|
|
3719
3728
|
* Uniform Switch Input Component
|
|
@@ -3731,6 +3740,11 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAt
|
|
|
3731
3740
|
children?: ReactNode;
|
|
3732
3741
|
/** the size of the control */
|
|
3733
3742
|
switchSize?: "base" | "sm";
|
|
3743
|
+
/**
|
|
3744
|
+
* sets the switch positioning
|
|
3745
|
+
* @default "left"
|
|
3746
|
+
*/
|
|
3747
|
+
alignment?: "left" | "right";
|
|
3734
3748
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3735
3749
|
|
|
3736
3750
|
/** @deprecated - Beta Responsive table container component */
|
|
@@ -4117,4 +4131,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
4117
4131
|
};
|
|
4118
4132
|
declare const StatusBullet: ({ status, hideText, size, message, compact, ...props }: StatusBulletProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
4119
4133
|
|
|
4120
|
-
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AsideAndSectionLayout, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonSoftThemeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, FlexiCard, FlexiCardTitle, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelLeadingIconProps, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkTile, type LinkTileWithRefProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, ResponsiveTableContainer, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, type ShortcutReference, Skeleton, type SkeletonProps, Spinner, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
|
|
4134
|
+
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AsideAndSectionLayout, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonSoftThemeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, FlexiCard, FlexiCardTitle, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelLeadingIconProps, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkTile, type LinkTileWithRefProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, ResponsiveTableContainer, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, type ShortcutReference, Skeleton, type SkeletonProps, Spinner, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getButtonSize, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
|
package/dist/index.d.ts
CHANGED
|
@@ -435,6 +435,7 @@ type ButtonSoftStylesProps = {
|
|
|
435
435
|
size: ButtonSizeProps$1;
|
|
436
436
|
variant?: 'soft' | undefined;
|
|
437
437
|
};
|
|
438
|
+
declare const getButtonSize: (size: ButtonSizeProps$1) => string;
|
|
438
439
|
declare const useButtonStyles: ({ size, ...props }: ButtonStylesProps) => {
|
|
439
440
|
buttonTheme: SerializedStyles;
|
|
440
441
|
btnSize: string;
|
|
@@ -1283,7 +1284,10 @@ interface ActionButtonsProps {
|
|
|
1283
1284
|
icon?: IconName;
|
|
1284
1285
|
/** adds child components to the ButtonWithMenu component */
|
|
1285
1286
|
children: React$1.ReactNode;
|
|
1286
|
-
/**
|
|
1287
|
+
/**
|
|
1288
|
+
* sets the button size
|
|
1289
|
+
* @default "base"
|
|
1290
|
+
*/
|
|
1287
1291
|
size?: ButtonSizeProps;
|
|
1288
1292
|
/** sets additional Menu component styles */
|
|
1289
1293
|
menuContainerCssClasses?: SerializedStyles;
|
|
@@ -3714,6 +3718,11 @@ type SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
|
|
|
3714
3718
|
children?: ReactNode;
|
|
3715
3719
|
/** the size of the control */
|
|
3716
3720
|
switchSize?: 'base' | 'sm';
|
|
3721
|
+
/**
|
|
3722
|
+
* sets the switch positioning
|
|
3723
|
+
* @default "left"
|
|
3724
|
+
*/
|
|
3725
|
+
alignment?: 'left' | 'right';
|
|
3717
3726
|
};
|
|
3718
3727
|
/**
|
|
3719
3728
|
* Uniform Switch Input Component
|
|
@@ -3731,6 +3740,11 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAt
|
|
|
3731
3740
|
children?: ReactNode;
|
|
3732
3741
|
/** the size of the control */
|
|
3733
3742
|
switchSize?: "base" | "sm";
|
|
3743
|
+
/**
|
|
3744
|
+
* sets the switch positioning
|
|
3745
|
+
* @default "left"
|
|
3746
|
+
*/
|
|
3747
|
+
alignment?: "left" | "right";
|
|
3734
3748
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3735
3749
|
|
|
3736
3750
|
/** @deprecated - Beta Responsive table container component */
|
|
@@ -4117,4 +4131,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
4117
4131
|
};
|
|
4118
4132
|
declare const StatusBullet: ({ status, hideText, size, message, compact, ...props }: StatusBulletProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
4119
4133
|
|
|
4120
|
-
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AsideAndSectionLayout, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonSoftThemeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, FlexiCard, FlexiCardTitle, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelLeadingIconProps, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkTile, type LinkTileWithRefProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, ResponsiveTableContainer, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, type ShortcutReference, Skeleton, type SkeletonProps, Spinner, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
|
|
4134
|
+
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AsideAndSectionLayout, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonSoftThemeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, FlexiCard, FlexiCardTitle, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelLeadingIconProps, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkTile, type LinkTileWithRefProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, ResponsiveTableContainer, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, type ShortcutReference, Skeleton, type SkeletonProps, Spinner, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getButtonSize, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
|
package/dist/index.js
CHANGED
|
@@ -1574,6 +1574,7 @@ __export(src_exports, {
|
|
|
1574
1574
|
fadeInTop: () => fadeInTop,
|
|
1575
1575
|
fadeOutBottom: () => fadeOutBottom,
|
|
1576
1576
|
fullWidthScreenIcon: () => fullWidthScreenIcon,
|
|
1577
|
+
getButtonSize: () => getButtonSize,
|
|
1577
1578
|
getComboBoxSelectedSelectableGroups: () => getComboBoxSelectedSelectableGroups,
|
|
1578
1579
|
getDrawerAttributes: () => getDrawerAttributes,
|
|
1579
1580
|
getFormattedShortcut: () => getFormattedShortcut,
|
|
@@ -2651,7 +2652,7 @@ var button = import_react12.css`
|
|
|
2651
2652
|
border-radius: var(--rounded-base);
|
|
2652
2653
|
cursor: pointer;
|
|
2653
2654
|
display: inline-flex;
|
|
2654
|
-
font-weight: var(--fw-
|
|
2655
|
+
font-weight: var(--fw-regular);
|
|
2655
2656
|
transition:
|
|
2656
2657
|
color var(--duration-fast) var(--timing-ease-out),
|
|
2657
2658
|
border-color var(--duration-fast) var(--timing-ease-out);
|
|
@@ -3334,15 +3335,18 @@ function Tooltip({
|
|
|
3334
3335
|
|
|
3335
3336
|
// src/components/Button/hooks/useButtonStyles.ts
|
|
3336
3337
|
init_emotion_jsx_shim();
|
|
3338
|
+
var btnSize = {
|
|
3339
|
+
zero: "padding: 0",
|
|
3340
|
+
xs: "padding: 0.375rem 0.625rem; font-size: var(--fs-xs); line-height: 1.5;",
|
|
3341
|
+
sm: "padding: var(--spacing-sm) 0.75rem; font-size: var(--fs-sm);",
|
|
3342
|
+
md: "padding: var(--spacing-sm) var(--spacing-base); font-size: var(--fs-sm);",
|
|
3343
|
+
lg: "padding: var(--spacing-sm) var(--spacing-base)",
|
|
3344
|
+
xl: "padding: 0.75rem var(--spacing-md)"
|
|
3345
|
+
};
|
|
3346
|
+
var getButtonSize = (size) => {
|
|
3347
|
+
return btnSize[size];
|
|
3348
|
+
};
|
|
3337
3349
|
var useButtonStyles = ({ size, ...props }) => {
|
|
3338
|
-
const btnSize = {
|
|
3339
|
-
zero: "padding: 0",
|
|
3340
|
-
xs: "padding: 0.375rem 0.625rem; font-size: var(--fs-xs); line-height: 1.5;",
|
|
3341
|
-
sm: "padding: var(--spacing-sm) 0.75rem; font-size: var(--fs-sm);",
|
|
3342
|
-
md: "padding: var(--spacing-sm) var(--spacing-base); font-size: var(--fs-sm);",
|
|
3343
|
-
lg: "padding: var(--spacing-sm) var(--spacing-base)",
|
|
3344
|
-
xl: "padding: 0.75rem var(--spacing-md)"
|
|
3345
|
-
};
|
|
3346
3350
|
if ("variant" in props && props.variant === "soft") {
|
|
3347
3351
|
const buttonSoftTheme = {
|
|
3348
3352
|
primary: buttonSoftPrimary,
|
|
@@ -3395,7 +3399,7 @@ var Button = React2.forwardRef(
|
|
|
3395
3399
|
disabled: disabled2,
|
|
3396
3400
|
...props
|
|
3397
3401
|
}, ref) => {
|
|
3398
|
-
const { btnSize, buttonTheme: buttonTheme2 } = useButtonStyles({
|
|
3402
|
+
const { btnSize: btnSize2, buttonTheme: buttonTheme2 } = useButtonStyles({
|
|
3399
3403
|
theme: buttonType,
|
|
3400
3404
|
size,
|
|
3401
3405
|
..."variant" in props ? { variant: props.variant } : {}
|
|
@@ -3406,7 +3410,7 @@ var Button = React2.forwardRef(
|
|
|
3406
3410
|
import_react17.Button,
|
|
3407
3411
|
{
|
|
3408
3412
|
ref,
|
|
3409
|
-
css: [button, buttonTheme2,
|
|
3413
|
+
css: [button, buttonTheme2, btnSize2],
|
|
3410
3414
|
...props,
|
|
3411
3415
|
onClick: clickHandler,
|
|
3412
3416
|
disabled: disabledValue,
|
|
@@ -5130,9 +5134,7 @@ var AddListButtonBtn = import_react25.css`
|
|
|
5130
5134
|
display: inline-flex;
|
|
5131
5135
|
gap: var(--spacing-sm);
|
|
5132
5136
|
font-size: var(--fs-base);
|
|
5133
|
-
font-weight: var(--fw-bold);
|
|
5134
5137
|
padding: 0;
|
|
5135
|
-
margin-block: var(--spacing-base);
|
|
5136
5138
|
|
|
5137
5139
|
&:disabled {
|
|
5138
5140
|
cursor: default;
|
|
@@ -5150,7 +5152,6 @@ var AddListButtonTheme = (theme) => import_react25.css`
|
|
|
5150
5152
|
var AddListButtonBtnSmall = import_react25.css`
|
|
5151
5153
|
font-size: var(--fs-xs);
|
|
5152
5154
|
font-weight: var(--fw-regular);
|
|
5153
|
-
margin-block: var(--spacing-md) 0;
|
|
5154
5155
|
`;
|
|
5155
5156
|
var AddListButtonIconMathPlus = (disabled2, theme) => import_react25.css`
|
|
5156
5157
|
box-sizing: border-box;
|
|
@@ -7354,32 +7355,16 @@ var buttonSizeBase = import_react56.css`
|
|
|
7354
7355
|
--icon-padding: var(--spacing-xs);
|
|
7355
7356
|
--svg-size: 1rem;
|
|
7356
7357
|
--line-offset: -1px;
|
|
7357
|
-
font-size: var(--fs-sm);
|
|
7358
|
-
|
|
7359
|
-
button {
|
|
7360
|
-
padding: var(--spacing-sm) var(--spacing-base);
|
|
7361
|
-
}
|
|
7362
7358
|
`;
|
|
7363
7359
|
var buttonSizeSmall = import_react56.css`
|
|
7364
7360
|
--icon-padding: var(--spacing-xs);
|
|
7365
7361
|
--svg-size: 0.85rem;
|
|
7366
7362
|
--line-offset: -1px;
|
|
7367
|
-
font-size: var(--fs-sm);
|
|
7368
|
-
|
|
7369
|
-
button {
|
|
7370
|
-
padding: var(--spacing-xs) var(--spacing-base);
|
|
7371
|
-
}
|
|
7372
7363
|
`;
|
|
7373
7364
|
var buttonSizeLarge = import_react56.css`
|
|
7374
7365
|
--icon-padding: var(--spacing-sm);
|
|
7375
7366
|
--svg-size: 1rem;
|
|
7376
7367
|
--line-offset: -1px;
|
|
7377
|
-
font-size: var(--fs-sm);
|
|
7378
|
-
|
|
7379
|
-
button {
|
|
7380
|
-
line-height: 1.5;
|
|
7381
|
-
padding: var(--spacing-sm) var(--spacing-base);
|
|
7382
|
-
}
|
|
7383
7368
|
`;
|
|
7384
7369
|
var ButtonWithMenuContainer = import_react56.css`
|
|
7385
7370
|
align-items: center;
|
|
@@ -7417,7 +7402,6 @@ function ButtonWithMenuBtn(overrideHairlineColor) {
|
|
|
7417
7402
|
align-items: center;
|
|
7418
7403
|
border: 1px solid transparent;
|
|
7419
7404
|
background: transparent;
|
|
7420
|
-
line-height: 1;
|
|
7421
7405
|
display: inline-flex;
|
|
7422
7406
|
gap: var(--spacing-xs);
|
|
7423
7407
|
|
|
@@ -7543,7 +7527,7 @@ var ButtonWithMenu = ({
|
|
|
7543
7527
|
disabled: disabled2,
|
|
7544
7528
|
children,
|
|
7545
7529
|
placement,
|
|
7546
|
-
size = "
|
|
7530
|
+
size = "base",
|
|
7547
7531
|
menuContainerCssClasses,
|
|
7548
7532
|
portal = false,
|
|
7549
7533
|
maxMenuHeight,
|
|
@@ -7553,11 +7537,12 @@ var ButtonWithMenu = ({
|
|
|
7553
7537
|
}) => {
|
|
7554
7538
|
const onButtonClickHandler = onButtonClick != null ? onButtonClick : shortcut == null ? void 0 : shortcut.handler;
|
|
7555
7539
|
const disabledValue = disabled2 != null ? disabled2 : shortcut == null ? void 0 : shortcut.disabled;
|
|
7540
|
+
const btnSize2 = getButtonSize(size === "base" ? "md" : size);
|
|
7556
7541
|
const primaryButton = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
|
|
7557
7542
|
"button",
|
|
7558
7543
|
{
|
|
7559
7544
|
type: "button",
|
|
7560
|
-
css: ButtonWithMenuBtn(disabledValue ? void 0 : menuHairlineColors[buttonType]),
|
|
7545
|
+
css: [ButtonWithMenuBtn(disabledValue ? void 0 : menuHairlineColors[buttonType]), btnSize2],
|
|
7561
7546
|
disabled: disabledValue,
|
|
7562
7547
|
onClick: onButtonClickHandler,
|
|
7563
7548
|
"data-testid": "multioptions-button-main",
|
|
@@ -14347,6 +14332,20 @@ var getLabelForElement = (type) => {
|
|
|
14347
14332
|
const element = richTextBuiltInElements.find((element2) => element2.type === type);
|
|
14348
14333
|
return (_a = element == null ? void 0 : element.label) != null ? _a : type;
|
|
14349
14334
|
};
|
|
14335
|
+
var defaultParameterConfiguration = {
|
|
14336
|
+
required: false,
|
|
14337
|
+
formatting: {
|
|
14338
|
+
builtIn: richTextBuiltInFormats.map((format) => format.type)
|
|
14339
|
+
},
|
|
14340
|
+
elements: {
|
|
14341
|
+
builtIn: richTextBuiltInElements.map((element) => element.type)
|
|
14342
|
+
},
|
|
14343
|
+
elementsConfig: {
|
|
14344
|
+
asset: {
|
|
14345
|
+
allowedTypes: ["image"]
|
|
14346
|
+
}
|
|
14347
|
+
}
|
|
14348
|
+
};
|
|
14350
14349
|
|
|
14351
14350
|
// src/components/ParameterInputs/ParameterRichText.tsx
|
|
14352
14351
|
var import_fast_equals2 = require("fast-equals");
|
|
@@ -18207,7 +18206,7 @@ init_emotion_jsx_shim();
|
|
|
18207
18206
|
var import_react172 = require("@emotion/react");
|
|
18208
18207
|
var SwitchInputContainer = import_react172.css`
|
|
18209
18208
|
cursor: pointer;
|
|
18210
|
-
display: inline-
|
|
18209
|
+
display: inline-flex;
|
|
18211
18210
|
position: relative;
|
|
18212
18211
|
margin-right: var(--spacing-sm);
|
|
18213
18212
|
transition: var(--duration-fast) var(--timing-ease-out);
|
|
@@ -18242,7 +18241,6 @@ var SwitchInput = (size) => import_react172.css`
|
|
|
18242
18241
|
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M10.5858 13.4142L7.75735 10.5858L6.34314 12L10.5858 16.2427L17.6568 9.1716L16.2426 7.75739L10.5858 13.4142Z' fill='%23fff' /%3E%3C/svg%3E");
|
|
18243
18242
|
background-position: center center;
|
|
18244
18243
|
border-color: var(--brand-secondary-3);
|
|
18245
|
-
transform: translateX(var(--spacing-base));
|
|
18246
18244
|
|
|
18247
18245
|
&:hover,
|
|
18248
18246
|
&:focus {
|
|
@@ -18255,6 +18253,17 @@ var SwitchInput = (size) => import_react172.css`
|
|
|
18255
18253
|
cursor: not-allowed;
|
|
18256
18254
|
}
|
|
18257
18255
|
`;
|
|
18256
|
+
var SwitchInputCheckedDirectionLeft = import_react172.css`
|
|
18257
|
+
&:checked {
|
|
18258
|
+
transform: translateX(var(--spacing-base));
|
|
18259
|
+
}
|
|
18260
|
+
`;
|
|
18261
|
+
var SwitchInputCheckedDirectionRight = import_react172.css`
|
|
18262
|
+
transform: translateX(-var(--spacing-base));
|
|
18263
|
+
&:checked {
|
|
18264
|
+
transform: translateX(0);
|
|
18265
|
+
}
|
|
18266
|
+
`;
|
|
18258
18267
|
var SwitchInputDisabled = import_react172.css`
|
|
18259
18268
|
opacity: var(--opacity-50);
|
|
18260
18269
|
cursor: not-allowed;
|
|
@@ -18263,12 +18272,23 @@ var SwitchInputDisabled = import_react172.css`
|
|
|
18263
18272
|
cursor: not-allowed;
|
|
18264
18273
|
}
|
|
18265
18274
|
`;
|
|
18275
|
+
var SwitchInputLabelAlignmentLeft = (size) => import_react172.css`
|
|
18276
|
+
padding-inline-start: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"};
|
|
18277
|
+
&:before {
|
|
18278
|
+
left: 0;
|
|
18279
|
+
}
|
|
18280
|
+
`;
|
|
18281
|
+
var SwitchInputLabelAlignmentRight = (size) => import_react172.css`
|
|
18282
|
+
padding-inline-end: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"};
|
|
18283
|
+
&:before {
|
|
18284
|
+
right: 0;
|
|
18285
|
+
}
|
|
18286
|
+
`;
|
|
18266
18287
|
var SwitchInputLabel = (size) => import_react172.css`
|
|
18267
18288
|
align-items: center;
|
|
18268
18289
|
color: var(--typography-base);
|
|
18269
18290
|
display: inline-flex;
|
|
18270
18291
|
line-height: 1.25;
|
|
18271
|
-
padding-inline: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"} 0;
|
|
18272
18292
|
|
|
18273
18293
|
&:before {
|
|
18274
18294
|
border-radius: var(--rounded-full);
|
|
@@ -18281,21 +18301,53 @@ var SwitchInputLabel = (size) => import_react172.css`
|
|
|
18281
18301
|
height: ${size === "sm" ? "var(--spacing-base)" : "var(--spacing-md)"};
|
|
18282
18302
|
margin-top: ${size === "sm" ? "var(--spacing-2xs)" : "none"};
|
|
18283
18303
|
position: absolute;
|
|
18284
|
-
left: 0;
|
|
18285
18304
|
top: 0;
|
|
18286
18305
|
}
|
|
18287
18306
|
`;
|
|
18288
|
-
var
|
|
18307
|
+
var SwitchTextAlignmentLeft = (size) => import_react172.css`
|
|
18308
|
+
padding-inline-start: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"};
|
|
18309
|
+
`;
|
|
18310
|
+
var SwitchTextAlignmentRight = (size) => import_react172.css`
|
|
18311
|
+
padding-inline-end: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"};
|
|
18312
|
+
`;
|
|
18313
|
+
var SwitchText = import_react172.css`
|
|
18289
18314
|
color: var(--gray-500);
|
|
18290
18315
|
font-size: var(--fs-sm);
|
|
18291
|
-
|
|
18316
|
+
`;
|
|
18317
|
+
var SwitchInputContainerAlignmentLeft = import_react172.css`
|
|
18318
|
+
flex-direction: row;
|
|
18319
|
+
`;
|
|
18320
|
+
var SwitchInputContainerAlignmentRight = import_react172.css`
|
|
18321
|
+
flex-direction: row-reverse;
|
|
18292
18322
|
`;
|
|
18293
18323
|
|
|
18294
18324
|
// src/components/Switch/Switch.tsx
|
|
18295
18325
|
var import_jsx_runtime139 = require("@emotion/react/jsx-runtime");
|
|
18296
18326
|
var Switch = (0, import_react173.forwardRef)(
|
|
18297
|
-
({
|
|
18327
|
+
({
|
|
18328
|
+
label,
|
|
18329
|
+
infoText,
|
|
18330
|
+
toggleText,
|
|
18331
|
+
children,
|
|
18332
|
+
switchSize = "base",
|
|
18333
|
+
alignment = "left",
|
|
18334
|
+
...inputProps
|
|
18335
|
+
}, ref) => {
|
|
18298
18336
|
let additionalText = infoText;
|
|
18337
|
+
const { SwitchInputContainerAlignmentStyles, SwitchInputCheckedDirection, SwitchInputLabelAlignment } = (0, import_react173.useMemo)(() => {
|
|
18338
|
+
if (alignment === "left") {
|
|
18339
|
+
return {
|
|
18340
|
+
SwitchInputContainerAlignmentStyles: SwitchInputContainerAlignmentLeft,
|
|
18341
|
+
SwitchInputCheckedDirection: SwitchInputCheckedDirectionLeft,
|
|
18342
|
+
SwitchInputLabelAlignment: SwitchInputLabelAlignmentLeft(switchSize)
|
|
18343
|
+
};
|
|
18344
|
+
}
|
|
18345
|
+
return {
|
|
18346
|
+
SwitchInputContainerAlignmentStyles: SwitchInputContainerAlignmentRight,
|
|
18347
|
+
SwitchInputCheckedDirection: SwitchInputCheckedDirectionRight,
|
|
18348
|
+
SwitchInputLabelAlignment: SwitchInputLabelAlignmentRight(switchSize)
|
|
18349
|
+
};
|
|
18350
|
+
}, [alignment, switchSize]);
|
|
18299
18351
|
if (infoText && toggleText) {
|
|
18300
18352
|
additionalText = inputProps.checked ? toggleText : infoText;
|
|
18301
18353
|
}
|
|
@@ -18303,14 +18355,36 @@ var Switch = (0, import_react173.forwardRef)(
|
|
|
18303
18355
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
|
|
18304
18356
|
"label",
|
|
18305
18357
|
{
|
|
18306
|
-
css: [
|
|
18358
|
+
css: [
|
|
18359
|
+
SwitchInputContainer,
|
|
18360
|
+
SwitchInputContainerAlignmentStyles,
|
|
18361
|
+
SwitchInputCheckedDirection,
|
|
18362
|
+
inputProps.disabled ? SwitchInputDisabled : void 0
|
|
18363
|
+
],
|
|
18307
18364
|
children: [
|
|
18308
|
-
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
18309
|
-
|
|
18365
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
18366
|
+
"input",
|
|
18367
|
+
{
|
|
18368
|
+
type: "checkbox",
|
|
18369
|
+
css: [SwitchInput(switchSize), SwitchInputCheckedDirection],
|
|
18370
|
+
...inputProps,
|
|
18371
|
+
ref
|
|
18372
|
+
}
|
|
18373
|
+
),
|
|
18374
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { css: [SwitchInputLabel(switchSize), SwitchInputLabelAlignment], children: label })
|
|
18310
18375
|
]
|
|
18311
18376
|
}
|
|
18312
18377
|
),
|
|
18313
|
-
additionalText ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
18378
|
+
additionalText ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
18379
|
+
"p",
|
|
18380
|
+
{
|
|
18381
|
+
css: [
|
|
18382
|
+
SwitchText,
|
|
18383
|
+
alignment === "left" ? SwitchTextAlignmentLeft(switchSize) : SwitchTextAlignmentRight(switchSize)
|
|
18384
|
+
],
|
|
18385
|
+
children: additionalText
|
|
18386
|
+
}
|
|
18387
|
+
) : null,
|
|
18314
18388
|
children
|
|
18315
18389
|
] });
|
|
18316
18390
|
}
|
|
@@ -18332,7 +18406,6 @@ var table = ({ cellPadding = "var(--spacing-sm)" }) => import_react174.css`
|
|
|
18332
18406
|
th,
|
|
18333
18407
|
td {
|
|
18334
18408
|
padding: ${cellPadding};
|
|
18335
|
-
vertical-align: top;
|
|
18336
18409
|
}
|
|
18337
18410
|
|
|
18338
18411
|
thead tr {
|
|
@@ -18349,7 +18422,6 @@ var tableHead = import_react174.css`
|
|
|
18349
18422
|
`;
|
|
18350
18423
|
var tableRow = import_react174.css`
|
|
18351
18424
|
border-bottom: 1px solid var(--gray-200);
|
|
18352
|
-
vertical-align: top;
|
|
18353
18425
|
font-size: var(--fs-sm);
|
|
18354
18426
|
`;
|
|
18355
18427
|
var tableCellHead = import_react174.css`
|
|
@@ -18838,6 +18910,7 @@ var StatusBullet = ({
|
|
|
18838
18910
|
fadeInTop,
|
|
18839
18911
|
fadeOutBottom,
|
|
18840
18912
|
fullWidthScreenIcon,
|
|
18913
|
+
getButtonSize,
|
|
18841
18914
|
getComboBoxSelectedSelectableGroups,
|
|
18842
18915
|
getDrawerAttributes,
|
|
18843
18916
|
getFormattedShortcut,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/design-system",
|
|
3
|
-
"version": "20.26.
|
|
3
|
+
"version": "20.26.1",
|
|
4
4
|
"description": "Uniform design system components",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"exports": {
|
|
@@ -38,8 +38,8 @@
|
|
|
38
38
|
"@storybook/theming": "^8.3.3",
|
|
39
39
|
"@types/react": "18.3.11",
|
|
40
40
|
"@types/react-dom": "18.3.1",
|
|
41
|
-
"@uniformdev/canvas": "^20.26.
|
|
42
|
-
"@uniformdev/richtext": "^20.26.
|
|
41
|
+
"@uniformdev/canvas": "^20.26.1",
|
|
42
|
+
"@uniformdev/richtext": "^20.26.1",
|
|
43
43
|
"@vitest/coverage-v8": "^3.1.2",
|
|
44
44
|
"autoprefixer": "10.4.21",
|
|
45
45
|
"hygen": "6.2.11",
|
|
@@ -91,5 +91,5 @@
|
|
|
91
91
|
"publishConfig": {
|
|
92
92
|
"access": "public"
|
|
93
93
|
},
|
|
94
|
-
"gitHead": "
|
|
94
|
+
"gitHead": "c4bd481585fa23aa034abf0a0b002bce25a36fd6"
|
|
95
95
|
}
|