@uniformdev/design-system 20.66.2 → 20.66.3-alpha.14
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 +86 -38
- package/dist/index.d.mts +40 -3
- package/dist/index.d.ts +40 -3
- package/dist/index.js +88 -37
- package/package.json +5 -5
package/dist/esm/index.js
CHANGED
|
@@ -204,7 +204,10 @@ var Theme = ({ disableReset = false, disableGlobalReset = false }) => {
|
|
|
204
204
|
--z-20: 20;
|
|
205
205
|
--z-drawer: 50;
|
|
206
206
|
--z-50: 50;
|
|
207
|
-
--z-
|
|
207
|
+
--z-menu: 80;
|
|
208
|
+
/* tooltip sits above the side chat so it is never clipped */
|
|
209
|
+
--z-tooltip: 100;
|
|
210
|
+
--z-side-chat: 100;
|
|
208
211
|
|
|
209
212
|
/* opacity */
|
|
210
213
|
--opacity-0: 0;
|
|
@@ -892,6 +895,62 @@ var BetaDecorator = (Story) => /* @__PURE__ */ jsxs5(VerticalRhythm, { children:
|
|
|
892
895
|
/* @__PURE__ */ jsx10(Story, {})
|
|
893
896
|
] });
|
|
894
897
|
|
|
898
|
+
// src/components/utils/nativeButton.ts
|
|
899
|
+
import * as React2 from "react";
|
|
900
|
+
|
|
901
|
+
// src/components/utils/suppressBaseUiNativeButtonWarning.ts
|
|
902
|
+
var NATIVE_BUTTON_WARNING_MARKER = "acts as a button expected";
|
|
903
|
+
var INSTALLED_FLAG = Symbol.for("uniform.designSystem.baseUiNativeButtonWarningFilterInstalled");
|
|
904
|
+
function installBaseUiNativeButtonWarningFilter() {
|
|
905
|
+
if (process.env.NODE_ENV === "production") {
|
|
906
|
+
return;
|
|
907
|
+
}
|
|
908
|
+
const globalScope = globalThis;
|
|
909
|
+
if (globalScope[INSTALLED_FLAG]) {
|
|
910
|
+
return;
|
|
911
|
+
}
|
|
912
|
+
globalScope[INSTALLED_FLAG] = true;
|
|
913
|
+
const originalConsoleError = console.error;
|
|
914
|
+
console.error = function filteredConsoleError(...args) {
|
|
915
|
+
if (typeof args[0] === "string" && args[0].includes(NATIVE_BUTTON_WARNING_MARKER)) {
|
|
916
|
+
return;
|
|
917
|
+
}
|
|
918
|
+
originalConsoleError.apply(console, args);
|
|
919
|
+
};
|
|
920
|
+
}
|
|
921
|
+
|
|
922
|
+
// src/components/utils/nativeButton.ts
|
|
923
|
+
installBaseUiNativeButtonWarningFilter();
|
|
924
|
+
function markNativeButton(component) {
|
|
925
|
+
component.renderNativeButton = true;
|
|
926
|
+
return component;
|
|
927
|
+
}
|
|
928
|
+
function isNativeButtonTrigger(element) {
|
|
929
|
+
if (!React2.isValidElement(element)) {
|
|
930
|
+
return false;
|
|
931
|
+
}
|
|
932
|
+
if (element.type === "button") {
|
|
933
|
+
return true;
|
|
934
|
+
}
|
|
935
|
+
if (typeof element.type !== "string") {
|
|
936
|
+
if (element.type.renderNativeButton) {
|
|
937
|
+
return true;
|
|
938
|
+
}
|
|
939
|
+
const props = element.props;
|
|
940
|
+
if ((props == null ? void 0 : props.type) === "button") {
|
|
941
|
+
return true;
|
|
942
|
+
}
|
|
943
|
+
const emotionType = props == null ? void 0 : props.__EMOTION_TYPE_PLEASE_DO_NOT_USE__;
|
|
944
|
+
if (emotionType === "button") {
|
|
945
|
+
return true;
|
|
946
|
+
}
|
|
947
|
+
if (emotionType && typeof emotionType !== "string" && emotionType.renderNativeButton) {
|
|
948
|
+
return true;
|
|
949
|
+
}
|
|
950
|
+
}
|
|
951
|
+
return false;
|
|
952
|
+
}
|
|
953
|
+
|
|
895
954
|
// src/utils/debounce.ts
|
|
896
955
|
var debounce = (fn, ms = 300) => {
|
|
897
956
|
let timeoutId;
|
|
@@ -1236,7 +1295,7 @@ import { GenIcon } from "@react-icons/all-files";
|
|
|
1236
1295
|
import { MdSettings } from "@react-icons/all-files/md/MdSettings";
|
|
1237
1296
|
|
|
1238
1297
|
// src/components/Icons/Icon.tsx
|
|
1239
|
-
import
|
|
1298
|
+
import React3 from "react";
|
|
1240
1299
|
|
|
1241
1300
|
// src/components/Icons/Icon.styles.ts
|
|
1242
1301
|
import { css as css11 } from "@emotion/react";
|
|
@@ -1349,7 +1408,7 @@ var IconInner = ({ icon, iconColor = "default", size = "1.5rem", ...otherProps }
|
|
|
1349
1408
|
}
|
|
1350
1409
|
);
|
|
1351
1410
|
};
|
|
1352
|
-
var Icon =
|
|
1411
|
+
var Icon = React3.memo(IconInner);
|
|
1353
1412
|
|
|
1354
1413
|
// src/components/Icons/customIcons.tsx
|
|
1355
1414
|
import { jsx as jsx13 } from "@emotion/react/jsx-runtime";
|
|
@@ -3194,31 +3253,6 @@ function Tooltip({
|
|
|
3194
3253
|
] });
|
|
3195
3254
|
}
|
|
3196
3255
|
|
|
3197
|
-
// src/components/utils/nativeButton.ts
|
|
3198
|
-
import * as React4 from "react";
|
|
3199
|
-
function markNativeButton(component) {
|
|
3200
|
-
component.renderNativeButton = true;
|
|
3201
|
-
return component;
|
|
3202
|
-
}
|
|
3203
|
-
function isNativeButtonTrigger(element) {
|
|
3204
|
-
var _a;
|
|
3205
|
-
if (!React4.isValidElement(element)) {
|
|
3206
|
-
return false;
|
|
3207
|
-
}
|
|
3208
|
-
if (element.type === "button") {
|
|
3209
|
-
return true;
|
|
3210
|
-
}
|
|
3211
|
-
if (typeof element.type !== "string") {
|
|
3212
|
-
if (element.type.renderNativeButton) {
|
|
3213
|
-
return true;
|
|
3214
|
-
}
|
|
3215
|
-
if (((_a = element.props) == null ? void 0 : _a.type) === "button") {
|
|
3216
|
-
return true;
|
|
3217
|
-
}
|
|
3218
|
-
}
|
|
3219
|
-
return false;
|
|
3220
|
-
}
|
|
3221
|
-
|
|
3222
3256
|
// src/components/Button/hooks/useButtonStyles.ts
|
|
3223
3257
|
var btnSize = {
|
|
3224
3258
|
zero: "padding: 0; font-size: var(--fs-sm);",
|
|
@@ -5161,7 +5195,7 @@ var Menu = React8.forwardRef(function Menu2({
|
|
|
5161
5195
|
alignOffset: shift != null ? shift : isNested ? -4 : 0,
|
|
5162
5196
|
anchor,
|
|
5163
5197
|
disableAnchorTracking: !!updatePosition,
|
|
5164
|
-
style: { zIndex: "var(--z-
|
|
5198
|
+
style: { zIndex: "var(--z-menu)" },
|
|
5165
5199
|
children: /* @__PURE__ */ jsx28(
|
|
5166
5200
|
BaseUIMenu.Popup,
|
|
5167
5201
|
{
|
|
@@ -5182,7 +5216,15 @@ var Menu = React8.forwardRef(function Menu2({
|
|
|
5182
5216
|
);
|
|
5183
5217
|
if (isNested) {
|
|
5184
5218
|
return /* @__PURE__ */ jsxs17(BaseUIMenu.SubmenuRoot, { open: controlledOpen, onOpenChange: handleOpenChange, disabled: disabled2, children: [
|
|
5185
|
-
/* @__PURE__ */ jsx28(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ jsx28(
|
|
5219
|
+
/* @__PURE__ */ jsx28(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ jsx28(
|
|
5220
|
+
BaseUIMenu.SubmenuTrigger,
|
|
5221
|
+
{
|
|
5222
|
+
render: submenuTriggerElement,
|
|
5223
|
+
disabled: disabled2,
|
|
5224
|
+
closeDelay: 100,
|
|
5225
|
+
nativeButton: isNativeButtonTrigger(submenuTriggerElement)
|
|
5226
|
+
}
|
|
5227
|
+
) }),
|
|
5186
5228
|
/* @__PURE__ */ jsx28(BaseUIMenu.Portal, { container: portalContainer, children: menuContent })
|
|
5187
5229
|
] });
|
|
5188
5230
|
}
|
|
@@ -5258,6 +5300,7 @@ var MenuItem = React9.forwardRef(
|
|
|
5258
5300
|
css: [menuItem(textColor2, active2), typeof className === "object" ? className : void 0],
|
|
5259
5301
|
className: typeof className === "string" ? className : void 0,
|
|
5260
5302
|
render,
|
|
5303
|
+
nativeButton: isNativeButtonTrigger(render),
|
|
5261
5304
|
...props,
|
|
5262
5305
|
onClick: onClickHandler,
|
|
5263
5306
|
disabled: disabledValue,
|
|
@@ -8392,7 +8435,7 @@ var PopoverBtn = css53`
|
|
|
8392
8435
|
background: none;
|
|
8393
8436
|
`;
|
|
8394
8437
|
var Popover = css53`
|
|
8395
|
-
z-index: var(--z-
|
|
8438
|
+
z-index: var(--z-menu);
|
|
8396
8439
|
|
|
8397
8440
|
/**
|
|
8398
8441
|
* Hide the popover when its anchor (trigger) has been scrolled out of view by a
|
|
@@ -8839,6 +8882,7 @@ var DateTimePicker = ({
|
|
|
8839
8882
|
render: /* @__PURE__ */ jsx66(Button, { buttonType: "ghostUnimportant" }),
|
|
8840
8883
|
disabled: disabled2,
|
|
8841
8884
|
"data-testid": `${testId}-trigger`,
|
|
8885
|
+
nativeButton: true,
|
|
8842
8886
|
children: /* @__PURE__ */ jsx66(DateTimePickerSummary, { value, placeholder })
|
|
8843
8887
|
}
|
|
8844
8888
|
),
|
|
@@ -9732,10 +9776,12 @@ var variants = {
|
|
|
9732
9776
|
|
|
9733
9777
|
// src/components/IconButton/IconButton.tsx
|
|
9734
9778
|
import { jsx as jsx77 } from "@emotion/react/jsx-runtime";
|
|
9735
|
-
var IconButton =
|
|
9736
|
-
(
|
|
9737
|
-
|
|
9738
|
-
|
|
9779
|
+
var IconButton = markNativeButton(
|
|
9780
|
+
forwardRef19(
|
|
9781
|
+
({ children, size = "md", variant = "square", ...props }, ref) => {
|
|
9782
|
+
return /* @__PURE__ */ jsx77(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
|
|
9783
|
+
}
|
|
9784
|
+
)
|
|
9739
9785
|
);
|
|
9740
9786
|
IconButton.displayName = "IconButton";
|
|
9741
9787
|
|
|
@@ -13354,8 +13400,8 @@ var ObjectListItemRightSlot = css89`
|
|
|
13354
13400
|
gap: var(--spacing-sm);
|
|
13355
13401
|
`;
|
|
13356
13402
|
var ObjectListItemContainer = css89`
|
|
13357
|
-
> [role='listitem']:not(:
|
|
13358
|
-
border-
|
|
13403
|
+
> [role='listitem']:not(:last-child) {
|
|
13404
|
+
border-bottom: 1px solid var(--gray-200);
|
|
13359
13405
|
}
|
|
13360
13406
|
`;
|
|
13361
13407
|
var ObjectListItemCover = css89`
|
|
@@ -17954,7 +18000,7 @@ var toolbarGroup = css106`
|
|
|
17954
18000
|
gap: var(--spacing-xs);
|
|
17955
18001
|
position: relative;
|
|
17956
18002
|
|
|
17957
|
-
&:not(:first-
|
|
18003
|
+
&:not(:first-of-type)::before {
|
|
17958
18004
|
background-color: var(--gray-300);
|
|
17959
18005
|
content: '';
|
|
17960
18006
|
display: block;
|
|
@@ -20909,10 +20955,12 @@ export {
|
|
|
20909
20955
|
input,
|
|
20910
20956
|
inputError,
|
|
20911
20957
|
inputSelect,
|
|
20958
|
+
isNativeButtonTrigger,
|
|
20912
20959
|
isSecureURL,
|
|
20913
20960
|
isValidUrl,
|
|
20914
20961
|
jsonIcon,
|
|
20915
20962
|
labelText,
|
|
20963
|
+
markNativeButton,
|
|
20916
20964
|
mq,
|
|
20917
20965
|
numberInput,
|
|
20918
20966
|
popTopLayerDialog,
|
package/dist/index.d.mts
CHANGED
|
@@ -40,6 +40,42 @@ declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emot
|
|
|
40
40
|
|
|
41
41
|
declare const BetaDecorator: Decorator;
|
|
42
42
|
|
|
43
|
+
/**
|
|
44
|
+
* Static marker used by {@link isNativeButtonTrigger} to detect design-system
|
|
45
|
+
* components whose root DOM node is a real `<button>`. Base UI's Menu/Tooltip
|
|
46
|
+
* triggers warn when `nativeButton={false}` is passed but the rendered element
|
|
47
|
+
* is still a `<button>`; setting this marker on the wrapper component allows
|
|
48
|
+
* those triggers to opt back into the native-button code path safely.
|
|
49
|
+
*
|
|
50
|
+
* Set this marker via {@link markNativeButton} on any forwardRef/component
|
|
51
|
+
* whose root DOM node is `<button>`. Consumers writing custom triggers can do
|
|
52
|
+
* the same.
|
|
53
|
+
*
|
|
54
|
+
* @example
|
|
55
|
+
* export const MyButton = markNativeButton(forwardRef<HTMLButtonElement, Props>(...));
|
|
56
|
+
*/
|
|
57
|
+
declare function markNativeButton<T extends object>(component: T): T;
|
|
58
|
+
/**
|
|
59
|
+
* Determines if the given trigger element will render a real `<button>` element
|
|
60
|
+
* to the DOM, so that Base UI's `nativeButton` prop can be set correctly.
|
|
61
|
+
*
|
|
62
|
+
* Detection strategy (any one of):
|
|
63
|
+
* 1. Plain `<button>` JSX (`element.type === 'button'`).
|
|
64
|
+
* 2. A component carrying the `renderNativeButton` static marker applied via
|
|
65
|
+
* {@link markNativeButton}.
|
|
66
|
+
* 3. An Emotion-wrapped element — Emotion's `css` prop replaces `element.type`
|
|
67
|
+
* with an internal wrapper component and stashes the original type/component
|
|
68
|
+
* in the `__EMOTION_TYPE_PLEASE_DO_NOT_USE__` prop. We re-check that stashed
|
|
69
|
+
* type so a marked component (e.g. `<MenuThreeDots css={...} />`) or a
|
|
70
|
+
* `<button css={...} />` is still detected. We also fall back to checking
|
|
71
|
+
* `element.props.type === 'button'` for the original `type="button"`
|
|
72
|
+
* attribute Emotion preserves.
|
|
73
|
+
*
|
|
74
|
+
* Anything else (including non-element children, plain `<div>`s, an `<Icon>`,
|
|
75
|
+
* etc.) falls back to `false` so Base UI's keyboard polyfill keeps firing.
|
|
76
|
+
*/
|
|
77
|
+
declare function isNativeButtonTrigger(element: React$1.ReactNode): boolean;
|
|
78
|
+
|
|
43
79
|
/** Breakpoint label values */
|
|
44
80
|
type BreakpointSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
45
81
|
type BreakpointsMap = Record<BreakpointSize, number>;
|
|
@@ -3558,8 +3594,9 @@ declare const ModalDialog: React$1.ForwardRefExoticComponent<Omit<ModalDialogPro
|
|
|
3558
3594
|
|
|
3559
3595
|
/**
|
|
3560
3596
|
* Context for passing a portal container element to child popover/menu components
|
|
3561
|
-
* rendered inside a Modal
|
|
3562
|
-
* instead of document.body, preventing
|
|
3597
|
+
* rendered inside a Modal or the docked/fullscreen Scout side chat panel. Ensures
|
|
3598
|
+
* floating elements render into that element instead of document.body, preventing
|
|
3599
|
+
* clipping by overflow and incorrect stacking (e.g. menus behind --z-side-chat).
|
|
3563
3600
|
*/
|
|
3564
3601
|
declare const ModalPortalContext: React$1.Context<HTMLElement | null>;
|
|
3565
3602
|
declare function useModalPortalContainer(): HTMLElement | null;
|
|
@@ -5643,4 +5680,4 @@ declare const StatusBullet: ({ status, hideText, size, message, compact, ...prop
|
|
|
5643
5680
|
|
|
5644
5681
|
declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
|
|
5645
5682
|
|
|
5646
|
-
export { AVATAR_SIZE_2XL, AVATAR_SIZE_2XS, AVATAR_SIZE_3XL, AVATAR_SIZE_LG, AVATAR_SIZE_MD, AVATAR_SIZE_SM, AVATAR_SIZE_XL, AVATAR_SIZE_XS, 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, type ButtonSoftThemeProps, type ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarCellCss, type CalendarProps, type CalendarStyles, 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, FilterChip, FlexiCard, FlexiCardTitle, type GroupedOption, 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 LabelOption, type LabelProps, LabelsQuickFilter, type LabelsQuickFilterItem, type LabelsQuickFilterProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, LinkButton, type LinkButtonProps, 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, MenuSelect, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, ModalPortalContext, 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, ObjectListSubText, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterActionButton, type ParameterActionButtonProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLabels, ParameterLabelsInner, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterNumberSlider, ParameterNumberSliderInner, type ParameterNumberSliderProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterSelectSlider, ParameterSelectSliderInner, type ParameterSelectSliderProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, PopoverBody, type PopoverBodyProps, type PopoverProps, type PopoverStore, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, QuickFilter, type QuickFilterSelectedItem, 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, Slider, SliderLabels, type SliderLabelsProps, type SliderOption, type SliderProps, Spinner, StackedModal, StackedModalHeader, type StackedModalProps, StackedModalStep, type StackedModalStepProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, type StepTransitionState, SuccessMessage, type SuccessMessageProps, Swatch, SwatchComboBox, SwatchComboBoxLabelStyles, SwatchLabel, type SwatchLabelProps, SwatchLabelRemoveButton, SwatchLabelTooltip, type SwatchProps, type SwatchSize, type SwatchVariant, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonGroupProps, 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, type TickMark, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, type ToastData, type ToastId, type ToastOptions, type ToastPromiseOptions, type ToastUpdate, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, actionBarVisibilityStyles, addPathSegmentToPathname, avatarImageStyles, avatarSize2xlStyles, avatarSize2xsStyles, avatarSize3xlStyles, avatarSizeLgStyles, avatarSizeMdStyles, avatarSizeSmStyles, avatarSizeXlStyles, avatarSizeXsStyles, avatarStyles, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonDisabled, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, chatIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getButtonSize, getButtonStyles, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, popTopLayerDialog, prefersReducedMotion, pushTopLayerDialog, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, subscribeTopLayerDialog, supports, swatchColors, swatchVariant, textInput, toast, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useImageLoadFallback, useIsSubmenuTriggerMode, useModalPortalContainer, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, useStackedModal, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
|
|
5683
|
+
export { AVATAR_SIZE_2XL, AVATAR_SIZE_2XS, AVATAR_SIZE_3XL, AVATAR_SIZE_LG, AVATAR_SIZE_MD, AVATAR_SIZE_SM, AVATAR_SIZE_XL, AVATAR_SIZE_XS, 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, type ButtonSoftThemeProps, type ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarCellCss, type CalendarProps, type CalendarStyles, 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, FilterChip, FlexiCard, FlexiCardTitle, type GroupedOption, 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 LabelOption, type LabelProps, LabelsQuickFilter, type LabelsQuickFilterItem, type LabelsQuickFilterProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, LinkButton, type LinkButtonProps, 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, MenuSelect, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, ModalPortalContext, 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, ObjectListSubText, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterActionButton, type ParameterActionButtonProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLabels, ParameterLabelsInner, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterNumberSlider, ParameterNumberSliderInner, type ParameterNumberSliderProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterSelectSlider, ParameterSelectSliderInner, type ParameterSelectSliderProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, PopoverBody, type PopoverBodyProps, type PopoverProps, type PopoverStore, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, QuickFilter, type QuickFilterSelectedItem, 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, Slider, SliderLabels, type SliderLabelsProps, type SliderOption, type SliderProps, Spinner, StackedModal, StackedModalHeader, type StackedModalProps, StackedModalStep, type StackedModalStepProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, type StepTransitionState, SuccessMessage, type SuccessMessageProps, Swatch, SwatchComboBox, SwatchComboBoxLabelStyles, SwatchLabel, type SwatchLabelProps, SwatchLabelRemoveButton, SwatchLabelTooltip, type SwatchProps, type SwatchSize, type SwatchVariant, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonGroupProps, 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, type TickMark, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, type ToastData, type ToastId, type ToastOptions, type ToastPromiseOptions, type ToastUpdate, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, actionBarVisibilityStyles, addPathSegmentToPathname, avatarImageStyles, avatarSize2xlStyles, avatarSize2xsStyles, avatarSize3xlStyles, avatarSizeLgStyles, avatarSizeMdStyles, avatarSizeSmStyles, avatarSizeXlStyles, avatarSizeXsStyles, avatarStyles, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonDisabled, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, chatIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getButtonSize, getButtonStyles, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isNativeButtonTrigger, isSecureURL, isValidUrl, jsonIcon, labelText, markNativeButton, mq, numberInput, popTopLayerDialog, prefersReducedMotion, pushTopLayerDialog, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, subscribeTopLayerDialog, supports, swatchColors, swatchVariant, textInput, toast, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useImageLoadFallback, useIsSubmenuTriggerMode, useModalPortalContainer, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, useStackedModal, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
|
package/dist/index.d.ts
CHANGED
|
@@ -40,6 +40,42 @@ declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emot
|
|
|
40
40
|
|
|
41
41
|
declare const BetaDecorator: Decorator;
|
|
42
42
|
|
|
43
|
+
/**
|
|
44
|
+
* Static marker used by {@link isNativeButtonTrigger} to detect design-system
|
|
45
|
+
* components whose root DOM node is a real `<button>`. Base UI's Menu/Tooltip
|
|
46
|
+
* triggers warn when `nativeButton={false}` is passed but the rendered element
|
|
47
|
+
* is still a `<button>`; setting this marker on the wrapper component allows
|
|
48
|
+
* those triggers to opt back into the native-button code path safely.
|
|
49
|
+
*
|
|
50
|
+
* Set this marker via {@link markNativeButton} on any forwardRef/component
|
|
51
|
+
* whose root DOM node is `<button>`. Consumers writing custom triggers can do
|
|
52
|
+
* the same.
|
|
53
|
+
*
|
|
54
|
+
* @example
|
|
55
|
+
* export const MyButton = markNativeButton(forwardRef<HTMLButtonElement, Props>(...));
|
|
56
|
+
*/
|
|
57
|
+
declare function markNativeButton<T extends object>(component: T): T;
|
|
58
|
+
/**
|
|
59
|
+
* Determines if the given trigger element will render a real `<button>` element
|
|
60
|
+
* to the DOM, so that Base UI's `nativeButton` prop can be set correctly.
|
|
61
|
+
*
|
|
62
|
+
* Detection strategy (any one of):
|
|
63
|
+
* 1. Plain `<button>` JSX (`element.type === 'button'`).
|
|
64
|
+
* 2. A component carrying the `renderNativeButton` static marker applied via
|
|
65
|
+
* {@link markNativeButton}.
|
|
66
|
+
* 3. An Emotion-wrapped element — Emotion's `css` prop replaces `element.type`
|
|
67
|
+
* with an internal wrapper component and stashes the original type/component
|
|
68
|
+
* in the `__EMOTION_TYPE_PLEASE_DO_NOT_USE__` prop. We re-check that stashed
|
|
69
|
+
* type so a marked component (e.g. `<MenuThreeDots css={...} />`) or a
|
|
70
|
+
* `<button css={...} />` is still detected. We also fall back to checking
|
|
71
|
+
* `element.props.type === 'button'` for the original `type="button"`
|
|
72
|
+
* attribute Emotion preserves.
|
|
73
|
+
*
|
|
74
|
+
* Anything else (including non-element children, plain `<div>`s, an `<Icon>`,
|
|
75
|
+
* etc.) falls back to `false` so Base UI's keyboard polyfill keeps firing.
|
|
76
|
+
*/
|
|
77
|
+
declare function isNativeButtonTrigger(element: React$1.ReactNode): boolean;
|
|
78
|
+
|
|
43
79
|
/** Breakpoint label values */
|
|
44
80
|
type BreakpointSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
45
81
|
type BreakpointsMap = Record<BreakpointSize, number>;
|
|
@@ -3558,8 +3594,9 @@ declare const ModalDialog: React$1.ForwardRefExoticComponent<Omit<ModalDialogPro
|
|
|
3558
3594
|
|
|
3559
3595
|
/**
|
|
3560
3596
|
* Context for passing a portal container element to child popover/menu components
|
|
3561
|
-
* rendered inside a Modal
|
|
3562
|
-
* instead of document.body, preventing
|
|
3597
|
+
* rendered inside a Modal or the docked/fullscreen Scout side chat panel. Ensures
|
|
3598
|
+
* floating elements render into that element instead of document.body, preventing
|
|
3599
|
+
* clipping by overflow and incorrect stacking (e.g. menus behind --z-side-chat).
|
|
3563
3600
|
*/
|
|
3564
3601
|
declare const ModalPortalContext: React$1.Context<HTMLElement | null>;
|
|
3565
3602
|
declare function useModalPortalContainer(): HTMLElement | null;
|
|
@@ -5643,4 +5680,4 @@ declare const StatusBullet: ({ status, hideText, size, message, compact, ...prop
|
|
|
5643
5680
|
|
|
5644
5681
|
declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
|
|
5645
5682
|
|
|
5646
|
-
export { AVATAR_SIZE_2XL, AVATAR_SIZE_2XS, AVATAR_SIZE_3XL, AVATAR_SIZE_LG, AVATAR_SIZE_MD, AVATAR_SIZE_SM, AVATAR_SIZE_XL, AVATAR_SIZE_XS, 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, type ButtonSoftThemeProps, type ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarCellCss, type CalendarProps, type CalendarStyles, 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, FilterChip, FlexiCard, FlexiCardTitle, type GroupedOption, 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 LabelOption, type LabelProps, LabelsQuickFilter, type LabelsQuickFilterItem, type LabelsQuickFilterProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, LinkButton, type LinkButtonProps, 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, MenuSelect, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, ModalPortalContext, 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, ObjectListSubText, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterActionButton, type ParameterActionButtonProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLabels, ParameterLabelsInner, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterNumberSlider, ParameterNumberSliderInner, type ParameterNumberSliderProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterSelectSlider, ParameterSelectSliderInner, type ParameterSelectSliderProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, PopoverBody, type PopoverBodyProps, type PopoverProps, type PopoverStore, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, QuickFilter, type QuickFilterSelectedItem, 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, Slider, SliderLabels, type SliderLabelsProps, type SliderOption, type SliderProps, Spinner, StackedModal, StackedModalHeader, type StackedModalProps, StackedModalStep, type StackedModalStepProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, type StepTransitionState, SuccessMessage, type SuccessMessageProps, Swatch, SwatchComboBox, SwatchComboBoxLabelStyles, SwatchLabel, type SwatchLabelProps, SwatchLabelRemoveButton, SwatchLabelTooltip, type SwatchProps, type SwatchSize, type SwatchVariant, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonGroupProps, 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, type TickMark, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, type ToastData, type ToastId, type ToastOptions, type ToastPromiseOptions, type ToastUpdate, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, actionBarVisibilityStyles, addPathSegmentToPathname, avatarImageStyles, avatarSize2xlStyles, avatarSize2xsStyles, avatarSize3xlStyles, avatarSizeLgStyles, avatarSizeMdStyles, avatarSizeSmStyles, avatarSizeXlStyles, avatarSizeXsStyles, avatarStyles, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonDisabled, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, chatIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getButtonSize, getButtonStyles, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, popTopLayerDialog, prefersReducedMotion, pushTopLayerDialog, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, subscribeTopLayerDialog, supports, swatchColors, swatchVariant, textInput, toast, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useImageLoadFallback, useIsSubmenuTriggerMode, useModalPortalContainer, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, useStackedModal, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
|
|
5683
|
+
export { AVATAR_SIZE_2XL, AVATAR_SIZE_2XS, AVATAR_SIZE_3XL, AVATAR_SIZE_LG, AVATAR_SIZE_MD, AVATAR_SIZE_SM, AVATAR_SIZE_XL, AVATAR_SIZE_XS, 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, type ButtonSoftThemeProps, type ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarCellCss, type CalendarProps, type CalendarStyles, 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, FilterChip, FlexiCard, FlexiCardTitle, type GroupedOption, 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 LabelOption, type LabelProps, LabelsQuickFilter, type LabelsQuickFilterItem, type LabelsQuickFilterProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, LinkButton, type LinkButtonProps, 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, MenuSelect, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, ModalPortalContext, 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, ObjectListSubText, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterActionButton, type ParameterActionButtonProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLabels, ParameterLabelsInner, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterNumberSlider, ParameterNumberSliderInner, type ParameterNumberSliderProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterSelectSlider, ParameterSelectSliderInner, type ParameterSelectSliderProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, PopoverBody, type PopoverBodyProps, type PopoverProps, type PopoverStore, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, QuickFilter, type QuickFilterSelectedItem, 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, Slider, SliderLabels, type SliderLabelsProps, type SliderOption, type SliderProps, Spinner, StackedModal, StackedModalHeader, type StackedModalProps, StackedModalStep, type StackedModalStepProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, type StepTransitionState, SuccessMessage, type SuccessMessageProps, Swatch, SwatchComboBox, SwatchComboBoxLabelStyles, SwatchLabel, type SwatchLabelProps, SwatchLabelRemoveButton, SwatchLabelTooltip, type SwatchProps, type SwatchSize, type SwatchVariant, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonGroupProps, 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, type TickMark, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, type ToastData, type ToastId, type ToastOptions, type ToastPromiseOptions, type ToastUpdate, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, actionBarVisibilityStyles, addPathSegmentToPathname, avatarImageStyles, avatarSize2xlStyles, avatarSize2xsStyles, avatarSize3xlStyles, avatarSizeLgStyles, avatarSizeMdStyles, avatarSizeSmStyles, avatarSizeXlStyles, avatarSizeXsStyles, avatarStyles, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonDisabled, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, chatIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getButtonSize, getButtonStyles, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isNativeButtonTrigger, isSecureURL, isValidUrl, jsonIcon, labelText, markNativeButton, mq, numberInput, popTopLayerDialog, prefersReducedMotion, pushTopLayerDialog, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, subscribeTopLayerDialog, supports, swatchColors, swatchVariant, textInput, toast, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useImageLoadFallback, useIsSubmenuTriggerMode, useModalPortalContainer, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, useStackedModal, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
|
package/dist/index.js
CHANGED
|
@@ -1634,10 +1634,12 @@ __export(src_exports, {
|
|
|
1634
1634
|
input: () => input,
|
|
1635
1635
|
inputError: () => inputError,
|
|
1636
1636
|
inputSelect: () => inputSelect,
|
|
1637
|
+
isNativeButtonTrigger: () => isNativeButtonTrigger,
|
|
1637
1638
|
isSecureURL: () => isSecureURL,
|
|
1638
1639
|
isValidUrl: () => isValidUrl,
|
|
1639
1640
|
jsonIcon: () => jsonIcon,
|
|
1640
1641
|
labelText: () => labelText,
|
|
1642
|
+
markNativeButton: () => markNativeButton,
|
|
1641
1643
|
mq: () => mq,
|
|
1642
1644
|
numberInput: () => numberInput,
|
|
1643
1645
|
popTopLayerDialog: () => popTopLayerDialog,
|
|
@@ -1910,7 +1912,10 @@ var Theme = ({ disableReset = false, disableGlobalReset = false }) => {
|
|
|
1910
1912
|
--z-20: 20;
|
|
1911
1913
|
--z-drawer: 50;
|
|
1912
1914
|
--z-50: 50;
|
|
1913
|
-
--z-
|
|
1915
|
+
--z-menu: 80;
|
|
1916
|
+
/* tooltip sits above the side chat so it is never clipped */
|
|
1917
|
+
--z-tooltip: 100;
|
|
1918
|
+
--z-side-chat: 100;
|
|
1914
1919
|
|
|
1915
1920
|
/* opacity */
|
|
1916
1921
|
--opacity-0: 0;
|
|
@@ -2630,6 +2635,64 @@ var BetaDecorator = (Story) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Ver
|
|
|
2630
2635
|
// src/utils/index.ts
|
|
2631
2636
|
init_emotion_jsx_shim();
|
|
2632
2637
|
|
|
2638
|
+
// src/components/utils/nativeButton.ts
|
|
2639
|
+
init_emotion_jsx_shim();
|
|
2640
|
+
var React2 = __toESM(require("react"));
|
|
2641
|
+
|
|
2642
|
+
// src/components/utils/suppressBaseUiNativeButtonWarning.ts
|
|
2643
|
+
init_emotion_jsx_shim();
|
|
2644
|
+
var NATIVE_BUTTON_WARNING_MARKER = "acts as a button expected";
|
|
2645
|
+
var INSTALLED_FLAG = Symbol.for("uniform.designSystem.baseUiNativeButtonWarningFilterInstalled");
|
|
2646
|
+
function installBaseUiNativeButtonWarningFilter() {
|
|
2647
|
+
if (process.env.NODE_ENV === "production") {
|
|
2648
|
+
return;
|
|
2649
|
+
}
|
|
2650
|
+
const globalScope = globalThis;
|
|
2651
|
+
if (globalScope[INSTALLED_FLAG]) {
|
|
2652
|
+
return;
|
|
2653
|
+
}
|
|
2654
|
+
globalScope[INSTALLED_FLAG] = true;
|
|
2655
|
+
const originalConsoleError = console.error;
|
|
2656
|
+
console.error = function filteredConsoleError(...args) {
|
|
2657
|
+
if (typeof args[0] === "string" && args[0].includes(NATIVE_BUTTON_WARNING_MARKER)) {
|
|
2658
|
+
return;
|
|
2659
|
+
}
|
|
2660
|
+
originalConsoleError.apply(console, args);
|
|
2661
|
+
};
|
|
2662
|
+
}
|
|
2663
|
+
|
|
2664
|
+
// src/components/utils/nativeButton.ts
|
|
2665
|
+
installBaseUiNativeButtonWarningFilter();
|
|
2666
|
+
function markNativeButton(component) {
|
|
2667
|
+
component.renderNativeButton = true;
|
|
2668
|
+
return component;
|
|
2669
|
+
}
|
|
2670
|
+
function isNativeButtonTrigger(element) {
|
|
2671
|
+
if (!React2.isValidElement(element)) {
|
|
2672
|
+
return false;
|
|
2673
|
+
}
|
|
2674
|
+
if (element.type === "button") {
|
|
2675
|
+
return true;
|
|
2676
|
+
}
|
|
2677
|
+
if (typeof element.type !== "string") {
|
|
2678
|
+
if (element.type.renderNativeButton) {
|
|
2679
|
+
return true;
|
|
2680
|
+
}
|
|
2681
|
+
const props = element.props;
|
|
2682
|
+
if ((props == null ? void 0 : props.type) === "button") {
|
|
2683
|
+
return true;
|
|
2684
|
+
}
|
|
2685
|
+
const emotionType = props == null ? void 0 : props.__EMOTION_TYPE_PLEASE_DO_NOT_USE__;
|
|
2686
|
+
if (emotionType === "button") {
|
|
2687
|
+
return true;
|
|
2688
|
+
}
|
|
2689
|
+
if (emotionType && typeof emotionType !== "string" && emotionType.renderNativeButton) {
|
|
2690
|
+
return true;
|
|
2691
|
+
}
|
|
2692
|
+
}
|
|
2693
|
+
return false;
|
|
2694
|
+
}
|
|
2695
|
+
|
|
2633
2696
|
// src/utils/debounce.ts
|
|
2634
2697
|
init_emotion_jsx_shim();
|
|
2635
2698
|
var debounce = (fn, ms = 300) => {
|
|
@@ -4956,32 +5019,6 @@ function Tooltip({
|
|
|
4956
5019
|
] });
|
|
4957
5020
|
}
|
|
4958
5021
|
|
|
4959
|
-
// src/components/utils/nativeButton.ts
|
|
4960
|
-
init_emotion_jsx_shim();
|
|
4961
|
-
var React4 = __toESM(require("react"));
|
|
4962
|
-
function markNativeButton(component) {
|
|
4963
|
-
component.renderNativeButton = true;
|
|
4964
|
-
return component;
|
|
4965
|
-
}
|
|
4966
|
-
function isNativeButtonTrigger(element) {
|
|
4967
|
-
var _a;
|
|
4968
|
-
if (!React4.isValidElement(element)) {
|
|
4969
|
-
return false;
|
|
4970
|
-
}
|
|
4971
|
-
if (element.type === "button") {
|
|
4972
|
-
return true;
|
|
4973
|
-
}
|
|
4974
|
-
if (typeof element.type !== "string") {
|
|
4975
|
-
if (element.type.renderNativeButton) {
|
|
4976
|
-
return true;
|
|
4977
|
-
}
|
|
4978
|
-
if (((_a = element.props) == null ? void 0 : _a.type) === "button") {
|
|
4979
|
-
return true;
|
|
4980
|
-
}
|
|
4981
|
-
}
|
|
4982
|
-
return false;
|
|
4983
|
-
}
|
|
4984
|
-
|
|
4985
5022
|
// src/components/Button/hooks/useButtonStyles.ts
|
|
4986
5023
|
init_emotion_jsx_shim();
|
|
4987
5024
|
var btnSize = {
|
|
@@ -6968,7 +7005,7 @@ var Menu = React8.forwardRef(function Menu2({
|
|
|
6968
7005
|
alignOffset: shift != null ? shift : isNested ? -4 : 0,
|
|
6969
7006
|
anchor,
|
|
6970
7007
|
disableAnchorTracking: !!updatePosition,
|
|
6971
|
-
style: { zIndex: "var(--z-
|
|
7008
|
+
style: { zIndex: "var(--z-menu)" },
|
|
6972
7009
|
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
6973
7010
|
import_menu.Menu.Popup,
|
|
6974
7011
|
{
|
|
@@ -6989,7 +7026,15 @@ var Menu = React8.forwardRef(function Menu2({
|
|
|
6989
7026
|
);
|
|
6990
7027
|
if (isNested) {
|
|
6991
7028
|
return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_menu.Menu.SubmenuRoot, { open: controlledOpen, onOpenChange: handleOpenChange, disabled: disabled2, children: [
|
|
6992
|
-
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
7029
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
7030
|
+
import_menu.Menu.SubmenuTrigger,
|
|
7031
|
+
{
|
|
7032
|
+
render: submenuTriggerElement,
|
|
7033
|
+
disabled: disabled2,
|
|
7034
|
+
closeDelay: 100,
|
|
7035
|
+
nativeButton: isNativeButtonTrigger(submenuTriggerElement)
|
|
7036
|
+
}
|
|
7037
|
+
) }),
|
|
6993
7038
|
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_menu.Menu.Portal, { container: portalContainer, children: menuContent })
|
|
6994
7039
|
] });
|
|
6995
7040
|
}
|
|
@@ -7066,6 +7111,7 @@ var MenuItem = React9.forwardRef(
|
|
|
7066
7111
|
css: [menuItem(textColor2, active2), typeof className === "object" ? className : void 0],
|
|
7067
7112
|
className: typeof className === "string" ? className : void 0,
|
|
7068
7113
|
render,
|
|
7114
|
+
nativeButton: isNativeButtonTrigger(render),
|
|
7069
7115
|
...props,
|
|
7070
7116
|
onClick: onClickHandler,
|
|
7071
7117
|
disabled: disabledValue,
|
|
@@ -10271,7 +10317,7 @@ var PopoverBtn = import_react80.css`
|
|
|
10271
10317
|
background: none;
|
|
10272
10318
|
`;
|
|
10273
10319
|
var Popover = import_react80.css`
|
|
10274
|
-
z-index: var(--z-
|
|
10320
|
+
z-index: var(--z-menu);
|
|
10275
10321
|
|
|
10276
10322
|
/**
|
|
10277
10323
|
* Hide the popover when its anchor (trigger) has been scrolled out of view by a
|
|
@@ -10714,6 +10760,7 @@ var DateTimePicker = ({
|
|
|
10714
10760
|
render: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { buttonType: "ghostUnimportant" }),
|
|
10715
10761
|
disabled: disabled2,
|
|
10716
10762
|
"data-testid": `${testId}-trigger`,
|
|
10763
|
+
nativeButton: true,
|
|
10717
10764
|
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DateTimePickerSummary, { value, placeholder })
|
|
10718
10765
|
}
|
|
10719
10766
|
),
|
|
@@ -11638,10 +11685,12 @@ var variants = {
|
|
|
11638
11685
|
|
|
11639
11686
|
// src/components/IconButton/IconButton.tsx
|
|
11640
11687
|
var import_jsx_runtime77 = require("@emotion/react/jsx-runtime");
|
|
11641
|
-
var IconButton = (
|
|
11642
|
-
(
|
|
11643
|
-
|
|
11644
|
-
|
|
11688
|
+
var IconButton = markNativeButton(
|
|
11689
|
+
(0, import_react97.forwardRef)(
|
|
11690
|
+
({ children, size = "md", variant = "square", ...props }, ref) => {
|
|
11691
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
|
|
11692
|
+
}
|
|
11693
|
+
)
|
|
11645
11694
|
);
|
|
11646
11695
|
IconButton.displayName = "IconButton";
|
|
11647
11696
|
|
|
@@ -15331,8 +15380,8 @@ var ObjectListItemRightSlot = import_react137.css`
|
|
|
15331
15380
|
gap: var(--spacing-sm);
|
|
15332
15381
|
`;
|
|
15333
15382
|
var ObjectListItemContainer = import_react137.css`
|
|
15334
|
-
> [role='listitem']:not(:
|
|
15335
|
-
border-
|
|
15383
|
+
> [role='listitem']:not(:last-child) {
|
|
15384
|
+
border-bottom: 1px solid var(--gray-200);
|
|
15336
15385
|
}
|
|
15337
15386
|
`;
|
|
15338
15387
|
var ObjectListItemCover = import_react137.css`
|
|
@@ -19909,7 +19958,7 @@ var toolbarGroup = import_react174.css`
|
|
|
19909
19958
|
gap: var(--spacing-xs);
|
|
19910
19959
|
position: relative;
|
|
19911
19960
|
|
|
19912
|
-
&:not(:first-
|
|
19961
|
+
&:not(:first-of-type)::before {
|
|
19913
19962
|
background-color: var(--gray-300);
|
|
19914
19963
|
content: '';
|
|
19915
19964
|
display: block;
|
|
@@ -22913,10 +22962,12 @@ var StatusBullet = ({
|
|
|
22913
22962
|
input,
|
|
22914
22963
|
inputError,
|
|
22915
22964
|
inputSelect,
|
|
22965
|
+
isNativeButtonTrigger,
|
|
22916
22966
|
isSecureURL,
|
|
22917
22967
|
isValidUrl,
|
|
22918
22968
|
jsonIcon,
|
|
22919
22969
|
labelText,
|
|
22970
|
+
markNativeButton,
|
|
22920
22971
|
mq,
|
|
22921
22972
|
numberInput,
|
|
22922
22973
|
popTopLayerDialog,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/design-system",
|
|
3
|
-
"version": "20.66.
|
|
3
|
+
"version": "20.66.3-alpha.14+186d2da074",
|
|
4
4
|
"description": "Uniform design system components",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"exports": {
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
"@storybook/react-vite": "10.2.10",
|
|
34
34
|
"@types/react": "19.2.2",
|
|
35
35
|
"@types/react-dom": "19.2.2",
|
|
36
|
-
"@uniformdev/canvas": "^20.66.
|
|
37
|
-
"@uniformdev/richtext": "^20.66.
|
|
36
|
+
"@uniformdev/canvas": "^20.66.3-alpha.14+186d2da074",
|
|
37
|
+
"@uniformdev/richtext": "^20.66.3-alpha.14+186d2da074",
|
|
38
38
|
"autoprefixer": "10.4.21",
|
|
39
39
|
"hygen": "6.2.11",
|
|
40
40
|
"jsdom": "29.0.2",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"tsup": "8.3.0"
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@base-ui/react": "
|
|
48
|
+
"@base-ui/react": "1.5.0",
|
|
49
49
|
"@dnd-kit/core": "^6.3.1",
|
|
50
50
|
"@dnd-kit/modifiers": "^9.0.0",
|
|
51
51
|
"@dnd-kit/sortable": "^10.0.0",
|
|
@@ -84,5 +84,5 @@
|
|
|
84
84
|
"publishConfig": {
|
|
85
85
|
"access": "public"
|
|
86
86
|
},
|
|
87
|
-
"gitHead": "
|
|
87
|
+
"gitHead": "186d2da0744c3ffd6ab4c26fdc67406186770e2b"
|
|
88
88
|
}
|