@uniformdev/design-system 20.50.2-alpha.117 → 20.50.2-alpha.146
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 +97 -38
- package/dist/index.d.mts +37 -1
- package/dist/index.d.ts +37 -1
- package/dist/index.js +99 -37
- package/package.json +5 -5
package/dist/esm/index.js
CHANGED
|
@@ -898,6 +898,62 @@ var BetaDecorator = (Story) => /* @__PURE__ */ jsxs5(VerticalRhythm, { children:
|
|
|
898
898
|
/* @__PURE__ */ jsx10(Story, {})
|
|
899
899
|
] });
|
|
900
900
|
|
|
901
|
+
// src/components/utils/nativeButton.ts
|
|
902
|
+
import * as React2 from "react";
|
|
903
|
+
|
|
904
|
+
// src/components/utils/suppressBaseUiNativeButtonWarning.ts
|
|
905
|
+
var NATIVE_BUTTON_WARNING_MARKER = "acts as a button expected";
|
|
906
|
+
var INSTALLED_FLAG = Symbol.for("uniform.designSystem.baseUiNativeButtonWarningFilterInstalled");
|
|
907
|
+
function installBaseUiNativeButtonWarningFilter() {
|
|
908
|
+
if (process.env.NODE_ENV === "production") {
|
|
909
|
+
return;
|
|
910
|
+
}
|
|
911
|
+
const globalScope = globalThis;
|
|
912
|
+
if (globalScope[INSTALLED_FLAG]) {
|
|
913
|
+
return;
|
|
914
|
+
}
|
|
915
|
+
globalScope[INSTALLED_FLAG] = true;
|
|
916
|
+
const originalConsoleError = console.error;
|
|
917
|
+
console.error = function filteredConsoleError(...args) {
|
|
918
|
+
if (typeof args[0] === "string" && args[0].includes(NATIVE_BUTTON_WARNING_MARKER)) {
|
|
919
|
+
return;
|
|
920
|
+
}
|
|
921
|
+
originalConsoleError.apply(console, args);
|
|
922
|
+
};
|
|
923
|
+
}
|
|
924
|
+
|
|
925
|
+
// src/components/utils/nativeButton.ts
|
|
926
|
+
installBaseUiNativeButtonWarningFilter();
|
|
927
|
+
function markNativeButton(component) {
|
|
928
|
+
component.renderNativeButton = true;
|
|
929
|
+
return component;
|
|
930
|
+
}
|
|
931
|
+
function isNativeButtonTrigger(element) {
|
|
932
|
+
if (!React2.isValidElement(element)) {
|
|
933
|
+
return false;
|
|
934
|
+
}
|
|
935
|
+
if (element.type === "button") {
|
|
936
|
+
return true;
|
|
937
|
+
}
|
|
938
|
+
if (typeof element.type !== "string") {
|
|
939
|
+
if (element.type.renderNativeButton) {
|
|
940
|
+
return true;
|
|
941
|
+
}
|
|
942
|
+
const props = element.props;
|
|
943
|
+
if ((props == null ? void 0 : props.type) === "button") {
|
|
944
|
+
return true;
|
|
945
|
+
}
|
|
946
|
+
const emotionType = props == null ? void 0 : props.__EMOTION_TYPE_PLEASE_DO_NOT_USE__;
|
|
947
|
+
if (emotionType === "button") {
|
|
948
|
+
return true;
|
|
949
|
+
}
|
|
950
|
+
if (emotionType && typeof emotionType !== "string" && emotionType.renderNativeButton) {
|
|
951
|
+
return true;
|
|
952
|
+
}
|
|
953
|
+
}
|
|
954
|
+
return false;
|
|
955
|
+
}
|
|
956
|
+
|
|
901
957
|
// src/utils/debounce.ts
|
|
902
958
|
var debounce = (fn, ms = 300) => {
|
|
903
959
|
let timeoutId;
|
|
@@ -1242,7 +1298,7 @@ import { GenIcon } from "@react-icons/all-files";
|
|
|
1242
1298
|
import { MdSettings } from "@react-icons/all-files/md/MdSettings";
|
|
1243
1299
|
|
|
1244
1300
|
// src/components/Icons/Icon.tsx
|
|
1245
|
-
import
|
|
1301
|
+
import React3 from "react";
|
|
1246
1302
|
|
|
1247
1303
|
// src/components/Icons/Icon.styles.ts
|
|
1248
1304
|
import { css as css11 } from "@emotion/react";
|
|
@@ -1355,7 +1411,7 @@ var IconInner = ({ icon, iconColor = "default", size = "1.5rem", ...otherProps }
|
|
|
1355
1411
|
}
|
|
1356
1412
|
);
|
|
1357
1413
|
};
|
|
1358
|
-
var Icon =
|
|
1414
|
+
var Icon = React3.memo(IconInner);
|
|
1359
1415
|
|
|
1360
1416
|
// src/components/Icons/customIcons.tsx
|
|
1361
1417
|
import { jsx as jsx13 } from "@emotion/react/jsx-runtime";
|
|
@@ -3200,31 +3256,6 @@ function Tooltip({
|
|
|
3200
3256
|
] });
|
|
3201
3257
|
}
|
|
3202
3258
|
|
|
3203
|
-
// src/components/utils/nativeButton.ts
|
|
3204
|
-
import * as React4 from "react";
|
|
3205
|
-
function markNativeButton(component) {
|
|
3206
|
-
component.renderNativeButton = true;
|
|
3207
|
-
return component;
|
|
3208
|
-
}
|
|
3209
|
-
function isNativeButtonTrigger(element) {
|
|
3210
|
-
var _a;
|
|
3211
|
-
if (!React4.isValidElement(element)) {
|
|
3212
|
-
return false;
|
|
3213
|
-
}
|
|
3214
|
-
if (element.type === "button") {
|
|
3215
|
-
return true;
|
|
3216
|
-
}
|
|
3217
|
-
if (typeof element.type !== "string") {
|
|
3218
|
-
if (element.type.renderNativeButton) {
|
|
3219
|
-
return true;
|
|
3220
|
-
}
|
|
3221
|
-
if (((_a = element.props) == null ? void 0 : _a.type) === "button") {
|
|
3222
|
-
return true;
|
|
3223
|
-
}
|
|
3224
|
-
}
|
|
3225
|
-
return false;
|
|
3226
|
-
}
|
|
3227
|
-
|
|
3228
3259
|
// src/components/Button/hooks/useButtonStyles.ts
|
|
3229
3260
|
var btnSize = {
|
|
3230
3261
|
zero: "padding: 0; font-size: var(--fs-sm);",
|
|
@@ -5188,7 +5219,15 @@ var Menu = React8.forwardRef(function Menu2({
|
|
|
5188
5219
|
);
|
|
5189
5220
|
if (isNested) {
|
|
5190
5221
|
return /* @__PURE__ */ jsxs17(BaseUIMenu.SubmenuRoot, { open: controlledOpen, onOpenChange: handleOpenChange, disabled: disabled2, children: [
|
|
5191
|
-
/* @__PURE__ */ jsx28(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ jsx28(
|
|
5222
|
+
/* @__PURE__ */ jsx28(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ jsx28(
|
|
5223
|
+
BaseUIMenu.SubmenuTrigger,
|
|
5224
|
+
{
|
|
5225
|
+
render: submenuTriggerElement,
|
|
5226
|
+
disabled: disabled2,
|
|
5227
|
+
closeDelay: 100,
|
|
5228
|
+
nativeButton: isNativeButtonTrigger(submenuTriggerElement)
|
|
5229
|
+
}
|
|
5230
|
+
) }),
|
|
5192
5231
|
/* @__PURE__ */ jsx28(BaseUIMenu.Portal, { container: portalContainer, children: menuContent })
|
|
5193
5232
|
] });
|
|
5194
5233
|
}
|
|
@@ -5264,6 +5303,7 @@ var MenuItem = React9.forwardRef(
|
|
|
5264
5303
|
css: [menuItem(textColor2, active2), typeof className === "object" ? className : void 0],
|
|
5265
5304
|
className: typeof className === "string" ? className : void 0,
|
|
5266
5305
|
render,
|
|
5306
|
+
nativeButton: isNativeButtonTrigger(render),
|
|
5267
5307
|
...props,
|
|
5268
5308
|
onClick: onClickHandler,
|
|
5269
5309
|
disabled: disabledValue,
|
|
@@ -8857,6 +8897,7 @@ var DateTimePicker = ({
|
|
|
8857
8897
|
render: /* @__PURE__ */ jsx66(Button, { buttonType: "ghostUnimportant" }),
|
|
8858
8898
|
disabled: disabled2,
|
|
8859
8899
|
"data-testid": `${testId}-trigger`,
|
|
8900
|
+
nativeButton: true,
|
|
8860
8901
|
children: /* @__PURE__ */ jsx66(DateTimePickerSummary, { value, placeholder })
|
|
8861
8902
|
}
|
|
8862
8903
|
),
|
|
@@ -8976,8 +9017,22 @@ var DescriptionList = React14.forwardRef(
|
|
|
8976
9017
|
css: variant === "vertical" ? descriptionListVertical : descriptionListHorizontal,
|
|
8977
9018
|
...listProps,
|
|
8978
9019
|
children: items == null ? void 0 : items.map(({ label: label2, value }) => /* @__PURE__ */ jsxs45(React14.Fragment, { children: [
|
|
8979
|
-
/* @__PURE__ */ jsx67(
|
|
8980
|
-
|
|
9020
|
+
/* @__PURE__ */ jsx67(
|
|
9021
|
+
"dt",
|
|
9022
|
+
{
|
|
9023
|
+
css: descriptionListLabelStyles,
|
|
9024
|
+
"data-testid": `meta-field-label-${label2.toLowerCase().replace(/\s+/g, "-")}`,
|
|
9025
|
+
children: label2
|
|
9026
|
+
}
|
|
9027
|
+
),
|
|
9028
|
+
/* @__PURE__ */ jsx67(
|
|
9029
|
+
"dd",
|
|
9030
|
+
{
|
|
9031
|
+
css: descriptionListValueStyles,
|
|
9032
|
+
"data-testid": `meta-field-value-${label2.toLowerCase().replace(/\s+/g, "-")}`,
|
|
9033
|
+
children: typeof value === "boolean" ? /* @__PURE__ */ jsx67(DescriptionListValueBoolean, { value }) : value
|
|
9034
|
+
}
|
|
9035
|
+
)
|
|
8981
9036
|
] }, label2))
|
|
8982
9037
|
}
|
|
8983
9038
|
);
|
|
@@ -9750,10 +9805,12 @@ var variants = {
|
|
|
9750
9805
|
|
|
9751
9806
|
// src/components/IconButton/IconButton.tsx
|
|
9752
9807
|
import { jsx as jsx77 } from "@emotion/react/jsx-runtime";
|
|
9753
|
-
var IconButton =
|
|
9754
|
-
(
|
|
9755
|
-
|
|
9756
|
-
|
|
9808
|
+
var IconButton = markNativeButton(
|
|
9809
|
+
forwardRef19(
|
|
9810
|
+
({ children, size = "md", variant = "square", ...props }, ref) => {
|
|
9811
|
+
return /* @__PURE__ */ jsx77(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
|
|
9812
|
+
}
|
|
9813
|
+
)
|
|
9757
9814
|
);
|
|
9758
9815
|
IconButton.displayName = "IconButton";
|
|
9759
9816
|
|
|
@@ -13319,7 +13376,7 @@ var ObjectListItemTitleColumnContent = css89`
|
|
|
13319
13376
|
`;
|
|
13320
13377
|
var objectListItemContentWrapperColumns = (minContainerQueryWidth, hasCover) => css89`
|
|
13321
13378
|
${cq(minContainerQueryWidth)} {
|
|
13322
|
-
grid-template-columns: ${hasCover ? "minmax(0, auto) " : "
|
|
13379
|
+
grid-template-columns: ${hasCover ? "minmax(0, auto) minmax(0, 1fr) minmax(0, auto)" : "minmax(0, 1fr) minmax(0, auto)"};
|
|
13323
13380
|
}
|
|
13324
13381
|
`;
|
|
13325
13382
|
var ObjectListItemRightSlot = css89`
|
|
@@ -13327,8 +13384,8 @@ var ObjectListItemRightSlot = css89`
|
|
|
13327
13384
|
gap: var(--spacing-sm);
|
|
13328
13385
|
`;
|
|
13329
13386
|
var ObjectListItemContainer = css89`
|
|
13330
|
-
> [role='listitem']:not(:
|
|
13331
|
-
border-
|
|
13387
|
+
> [role='listitem']:not(:last-child) {
|
|
13388
|
+
border-bottom: 1px solid var(--gray-200);
|
|
13332
13389
|
}
|
|
13333
13390
|
`;
|
|
13334
13391
|
var ObjectListItemCover = css89`
|
|
@@ -17941,7 +17998,7 @@ var toolbarGroup = css106`
|
|
|
17941
17998
|
gap: var(--spacing-xs);
|
|
17942
17999
|
position: relative;
|
|
17943
18000
|
|
|
17944
|
-
&:not(:first-
|
|
18001
|
+
&:not(:first-of-type)::before {
|
|
17945
18002
|
background-color: var(--gray-300);
|
|
17946
18003
|
content: '';
|
|
17947
18004
|
display: block;
|
|
@@ -20898,10 +20955,12 @@ export {
|
|
|
20898
20955
|
input,
|
|
20899
20956
|
inputError,
|
|
20900
20957
|
inputSelect,
|
|
20958
|
+
isNativeButtonTrigger,
|
|
20901
20959
|
isSecureURL,
|
|
20902
20960
|
isValidUrl,
|
|
20903
20961
|
jsonIcon,
|
|
20904
20962
|
labelText,
|
|
20963
|
+
markNativeButton,
|
|
20905
20964
|
mq,
|
|
20906
20965
|
numberInput,
|
|
20907
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>;
|
|
@@ -5648,4 +5684,4 @@ declare const StatusBullet: ({ status, hideText, size, message, compact, ...prop
|
|
|
5648
5684
|
|
|
5649
5685
|
declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
|
|
5650
5686
|
|
|
5651
|
-
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, 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 };
|
|
5687
|
+
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, 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>;
|
|
@@ -5648,4 +5684,4 @@ declare const StatusBullet: ({ status, hideText, size, message, compact, ...prop
|
|
|
5648
5684
|
|
|
5649
5685
|
declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
|
|
5650
5686
|
|
|
5651
|
-
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, 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 };
|
|
5687
|
+
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, 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,
|
|
@@ -2635,6 +2637,64 @@ var BetaDecorator = (Story) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Ver
|
|
|
2635
2637
|
// src/utils/index.ts
|
|
2636
2638
|
init_emotion_jsx_shim();
|
|
2637
2639
|
|
|
2640
|
+
// src/components/utils/nativeButton.ts
|
|
2641
|
+
init_emotion_jsx_shim();
|
|
2642
|
+
var React2 = __toESM(require("react"));
|
|
2643
|
+
|
|
2644
|
+
// src/components/utils/suppressBaseUiNativeButtonWarning.ts
|
|
2645
|
+
init_emotion_jsx_shim();
|
|
2646
|
+
var NATIVE_BUTTON_WARNING_MARKER = "acts as a button expected";
|
|
2647
|
+
var INSTALLED_FLAG = Symbol.for("uniform.designSystem.baseUiNativeButtonWarningFilterInstalled");
|
|
2648
|
+
function installBaseUiNativeButtonWarningFilter() {
|
|
2649
|
+
if (process.env.NODE_ENV === "production") {
|
|
2650
|
+
return;
|
|
2651
|
+
}
|
|
2652
|
+
const globalScope = globalThis;
|
|
2653
|
+
if (globalScope[INSTALLED_FLAG]) {
|
|
2654
|
+
return;
|
|
2655
|
+
}
|
|
2656
|
+
globalScope[INSTALLED_FLAG] = true;
|
|
2657
|
+
const originalConsoleError = console.error;
|
|
2658
|
+
console.error = function filteredConsoleError(...args) {
|
|
2659
|
+
if (typeof args[0] === "string" && args[0].includes(NATIVE_BUTTON_WARNING_MARKER)) {
|
|
2660
|
+
return;
|
|
2661
|
+
}
|
|
2662
|
+
originalConsoleError.apply(console, args);
|
|
2663
|
+
};
|
|
2664
|
+
}
|
|
2665
|
+
|
|
2666
|
+
// src/components/utils/nativeButton.ts
|
|
2667
|
+
installBaseUiNativeButtonWarningFilter();
|
|
2668
|
+
function markNativeButton(component) {
|
|
2669
|
+
component.renderNativeButton = true;
|
|
2670
|
+
return component;
|
|
2671
|
+
}
|
|
2672
|
+
function isNativeButtonTrigger(element) {
|
|
2673
|
+
if (!React2.isValidElement(element)) {
|
|
2674
|
+
return false;
|
|
2675
|
+
}
|
|
2676
|
+
if (element.type === "button") {
|
|
2677
|
+
return true;
|
|
2678
|
+
}
|
|
2679
|
+
if (typeof element.type !== "string") {
|
|
2680
|
+
if (element.type.renderNativeButton) {
|
|
2681
|
+
return true;
|
|
2682
|
+
}
|
|
2683
|
+
const props = element.props;
|
|
2684
|
+
if ((props == null ? void 0 : props.type) === "button") {
|
|
2685
|
+
return true;
|
|
2686
|
+
}
|
|
2687
|
+
const emotionType = props == null ? void 0 : props.__EMOTION_TYPE_PLEASE_DO_NOT_USE__;
|
|
2688
|
+
if (emotionType === "button") {
|
|
2689
|
+
return true;
|
|
2690
|
+
}
|
|
2691
|
+
if (emotionType && typeof emotionType !== "string" && emotionType.renderNativeButton) {
|
|
2692
|
+
return true;
|
|
2693
|
+
}
|
|
2694
|
+
}
|
|
2695
|
+
return false;
|
|
2696
|
+
}
|
|
2697
|
+
|
|
2638
2698
|
// src/utils/debounce.ts
|
|
2639
2699
|
init_emotion_jsx_shim();
|
|
2640
2700
|
var debounce = (fn, ms = 300) => {
|
|
@@ -4961,32 +5021,6 @@ function Tooltip({
|
|
|
4961
5021
|
] });
|
|
4962
5022
|
}
|
|
4963
5023
|
|
|
4964
|
-
// src/components/utils/nativeButton.ts
|
|
4965
|
-
init_emotion_jsx_shim();
|
|
4966
|
-
var React4 = __toESM(require("react"));
|
|
4967
|
-
function markNativeButton(component) {
|
|
4968
|
-
component.renderNativeButton = true;
|
|
4969
|
-
return component;
|
|
4970
|
-
}
|
|
4971
|
-
function isNativeButtonTrigger(element) {
|
|
4972
|
-
var _a;
|
|
4973
|
-
if (!React4.isValidElement(element)) {
|
|
4974
|
-
return false;
|
|
4975
|
-
}
|
|
4976
|
-
if (element.type === "button") {
|
|
4977
|
-
return true;
|
|
4978
|
-
}
|
|
4979
|
-
if (typeof element.type !== "string") {
|
|
4980
|
-
if (element.type.renderNativeButton) {
|
|
4981
|
-
return true;
|
|
4982
|
-
}
|
|
4983
|
-
if (((_a = element.props) == null ? void 0 : _a.type) === "button") {
|
|
4984
|
-
return true;
|
|
4985
|
-
}
|
|
4986
|
-
}
|
|
4987
|
-
return false;
|
|
4988
|
-
}
|
|
4989
|
-
|
|
4990
5024
|
// src/components/Button/hooks/useButtonStyles.ts
|
|
4991
5025
|
init_emotion_jsx_shim();
|
|
4992
5026
|
var btnSize = {
|
|
@@ -6994,7 +7028,15 @@ var Menu = React8.forwardRef(function Menu2({
|
|
|
6994
7028
|
);
|
|
6995
7029
|
if (isNested) {
|
|
6996
7030
|
return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_menu.Menu.SubmenuRoot, { open: controlledOpen, onOpenChange: handleOpenChange, disabled: disabled2, children: [
|
|
6997
|
-
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
7031
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
7032
|
+
import_menu.Menu.SubmenuTrigger,
|
|
7033
|
+
{
|
|
7034
|
+
render: submenuTriggerElement,
|
|
7035
|
+
disabled: disabled2,
|
|
7036
|
+
closeDelay: 100,
|
|
7037
|
+
nativeButton: isNativeButtonTrigger(submenuTriggerElement)
|
|
7038
|
+
}
|
|
7039
|
+
) }),
|
|
6998
7040
|
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_menu.Menu.Portal, { container: portalContainer, children: menuContent })
|
|
6999
7041
|
] });
|
|
7000
7042
|
}
|
|
@@ -7071,6 +7113,7 @@ var MenuItem = React9.forwardRef(
|
|
|
7071
7113
|
css: [menuItem(textColor2, active2), typeof className === "object" ? className : void 0],
|
|
7072
7114
|
className: typeof className === "string" ? className : void 0,
|
|
7073
7115
|
render,
|
|
7116
|
+
nativeButton: isNativeButtonTrigger(render),
|
|
7074
7117
|
...props,
|
|
7075
7118
|
onClick: onClickHandler,
|
|
7076
7119
|
disabled: disabledValue,
|
|
@@ -10731,6 +10774,7 @@ var DateTimePicker = ({
|
|
|
10731
10774
|
render: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { buttonType: "ghostUnimportant" }),
|
|
10732
10775
|
disabled: disabled2,
|
|
10733
10776
|
"data-testid": `${testId}-trigger`,
|
|
10777
|
+
nativeButton: true,
|
|
10734
10778
|
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DateTimePickerSummary, { value, placeholder })
|
|
10735
10779
|
}
|
|
10736
10780
|
),
|
|
@@ -10852,8 +10896,22 @@ var DescriptionList = import_react84.default.forwardRef(
|
|
|
10852
10896
|
css: variant === "vertical" ? descriptionListVertical : descriptionListHorizontal,
|
|
10853
10897
|
...listProps,
|
|
10854
10898
|
children: items == null ? void 0 : items.map(({ label: label2, value }) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react84.default.Fragment, { children: [
|
|
10855
|
-
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
10856
|
-
|
|
10899
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
10900
|
+
"dt",
|
|
10901
|
+
{
|
|
10902
|
+
css: descriptionListLabelStyles,
|
|
10903
|
+
"data-testid": `meta-field-label-${label2.toLowerCase().replace(/\s+/g, "-")}`,
|
|
10904
|
+
children: label2
|
|
10905
|
+
}
|
|
10906
|
+
),
|
|
10907
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
10908
|
+
"dd",
|
|
10909
|
+
{
|
|
10910
|
+
css: descriptionListValueStyles,
|
|
10911
|
+
"data-testid": `meta-field-value-${label2.toLowerCase().replace(/\s+/g, "-")}`,
|
|
10912
|
+
children: typeof value === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DescriptionListValueBoolean, { value }) : value
|
|
10913
|
+
}
|
|
10914
|
+
)
|
|
10857
10915
|
] }, label2))
|
|
10858
10916
|
}
|
|
10859
10917
|
);
|
|
@@ -11655,10 +11713,12 @@ var variants = {
|
|
|
11655
11713
|
|
|
11656
11714
|
// src/components/IconButton/IconButton.tsx
|
|
11657
11715
|
var import_jsx_runtime77 = require("@emotion/react/jsx-runtime");
|
|
11658
|
-
var IconButton = (
|
|
11659
|
-
(
|
|
11660
|
-
|
|
11661
|
-
|
|
11716
|
+
var IconButton = markNativeButton(
|
|
11717
|
+
(0, import_react97.forwardRef)(
|
|
11718
|
+
({ children, size = "md", variant = "square", ...props }, ref) => {
|
|
11719
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
|
|
11720
|
+
}
|
|
11721
|
+
)
|
|
11662
11722
|
);
|
|
11663
11723
|
IconButton.displayName = "IconButton";
|
|
11664
11724
|
|
|
@@ -15295,7 +15355,7 @@ var ObjectListItemTitleColumnContent = import_react137.css`
|
|
|
15295
15355
|
`;
|
|
15296
15356
|
var objectListItemContentWrapperColumns = (minContainerQueryWidth, hasCover) => import_react137.css`
|
|
15297
15357
|
${cq(minContainerQueryWidth)} {
|
|
15298
|
-
grid-template-columns: ${hasCover ? "minmax(0, auto) " : "
|
|
15358
|
+
grid-template-columns: ${hasCover ? "minmax(0, auto) minmax(0, 1fr) minmax(0, auto)" : "minmax(0, 1fr) minmax(0, auto)"};
|
|
15299
15359
|
}
|
|
15300
15360
|
`;
|
|
15301
15361
|
var ObjectListItemRightSlot = import_react137.css`
|
|
@@ -15303,8 +15363,8 @@ var ObjectListItemRightSlot = import_react137.css`
|
|
|
15303
15363
|
gap: var(--spacing-sm);
|
|
15304
15364
|
`;
|
|
15305
15365
|
var ObjectListItemContainer = import_react137.css`
|
|
15306
|
-
> [role='listitem']:not(:
|
|
15307
|
-
border-
|
|
15366
|
+
> [role='listitem']:not(:last-child) {
|
|
15367
|
+
border-bottom: 1px solid var(--gray-200);
|
|
15308
15368
|
}
|
|
15309
15369
|
`;
|
|
15310
15370
|
var ObjectListItemCover = import_react137.css`
|
|
@@ -19895,7 +19955,7 @@ var toolbarGroup = import_react176.css`
|
|
|
19895
19955
|
gap: var(--spacing-xs);
|
|
19896
19956
|
position: relative;
|
|
19897
19957
|
|
|
19898
|
-
&:not(:first-
|
|
19958
|
+
&:not(:first-of-type)::before {
|
|
19899
19959
|
background-color: var(--gray-300);
|
|
19900
19960
|
content: '';
|
|
19901
19961
|
display: block;
|
|
@@ -22902,10 +22962,12 @@ var StatusBullet = ({
|
|
|
22902
22962
|
input,
|
|
22903
22963
|
inputError,
|
|
22904
22964
|
inputSelect,
|
|
22965
|
+
isNativeButtonTrigger,
|
|
22905
22966
|
isSecureURL,
|
|
22906
22967
|
isValidUrl,
|
|
22907
22968
|
jsonIcon,
|
|
22908
22969
|
labelText,
|
|
22970
|
+
markNativeButton,
|
|
22909
22971
|
mq,
|
|
22910
22972
|
numberInput,
|
|
22911
22973
|
popTopLayerDialog,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/design-system",
|
|
3
|
-
"version": "20.50.2-alpha.
|
|
3
|
+
"version": "20.50.2-alpha.146+88f341e03e",
|
|
4
4
|
"description": "Uniform design system components",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"exports": {
|
|
@@ -34,8 +34,8 @@
|
|
|
34
34
|
"@storybook/react-vite": "10.2.10",
|
|
35
35
|
"@types/react": "19.2.2",
|
|
36
36
|
"@types/react-dom": "19.2.2",
|
|
37
|
-
"@uniformdev/canvas": "^20.50.2-alpha.
|
|
38
|
-
"@uniformdev/richtext": "^20.50.2-alpha.
|
|
37
|
+
"@uniformdev/canvas": "^20.50.2-alpha.146+88f341e03e",
|
|
38
|
+
"@uniformdev/richtext": "^20.50.2-alpha.146+88f341e03e",
|
|
39
39
|
"autoprefixer": "10.4.21",
|
|
40
40
|
"hygen": "6.2.11",
|
|
41
41
|
"jsdom": "29.0.2",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"tsup": "8.3.0"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@base-ui/react": "
|
|
49
|
+
"@base-ui/react": "1.5.0",
|
|
50
50
|
"@dnd-kit/core": "^6.3.1",
|
|
51
51
|
"@dnd-kit/modifiers": "^9.0.0",
|
|
52
52
|
"@dnd-kit/sortable": "^10.0.0",
|
|
@@ -84,5 +84,5 @@
|
|
|
84
84
|
"publishConfig": {
|
|
85
85
|
"access": "public"
|
|
86
86
|
},
|
|
87
|
-
"gitHead": "
|
|
87
|
+
"gitHead": "88f341e03ec871c6af2cd47b9ce257ff4a394816"
|
|
88
88
|
}
|