@uniformdev/design-system 20.26.1-alpha.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 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-medium);
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, btnSize],
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 = "lg",
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-block;
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 SwitchText = (size) => css106`
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
- padding-inline: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"} 0;
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
- ({ label, infoText, toggleText, children, switchSize = "base", ...inputProps }, ref) => {
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: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0],
16486
+ css: [
16487
+ SwitchInputContainer,
16488
+ SwitchInputContainerAlignmentStyles,
16489
+ SwitchInputCheckedDirection,
16490
+ inputProps.disabled ? SwitchInputDisabled : void 0
16491
+ ],
16436
16492
  children: [
16437
- /* @__PURE__ */ jsx139("input", { type: "checkbox", css: SwitchInput(switchSize), ...inputProps, ref }),
16438
- /* @__PURE__ */ jsx139("span", { css: SwitchInputLabel(switchSize), children: label })
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("p", { css: SwitchText(switchSize), children: additionalText }) : null,
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 useMemo10 } from "react";
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 = useMemo10(() => {
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
- /** sets the button size */
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
- /** sets the button size */
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-medium);
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, btnSize],
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 = "lg",
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-block;
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 SwitchText = (size) => import_react172.css`
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
- padding-inline: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"} 0;
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
- ({ label, infoText, toggleText, children, switchSize = "base", ...inputProps }, ref) => {
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: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0],
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)("input", { type: "checkbox", css: SwitchInput(switchSize), ...inputProps, ref }),
18309
- /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { css: SwitchInputLabel(switchSize), children: label })
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)("p", { css: SwitchText(switchSize), children: additionalText }) : null,
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.1-alpha.0+ff834f63d0",
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.1-alpha.0+ff834f63d0",
42
- "@uniformdev/richtext": "^20.26.1-alpha.0+ff834f63d0",
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": "ff834f63d07f7f709e42f69705b93ae20f6b7ddf"
94
+ "gitHead": "c4bd481585fa23aa034abf0a0b002bce25a36fd6"
95
95
  }