@uniformdev/design-system 19.173.1-alpha.17 → 19.176.1-alpha.9
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 +45 -83
- package/dist/index.d.mts +16 -17
- package/dist/index.d.ts +16 -17
- package/dist/index.js +45 -87
- package/package.json +4 -4
package/dist/esm/index.js
CHANGED
|
@@ -3119,37 +3119,10 @@ var customIcons = {
|
|
|
3119
3119
|
|
|
3120
3120
|
// src/components/Icons/systemIcons.tsx
|
|
3121
3121
|
import { GenIcon as GenIcon2 } from "@react-icons/all-files";
|
|
3122
|
-
import { CgGlobeAlt } from "@react-icons/all-files/cg/CgGlobeAlt";
|
|
3123
3122
|
import { CgList } from "@react-icons/all-files/cg/CgList";
|
|
3124
3123
|
import { CgPen } from "@react-icons/all-files/cg/CgPen";
|
|
3125
|
-
import { TbBinaryTree2 } from "@react-icons/all-files/tb/TbBinaryTree2";
|
|
3126
3124
|
import { TbBox } from "@react-icons/all-files/tb/TbBox";
|
|
3127
3125
|
var uniformComponentIcon = TbBox;
|
|
3128
|
-
var uniformConditionalValuesIcon = TbBinaryTree2;
|
|
3129
|
-
var uniformAiIcon = customIcons["magic-wand"];
|
|
3130
|
-
var uniformLocaleIcon = CgGlobeAlt;
|
|
3131
|
-
var uniformLocaleDisabledIcon = GenIcon2({
|
|
3132
|
-
tag: "svg",
|
|
3133
|
-
attr: { fill: "currentColor", viewBox: "0 0 24 24", role: "img" },
|
|
3134
|
-
child: [
|
|
3135
|
-
{
|
|
3136
|
-
tag: "path",
|
|
3137
|
-
attr: {
|
|
3138
|
-
fillRule: "evenodd",
|
|
3139
|
-
d: "M20.123 15.88A9 9 0 0 0 8.12 3.877l2.787 2.787c.03-.073.06-.145.092-.216.294-.661.592-1.073.823-1.292a.988.988 0 0 1 .178-.14.991.991 0 0 1 .178.14c.23.22.528.63.823 1.292.366.825.665 1.901.838 3.148l3.593 3.594a9.739 9.739 0 0 0 1.548-.665 6.968 6.968 0 0 1-.385 1.827l1.528 1.528ZM14.805 5.585c.691 1.53 1.136 3.62 1.19 5.945a9.939 9.939 0 0 0 1.557-.53c.6-.266.994-.536 1.226-.756a7.016 7.016 0 0 0-3.973-4.66ZM3.877 8.12A9 9 0 0 0 15.88 20.123l-2.787-2.787a7.89 7.89 0 0 1-.092.216c-.294.661-.593 1.073-.823 1.292a.996.996 0 0 1-.178.14.99.99 0 0 1-.178-.14c-.23-.22-.529-.63-.823-1.292-.367-.825-.666-1.901-.838-3.148L6.967 11.21a8.334 8.334 0 0 1-.519-.21c-.6-.266-.995-.536-1.226-.756a6.95 6.95 0 0 1 .183-.596L3.877 8.12Zm5.317 10.295c-.577-1.278-.982-2.947-1.131-4.817-1.183-.256-2.22-.624-3.044-1.073a7.004 7.004 0 0 0 4.175 5.89Z",
|
|
3140
|
-
clipRule: "evenodd"
|
|
3141
|
-
},
|
|
3142
|
-
child: []
|
|
3143
|
-
},
|
|
3144
|
-
{
|
|
3145
|
-
tag: "path",
|
|
3146
|
-
attr: {
|
|
3147
|
-
d: "M20.031 20.031a1.5 1.5 0 0 1-2.121 0L3.06 5.182a1.5 1.5 0 0 1 2.122-2.121L20.03 17.91a1.5 1.5 0 0 1 0 2.121Z"
|
|
3148
|
-
},
|
|
3149
|
-
child: []
|
|
3150
|
-
}
|
|
3151
|
-
]
|
|
3152
|
-
});
|
|
3153
3126
|
var uniformComponentPatternIcon = GenIcon2({
|
|
3154
3127
|
tag: "svg",
|
|
3155
3128
|
attr: {
|
|
@@ -12316,7 +12289,6 @@ var menuItem = (textTheme, forceActive) => css26`
|
|
|
12316
12289
|
font-weight: var(--fw-regular);
|
|
12317
12290
|
flex-grow: 1;
|
|
12318
12291
|
gap: var(--spacing-xs);
|
|
12319
|
-
cursor: default;
|
|
12320
12292
|
white-space: nowrap;
|
|
12321
12293
|
transition: background-color var(--duration-fast) var(--timing-ease-out);
|
|
12322
12294
|
${forceActive ? activeMenuItem : ""}
|
|
@@ -15230,19 +15202,17 @@ var MultilineChip = ({ children, onClick, ...props }) => {
|
|
|
15230
15202
|
|
|
15231
15203
|
// src/components/Counter/Counter.styles.ts
|
|
15232
15204
|
import { css as css50 } from "@emotion/react";
|
|
15233
|
-
var counterContainer = (bgColor
|
|
15205
|
+
var counterContainer = (bgColor) => css50`
|
|
15234
15206
|
align-items: center;
|
|
15235
15207
|
border-radius: var(--rounded-full);
|
|
15236
15208
|
border: 1px solid var(--gray-300);
|
|
15237
15209
|
background: ${bgColor};
|
|
15238
|
-
color:
|
|
15210
|
+
color: var(--typography-base);
|
|
15239
15211
|
display: inline-flex;
|
|
15240
|
-
|
|
15241
|
-
font-size: var(--fs-xs);
|
|
15212
|
+
font-size: var(--fs-xxs);
|
|
15242
15213
|
font-weight: var(--fw-regular);
|
|
15243
15214
|
justify-content: center;
|
|
15244
|
-
|
|
15245
|
-
width: ${hasIcon ? "auto" : "var(--spacing-base)"};
|
|
15215
|
+
width: var(--spacing-base);
|
|
15246
15216
|
height: var(--spacing-base);
|
|
15247
15217
|
`;
|
|
15248
15218
|
var counterZeroValue = css50`
|
|
@@ -15266,13 +15236,7 @@ var counterIcon = css50`
|
|
|
15266
15236
|
|
|
15267
15237
|
// src/components/Counter/Counter.tsx
|
|
15268
15238
|
import { jsx as jsx63, jsxs as jsxs39 } from "@emotion/react/jsx-runtime";
|
|
15269
|
-
var Counter = ({
|
|
15270
|
-
count,
|
|
15271
|
-
bgColor = "transparent",
|
|
15272
|
-
icon,
|
|
15273
|
-
iconColor = "auto",
|
|
15274
|
-
...props
|
|
15275
|
-
}) => {
|
|
15239
|
+
var Counter = ({ count, bgColor = "transparent", ...props }) => {
|
|
15276
15240
|
if (typeof count === "undefined") {
|
|
15277
15241
|
return null;
|
|
15278
15242
|
}
|
|
@@ -15281,19 +15245,7 @@ var Counter = ({
|
|
|
15281
15245
|
/* @__PURE__ */ jsx63(Icon, { icon: "math-plus", iconColor: "currentColor", size: "0.5rem", css: counterIcon })
|
|
15282
15246
|
] }) : count;
|
|
15283
15247
|
const formatCount = count === 0 ? /* @__PURE__ */ jsx63("span", { css: counterZeroValue, title: `${count}` }) : isTripleDigits;
|
|
15284
|
-
return /* @__PURE__ */
|
|
15285
|
-
icon ? /* @__PURE__ */ jsx63(
|
|
15286
|
-
"span",
|
|
15287
|
-
{
|
|
15288
|
-
css: [
|
|
15289
|
-
iconColor ? functionalColors : void 0,
|
|
15290
|
-
{ color: iconColor ? iconColor === "red" ? "var(--brand-secondary-5)" : iconColor : "inherit" }
|
|
15291
|
-
],
|
|
15292
|
-
children: /* @__PURE__ */ jsx63(Icon, { icon, iconColor: "currentColor", size: "0.6rem" })
|
|
15293
|
-
}
|
|
15294
|
-
) : null,
|
|
15295
|
-
/* @__PURE__ */ jsx63("span", { children: formatCount })
|
|
15296
|
-
] });
|
|
15248
|
+
return /* @__PURE__ */ jsx63("div", { css: counterContainer(bgColor), ...props, children: formatCount });
|
|
15297
15249
|
};
|
|
15298
15250
|
|
|
15299
15251
|
// src/components/DashedBox/DashedBox.styles.ts
|
|
@@ -15383,6 +15335,7 @@ var input2 = css53`
|
|
|
15383
15335
|
padding: 0;
|
|
15384
15336
|
display: flex;
|
|
15385
15337
|
justify-content: space-between;
|
|
15338
|
+
gap: var(--spacing-xs);
|
|
15386
15339
|
`;
|
|
15387
15340
|
var inputLabel = css53`
|
|
15388
15341
|
flex-grow: 1;
|
|
@@ -15401,9 +15354,9 @@ var trigger = css53`
|
|
|
15401
15354
|
`;
|
|
15402
15355
|
var popover = css53`
|
|
15403
15356
|
padding: var(--spacing-md);
|
|
15404
|
-
max-width:
|
|
15357
|
+
max-width: unset;
|
|
15405
15358
|
container-type: inline-size;
|
|
15406
|
-
width: 100
|
|
15359
|
+
width: clamp(200px, 100%, 540px);
|
|
15407
15360
|
`;
|
|
15408
15361
|
var popoverInnerContent = css53`
|
|
15409
15362
|
display: grid;
|
|
@@ -15422,6 +15375,8 @@ var popoverInnerContent = css53`
|
|
|
15422
15375
|
var calendarSection = css53`
|
|
15423
15376
|
grid-column: 1;
|
|
15424
15377
|
grid-row: 1 / 3;
|
|
15378
|
+
max-width: 240px;
|
|
15379
|
+
margin-inline: auto;
|
|
15425
15380
|
|
|
15426
15381
|
[data-variant='date'] & {
|
|
15427
15382
|
grid-row: 1 / 2;
|
|
@@ -15443,6 +15398,7 @@ var datePart = css53`
|
|
|
15443
15398
|
var datePartButton = css53`
|
|
15444
15399
|
// this allows the button to be as wide as the text
|
|
15445
15400
|
min-width: 0;
|
|
15401
|
+
margin-right: auto;
|
|
15446
15402
|
`;
|
|
15447
15403
|
|
|
15448
15404
|
// src/components/DateTimePicker/DateTimePickerSummary.tsx
|
|
@@ -15591,10 +15547,12 @@ var DateTimePicker = ({
|
|
|
15591
15547
|
warningMessage,
|
|
15592
15548
|
disabled: disabled2,
|
|
15593
15549
|
onChange,
|
|
15594
|
-
testId,
|
|
15550
|
+
testId = "datetime-picker",
|
|
15551
|
+
placement = "bottom-start",
|
|
15552
|
+
offset,
|
|
15595
15553
|
...props
|
|
15596
15554
|
}) => {
|
|
15597
|
-
const popover2 = usePopoverState({ placement:
|
|
15555
|
+
const popover2 = usePopoverState({ placement, unstable_offset: offset });
|
|
15598
15556
|
const parsedValue = useMemo(() => tryParseAbsolute(value == null ? void 0 : value.datetime, value == null ? void 0 : value.timeZone), [value]);
|
|
15599
15557
|
const parsedMinVisible = useMemo(
|
|
15600
15558
|
() => tryParseAbsoluteToDateString(minVisible, value == null ? void 0 : value.timeZone),
|
|
@@ -15765,21 +15723,17 @@ import { css as css54 } from "@emotion/react";
|
|
|
15765
15723
|
var descriptionListHorizontal = css54`
|
|
15766
15724
|
display: grid;
|
|
15767
15725
|
grid-template-columns: max-content auto;
|
|
15768
|
-
gap: var(--spacing-
|
|
15726
|
+
gap: var(--spacing-sm) var(--spacing-md);
|
|
15769
15727
|
`;
|
|
15770
15728
|
var descriptionListVertical = css54`
|
|
15771
15729
|
display: flex;
|
|
15772
15730
|
flex-direction: column;
|
|
15773
|
-
gap: var(--spacing-
|
|
15731
|
+
gap: var(--spacing-sm);
|
|
15774
15732
|
`;
|
|
15775
15733
|
var descriptionListLabelStyles = css54`
|
|
15776
15734
|
display: flex;
|
|
15777
15735
|
align-items: center;
|
|
15778
15736
|
color: var(--gray-500);
|
|
15779
|
-
|
|
15780
|
-
dd + & {
|
|
15781
|
-
margin-top: var(--spacing-sm);
|
|
15782
|
-
}
|
|
15783
15737
|
`;
|
|
15784
15738
|
var descriptionListValueStyles = css54`
|
|
15785
15739
|
display: flex;
|
|
@@ -15834,7 +15788,10 @@ var detailsContent = css55`
|
|
|
15834
15788
|
position: relative;
|
|
15835
15789
|
animation: ${fadeInRtl} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
15836
15790
|
will-change: height;
|
|
15837
|
-
|
|
15791
|
+
|
|
15792
|
+
&:focus-within {
|
|
15793
|
+
z-index: 1;
|
|
15794
|
+
}
|
|
15838
15795
|
`;
|
|
15839
15796
|
var detailsContentIndented = css55`
|
|
15840
15797
|
margin-left: calc(1.25rem / 2);
|
|
@@ -18966,14 +18923,19 @@ var ObjectListItemContainer = css84`
|
|
|
18966
18923
|
}
|
|
18967
18924
|
`;
|
|
18968
18925
|
var ObjectListItemCover = css84`
|
|
18969
|
-
|
|
18970
|
-
|
|
18926
|
+
align-items: center;
|
|
18927
|
+
background: var(--gray-100);
|
|
18928
|
+
color: var(--gray-500);
|
|
18929
|
+
display: flex;
|
|
18930
|
+
width: 80px;
|
|
18931
|
+
height: 45px;
|
|
18932
|
+
text-align: center;
|
|
18933
|
+
font-size: var(--fs-xs);
|
|
18934
|
+
`;
|
|
18935
|
+
var ObjectListItemImage = css84`
|
|
18971
18936
|
object-fit: cover;
|
|
18972
|
-
|
|
18973
|
-
|
|
18974
|
-
background: var(--gray-200);
|
|
18975
|
-
height: 45px;
|
|
18976
|
-
}
|
|
18937
|
+
width: 100%;
|
|
18938
|
+
height: 100%;
|
|
18977
18939
|
`;
|
|
18978
18940
|
var ObjectListItemLoading = css84`
|
|
18979
18941
|
animation: ${skeletonLoading} 1s linear infinite alternate;
|
|
@@ -19056,26 +19018,30 @@ var ObjectListItem2 = (props) => {
|
|
|
19056
19018
|
|
|
19057
19019
|
// src/components/Objects/ObjectListItemContainer.tsx
|
|
19058
19020
|
import { jsx as jsx110 } from "@emotion/react/jsx-runtime";
|
|
19059
|
-
var ObjectListItemContainer2 = ({ children, ...props }) => {
|
|
19060
|
-
return /* @__PURE__ */ jsx110(VerticalRhythm, { css: ObjectListItemContainer, role: "list", ...props, children });
|
|
19021
|
+
var ObjectListItemContainer2 = ({ children, gap = "0", ...props }) => {
|
|
19022
|
+
return /* @__PURE__ */ jsx110(VerticalRhythm, { gap, css: ObjectListItemContainer, role: "list", ...props, children });
|
|
19061
19023
|
};
|
|
19062
19024
|
|
|
19063
19025
|
// src/components/Objects/ObjectListItemCover.tsx
|
|
19064
19026
|
import { jsx as jsx111 } from "@emotion/react/jsx-runtime";
|
|
19065
|
-
var ObjectListItemCover2 = ({
|
|
19027
|
+
var ObjectListItemCover2 = ({
|
|
19028
|
+
imageUrl,
|
|
19029
|
+
noImageText = "Image not available",
|
|
19030
|
+
...props
|
|
19031
|
+
}) => {
|
|
19066
19032
|
if (!imageUrl) {
|
|
19067
|
-
return /* @__PURE__ */ jsx111("div", { css: ObjectListItemCover, role: "presentation", "data-testid": "object-list-item-thumbnail" });
|
|
19033
|
+
return /* @__PURE__ */ jsx111("div", { css: ObjectListItemCover, role: "presentation", "data-testid": "object-list-item-thumbnail", children: noImageText });
|
|
19068
19034
|
}
|
|
19069
|
-
return /* @__PURE__ */ jsx111(
|
|
19035
|
+
return /* @__PURE__ */ jsx111("div", { css: ObjectListItemCover, children: /* @__PURE__ */ jsx111(
|
|
19070
19036
|
"img",
|
|
19071
19037
|
{
|
|
19072
|
-
css: ObjectListItemCover,
|
|
19073
19038
|
src: imageUrl,
|
|
19039
|
+
css: ObjectListItemImage,
|
|
19074
19040
|
loading: "lazy",
|
|
19075
19041
|
"data-testid": "object-list-item-thumbnail",
|
|
19076
19042
|
...props
|
|
19077
19043
|
}
|
|
19078
|
-
);
|
|
19044
|
+
) });
|
|
19079
19045
|
};
|
|
19080
19046
|
|
|
19081
19047
|
// src/components/Objects/ObjectListItemHeading.tsx
|
|
@@ -23030,16 +22996,12 @@ export {
|
|
|
23030
22996
|
supports,
|
|
23031
22997
|
textInput,
|
|
23032
22998
|
toast,
|
|
23033
|
-
uniformAiIcon,
|
|
23034
22999
|
uniformComponentIcon,
|
|
23035
23000
|
uniformComponentPatternIcon,
|
|
23036
23001
|
uniformCompositionPatternIcon,
|
|
23037
|
-
uniformConditionalValuesIcon,
|
|
23038
23002
|
uniformContentTypeIcon,
|
|
23039
23003
|
uniformEntryIcon,
|
|
23040
23004
|
uniformEntryPatternIcon,
|
|
23041
|
-
uniformLocaleDisabledIcon,
|
|
23042
|
-
uniformLocaleIcon,
|
|
23043
23005
|
useBreakpoint,
|
|
23044
23006
|
useCloseCurrentDrawer,
|
|
23045
23007
|
useCurrentDrawer,
|
package/dist/index.d.mts
CHANGED
|
@@ -16,6 +16,7 @@ import * as _react_icons_all_files from '@react-icons/all-files';
|
|
|
16
16
|
import { IconType as IconType$2 } from '@react-icons/all-files';
|
|
17
17
|
import { DateValue } from '@internationalized/date';
|
|
18
18
|
import { CalendarProps as CalendarProps$1, TimeFieldProps, TimeValue } from 'react-aria-components';
|
|
19
|
+
import { PopoverState } from 'reakit/Popover';
|
|
19
20
|
import { CreatableProps } from 'react-select/creatable';
|
|
20
21
|
import InternalSelect from 'react-select/dist/declarations/src/Select';
|
|
21
22
|
import { JsonSchema7Type } from 'zod-to-json-schema/src/parseDef';
|
|
@@ -21187,10 +21188,6 @@ declare function IconsProvider({ children }: {
|
|
|
21187
21188
|
}): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21188
21189
|
|
|
21189
21190
|
declare const uniformComponentIcon: IconType$1;
|
|
21190
|
-
declare const uniformConditionalValuesIcon: IconType$1;
|
|
21191
|
-
declare const uniformAiIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
21192
|
-
declare const uniformLocaleIcon: IconType$1;
|
|
21193
|
-
declare const uniformLocaleDisabledIcon: IconType$1;
|
|
21194
21191
|
declare const uniformComponentPatternIcon: IconType$1;
|
|
21195
21192
|
declare const uniformCompositionPatternIcon: IconType$1;
|
|
21196
21193
|
declare const uniformContentTypeIcon: IconType$1;
|
|
@@ -21400,22 +21397,16 @@ type MultilineChipProps = {
|
|
|
21400
21397
|
*/
|
|
21401
21398
|
declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21402
21399
|
|
|
21403
|
-
type CounterBgColors = 'var(--white)' | 'var(--gray-50)' | 'var(--accent-light)' | 'var(--accent-dark)' | 'transparent';
|
|
21404
|
-
type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'red';
|
|
21405
21400
|
type CounterProps = {
|
|
21406
21401
|
/** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear. */
|
|
21407
21402
|
count: number | undefined;
|
|
21408
21403
|
/** sets the background color
|
|
21409
21404
|
* @default 'transparent'
|
|
21410
21405
|
*/
|
|
21411
|
-
bgColor?:
|
|
21412
|
-
|
|
21413
|
-
iconColor?: CounterIconColors;
|
|
21414
|
-
/** Optional icon for the counter */
|
|
21415
|
-
icon?: IconType;
|
|
21416
|
-
} & React.HTMLAttributes<HTMLDivElement>;
|
|
21406
|
+
bgColor?: 'var(--white)' | 'var(--gray-50)' | 'transparent';
|
|
21407
|
+
} & React$1.HTMLAttributes<HTMLDivElement>;
|
|
21417
21408
|
/** @example <Counter count={1} /> */
|
|
21418
|
-
declare const Counter: ({ count, bgColor,
|
|
21409
|
+
declare const Counter: ({ count, bgColor, ...props }: CounterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
|
|
21419
21410
|
|
|
21420
21411
|
type TextAlignProps = 'left' | 'right' | 'center';
|
|
21421
21412
|
type BoxHeightProps = 'auto' | 'xs' | 'sm' | 'md' | 'lg';
|
|
@@ -21480,6 +21471,10 @@ type DateTimePickerProps = {
|
|
|
21480
21471
|
disabled?: boolean;
|
|
21481
21472
|
/** (optional) sets the base test id for each of the elements with a testid */
|
|
21482
21473
|
testId?: string;
|
|
21474
|
+
/** (optional) sets the popover placement */
|
|
21475
|
+
placement?: PopoverState['placement'];
|
|
21476
|
+
/** (optional) sets the popover offset */
|
|
21477
|
+
offset?: [string | number, string | number] | undefined;
|
|
21483
21478
|
};
|
|
21484
21479
|
/**
|
|
21485
21480
|
* Use this context for slots within the date time picker
|
|
@@ -21502,7 +21497,7 @@ declare function useDateTimePickerContext(): {
|
|
|
21502
21497
|
* Subcomponents can manipulate the value directly by using
|
|
21503
21498
|
* the `useDateTimePickerContext()` hook.
|
|
21504
21499
|
*/
|
|
21505
|
-
declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, ...props }: DateTimePickerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21500
|
+
declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, placement, offset, ...props }: DateTimePickerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21506
21501
|
|
|
21507
21502
|
declare function DateTimePickerSummary({ value, placeholder, }: {
|
|
21508
21503
|
value: DateTimePickerValue | null | undefined;
|
|
@@ -22915,14 +22910,18 @@ type ObjectListItemMultiProps = Omit<ObjectItemProps, 'cover'> & {
|
|
|
22915
22910
|
declare const ObjectListItem: (props: ObjectListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22916
22911
|
|
|
22917
22912
|
/** @deprecated - Beta Object list item container component */
|
|
22918
|
-
declare const ObjectListItemContainer: ({ children, ...props }: RhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22913
|
+
declare const ObjectListItemContainer: ({ children, gap, ...props }: RhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22919
22914
|
|
|
22920
22915
|
/** @deprecated - Beta Object list item cover component */
|
|
22921
22916
|
type ObjectListItemCoverProps = {
|
|
22922
22917
|
imageUrl?: string;
|
|
22918
|
+
/** (optional) sets the text to display when there is no image
|
|
22919
|
+
* @default 'Image not available'
|
|
22920
|
+
*/
|
|
22921
|
+
noImageText?: string;
|
|
22923
22922
|
} & HTMLAttributes<HTMLImageElement>;
|
|
22924
22923
|
/** @deprecated - beta Object list item cover component */
|
|
22925
|
-
declare const ObjectListItemCover: ({ imageUrl, ...props }: ObjectListItemCoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22924
|
+
declare const ObjectListItemCover: ({ imageUrl, noImageText, ...props }: ObjectListItemCoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22926
22925
|
|
|
22927
22926
|
/** @deprecated - Beta Object list item heading component */
|
|
22928
22927
|
type ObjectListItemHeadingProps = Omit<ObjectHeadingProps, 'heading'> & HTMLAttributes<HTMLDivElement> & {
|
|
@@ -23945,4 +23944,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
23945
23944
|
};
|
|
23946
23945
|
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23947
23946
|
|
|
23948
|
-
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type
|
|
23947
|
+
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, 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, 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, IntegrationHeaderSection, type IntegrationHeaderSectionProps, 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 LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, 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, ShortcutContext, type ShortcutReference, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon };
|
package/dist/index.d.ts
CHANGED
|
@@ -16,6 +16,7 @@ import * as _react_icons_all_files from '@react-icons/all-files';
|
|
|
16
16
|
import { IconType as IconType$2 } from '@react-icons/all-files';
|
|
17
17
|
import { DateValue } from '@internationalized/date';
|
|
18
18
|
import { CalendarProps as CalendarProps$1, TimeFieldProps, TimeValue } from 'react-aria-components';
|
|
19
|
+
import { PopoverState } from 'reakit/Popover';
|
|
19
20
|
import { CreatableProps } from 'react-select/creatable';
|
|
20
21
|
import InternalSelect from 'react-select/dist/declarations/src/Select';
|
|
21
22
|
import { JsonSchema7Type } from 'zod-to-json-schema/src/parseDef';
|
|
@@ -21187,10 +21188,6 @@ declare function IconsProvider({ children }: {
|
|
|
21187
21188
|
}): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21188
21189
|
|
|
21189
21190
|
declare const uniformComponentIcon: IconType$1;
|
|
21190
|
-
declare const uniformConditionalValuesIcon: IconType$1;
|
|
21191
|
-
declare const uniformAiIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
|
|
21192
|
-
declare const uniformLocaleIcon: IconType$1;
|
|
21193
|
-
declare const uniformLocaleDisabledIcon: IconType$1;
|
|
21194
21191
|
declare const uniformComponentPatternIcon: IconType$1;
|
|
21195
21192
|
declare const uniformCompositionPatternIcon: IconType$1;
|
|
21196
21193
|
declare const uniformContentTypeIcon: IconType$1;
|
|
@@ -21400,22 +21397,16 @@ type MultilineChipProps = {
|
|
|
21400
21397
|
*/
|
|
21401
21398
|
declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21402
21399
|
|
|
21403
|
-
type CounterBgColors = 'var(--white)' | 'var(--gray-50)' | 'var(--accent-light)' | 'var(--accent-dark)' | 'transparent';
|
|
21404
|
-
type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'red';
|
|
21405
21400
|
type CounterProps = {
|
|
21406
21401
|
/** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear. */
|
|
21407
21402
|
count: number | undefined;
|
|
21408
21403
|
/** sets the background color
|
|
21409
21404
|
* @default 'transparent'
|
|
21410
21405
|
*/
|
|
21411
|
-
bgColor?:
|
|
21412
|
-
|
|
21413
|
-
iconColor?: CounterIconColors;
|
|
21414
|
-
/** Optional icon for the counter */
|
|
21415
|
-
icon?: IconType;
|
|
21416
|
-
} & React.HTMLAttributes<HTMLDivElement>;
|
|
21406
|
+
bgColor?: 'var(--white)' | 'var(--gray-50)' | 'transparent';
|
|
21407
|
+
} & React$1.HTMLAttributes<HTMLDivElement>;
|
|
21417
21408
|
/** @example <Counter count={1} /> */
|
|
21418
|
-
declare const Counter: ({ count, bgColor,
|
|
21409
|
+
declare const Counter: ({ count, bgColor, ...props }: CounterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
|
|
21419
21410
|
|
|
21420
21411
|
type TextAlignProps = 'left' | 'right' | 'center';
|
|
21421
21412
|
type BoxHeightProps = 'auto' | 'xs' | 'sm' | 'md' | 'lg';
|
|
@@ -21480,6 +21471,10 @@ type DateTimePickerProps = {
|
|
|
21480
21471
|
disabled?: boolean;
|
|
21481
21472
|
/** (optional) sets the base test id for each of the elements with a testid */
|
|
21482
21473
|
testId?: string;
|
|
21474
|
+
/** (optional) sets the popover placement */
|
|
21475
|
+
placement?: PopoverState['placement'];
|
|
21476
|
+
/** (optional) sets the popover offset */
|
|
21477
|
+
offset?: [string | number, string | number] | undefined;
|
|
21483
21478
|
};
|
|
21484
21479
|
/**
|
|
21485
21480
|
* Use this context for slots within the date time picker
|
|
@@ -21502,7 +21497,7 @@ declare function useDateTimePickerContext(): {
|
|
|
21502
21497
|
* Subcomponents can manipulate the value directly by using
|
|
21503
21498
|
* the `useDateTimePickerContext()` hook.
|
|
21504
21499
|
*/
|
|
21505
|
-
declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, ...props }: DateTimePickerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21500
|
+
declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, placement, offset, ...props }: DateTimePickerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21506
21501
|
|
|
21507
21502
|
declare function DateTimePickerSummary({ value, placeholder, }: {
|
|
21508
21503
|
value: DateTimePickerValue | null | undefined;
|
|
@@ -22915,14 +22910,18 @@ type ObjectListItemMultiProps = Omit<ObjectItemProps, 'cover'> & {
|
|
|
22915
22910
|
declare const ObjectListItem: (props: ObjectListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22916
22911
|
|
|
22917
22912
|
/** @deprecated - Beta Object list item container component */
|
|
22918
|
-
declare const ObjectListItemContainer: ({ children, ...props }: RhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22913
|
+
declare const ObjectListItemContainer: ({ children, gap, ...props }: RhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22919
22914
|
|
|
22920
22915
|
/** @deprecated - Beta Object list item cover component */
|
|
22921
22916
|
type ObjectListItemCoverProps = {
|
|
22922
22917
|
imageUrl?: string;
|
|
22918
|
+
/** (optional) sets the text to display when there is no image
|
|
22919
|
+
* @default 'Image not available'
|
|
22920
|
+
*/
|
|
22921
|
+
noImageText?: string;
|
|
22923
22922
|
} & HTMLAttributes<HTMLImageElement>;
|
|
22924
22923
|
/** @deprecated - beta Object list item cover component */
|
|
22925
|
-
declare const ObjectListItemCover: ({ imageUrl, ...props }: ObjectListItemCoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22924
|
+
declare const ObjectListItemCover: ({ imageUrl, noImageText, ...props }: ObjectListItemCoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22926
22925
|
|
|
22927
22926
|
/** @deprecated - Beta Object list item heading component */
|
|
22928
22927
|
type ObjectListItemHeadingProps = Omit<ObjectHeadingProps, 'heading'> & HTMLAttributes<HTMLDivElement> & {
|
|
@@ -23945,4 +23944,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
23945
23944
|
};
|
|
23946
23945
|
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23947
23946
|
|
|
23948
|
-
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type
|
|
23947
|
+
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, 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, 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, IntegrationHeaderSection, type IntegrationHeaderSectionProps, 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 LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, 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, ShortcutContext, type ShortcutReference, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon };
|
package/dist/index.js
CHANGED
|
@@ -1592,16 +1592,12 @@ __export(src_exports, {
|
|
|
1592
1592
|
supports: () => supports,
|
|
1593
1593
|
textInput: () => textInput,
|
|
1594
1594
|
toast: () => import_react_toastify.toast,
|
|
1595
|
-
uniformAiIcon: () => uniformAiIcon,
|
|
1596
1595
|
uniformComponentIcon: () => uniformComponentIcon,
|
|
1597
1596
|
uniformComponentPatternIcon: () => uniformComponentPatternIcon,
|
|
1598
1597
|
uniformCompositionPatternIcon: () => uniformCompositionPatternIcon,
|
|
1599
|
-
uniformConditionalValuesIcon: () => uniformConditionalValuesIcon,
|
|
1600
1598
|
uniformContentTypeIcon: () => uniformContentTypeIcon,
|
|
1601
1599
|
uniformEntryIcon: () => uniformEntryIcon,
|
|
1602
1600
|
uniformEntryPatternIcon: () => uniformEntryPatternIcon,
|
|
1603
|
-
uniformLocaleDisabledIcon: () => uniformLocaleDisabledIcon,
|
|
1604
|
-
uniformLocaleIcon: () => uniformLocaleIcon,
|
|
1605
1601
|
useBreakpoint: () => useBreakpoint,
|
|
1606
1602
|
useCloseCurrentDrawer: () => useCloseCurrentDrawer,
|
|
1607
1603
|
useCurrentDrawer: () => useCurrentDrawer,
|
|
@@ -4791,37 +4787,10 @@ var customIcons = {
|
|
|
4791
4787
|
// src/components/Icons/systemIcons.tsx
|
|
4792
4788
|
init_emotion_jsx_shim();
|
|
4793
4789
|
var import_all_files2 = require("@react-icons/all-files");
|
|
4794
|
-
var import_CgGlobeAlt2 = require("@react-icons/all-files/cg/CgGlobeAlt");
|
|
4795
4790
|
var import_CgList2 = require("@react-icons/all-files/cg/CgList");
|
|
4796
4791
|
var import_CgPen2 = require("@react-icons/all-files/cg/CgPen");
|
|
4797
|
-
var import_TbBinaryTree2 = require("@react-icons/all-files/tb/TbBinaryTree2");
|
|
4798
4792
|
var import_TbBox = require("@react-icons/all-files/tb/TbBox");
|
|
4799
4793
|
var uniformComponentIcon = import_TbBox.TbBox;
|
|
4800
|
-
var uniformConditionalValuesIcon = import_TbBinaryTree2.TbBinaryTree2;
|
|
4801
|
-
var uniformAiIcon = customIcons["magic-wand"];
|
|
4802
|
-
var uniformLocaleIcon = import_CgGlobeAlt2.CgGlobeAlt;
|
|
4803
|
-
var uniformLocaleDisabledIcon = (0, import_all_files2.GenIcon)({
|
|
4804
|
-
tag: "svg",
|
|
4805
|
-
attr: { fill: "currentColor", viewBox: "0 0 24 24", role: "img" },
|
|
4806
|
-
child: [
|
|
4807
|
-
{
|
|
4808
|
-
tag: "path",
|
|
4809
|
-
attr: {
|
|
4810
|
-
fillRule: "evenodd",
|
|
4811
|
-
d: "M20.123 15.88A9 9 0 0 0 8.12 3.877l2.787 2.787c.03-.073.06-.145.092-.216.294-.661.592-1.073.823-1.292a.988.988 0 0 1 .178-.14.991.991 0 0 1 .178.14c.23.22.528.63.823 1.292.366.825.665 1.901.838 3.148l3.593 3.594a9.739 9.739 0 0 0 1.548-.665 6.968 6.968 0 0 1-.385 1.827l1.528 1.528ZM14.805 5.585c.691 1.53 1.136 3.62 1.19 5.945a9.939 9.939 0 0 0 1.557-.53c.6-.266.994-.536 1.226-.756a7.016 7.016 0 0 0-3.973-4.66ZM3.877 8.12A9 9 0 0 0 15.88 20.123l-2.787-2.787a7.89 7.89 0 0 1-.092.216c-.294.661-.593 1.073-.823 1.292a.996.996 0 0 1-.178.14.99.99 0 0 1-.178-.14c-.23-.22-.529-.63-.823-1.292-.367-.825-.666-1.901-.838-3.148L6.967 11.21a8.334 8.334 0 0 1-.519-.21c-.6-.266-.995-.536-1.226-.756a6.95 6.95 0 0 1 .183-.596L3.877 8.12Zm5.317 10.295c-.577-1.278-.982-2.947-1.131-4.817-1.183-.256-2.22-.624-3.044-1.073a7.004 7.004 0 0 0 4.175 5.89Z",
|
|
4812
|
-
clipRule: "evenodd"
|
|
4813
|
-
},
|
|
4814
|
-
child: []
|
|
4815
|
-
},
|
|
4816
|
-
{
|
|
4817
|
-
tag: "path",
|
|
4818
|
-
attr: {
|
|
4819
|
-
d: "M20.031 20.031a1.5 1.5 0 0 1-2.121 0L3.06 5.182a1.5 1.5 0 0 1 2.122-2.121L20.03 17.91a1.5 1.5 0 0 1 0 2.121Z"
|
|
4820
|
-
},
|
|
4821
|
-
child: []
|
|
4822
|
-
}
|
|
4823
|
-
]
|
|
4824
|
-
});
|
|
4825
4794
|
var uniformComponentPatternIcon = (0, import_all_files2.GenIcon)({
|
|
4826
4795
|
tag: "svg",
|
|
4827
4796
|
attr: {
|
|
@@ -14019,7 +13988,6 @@ var menuItem = (textTheme, forceActive) => import_react34.css`
|
|
|
14019
13988
|
font-weight: var(--fw-regular);
|
|
14020
13989
|
flex-grow: 1;
|
|
14021
13990
|
gap: var(--spacing-xs);
|
|
14022
|
-
cursor: default;
|
|
14023
13991
|
white-space: nowrap;
|
|
14024
13992
|
transition: background-color var(--duration-fast) var(--timing-ease-out);
|
|
14025
13993
|
${forceActive ? activeMenuItem : ""}
|
|
@@ -16997,19 +16965,17 @@ init_emotion_jsx_shim();
|
|
|
16997
16965
|
// src/components/Counter/Counter.styles.ts
|
|
16998
16966
|
init_emotion_jsx_shim();
|
|
16999
16967
|
var import_react71 = require("@emotion/react");
|
|
17000
|
-
var counterContainer = (bgColor
|
|
16968
|
+
var counterContainer = (bgColor) => import_react71.css`
|
|
17001
16969
|
align-items: center;
|
|
17002
16970
|
border-radius: var(--rounded-full);
|
|
17003
16971
|
border: 1px solid var(--gray-300);
|
|
17004
16972
|
background: ${bgColor};
|
|
17005
|
-
color:
|
|
16973
|
+
color: var(--typography-base);
|
|
17006
16974
|
display: inline-flex;
|
|
17007
|
-
|
|
17008
|
-
font-size: var(--fs-xs);
|
|
16975
|
+
font-size: var(--fs-xxs);
|
|
17009
16976
|
font-weight: var(--fw-regular);
|
|
17010
16977
|
justify-content: center;
|
|
17011
|
-
|
|
17012
|
-
width: ${hasIcon ? "auto" : "var(--spacing-base)"};
|
|
16978
|
+
width: var(--spacing-base);
|
|
17013
16979
|
height: var(--spacing-base);
|
|
17014
16980
|
`;
|
|
17015
16981
|
var counterZeroValue = import_react71.css`
|
|
@@ -17033,13 +16999,7 @@ var counterIcon = import_react71.css`
|
|
|
17033
16999
|
|
|
17034
17000
|
// src/components/Counter/Counter.tsx
|
|
17035
17001
|
var import_jsx_runtime63 = require("@emotion/react/jsx-runtime");
|
|
17036
|
-
var Counter = ({
|
|
17037
|
-
count,
|
|
17038
|
-
bgColor = "transparent",
|
|
17039
|
-
icon,
|
|
17040
|
-
iconColor = "auto",
|
|
17041
|
-
...props
|
|
17042
|
-
}) => {
|
|
17002
|
+
var Counter = ({ count, bgColor = "transparent", ...props }) => {
|
|
17043
17003
|
if (typeof count === "undefined") {
|
|
17044
17004
|
return null;
|
|
17045
17005
|
}
|
|
@@ -17048,19 +17008,7 @@ var Counter = ({
|
|
|
17048
17008
|
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { icon: "math-plus", iconColor: "currentColor", size: "0.5rem", css: counterIcon })
|
|
17049
17009
|
] }) : count;
|
|
17050
17010
|
const formatCount = count === 0 ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { css: counterZeroValue, title: `${count}` }) : isTripleDigits;
|
|
17051
|
-
return /* @__PURE__ */ (0, import_jsx_runtime63.
|
|
17052
|
-
icon ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
17053
|
-
"span",
|
|
17054
|
-
{
|
|
17055
|
-
css: [
|
|
17056
|
-
iconColor ? functionalColors : void 0,
|
|
17057
|
-
{ color: iconColor ? iconColor === "red" ? "var(--brand-secondary-5)" : iconColor : "inherit" }
|
|
17058
|
-
],
|
|
17059
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { icon, iconColor: "currentColor", size: "0.6rem" })
|
|
17060
|
-
}
|
|
17061
|
-
) : null,
|
|
17062
|
-
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: formatCount })
|
|
17063
|
-
] });
|
|
17011
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { css: counterContainer(bgColor), ...props, children: formatCount });
|
|
17064
17012
|
};
|
|
17065
17013
|
|
|
17066
17014
|
// src/components/DashedBox/DashedBox.tsx
|
|
@@ -17160,6 +17108,7 @@ var input2 = import_react74.css`
|
|
|
17160
17108
|
padding: 0;
|
|
17161
17109
|
display: flex;
|
|
17162
17110
|
justify-content: space-between;
|
|
17111
|
+
gap: var(--spacing-xs);
|
|
17163
17112
|
`;
|
|
17164
17113
|
var inputLabel = import_react74.css`
|
|
17165
17114
|
flex-grow: 1;
|
|
@@ -17178,9 +17127,9 @@ var trigger = import_react74.css`
|
|
|
17178
17127
|
`;
|
|
17179
17128
|
var popover = import_react74.css`
|
|
17180
17129
|
padding: var(--spacing-md);
|
|
17181
|
-
max-width:
|
|
17130
|
+
max-width: unset;
|
|
17182
17131
|
container-type: inline-size;
|
|
17183
|
-
width: 100
|
|
17132
|
+
width: clamp(200px, 100%, 540px);
|
|
17184
17133
|
`;
|
|
17185
17134
|
var popoverInnerContent = import_react74.css`
|
|
17186
17135
|
display: grid;
|
|
@@ -17199,6 +17148,8 @@ var popoverInnerContent = import_react74.css`
|
|
|
17199
17148
|
var calendarSection = import_react74.css`
|
|
17200
17149
|
grid-column: 1;
|
|
17201
17150
|
grid-row: 1 / 3;
|
|
17151
|
+
max-width: 240px;
|
|
17152
|
+
margin-inline: auto;
|
|
17202
17153
|
|
|
17203
17154
|
[data-variant='date'] & {
|
|
17204
17155
|
grid-row: 1 / 2;
|
|
@@ -17220,6 +17171,7 @@ var datePart = import_react74.css`
|
|
|
17220
17171
|
var datePartButton = import_react74.css`
|
|
17221
17172
|
// this allows the button to be as wide as the text
|
|
17222
17173
|
min-width: 0;
|
|
17174
|
+
margin-right: auto;
|
|
17223
17175
|
`;
|
|
17224
17176
|
|
|
17225
17177
|
// src/components/DateTimePicker/DateTimePickerSummary.tsx
|
|
@@ -17363,10 +17315,12 @@ var DateTimePicker = ({
|
|
|
17363
17315
|
warningMessage,
|
|
17364
17316
|
disabled: disabled2,
|
|
17365
17317
|
onChange,
|
|
17366
|
-
testId,
|
|
17318
|
+
testId = "datetime-picker",
|
|
17319
|
+
placement = "bottom-start",
|
|
17320
|
+
offset,
|
|
17367
17321
|
...props
|
|
17368
17322
|
}) => {
|
|
17369
|
-
const popover2 = (0, import_Popover.usePopoverState)({ placement:
|
|
17323
|
+
const popover2 = (0, import_Popover.usePopoverState)({ placement, unstable_offset: offset });
|
|
17370
17324
|
const parsedValue = (0, import_react75.useMemo)(() => tryParseAbsolute(value == null ? void 0 : value.datetime, value == null ? void 0 : value.timeZone), [value]);
|
|
17371
17325
|
const parsedMinVisible = (0, import_react75.useMemo)(
|
|
17372
17326
|
() => tryParseAbsoluteToDateString(minVisible, value == null ? void 0 : value.timeZone),
|
|
@@ -17539,21 +17493,17 @@ var import_react76 = require("@emotion/react");
|
|
|
17539
17493
|
var descriptionListHorizontal = import_react76.css`
|
|
17540
17494
|
display: grid;
|
|
17541
17495
|
grid-template-columns: max-content auto;
|
|
17542
|
-
gap: var(--spacing-
|
|
17496
|
+
gap: var(--spacing-sm) var(--spacing-md);
|
|
17543
17497
|
`;
|
|
17544
17498
|
var descriptionListVertical = import_react76.css`
|
|
17545
17499
|
display: flex;
|
|
17546
17500
|
flex-direction: column;
|
|
17547
|
-
gap: var(--spacing-
|
|
17501
|
+
gap: var(--spacing-sm);
|
|
17548
17502
|
`;
|
|
17549
17503
|
var descriptionListLabelStyles = import_react76.css`
|
|
17550
17504
|
display: flex;
|
|
17551
17505
|
align-items: center;
|
|
17552
17506
|
color: var(--gray-500);
|
|
17553
|
-
|
|
17554
|
-
dd + & {
|
|
17555
|
-
margin-top: var(--spacing-sm);
|
|
17556
|
-
}
|
|
17557
17507
|
`;
|
|
17558
17508
|
var descriptionListValueStyles = import_react76.css`
|
|
17559
17509
|
display: flex;
|
|
@@ -17610,7 +17560,10 @@ var detailsContent = import_react78.css`
|
|
|
17610
17560
|
position: relative;
|
|
17611
17561
|
animation: ${fadeInRtl} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
17612
17562
|
will-change: height;
|
|
17613
|
-
|
|
17563
|
+
|
|
17564
|
+
&:focus-within {
|
|
17565
|
+
z-index: 1;
|
|
17566
|
+
}
|
|
17614
17567
|
`;
|
|
17615
17568
|
var detailsContentIndented = import_react78.css`
|
|
17616
17569
|
margin-left: calc(1.25rem / 2);
|
|
@@ -20829,14 +20782,19 @@ var ObjectListItemContainer = import_react126.css`
|
|
|
20829
20782
|
}
|
|
20830
20783
|
`;
|
|
20831
20784
|
var ObjectListItemCover = import_react126.css`
|
|
20832
|
-
|
|
20833
|
-
|
|
20785
|
+
align-items: center;
|
|
20786
|
+
background: var(--gray-100);
|
|
20787
|
+
color: var(--gray-500);
|
|
20788
|
+
display: flex;
|
|
20789
|
+
width: 80px;
|
|
20790
|
+
height: 45px;
|
|
20791
|
+
text-align: center;
|
|
20792
|
+
font-size: var(--fs-xs);
|
|
20793
|
+
`;
|
|
20794
|
+
var ObjectListItemImage = import_react126.css`
|
|
20834
20795
|
object-fit: cover;
|
|
20835
|
-
|
|
20836
|
-
|
|
20837
|
-
background: var(--gray-200);
|
|
20838
|
-
height: 45px;
|
|
20839
|
-
}
|
|
20796
|
+
width: 100%;
|
|
20797
|
+
height: 100%;
|
|
20840
20798
|
`;
|
|
20841
20799
|
var ObjectListItemLoading = import_react126.css`
|
|
20842
20800
|
animation: ${skeletonLoading} 1s linear infinite alternate;
|
|
@@ -20921,27 +20879,31 @@ var ObjectListItem2 = (props) => {
|
|
|
20921
20879
|
// src/components/Objects/ObjectListItemContainer.tsx
|
|
20922
20880
|
init_emotion_jsx_shim();
|
|
20923
20881
|
var import_jsx_runtime110 = require("@emotion/react/jsx-runtime");
|
|
20924
|
-
var ObjectListItemContainer2 = ({ children, ...props }) => {
|
|
20925
|
-
return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(VerticalRhythm, { css: ObjectListItemContainer, role: "list", ...props, children });
|
|
20882
|
+
var ObjectListItemContainer2 = ({ children, gap = "0", ...props }) => {
|
|
20883
|
+
return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(VerticalRhythm, { gap, css: ObjectListItemContainer, role: "list", ...props, children });
|
|
20926
20884
|
};
|
|
20927
20885
|
|
|
20928
20886
|
// src/components/Objects/ObjectListItemCover.tsx
|
|
20929
20887
|
init_emotion_jsx_shim();
|
|
20930
20888
|
var import_jsx_runtime111 = require("@emotion/react/jsx-runtime");
|
|
20931
|
-
var ObjectListItemCover2 = ({
|
|
20889
|
+
var ObjectListItemCover2 = ({
|
|
20890
|
+
imageUrl,
|
|
20891
|
+
noImageText = "Image not available",
|
|
20892
|
+
...props
|
|
20893
|
+
}) => {
|
|
20932
20894
|
if (!imageUrl) {
|
|
20933
|
-
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { css: ObjectListItemCover, role: "presentation", "data-testid": "object-list-item-thumbnail" });
|
|
20895
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { css: ObjectListItemCover, role: "presentation", "data-testid": "object-list-item-thumbnail", children: noImageText });
|
|
20934
20896
|
}
|
|
20935
|
-
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
20897
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { css: ObjectListItemCover, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
20936
20898
|
"img",
|
|
20937
20899
|
{
|
|
20938
|
-
css: ObjectListItemCover,
|
|
20939
20900
|
src: imageUrl,
|
|
20901
|
+
css: ObjectListItemImage,
|
|
20940
20902
|
loading: "lazy",
|
|
20941
20903
|
"data-testid": "object-list-item-thumbnail",
|
|
20942
20904
|
...props
|
|
20943
20905
|
}
|
|
20944
|
-
);
|
|
20906
|
+
) });
|
|
20945
20907
|
};
|
|
20946
20908
|
|
|
20947
20909
|
// src/components/Objects/ObjectListItemHeading.tsx
|
|
@@ -24917,16 +24879,12 @@ var StatusBullet = ({
|
|
|
24917
24879
|
supports,
|
|
24918
24880
|
textInput,
|
|
24919
24881
|
toast,
|
|
24920
|
-
uniformAiIcon,
|
|
24921
24882
|
uniformComponentIcon,
|
|
24922
24883
|
uniformComponentPatternIcon,
|
|
24923
24884
|
uniformCompositionPatternIcon,
|
|
24924
|
-
uniformConditionalValuesIcon,
|
|
24925
24885
|
uniformContentTypeIcon,
|
|
24926
24886
|
uniformEntryIcon,
|
|
24927
24887
|
uniformEntryPatternIcon,
|
|
24928
|
-
uniformLocaleDisabledIcon,
|
|
24929
|
-
uniformLocaleIcon,
|
|
24930
24888
|
useBreakpoint,
|
|
24931
24889
|
useCloseCurrentDrawer,
|
|
24932
24890
|
useCurrentDrawer,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/design-system",
|
|
3
|
-
"version": "19.
|
|
3
|
+
"version": "19.176.1-alpha.9+f0d014e428",
|
|
4
4
|
"description": "Uniform design system components",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
"@storybook/react": "8.0.10",
|
|
25
25
|
"@types/react": "18.2.40",
|
|
26
26
|
"@types/react-dom": "18.2.17",
|
|
27
|
-
"@uniformdev/canvas": "^19.
|
|
28
|
-
"@uniformdev/richtext": "^19.
|
|
27
|
+
"@uniformdev/canvas": "^19.176.1-alpha.9+f0d014e428",
|
|
28
|
+
"@uniformdev/richtext": "^19.176.1-alpha.9+f0d014e428",
|
|
29
29
|
"autoprefixer": "10.4.16",
|
|
30
30
|
"hygen": "6.2.11",
|
|
31
31
|
"postcss": "8.4.38",
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
"publishConfig": {
|
|
77
77
|
"access": "public"
|
|
78
78
|
},
|
|
79
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "f0d014e4289935e7192ae91d421883c8b49cc3fb"
|
|
80
80
|
}
|