@strapi/design-system 2.0.0-rc.25 → 2.0.0-rc.26
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/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/components/Select/SelectParts.d.ts.map +1 -1
- package/dist/components/SimpleMenu/Menu.d.ts +3 -1
- package/dist/components/SimpleMenu/Menu.d.ts.map +1 -1
- package/dist/components/SimpleMenu/SimpleMenu.d.ts +3 -2
- package/dist/components/SimpleMenu/SimpleMenu.d.ts.map +1 -1
- package/dist/components/SimpleMenu/utils.d.ts +6 -0
- package/dist/components/SimpleMenu/utils.d.ts.map +1 -0
- package/dist/index.js +61 -52
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +61 -52
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,WAAW,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,WAAW,MAAM,8BAA8B,CAAC;AAI5D,OAAO,EAAuB,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAmC,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAO/F,UAAU,KAAM,SAAQ,WAAW,CAAC,gBAAgB;CAAG;AAEvD,QAAA,MAAM,IAAI,wCAAmB,CAAC;AAM9B,KAAK,cAAc,GAAG,iBAAiB,CAAC;AAExC,UAAU,YAAa,SAAQ,IAAI,CAAC,WAAW,CAAC,uBAAuB,EAAE,SAAS,CAAC;CAAG;AAEtF,QAAA,MAAM,OAAO,wFAEX,CAAC;AAMH,KAAK,cAAc,GAAG,cAAc,CAAC;AAErC,UAAU,YAAa,SAAQ,WAAW,CAAC,uBAAuB;CAAG;AAErE,QAAA,MAAM,OAAO,qFAQX,CAAC;AAqDH,KAAK,aAAa,GAAG,kBAAkB,CAAC;AAExC,UAAU,WAAY,SAAQ,eAAe,CAAC,IAAI,CAAC;CAAG;AAEtD,QAAA,MAAM,MAAM,wFASV,CAAC;AAYH,KAAK,WAAW,GAAG,cAAc,CAAC;AAElC,UAAU,SAAU,SAAQ,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IACvD;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC3B;AAED,QAAA,MAAM,IAAI,+FA2BR,CAAC;AAMH,KAAK,kBAAkB,GAAG,oBAAoB,CAAC;AAE/C,UAAU,gBAAiB,SAAQ,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC;CAAG;AAEvE,QAAA,MAAM,WAAW,+FAMf,CAAC;AAMH,KAAK,aAAa,GAAG,cAAc,CAAC;AAEpC,UAAU,WAAY,SAAQ,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAAG;AAEjE,QAAA,MAAM,MAAM,iGAEV,CAAC;AAWH,KAAK,aAAa,GAAG,iBAAiB,CAAC;AAEvC,UAAU,WAAY,SAAQ,IAAI,CAAC,WAAW,CAAC,sBAAsB,EAAE,SAAS,CAAC;CAAG;AAEpF,QAAA,MAAM,MAAM,uFAEV,CAAC;AAMH,KAAK,aAAa,GAAG,iBAAiB,CAAC;AAEvC,UAAU,WAAY,SAAQ,IAAI,CAAC,WAAW,CAAC,sBAAsB,EAAE,SAAS,CAAC;CAAG;AAEpF,QAAA,MAAM,MAAM,uFAEV,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AACrF,YAAY,EACV,KAAK,EACL,cAAc,EACd,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,aAAa,EACb,WAAW,EACX,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,EACb,WAAW,GACZ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectParts.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectParts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAI/C,OAAO,
|
|
1
|
+
{"version":3,"file":"SelectParts.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectParts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAI/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAmC,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAI/F,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAO3C,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,CAAC;AAE7B,UAAU,YAAa,SAAQ,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnF;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5E;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAsHD,UAAU,UACR,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,aAAa,CAAC,EACvD,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,aAAa,GAAG,UAAU,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAwED,UAAU,SAAU,SAAQ,MAAM,CAAC,eAAe;CAAG;AAsCrD,QAAA,MAAM,IAAI;;;;;CAAc,CAAC;AACzB,QAAA,MAAM,OAAO,kGAAgB,CAAC;AAC9B,QAAA,MAAM,KAAK,oFAAc,CAAC;AAC1B,QAAA,MAAM,MAAM;;;;;CAAgB,CAAC;AAC7B,QAAA,MAAM,OAAO,sGAAgB,CAAC;AAC9B,QAAA,MAAM,QAAQ;;;;;;;;;;+IAAiB,CAAC;AAChC,QAAA,MAAM,IAAI,kFAAa,CAAC;AACxB,QAAA,MAAM,aAAa,yGAAuB,CAAC;AAC3C,QAAA,MAAM,QAAQ;;;;2GAAkB,CAAC;AACjC,QAAA,MAAM,KAAK;;;;yGAAe,CAAC;AAE3B,KAAK,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AACtC,KAAK,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAClD,KAAK,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAChD,KAAK,WAAW,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAC5C,KAAK,YAAY,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAC9C,KAAK,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAChD,KAAK,kBAAkB,GAAG,MAAM,CAAC,wBAAwB,CAAC;AAC1D,KAAK,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAChD,KAAK,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAC1C,KAAK,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AACjG,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,aAAa,EACb,UAAU,GACX,CAAC"}
|
|
@@ -26,12 +26,14 @@ type ContentProps = FlexProps<'div'> & Pick<DropdownMenu.DropdownMenuContentProp
|
|
|
26
26
|
intersectionId?: string;
|
|
27
27
|
popoverPlacement?: `${NonNullable<DropdownMenu.DropdownMenuContentProps['side']>}-${NonNullable<DropdownMenu.DropdownMenuContentProps['align']>}`;
|
|
28
28
|
};
|
|
29
|
+
export type ItemVariant = 'danger' | 'default';
|
|
29
30
|
interface ItemSharedProps extends Pick<DropdownMenu.MenuItemProps, 'disabled' | 'onSelect'> {
|
|
30
31
|
children?: React.ReactNode;
|
|
31
32
|
isExternal?: boolean;
|
|
32
33
|
isFocused?: boolean;
|
|
33
34
|
startIcon?: React.ReactNode;
|
|
34
35
|
endIcon?: React.ReactNode;
|
|
36
|
+
variant?: ItemVariant;
|
|
35
37
|
}
|
|
36
38
|
interface ItemExternalLinkProps extends ItemSharedProps, Omit<LinkProps, 'onSelect'> {
|
|
37
39
|
as?: never;
|
|
@@ -62,7 +64,7 @@ interface SubContentProps extends FlexProps<'div'> {
|
|
|
62
64
|
declare const Root: React.FC<DropdownMenu.DropdownMenuProps>;
|
|
63
65
|
declare const Trigger: React.ForwardRefExoticComponent<(Omit<TriggerPropsWithButton, "ref"> | Omit<TriggerPropsWithIconButton, "ref">) & React.RefAttributes<HTMLButtonElement>>;
|
|
64
66
|
declare const Content: React.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
65
|
-
declare const Item: ({ onSelect, disabled, isLink, startIcon, endIcon, isExternal, ...props }: ItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
67
|
+
declare const Item: ({ onSelect, disabled, isLink, startIcon, endIcon, isExternal, variant, ...props }: ItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
66
68
|
declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
67
69
|
declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLSpanElement>>;
|
|
68
70
|
declare const SubRoot: React.FC<DropdownMenu.DropdownMenuSubProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/SimpleMenu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAK9D,OAAO,EAAO,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAuB,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAmC,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE/F,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/SimpleMenu/Menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { BaseLink } from '../BaseLink';
|
|
2
3
|
import * as Menu from './Menu';
|
|
3
4
|
type SimpleMenuProps = Menu.TriggerProps & Pick<Menu.ContentProps, 'popoverPlacement' | 'intersectionId'> & {
|
|
4
5
|
children?: React.ReactNode;
|
|
@@ -38,8 +39,8 @@ declare const SimpleMenu: React.ForwardRefExoticComponent<(Omit<Omit<import(".."
|
|
|
38
39
|
*/
|
|
39
40
|
onReachEnd?: ((entry: IntersectionObserverEntry) => void) | undefined;
|
|
40
41
|
}, "ref">) & React.RefAttributes<HTMLButtonElement>>;
|
|
41
|
-
declare const MenuItem: ({ onSelect, disabled, isLink, startIcon, endIcon, isExternal, ...props }: Menu.ItemProps<(props: Omit<import("
|
|
42
|
-
type MenuItemProps = Menu.ItemProps
|
|
42
|
+
declare const MenuItem: ({ onSelect, disabled, isLink, startIcon, endIcon, isExternal, variant, ...props }: Menu.ItemProps<(props: Omit<import("../BaseLink").BaseLinkProps<"a">, "ref"> & React.RefAttributes<HTMLAnchorElement>) => React.ReactNode>) => import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
type MenuItemProps<T extends React.ComponentType = typeof BaseLink> = Menu.ItemProps<T>;
|
|
43
44
|
export { SimpleMenu, MenuItem, Menu };
|
|
44
45
|
export type { SimpleMenuProps, MenuItemProps };
|
|
45
46
|
//# sourceMappingURL=SimpleMenu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleMenu.d.ts","sourceRoot":"","sources":["../../../src/components/SimpleMenu/SimpleMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SimpleMenu.d.ts","sourceRoot":"","sources":["../../../src/components/SimpleMenu/SimpleMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAM/B,KAAK,eAAe,GAAG,IAAI,CAAC,YAAY,GACtC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,kBAAkB,GAAG,gBAAgB,CAAC,GAAG;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACzD,CAAC;AAEJ,QAAA,MAAM,UAAU;;;;;;;eATD,MAAM,SAAS;oBACX,IAAI;qBACH,IAAI;IACpB;;OAEG;0BACkB,yBAAyB,KAAK,IAAI;;;;;;;;eAN5C,MAAM,SAAS;oBACX,IAAI;qBACH,IAAI;IACpB;;OAEG;0BACkB,yBAAyB,KAAK,IAAI;oDAqD1D,CAAC;AAEF,QAAA,MAAM,QAAQ,4QAAY,CAAC;AAC3B,KAAK,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,aAAa,GAAG,OAAO,QAAQ,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAExF,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACtC,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { DefaultTheme } from 'styled-components';
|
|
2
|
+
import type { ItemVariant } from './Menu';
|
|
3
|
+
export declare const getBackgroundColorHover: (variant: ItemVariant) => keyof DefaultTheme['colors'];
|
|
4
|
+
export declare const getTextColor: (variant: ItemVariant, disabled?: boolean) => keyof DefaultTheme['colors'];
|
|
5
|
+
export declare const getIconColor: (variant: ItemVariant, disabled?: boolean) => keyof DefaultTheme['colors'];
|
|
6
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/SimpleMenu/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,eAAO,MAAM,uBAAuB,YAAa,WAAW,KAAG,MAAM,YAAY,CAAC,QAAQ,CAOzF,CAAC;AAEF,eAAO,MAAM,YAAY,YAAa,WAAW,aAAa,OAAO,KAAG,MAAM,YAAY,CAAC,QAAQ,CAOlG,CAAC;AAEF,eAAO,MAAM,YAAY,YAAa,WAAW,aAAa,OAAO,KAAG,MAAM,YAAY,CAAC,QAAQ,CAOlG,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -620,7 +620,7 @@ const Trigger$7 = React__namespace.forwardRef(
|
|
|
620
620
|
return /* @__PURE__ */ jsxRuntime.jsxs(AccordionTrigger, { $caretPosition: caretPosition, $size: size, ref: forwardedRef, ...restProps, children: [
|
|
621
621
|
caretPosition === "left" ? /* @__PURE__ */ jsxRuntime.jsx(TriggerIcon, { $size: size, children: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, { width: size === "S" ? "1.2rem" : "1.6rem", height: size === "S" ? "1.2rem" : "1.6rem" }) }) : null,
|
|
622
622
|
/* @__PURE__ */ jsxRuntime.jsxs(Flex, { tag: "span", gap: 2, overflow: "hidden", children: [
|
|
623
|
-
Icon && size === "S" ? /* @__PURE__ */ jsxRuntime.jsx(IconBox$
|
|
623
|
+
Icon && size === "S" ? /* @__PURE__ */ jsxRuntime.jsx(IconBox$1, { children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...iconProps }) }) : null,
|
|
624
624
|
/* @__PURE__ */ jsxRuntime.jsxs(Flex, { alignItems: "flex-start", direction: "column", tag: "span", ref: forwardedRef, overflow: "hidden", children: [
|
|
625
625
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
626
626
|
Typography,
|
|
@@ -640,7 +640,7 @@ const Trigger$7 = React__namespace.forwardRef(
|
|
|
640
640
|
] });
|
|
641
641
|
}
|
|
642
642
|
);
|
|
643
|
-
const IconBox$
|
|
643
|
+
const IconBox$1 = styled.styled(Box)`
|
|
644
644
|
color: ${(props) => props.theme.colors.neutral500};
|
|
645
645
|
display: flex;
|
|
646
646
|
|
|
@@ -737,7 +737,7 @@ const AccordionHeader = styled.styled(RadixAccordion__namespace.Header)`
|
|
|
737
737
|
& > ${AccordionTrigger} {
|
|
738
738
|
color: ${(props) => props.theme.colors.primary600};
|
|
739
739
|
|
|
740
|
-
& ${IconBox$
|
|
740
|
+
& ${IconBox$1} {
|
|
741
741
|
color: ${(props) => props.theme.colors.primary600};
|
|
742
742
|
}
|
|
743
743
|
|
|
@@ -1718,8 +1718,8 @@ const IconButtonWrapper = styled.styled(Flex)`
|
|
|
1718
1718
|
switch (props.$size) {
|
|
1719
1719
|
case "XS": {
|
|
1720
1720
|
return styled.css`
|
|
1721
|
-
padding-block: 0.
|
|
1722
|
-
padding-inline: 0.
|
|
1721
|
+
padding-block: 0.2rem;
|
|
1722
|
+
padding-inline: 0.2rem;
|
|
1723
1723
|
`;
|
|
1724
1724
|
}
|
|
1725
1725
|
case "S": {
|
|
@@ -1827,6 +1827,30 @@ const LinkWrapper$1 = styled.styled(BaseLinkImpl)`
|
|
|
1827
1827
|
|
|
1828
1828
|
${focus};
|
|
1829
1829
|
`;
|
|
1830
|
+
const getBackgroundColorHover = (variant2) => {
|
|
1831
|
+
switch (variant2) {
|
|
1832
|
+
case "danger":
|
|
1833
|
+
return "danger100";
|
|
1834
|
+
default:
|
|
1835
|
+
return "primary100";
|
|
1836
|
+
}
|
|
1837
|
+
};
|
|
1838
|
+
const getTextColor = (variant2, disabled) => {
|
|
1839
|
+
switch (variant2) {
|
|
1840
|
+
case "danger":
|
|
1841
|
+
return disabled ? "danger500" : "danger700";
|
|
1842
|
+
default:
|
|
1843
|
+
return disabled ? "neutral500" : "neutral800";
|
|
1844
|
+
}
|
|
1845
|
+
};
|
|
1846
|
+
const getIconColor = (variant2, disabled) => {
|
|
1847
|
+
switch (variant2) {
|
|
1848
|
+
case "danger":
|
|
1849
|
+
return disabled ? "danger500" : "danger700";
|
|
1850
|
+
default:
|
|
1851
|
+
return disabled ? "neutral300" : "neutral500";
|
|
1852
|
+
}
|
|
1853
|
+
};
|
|
1830
1854
|
const MenuRoot = DropdownMenu__namespace.Root;
|
|
1831
1855
|
const MenuTrigger = React__namespace.forwardRef(
|
|
1832
1856
|
({ label, endIcon = /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, { width: "1.2rem", height: "1.2rem", "aria-hidden": true }), tag = Button, icon, ...rest }, ref) => {
|
|
@@ -1893,35 +1917,46 @@ const DropdownMenuContent = styled.styled(DropdownMenu__namespace.Content)`
|
|
|
1893
1917
|
}
|
|
1894
1918
|
}
|
|
1895
1919
|
`;
|
|
1896
|
-
const MenuItem$1 = ({
|
|
1920
|
+
const MenuItem$1 = ({
|
|
1921
|
+
onSelect,
|
|
1922
|
+
disabled = false,
|
|
1923
|
+
isLink,
|
|
1924
|
+
startIcon,
|
|
1925
|
+
endIcon,
|
|
1926
|
+
isExternal,
|
|
1927
|
+
variant: variant2 = "default",
|
|
1928
|
+
...props
|
|
1929
|
+
}) => {
|
|
1897
1930
|
return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Item, { asChild: true, onSelect, disabled, children: isLink || isExternal ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
1898
1931
|
OptionLink,
|
|
1899
1932
|
{
|
|
1900
|
-
color:
|
|
1933
|
+
color: getTextColor(variant2, disabled),
|
|
1901
1934
|
startIcon,
|
|
1902
1935
|
endIcon,
|
|
1903
1936
|
...props,
|
|
1904
1937
|
isExternal: isExternal ?? false,
|
|
1905
|
-
|
|
1938
|
+
$variant: variant2,
|
|
1939
|
+
children: props.children
|
|
1906
1940
|
}
|
|
1907
1941
|
) : /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1908
1942
|
OptionButton,
|
|
1909
1943
|
{
|
|
1910
1944
|
cursor: "pointer",
|
|
1911
|
-
color:
|
|
1945
|
+
color: getTextColor(variant2, disabled),
|
|
1912
1946
|
background: "transparent",
|
|
1913
1947
|
borderStyle: "none",
|
|
1914
1948
|
gap: 2,
|
|
1949
|
+
$variant: variant2,
|
|
1915
1950
|
...props,
|
|
1916
1951
|
children: [
|
|
1917
|
-
startIcon && /* @__PURE__ */ jsxRuntime.jsx(Flex, { tag: "span", "aria-hidden": true, children: startIcon }),
|
|
1952
|
+
startIcon && /* @__PURE__ */ jsxRuntime.jsx(Flex, { tag: "span", color: getIconColor(variant2, disabled), "aria-hidden": true, children: startIcon }),
|
|
1918
1953
|
/* @__PURE__ */ jsxRuntime.jsx(Typography, { grow: 1, children: props.children }),
|
|
1919
|
-
endIcon && /* @__PURE__ */ jsxRuntime.jsx(Flex, { tag: "span", "aria-hidden": true, children: endIcon })
|
|
1954
|
+
endIcon && /* @__PURE__ */ jsxRuntime.jsx(Flex, { tag: "span", color: getIconColor(variant2, disabled), "aria-hidden": true, children: endIcon })
|
|
1920
1955
|
]
|
|
1921
1956
|
}
|
|
1922
1957
|
) });
|
|
1923
1958
|
};
|
|
1924
|
-
const getOptionStyle = ({ theme }) => styled.css`
|
|
1959
|
+
const getOptionStyle = ({ theme, $variant }) => styled.css`
|
|
1925
1960
|
text-align: left;
|
|
1926
1961
|
width: 100%;
|
|
1927
1962
|
border-radius: ${theme.borderRadius};
|
|
@@ -1929,11 +1964,10 @@ const getOptionStyle = ({ theme }) => styled.css`
|
|
|
1929
1964
|
|
|
1930
1965
|
&[aria-disabled='true'] {
|
|
1931
1966
|
cursor: not-allowed;
|
|
1932
|
-
color: ${theme.colors.neutral500};
|
|
1933
1967
|
}
|
|
1934
1968
|
|
|
1935
1969
|
&[data-highlighted] {
|
|
1936
|
-
background-color: ${theme.colors
|
|
1970
|
+
background-color: ${theme.colors[getBackgroundColorHover($variant)]};
|
|
1937
1971
|
}
|
|
1938
1972
|
|
|
1939
1973
|
&:focus-visible {
|
|
@@ -1945,7 +1979,7 @@ const getOptionStyle = ({ theme }) => styled.css`
|
|
|
1945
1979
|
}
|
|
1946
1980
|
`;
|
|
1947
1981
|
const OptionButton = styled.styled(Flex)`
|
|
1948
|
-
${getOptionStyle}
|
|
1982
|
+
${({ theme, $variant }) => getOptionStyle({ theme, $variant })}
|
|
1949
1983
|
`;
|
|
1950
1984
|
const OptionLink = styled.styled(Link)`
|
|
1951
1985
|
/* We include this here again because typically when people use OptionLink they provide an as prop which cancels the Box props */
|
|
@@ -1962,7 +1996,7 @@ const OptionLink = styled.styled(Link)`
|
|
|
1962
1996
|
fill: currentColor;
|
|
1963
1997
|
}
|
|
1964
1998
|
|
|
1965
|
-
${getOptionStyle}
|
|
1999
|
+
${({ theme, $variant }) => getOptionStyle({ theme, $variant })}
|
|
1966
2000
|
`;
|
|
1967
2001
|
const StyledSeparator = styled.styled(Box)`
|
|
1968
2002
|
/* Negative horizontal margin to compensate Menu.Content's padding */
|
|
@@ -2212,8 +2246,8 @@ const CheckboxRoot = styled.styled(Checkbox__namespace.Root)`
|
|
|
2212
2246
|
// this ensures the checkbox is always a square even in flex-containers.
|
|
2213
2247
|
flex: 0 0 2rem;
|
|
2214
2248
|
|
|
2215
|
-
&[data-state='checked'],
|
|
2216
|
-
&[data-state='indeterminate'] {
|
|
2249
|
+
&[data-state='checked']:not([data-disabled]),
|
|
2250
|
+
&[data-state='indeterminate']:not([data-disabled]) {
|
|
2217
2251
|
border: 1px solid ${(props) => props.theme.colors.primary600};
|
|
2218
2252
|
background-color: ${(props) => props.theme.colors.primary600};
|
|
2219
2253
|
}
|
|
@@ -3378,22 +3412,20 @@ const OptionBox = styled.styled.div`
|
|
|
3378
3412
|
font-weight: bold;
|
|
3379
3413
|
}
|
|
3380
3414
|
`;
|
|
3415
|
+
const setOpacity = (hex, alpha) => `${hex}${Math.floor(alpha * 255).toString(16).padStart(2, "0")}`;
|
|
3381
3416
|
const Root$5 = AlertDialog__namespace.Root;
|
|
3382
3417
|
const Trigger$4 = React__namespace.forwardRef((props, forwardedRef) => {
|
|
3383
3418
|
return /* @__PURE__ */ jsxRuntime.jsx(AlertDialog__namespace.Trigger, { ...props, asChild: true, ref: forwardedRef });
|
|
3384
3419
|
});
|
|
3385
3420
|
const Content$4 = React__namespace.forwardRef((props, forwardedRef) => {
|
|
3386
|
-
return /* @__PURE__ */ jsxRuntime.
|
|
3387
|
-
/* @__PURE__ */ jsxRuntime.jsx(Overlay$1, {}),
|
|
3388
|
-
/* @__PURE__ */ jsxRuntime.jsx(ContentImpl$1, { ref: forwardedRef, ...props })
|
|
3389
|
-
] });
|
|
3421
|
+
return /* @__PURE__ */ jsxRuntime.jsx(AlertDialog__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(Overlay$1, { children: /* @__PURE__ */ jsxRuntime.jsx(ContentImpl$1, { ref: forwardedRef, ...props }) }) });
|
|
3390
3422
|
});
|
|
3391
3423
|
const Overlay$1 = styled.styled(AlertDialog__namespace.Overlay)`
|
|
3392
|
-
background
|
|
3424
|
+
background: ${(props) => setOpacity(props.theme.colors.neutral800, 0.2)};
|
|
3393
3425
|
position: fixed;
|
|
3394
3426
|
inset: 0;
|
|
3395
3427
|
z-index: ${(props) => props.theme.zIndices.overlay};
|
|
3396
|
-
|
|
3428
|
+
will-change: opacity;
|
|
3397
3429
|
|
|
3398
3430
|
@media (prefers-reduced-motion: no-preference) {
|
|
3399
3431
|
animation: ${ANIMATIONS.overlayFadeIn} ${(props) => props.theme.motion.timings["200"]}
|
|
@@ -3742,18 +3774,14 @@ const SelectTrigger = React__namespace.forwardRef(
|
|
|
3742
3774
|
] }),
|
|
3743
3775
|
/* @__PURE__ */ jsxRuntime.jsxs(Flex, { tag: "span", gap: 3, children: [
|
|
3744
3776
|
onClear ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
3745
|
-
|
|
3777
|
+
IconButton,
|
|
3746
3778
|
{
|
|
3747
|
-
|
|
3748
|
-
|
|
3749
|
-
background: "transparent",
|
|
3750
|
-
role: "button",
|
|
3751
|
-
tabIndex: 0,
|
|
3779
|
+
size: "XS",
|
|
3780
|
+
variant: "ghost",
|
|
3752
3781
|
onClick: handleClearClick,
|
|
3753
3782
|
"aria-disabled": disabled,
|
|
3754
3783
|
"aria-label": clearLabel,
|
|
3755
|
-
|
|
3756
|
-
cursor: "pointer",
|
|
3784
|
+
label: clearLabel,
|
|
3757
3785
|
children: /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, {})
|
|
3758
3786
|
}
|
|
3759
3787
|
) : null,
|
|
@@ -3764,19 +3792,6 @@ const SelectTrigger = React__namespace.forwardRef(
|
|
|
3764
3792
|
) });
|
|
3765
3793
|
}
|
|
3766
3794
|
);
|
|
3767
|
-
const IconBox$1 = styled.styled(Box)`
|
|
3768
|
-
border: none;
|
|
3769
|
-
display: flex;
|
|
3770
|
-
|
|
3771
|
-
svg {
|
|
3772
|
-
height: 1.1rem;
|
|
3773
|
-
width: 1.1rem;
|
|
3774
|
-
}
|
|
3775
|
-
|
|
3776
|
-
svg path {
|
|
3777
|
-
fill: ${({ theme }) => theme.colors.neutral500};
|
|
3778
|
-
}
|
|
3779
|
-
`;
|
|
3780
3795
|
const StyledTrigger = styled.styled(Flex)`
|
|
3781
3796
|
border: 1px solid ${({ theme, $hasError }) => $hasError ? theme.colors.danger600 : theme.colors.neutral200};
|
|
3782
3797
|
${(props) => {
|
|
@@ -3819,6 +3834,7 @@ const ValueType = styled.styled(Typography)`
|
|
|
3819
3834
|
flex: 1;
|
|
3820
3835
|
font-size: 1.4rem;
|
|
3821
3836
|
line-height: 2.2rem;
|
|
3837
|
+
min-height: 2.2rem;
|
|
3822
3838
|
`;
|
|
3823
3839
|
const StyledValue = styled.styled(uiPrimitives.Select.Value)`
|
|
3824
3840
|
display: flex;
|
|
@@ -3887,12 +3903,6 @@ const StyledSelectItem = styled.styled(uiPrimitives.Select.Item)`
|
|
|
3887
3903
|
background-color: ${({ theme }) => theme.colors.primary100};
|
|
3888
3904
|
cursor: pointer;
|
|
3889
3905
|
}
|
|
3890
|
-
|
|
3891
|
-
&[data-state='checked'] {
|
|
3892
|
-
font-weight: bold;
|
|
3893
|
-
color: ${({ theme }) => theme.colors.primary600};
|
|
3894
|
-
font-weight: bold;
|
|
3895
|
-
}
|
|
3896
3906
|
`;
|
|
3897
3907
|
const Root$4 = uiPrimitives.Select.Root;
|
|
3898
3908
|
const Trigger$3 = SelectTrigger;
|
|
@@ -5273,7 +5283,6 @@ const SkipToContent = ({ children }) => {
|
|
|
5273
5283
|
}
|
|
5274
5284
|
);
|
|
5275
5285
|
};
|
|
5276
|
-
const setOpacity = (hex, alpha) => `${hex}${Math.floor(alpha * 255).toString(16).padStart(2, "0")}`;
|
|
5277
5286
|
const Root$3 = Dialog__namespace.Root;
|
|
5278
5287
|
const Trigger$2 = React__namespace.forwardRef((props, forwardedRef) => {
|
|
5279
5288
|
return /* @__PURE__ */ jsxRuntime.jsx(Dialog__namespace.Trigger, { ...props, asChild: true, ref: forwardedRef });
|