@apify/ui-library 1.137.3-refactorpublictasks-38747d.50 → 1.138.0
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/src/components/chip.d.ts.map +1 -1
- package/dist/src/components/chip.js +2 -24
- package/dist/src/components/chip.js.map +1 -1
- package/dist/src/components/collapsible_card/collapsible_card.d.ts +2 -3
- package/dist/src/components/collapsible_card/collapsible_card.d.ts.map +1 -1
- package/dist/src/components/collapsible_card/collapsible_card.js +2 -2
- package/dist/src/components/collapsible_card/collapsible_card.js.map +1 -1
- package/dist/src/components/floating/floating_component_base.d.ts +1 -72
- package/dist/src/components/floating/floating_component_base.d.ts.map +1 -1
- package/dist/src/components/floating/floating_component_base.js +36 -61
- package/dist/src/components/floating/floating_component_base.js.map +1 -1
- package/dist/src/components/floating/tooltip.d.ts +3 -10
- package/dist/src/components/floating/tooltip.d.ts.map +1 -1
- package/dist/src/components/floating/tooltip.js +20 -24
- package/dist/src/components/floating/tooltip.js.map +1 -1
- package/dist/src/components/index.d.ts +0 -2
- package/dist/src/components/index.d.ts.map +1 -1
- package/dist/src/components/index.js +0 -2
- package/dist/src/components/index.js.map +1 -1
- package/dist/src/design_system/colors/generated/css_variables.dark.d.ts +1 -1
- package/dist/src/design_system/colors/generated/css_variables.dark.d.ts.map +1 -1
- package/dist/src/design_system/colors/generated/css_variables.dark.js +1 -0
- package/dist/src/design_system/colors/generated/css_variables.dark.js.map +1 -1
- package/dist/src/design_system/colors/generated/css_variables.light.d.ts +1 -1
- package/dist/src/design_system/colors/generated/css_variables.light.d.ts.map +1 -1
- package/dist/src/design_system/colors/generated/css_variables.light.js +1 -0
- package/dist/src/design_system/colors/generated/css_variables.light.js.map +1 -1
- package/dist/src/design_system/colors/generated/properties_theme.d.ts +1 -0
- package/dist/src/design_system/colors/generated/properties_theme.d.ts.map +1 -1
- package/dist/src/design_system/colors/generated/properties_theme.js +1 -0
- package/dist/src/design_system/colors/generated/properties_theme.js.map +1 -1
- package/dist/src/design_system/theme.d.ts +1 -0
- package/dist/src/design_system/theme.d.ts.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/src/components/chip.tsx +1 -25
- package/src/components/collapsible_card/collapsible_card.tsx +4 -6
- package/src/components/floating/floating_component_base.tsx +49 -84
- package/src/components/floating/tooltip.tsx +41 -62
- package/src/components/index.ts +0 -2
- package/src/design_system/colors/figma_color_tokens.dark.json +5 -1
- package/src/design_system/colors/figma_color_tokens.light.json +4 -0
- package/src/design_system/colors/generated/css_variables.dark.ts +1 -0
- package/src/design_system/colors/generated/css_variables.light.ts +1 -0
- package/src/design_system/colors/generated/properties_theme.ts +1 -0
- package/style/colors/dark.scss +1 -0
- package/style/colors/light.scss +1 -0
- package/dist/src/components/actor_example/actor_example.utils.d.ts +0 -17
- package/dist/src/components/actor_example/actor_example.utils.d.ts.map +0 -1
- package/dist/src/components/actor_example/actor_example.utils.js +0 -41
- package/dist/src/components/actor_example/actor_example.utils.js.map +0 -1
- package/dist/src/components/actor_example/actor_example_avatar.d.ts +0 -13
- package/dist/src/components/actor_example/actor_example_avatar.d.ts.map +0 -1
- package/dist/src/components/actor_example/actor_example_avatar.js +0 -34
- package/dist/src/components/actor_example/actor_example_avatar.js.map +0 -1
- package/dist/src/components/actor_example/actor_example_card.d.ts +0 -28
- package/dist/src/components/actor_example/actor_example_card.d.ts.map +0 -1
- package/dist/src/components/actor_example/actor_example_card.js +0 -79
- package/dist/src/components/actor_example/actor_example_card.js.map +0 -1
- package/dist/src/components/actor_example/actor_example_preview.d.ts +0 -28
- package/dist/src/components/actor_example/actor_example_preview.d.ts.map +0 -1
- package/dist/src/components/actor_example/actor_example_preview.js +0 -209
- package/dist/src/components/actor_example/actor_example_preview.js.map +0 -1
- package/dist/src/components/actor_example/actor_example_run_button.d.ts +0 -33
- package/dist/src/components/actor_example/actor_example_run_button.d.ts.map +0 -1
- package/dist/src/components/actor_example/actor_example_run_button.js +0 -12
- package/dist/src/components/actor_example/actor_example_run_button.js.map +0 -1
- package/dist/src/components/actor_example/actor_example_schema.d.ts +0 -20
- package/dist/src/components/actor_example/actor_example_schema.d.ts.map +0 -1
- package/dist/src/components/actor_example/actor_example_schema.js +0 -29
- package/dist/src/components/actor_example/actor_example_schema.js.map +0 -1
- package/dist/src/components/actor_example/actor_example_schema_field.d.ts +0 -19
- package/dist/src/components/actor_example/actor_example_schema_field.d.ts.map +0 -1
- package/dist/src/components/actor_example/actor_example_schema_field.js +0 -33
- package/dist/src/components/actor_example/actor_example_schema_field.js.map +0 -1
- package/dist/src/components/actor_example/actor_example_schema_field_badge.d.ts +0 -9
- package/dist/src/components/actor_example/actor_example_schema_field_badge.d.ts.map +0 -1
- package/dist/src/components/actor_example/actor_example_schema_field_badge.js +0 -48
- package/dist/src/components/actor_example/actor_example_schema_field_badge.js.map +0 -1
- package/dist/src/components/actor_example/actor_example_schema_legend.d.ts +0 -10
- package/dist/src/components/actor_example/actor_example_schema_legend.d.ts.map +0 -1
- package/dist/src/components/actor_example/actor_example_schema_legend.js +0 -29
- package/dist/src/components/actor_example/actor_example_schema_legend.js.map +0 -1
- package/dist/src/components/actor_example/actor_example_schema_property.d.ts +0 -24
- package/dist/src/components/actor_example/actor_example_schema_property.d.ts.map +0 -1
- package/dist/src/components/actor_example/actor_example_schema_property.js +0 -122
- package/dist/src/components/actor_example/actor_example_schema_property.js.map +0 -1
- package/dist/src/components/actor_example/index.d.ts +0 -11
- package/dist/src/components/actor_example/index.d.ts.map +0 -1
- package/dist/src/components/actor_example/index.js +0 -11
- package/dist/src/components/actor_example/index.js.map +0 -1
- package/dist/src/components/browser_window/browser_window.d.ts +0 -20
- package/dist/src/components/browser_window/browser_window.d.ts.map +0 -1
- package/dist/src/components/browser_window/browser_window.js +0 -72
- package/dist/src/components/browser_window/browser_window.js.map +0 -1
- package/dist/src/components/browser_window/index.d.ts +0 -2
- package/dist/src/components/browser_window/index.d.ts.map +0 -1
- package/dist/src/components/browser_window/index.js +0 -2
- package/dist/src/components/browser_window/index.js.map +0 -1
- package/src/components/actor_example/actor_example.utils.ts +0 -52
- package/src/components/actor_example/actor_example_avatar.tsx +0 -66
- package/src/components/actor_example/actor_example_card.tsx +0 -149
- package/src/components/actor_example/actor_example_preview.tsx +0 -293
- package/src/components/actor_example/actor_example_run_button.tsx +0 -61
- package/src/components/actor_example/actor_example_schema.tsx +0 -62
- package/src/components/actor_example/actor_example_schema_field.tsx +0 -84
- package/src/components/actor_example/actor_example_schema_field_badge.tsx +0 -64
- package/src/components/actor_example/actor_example_schema_legend.tsx +0 -47
- package/src/components/actor_example/actor_example_schema_property.tsx +0 -222
- package/src/components/actor_example/index.ts +0 -10
- package/src/components/browser_window/browser_window.tsx +0 -104
- package/src/components/browser_window/index.ts +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AACX,KAAK,UAAU,GAAG,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;AAE7C,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;AAEpD,eAAO,MAAM,UAAU;;CAEtB,CAAC;
|
|
1
|
+
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AACX,KAAK,UAAU,GAAG,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;AAE7C,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;AAEpD,eAAO,MAAM,UAAU;;CAEtB,CAAC;AAmEF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACtC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;WAVN,UAAU;WACV,UAAU;WACV,KAAK,CAAC,SAAS;gBACV,OAAO;iCAkBrB,CAAC;AAIH,KAAK,iBAAiB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAEjD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC;AAC3G,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC;AAC3G,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC;AAC3G,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAA2D,CAAC;AACzG,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC"}
|
|
@@ -67,31 +67,9 @@ const chipTypeStyle = {
|
|
|
67
67
|
background: ${theme.color.danger.chipBackground};
|
|
68
68
|
`,
|
|
69
69
|
};
|
|
70
|
-
const chipTypeHoverStyle = {
|
|
71
|
-
[CHIP_TYPES.DEFAULT]: css `
|
|
72
|
-
background: ${theme.color.neutral.chipBackgroundHover};
|
|
73
|
-
`,
|
|
74
|
-
[CHIP_TYPES.PRIMARY]: css `
|
|
75
|
-
background: ${theme.color.primary.chipBackgroundHover};
|
|
76
|
-
`,
|
|
77
|
-
[CHIP_TYPES.SUCCESS]: css `
|
|
78
|
-
background: ${theme.color.success.chipBackgroundHover};
|
|
79
|
-
`,
|
|
80
|
-
[CHIP_TYPES.WARNING]: css `
|
|
81
|
-
background: ${theme.color.warning.chipBackgroundHover};
|
|
82
|
-
`,
|
|
83
|
-
[CHIP_TYPES.DANGER]: css `
|
|
84
|
-
background: ${theme.color.danger.chipBackgroundHover};
|
|
85
|
-
`,
|
|
86
|
-
};
|
|
87
70
|
const StyledChip = styled.span `
|
|
88
71
|
${({ size }) => chipSizeStyle[size]};
|
|
89
72
|
${({ type }) => chipTypeStyle[type]};
|
|
90
|
-
${({ type, clickable }) => clickable && css `
|
|
91
|
-
&:hover {
|
|
92
|
-
${chipTypeHoverStyle[type]};
|
|
93
|
-
}
|
|
94
|
-
`};
|
|
95
73
|
/* Static styles */
|
|
96
74
|
width: fit-content;
|
|
97
75
|
display: flex;
|
|
@@ -107,8 +85,8 @@ const StyledChip = styled.span `
|
|
|
107
85
|
* Component for displaying status and for labelling other components.
|
|
108
86
|
* @deprecated Use Tag or Badge
|
|
109
87
|
*/
|
|
110
|
-
export const Chip = forwardRef(({ type = CHIP_TYPES.DEFAULT, size = CHIP_SIZES.MEDIUM,
|
|
111
|
-
const otherProps = { ...passThroughProps, type, size,
|
|
88
|
+
export const Chip = forwardRef(({ type = CHIP_TYPES.DEFAULT, size = CHIP_SIZES.MEDIUM, icon, children, className, ...passThroughProps }, ref) => {
|
|
89
|
+
const otherProps = { ...passThroughProps, type, size, className: clsx(className, classNames.BODY) };
|
|
112
90
|
return _jsxs(StyledChip, { ref: ref, ...otherProps, children: [children, icon] });
|
|
113
91
|
});
|
|
114
92
|
Chip.displayName = 'Chip';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIhD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGlD,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,WAAW,EAAE,IAAI;IACjB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACJ,CAAC;AAGX,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACV,CAAC;AAGX,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,aAAa,GAAG;IAClB,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,GAAG,CAAA;;;;;KAK5B;IACD,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAA;;;;;KAKtB;IACD,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,CAAA;;;;;KAKvB;IACD,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAA;;;;;KAKtB;CACkC,CAAC;AAExC,MAAM,aAAa,GAAG;IAClB,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,CAAA;iBACZ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;sBACnB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACnD;IACD,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,CAAA;iBACZ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ;sBACvB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACnD;IACD,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,CAAA;iBACZ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ;sBACvB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACnD;IACD,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,CAAA;iBACZ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ;sBACvB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACnD;IACD,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,CAAA;iBACX,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;sBACtB,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc;KAClD;CACkC,CAAC;AAExC,MAAM,
|
|
1
|
+
{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ReactNode } from 'react';
|
|
1
|
+
import { type FC, type ReactNode } from 'react';
|
|
2
2
|
interface TransientWrapperProps {
|
|
3
3
|
hideOuterBorder?: boolean;
|
|
4
4
|
hasShadow?: boolean;
|
|
@@ -7,7 +7,6 @@ export type CollapsibleCardProps = {
|
|
|
7
7
|
header: ReactNode;
|
|
8
8
|
children: ReactNode;
|
|
9
9
|
isExpanded?: boolean;
|
|
10
|
-
isExpandedDefault?: boolean;
|
|
11
10
|
onIsExpandedChanged?: (expanded: boolean) => void;
|
|
12
11
|
noChevron?: boolean;
|
|
13
12
|
noDivider?: boolean;
|
|
@@ -21,6 +20,6 @@ export declare const collapsibleCardClassNames: {
|
|
|
21
20
|
COLLAPSIBLE_CONTENT_WRAPPER: string;
|
|
22
21
|
CONTENT: string;
|
|
23
22
|
};
|
|
24
|
-
export declare const CollapsibleCard:
|
|
23
|
+
export declare const CollapsibleCard: FC<CollapsibleCardProps>;
|
|
25
24
|
export {};
|
|
26
25
|
//# sourceMappingURL=collapsible_card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible_card.d.ts","sourceRoot":"","sources":["../../../../src/components/collapsible_card/collapsible_card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"collapsible_card.d.ts","sourceRoot":"","sources":["../../../../src/components/collapsible_card/collapsible_card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAS1D,UAAU,qBAAqB;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAWD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC1B,GAAG,qBAAqB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC;AAEhF,eAAO,MAAM,yBAAyB;;;;CAIrC,CAAC;AAkEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAoDpD,CAAC"}
|
|
@@ -70,9 +70,9 @@ const StyledCardContent = styled.div `
|
|
|
70
70
|
const CollapsibleContent = styled(Collapsible.Content) `
|
|
71
71
|
${({ $noDivider }) => ($noDivider ? '' : `border-top: 1px solid ${theme.color.neutral.border};`)}
|
|
72
72
|
`;
|
|
73
|
-
export const CollapsibleCard = ({ header, children, isExpanded,
|
|
73
|
+
export const CollapsibleCard = ({ header, children, isExpanded, onIsExpandedChanged, noChevron, noDivider, topSection, hideOuterBorder, hasShadow, isClosedHeaderGrey, isHeaderGreyOnHover, as: Element, ...rest }) => {
|
|
74
74
|
const isUncontrolled = isExpanded === undefined;
|
|
75
|
-
const [isOpen, setOpen] = useState(
|
|
75
|
+
const [isOpen, setOpen] = useState(false);
|
|
76
76
|
let onHeaderClick;
|
|
77
77
|
if (isUncontrolled)
|
|
78
78
|
onHeaderClick = () => setOpen((prevIsOpen) => !prevIsOpen);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible_card.js","sourceRoot":"","sources":["../../../../src/components/collapsible_card/collapsible_card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,
|
|
1
|
+
{"version":3,"file":"collapsible_card.js","sourceRoot":"","sources":["../../../../src/components/collapsible_card/collapsible_card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type Strategy } from '@floating-ui/react';
|
|
2
|
-
import { type ComponentType, type
|
|
2
|
+
import { type ComponentType, type ReactNode, type RefObject } from 'react';
|
|
3
3
|
export declare const classNames: {
|
|
4
4
|
CHILDREN: string;
|
|
5
5
|
};
|
|
@@ -18,70 +18,6 @@ export declare const FLOATING_PLACEMENT: {
|
|
|
18
18
|
readonly LEFT_END: "left-end";
|
|
19
19
|
};
|
|
20
20
|
export type FloatingPlacement = typeof FLOATING_PLACEMENT[keyof typeof FLOATING_PLACEMENT];
|
|
21
|
-
type UseFloatingPopupOptions = {
|
|
22
|
-
open: boolean;
|
|
23
|
-
onOpenChange?: (open: boolean) => void;
|
|
24
|
-
placement?: FloatingPlacement;
|
|
25
|
-
strategy?: Strategy;
|
|
26
|
-
autoPlacements?: FloatingPlacement[];
|
|
27
|
-
offsetPx?: number;
|
|
28
|
-
};
|
|
29
|
-
/**
|
|
30
|
-
* Shared `useFloating` + `useTransitionStyles` setup for popup-style components (`Tooltip`,
|
|
31
|
-
* `Popover`, the inner positioning of `FloatingComponentBase`). Owns the middleware stack
|
|
32
|
-
* (`offset` / `flip` | `autoPlacement` / `shift` / `hide`) and the side-aware in/out animation,
|
|
33
|
-
* so individual consumers don't duplicate these.
|
|
34
|
-
*
|
|
35
|
-
* Returns the full `useFloating` result plus `isMounted` and `transitionStyles` from
|
|
36
|
-
* `useTransitionStyles` — destructure what each consumer needs.
|
|
37
|
-
*/
|
|
38
|
-
export declare const useFloatingPopup: ({ open, onOpenChange, placement, strategy, autoPlacements, offsetPx, }: UseFloatingPopupOptions) => {
|
|
39
|
-
isMounted: boolean;
|
|
40
|
-
transitionStyles: CSSProperties;
|
|
41
|
-
placement: import("@floating-ui/utils").Placement;
|
|
42
|
-
strategy: Strategy;
|
|
43
|
-
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
44
|
-
x: number;
|
|
45
|
-
y: number;
|
|
46
|
-
isPositioned: boolean;
|
|
47
|
-
update: () => void;
|
|
48
|
-
floatingStyles: React.CSSProperties;
|
|
49
|
-
refs: {
|
|
50
|
-
reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
|
|
51
|
-
floating: React.MutableRefObject<HTMLElement | null>;
|
|
52
|
-
setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
|
|
53
|
-
setFloating: (node: HTMLElement | null) => void;
|
|
54
|
-
} & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
|
|
55
|
-
elements: {
|
|
56
|
-
reference: import("@floating-ui/react-dom").ReferenceType | null;
|
|
57
|
-
floating: HTMLElement | null;
|
|
58
|
-
} & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
59
|
-
context: {
|
|
60
|
-
x: number;
|
|
61
|
-
y: number;
|
|
62
|
-
placement: import("@floating-ui/utils").Placement;
|
|
63
|
-
strategy: Strategy;
|
|
64
|
-
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
65
|
-
isPositioned: boolean;
|
|
66
|
-
update: () => void;
|
|
67
|
-
floatingStyles: React.CSSProperties;
|
|
68
|
-
open: boolean;
|
|
69
|
-
onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
|
|
70
|
-
events: import("@floating-ui/react").FloatingEvents;
|
|
71
|
-
dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
|
|
72
|
-
nodeId: string | undefined;
|
|
73
|
-
floatingId: string | undefined;
|
|
74
|
-
refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
|
|
75
|
-
elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
76
|
-
};
|
|
77
|
-
};
|
|
78
|
-
/**
|
|
79
|
-
* Builds the inline `style` object floating-ui consumers spread onto their popup wrapper:
|
|
80
|
-
* positioning (`position`/`top`/`left`), `width: 'max-content'`, the `referenceHidden`
|
|
81
|
-
* visibility toggle, and the in/out transition styles. Centralized so Tooltip / Popover /
|
|
82
|
-
* `FloatingComponentBase` don't redeclare it.
|
|
83
|
-
*/
|
|
84
|
-
export declare const getFloatingPopupStyle: (floating: ReturnType<typeof useFloatingPopup>) => CSSProperties;
|
|
85
21
|
export interface FloatingComponentBaseProps {
|
|
86
22
|
placement?: FloatingPlacement;
|
|
87
23
|
autoPlacements?: FloatingPlacement[];
|
|
@@ -96,16 +32,9 @@ export interface FloatingComponentBaseProps {
|
|
|
96
32
|
CloseButtonComponent?: ComponentType;
|
|
97
33
|
showInPortal?: boolean;
|
|
98
34
|
}
|
|
99
|
-
/**
|
|
100
|
-
* Base styling for any popup that renders via floating-ui (Tooltip, Popover, …). Tooltip extends
|
|
101
|
-
* this via `styled(...)` to layer on its dark theme + tighter padding without re-declaring the
|
|
102
|
-
* shared rules.
|
|
103
|
-
*/
|
|
104
|
-
export declare const FloatingComponentWrapper: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
105
35
|
/**
|
|
106
36
|
* This is just the base component for Tooltips and Popovers.
|
|
107
37
|
* Don't use this - use Tooltip/HelpPopover instead.
|
|
108
38
|
*/
|
|
109
39
|
export declare const FloatingComponentBase: ({ placement, autoPlacements, strategy, content, children, isOpen, triggerRef, className, offsetPx, contentWrapClassName, CloseButtonComponent, showInPortal, }: FloatingComponentBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
110
|
-
export {};
|
|
111
40
|
//# sourceMappingURL=floating_component_base.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"floating_component_base.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/floating_component_base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQH,KAAK,QAAQ,EAGhB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,KAAK,aAAa,
|
|
1
|
+
{"version":3,"file":"floating_component_base.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/floating_component_base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQH,KAAK,QAAQ,EAGhB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,KAAK,aAAa,EAAmD,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK5H,eAAO,MAAM,UAAU;;CAEtB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;CAarB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,OAAO,kBAAkB,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAU3F,MAAM,WAAW,0BAA0B;IACvC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,cAAc,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AA4CD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,gKAanC,0BAA0B,4CA6E5B,CAAC"}
|
|
@@ -21,62 +21,7 @@ export const FLOATING_PLACEMENT = {
|
|
|
21
21
|
LEFT_START: 'left-start',
|
|
22
22
|
LEFT_END: 'left-end',
|
|
23
23
|
};
|
|
24
|
-
|
|
25
|
-
* Shared `useFloating` + `useTransitionStyles` setup for popup-style components (`Tooltip`,
|
|
26
|
-
* `Popover`, the inner positioning of `FloatingComponentBase`). Owns the middleware stack
|
|
27
|
-
* (`offset` / `flip` | `autoPlacement` / `shift` / `hide`) and the side-aware in/out animation,
|
|
28
|
-
* so individual consumers don't duplicate these.
|
|
29
|
-
*
|
|
30
|
-
* Returns the full `useFloating` result plus `isMounted` and `transitionStyles` from
|
|
31
|
-
* `useTransitionStyles` — destructure what each consumer needs.
|
|
32
|
-
*/
|
|
33
|
-
export const useFloatingPopup = ({ open, onOpenChange, placement = FLOATING_PLACEMENT.TOP, strategy = 'fixed', autoPlacements, offsetPx = 10, }) => {
|
|
34
|
-
const floating = useFloating({
|
|
35
|
-
open,
|
|
36
|
-
onOpenChange,
|
|
37
|
-
placement,
|
|
38
|
-
strategy,
|
|
39
|
-
whileElementsMounted: autoUpdate,
|
|
40
|
-
middleware: [
|
|
41
|
-
offset(offsetPx),
|
|
42
|
-
autoPlacements?.length ? autoPlacement({ allowedPlacements: autoPlacements }) : flip(),
|
|
43
|
-
shift({ padding: 5 }),
|
|
44
|
-
hide({ strategy: 'referenceHidden' }),
|
|
45
|
-
],
|
|
46
|
-
});
|
|
47
|
-
const { isMounted, styles: transitionStyles } = useTransitionStyles(floating.context, {
|
|
48
|
-
initial: ({ side }) => {
|
|
49
|
-
switch (side) {
|
|
50
|
-
case 'top': return { opacity: 0, scale: '0.9', transform: 'translateY(10px)' };
|
|
51
|
-
case 'bottom': return { opacity: 0, scale: '0.9', transform: 'translateY(-10px)' };
|
|
52
|
-
case 'left': return { opacity: 0, scale: '0.9', transform: 'translateX(10px)' };
|
|
53
|
-
case 'right': return { opacity: 0, scale: '0.9', transform: 'translateX(-10px)' };
|
|
54
|
-
default: return {};
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
});
|
|
58
|
-
return { ...floating, isMounted, transitionStyles };
|
|
59
|
-
};
|
|
60
|
-
/**
|
|
61
|
-
* Builds the inline `style` object floating-ui consumers spread onto their popup wrapper:
|
|
62
|
-
* positioning (`position`/`top`/`left`), `width: 'max-content'`, the `referenceHidden`
|
|
63
|
-
* visibility toggle, and the in/out transition styles. Centralized so Tooltip / Popover /
|
|
64
|
-
* `FloatingComponentBase` don't redeclare it.
|
|
65
|
-
*/
|
|
66
|
-
export const getFloatingPopupStyle = (floating) => ({
|
|
67
|
-
position: floating.strategy,
|
|
68
|
-
top: floating.y ?? 0,
|
|
69
|
-
left: floating.x ?? 0,
|
|
70
|
-
width: 'max-content',
|
|
71
|
-
visibility: floating.middlewareData.hide?.referenceHidden ? 'hidden' : 'visible',
|
|
72
|
-
...floating.transitionStyles,
|
|
73
|
-
});
|
|
74
|
-
/**
|
|
75
|
-
* Base styling for any popup that renders via floating-ui (Tooltip, Popover, …). Tooltip extends
|
|
76
|
-
* this via `styled(...)` to layer on its dark theme + tighter padding without re-declaring the
|
|
77
|
-
* shared rules.
|
|
78
|
-
*/
|
|
79
|
-
export const FloatingComponentWrapper = styled.span `
|
|
24
|
+
const FloatingComponentWrapStyled = styled.span `
|
|
80
25
|
padding: ${theme.space.space16};
|
|
81
26
|
${theme.typography.shared.mobile.bodyM};
|
|
82
27
|
border-radius: 0.8rem;
|
|
@@ -106,7 +51,7 @@ const StyledPopoverBox = styled.div `
|
|
|
106
51
|
`;
|
|
107
52
|
const FloatingComponentWrap = forwardRef((props, ref) => {
|
|
108
53
|
const { showInPortal, ...rest } = props;
|
|
109
|
-
const component = _jsx(
|
|
54
|
+
const component = _jsx(FloatingComponentWrapStyled, { ...rest, ref: ref });
|
|
110
55
|
if (showInPortal) {
|
|
111
56
|
return _jsx(FloatingPortal, { children: component });
|
|
112
57
|
}
|
|
@@ -118,16 +63,46 @@ FloatingComponentWrap.displayName = 'FloatingComponentWrap';
|
|
|
118
63
|
* Don't use this - use Tooltip/HelpPopover instead.
|
|
119
64
|
*/
|
|
120
65
|
export const FloatingComponentBase = ({ placement = FLOATING_PLACEMENT.TOP, autoPlacements, strategy = 'fixed', content, children, isOpen = false, triggerRef, className, offsetPx = 10, contentWrapClassName, CloseButtonComponent, showInPortal = false, }) => {
|
|
121
|
-
const
|
|
66
|
+
const { x, y, refs: { setReference, setFloating }, strategy: effectiveStrategy, middlewareData: { hide: refHidden, }, context, } = useFloating({
|
|
122
67
|
open: isOpen,
|
|
123
68
|
placement,
|
|
124
69
|
strategy,
|
|
125
|
-
|
|
126
|
-
|
|
70
|
+
whileElementsMounted: autoUpdate,
|
|
71
|
+
middleware: [
|
|
72
|
+
offset(offsetPx),
|
|
73
|
+
autoPlacements?.length ? autoPlacement({ allowedPlacements: autoPlacements }) : flip(),
|
|
74
|
+
shift({ padding: 5 }),
|
|
75
|
+
hide({
|
|
76
|
+
strategy: 'referenceHidden',
|
|
77
|
+
}),
|
|
78
|
+
],
|
|
79
|
+
});
|
|
80
|
+
const { isMounted, styles } = useTransitionStyles(context, {
|
|
81
|
+
initial: ({ side }) => {
|
|
82
|
+
switch (side) {
|
|
83
|
+
case 'top':
|
|
84
|
+
return { opacity: 0, scale: '0.9', transform: 'translateY(10px)' };
|
|
85
|
+
case 'bottom':
|
|
86
|
+
return { opacity: 0, scale: '0.9', transform: 'translateY(-10px)' };
|
|
87
|
+
case 'left':
|
|
88
|
+
return { opacity: 0, scale: '0.9', transform: 'translateX(10px)' };
|
|
89
|
+
case 'right':
|
|
90
|
+
return { opacity: 0, scale: '0.9', transform: 'translateX(-10px)' };
|
|
91
|
+
default:
|
|
92
|
+
return {};
|
|
93
|
+
}
|
|
94
|
+
},
|
|
127
95
|
});
|
|
128
96
|
if (!content)
|
|
129
97
|
return _jsx("span", { children: children });
|
|
130
|
-
return (_jsxs(_Fragment, { children: [_jsx(ChildrenWrap, { className: clsx(classNames.CHILDREN, contentWrapClassName), ref:
|
|
98
|
+
return (_jsxs(_Fragment, { children: [_jsx(ChildrenWrap, { className: clsx(classNames.CHILDREN, contentWrapClassName), ref: setReference, children: children }), isMounted && (_jsx(FloatingComponentWrap, { className: className, ref: setFloating, style: {
|
|
99
|
+
position: effectiveStrategy,
|
|
100
|
+
top: y ?? 0,
|
|
101
|
+
left: x ?? 0,
|
|
102
|
+
width: 'max-content',
|
|
103
|
+
visibility: refHidden?.referenceHidden ? 'hidden' : 'visible',
|
|
104
|
+
...styles,
|
|
105
|
+
}, onClick: (e) => e.stopPropagation(), showInPortal: showInPortal, children: _jsx("div", { ref: triggerRef, children: CloseButtonComponent
|
|
131
106
|
? _jsxs(StyledPopoverBox, { children: [content, _jsx(CloseButtonComponent, {})] })
|
|
132
107
|
: content }) }))] }));
|
|
133
108
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"floating_component_base.js","sourceRoot":"","sources":["../../../../src/components/floating/floating_component_base.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,aAAa,EACb,UAAU,EACV,IAAI,EACJ,cAAc,EACd,IAAI,EACJ,MAAM,EACN,KAAK,EAEL,WAAW,EACX,mBAAmB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAA0C,UAAU,EAAmD,MAAM,OAAO,CAAC;AAC5H,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,QAAQ,EAAE,4BAA4B;CACzC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,GAAG,EAAE,KAAK;IACV,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;IAC1B,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,cAAc;IAC5B,UAAU,EAAE,YAAY;IACxB,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,UAAU;CACd,CAAC;
|
|
1
|
+
{"version":3,"file":"floating_component_base.js","sourceRoot":"","sources":["../../../../src/components/floating/floating_component_base.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,7 @@ export declare const TOOLTIP_SIZES: {
|
|
|
13
13
|
readonly XLARGE: "xlarge";
|
|
14
14
|
};
|
|
15
15
|
export type TooltipSize = typeof TOOLTIP_SIZES[keyof typeof TOOLTIP_SIZES];
|
|
16
|
-
export interface TooltipProps extends Omit<FloatingComponentBaseProps, 'isOpen' | 'size'
|
|
16
|
+
export interface TooltipProps extends Omit<FloatingComponentBaseProps, 'isOpen' | 'size'> {
|
|
17
17
|
as?: ElementType;
|
|
18
18
|
className?: string;
|
|
19
19
|
delayShow?: number;
|
|
@@ -28,16 +28,9 @@ interface WithTooltipProps {
|
|
|
28
28
|
tooltipProps?: TooltipProps;
|
|
29
29
|
}
|
|
30
30
|
/**
|
|
31
|
-
* Tooltip appears on hover, for onclick use Popover
|
|
32
|
-
*
|
|
33
|
-
* Reference (the trigger wrapper) and floating (the popup) are rendered as separate DOM subtrees
|
|
34
|
-
* — the popup is portaled (or rendered as a sibling fragment when `showInPortal={false}`), never
|
|
35
|
-
* nested inside the trigger. floating-ui's `useHover` resolves open/close state by tracking the
|
|
36
|
-
* cursor across distinct reference and floating elements; nesting them causes their bounding
|
|
37
|
-
* rects to overlap and the state machine flips unpredictably (see floating-ui docs on the
|
|
38
|
-
* reference/floating element separation requirement).
|
|
31
|
+
* Tooltip appears on hover, for onclick use Popover
|
|
39
32
|
*/
|
|
40
|
-
export declare const Tooltip: ({ as, className, delayShow, delayHide, shortcuts, imageUrl, subtleText, size, textAlign,
|
|
33
|
+
export declare const Tooltip: ({ as, className, delayShow, delayHide, shortcuts, imageUrl, subtleText, size, textAlign, ...rest }: TooltipProps) => ReactNode;
|
|
41
34
|
export declare function withTooltip<TProps extends Record<string, unknown> = Record<string, unknown>>(Component: ComponentType<TProps>): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<TProps & WithTooltipProps> & import("react").RefAttributes<HTMLElement>>;
|
|
42
35
|
export {};
|
|
43
36
|
//# sourceMappingURL=tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/tooltip.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAc,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAKnG,OAAO,
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/tooltip.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAc,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAKnG,OAAO,EAAyB,KAAK,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAGtG,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,OAAO,mBAAmB,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAE5F,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,aAAa,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE3E,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,0BAA0B,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrF,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAChC;AAED,UAAU,gBAAgB;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B;AAwBD;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,oGAWrB,YAAY,KAAG,SAmDjB,CAAC;AAEF,wBAAgB,WAAW,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,sJAW7H"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { jsx as _jsx
|
|
2
|
-
import {
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useFloating, useHover, useInteractions, } from '@floating-ui/react';
|
|
3
3
|
import { forwardRef, useState } from 'react';
|
|
4
4
|
import styled, { css } from 'styled-components';
|
|
5
5
|
import { theme } from '../../design_system/theme.js';
|
|
6
6
|
import { useSharedUiDependencies } from '../../ui_dependency_provider.js';
|
|
7
|
-
import {
|
|
7
|
+
import { FloatingComponentBase } from './floating_component_base.js';
|
|
8
8
|
import { TooltipContent } from './tooltip_content.js';
|
|
9
9
|
export const TOOLTIP_TEXT_ALIGNS = {
|
|
10
10
|
LEFT: 'left',
|
|
@@ -19,7 +19,7 @@ export const TOOLTIP_SIZES = {
|
|
|
19
19
|
};
|
|
20
20
|
// Using a styled component to get access to the `as` prop
|
|
21
21
|
const TooltipFocusArea = styled.span ``;
|
|
22
|
-
const
|
|
22
|
+
const StyledFloatingComponentBase = styled(FloatingComponentBase) `
|
|
23
23
|
color: ${theme.colorPalette.dark.neutral0};
|
|
24
24
|
background-color: ${theme.colorPalette.dark.neutral900};
|
|
25
25
|
padding: ${theme.space.space8};
|
|
@@ -38,34 +38,30 @@ const TooltipPopup = styled(FloatingComponentWrapper) `
|
|
|
38
38
|
`}
|
|
39
39
|
`;
|
|
40
40
|
/**
|
|
41
|
-
* Tooltip appears on hover, for onclick use Popover
|
|
42
|
-
*
|
|
43
|
-
* Reference (the trigger wrapper) and floating (the popup) are rendered as separate DOM subtrees
|
|
44
|
-
* — the popup is portaled (or rendered as a sibling fragment when `showInPortal={false}`), never
|
|
45
|
-
* nested inside the trigger. floating-ui's `useHover` resolves open/close state by tracking the
|
|
46
|
-
* cursor across distinct reference and floating elements; nesting them causes their bounding
|
|
47
|
-
* rects to overlap and the state machine flips unpredictably (see floating-ui docs on the
|
|
48
|
-
* reference/floating element separation requirement).
|
|
41
|
+
* Tooltip appears on hover, for onclick use Popover
|
|
49
42
|
*/
|
|
50
|
-
export const Tooltip = ({ as, className, delayShow = 500, delayHide = 50, shortcuts = [], imageUrl, subtleText, size = TOOLTIP_SIZES.SMALL, textAlign = TOOLTIP_TEXT_ALIGNS.LEFT,
|
|
43
|
+
export const Tooltip = ({ as, className, delayShow = 500, delayHide = 50, shortcuts = [], imageUrl, subtleText, size = TOOLTIP_SIZES.SMALL, textAlign = TOOLTIP_TEXT_ALIGNS.LEFT, ...rest }) => {
|
|
51
44
|
const { uiTheme, tooltipSafeHtml } = useSharedUiDependencies();
|
|
52
45
|
const [open, setOpen] = useState(false);
|
|
53
|
-
const
|
|
46
|
+
const { refs, context } = useFloating({
|
|
54
47
|
open,
|
|
55
48
|
onOpenChange: setOpen,
|
|
56
|
-
placement,
|
|
57
|
-
strategy,
|
|
58
|
-
autoPlacements,
|
|
59
|
-
offsetPx,
|
|
60
49
|
});
|
|
61
|
-
const hover = useHover(
|
|
62
|
-
delay: {
|
|
50
|
+
const hover = useHover(context, {
|
|
51
|
+
delay: {
|
|
52
|
+
open: delayShow,
|
|
53
|
+
close: delayHide,
|
|
54
|
+
},
|
|
63
55
|
});
|
|
64
56
|
const { getReferenceProps, getFloatingProps } = useInteractions([hover]);
|
|
65
|
-
if (!content && !shortcuts?.length && !imageUrl && !subtleText)
|
|
66
|
-
return children;
|
|
67
|
-
const
|
|
68
|
-
|
|
57
|
+
if (!rest.content && !shortcuts?.length && !imageUrl && !subtleText)
|
|
58
|
+
return rest.children;
|
|
59
|
+
const tooltipProps = {
|
|
60
|
+
isOpen: open,
|
|
61
|
+
...rest,
|
|
62
|
+
content: _jsx(TooltipContent, { content: tooltipSafeHtml(rest.content), shortcuts: shortcuts, imageUrl: imageUrl, subtleText: subtleText, size: size, textAlign: textAlign }),
|
|
63
|
+
};
|
|
64
|
+
return (_jsx(TooltipFocusArea, { as: as, className: className, ref: refs.setReference, ...getReferenceProps(), children: _jsx("div", { ref: refs.setFloating, ...getFloatingProps(), children: _jsx(StyledFloatingComponentBase, { ...tooltipProps, "$isDarkTheme": uiTheme === 'DARK' }) }) }));
|
|
69
65
|
};
|
|
70
66
|
export function withTooltip(Component) {
|
|
71
67
|
const Enhanced = forwardRef(({ tooltipProps, ...rest }, ref) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/floating/tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/floating/tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,8 +27,6 @@ export * from './icon_button.js';
|
|
|
27
27
|
export * from './spinner.js';
|
|
28
28
|
export * from './store/index.js';
|
|
29
29
|
export * from './checkbox/index.js';
|
|
30
|
-
export * from './actor_example/index.js';
|
|
31
|
-
export * from './browser_window/index.js';
|
|
32
30
|
export * from './collapsible_card/index.js';
|
|
33
31
|
export * from './select/index.js';
|
|
34
32
|
export * from './switch/index.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC"}
|
|
@@ -27,8 +27,6 @@ export * from './icon_button.js';
|
|
|
27
27
|
export * from './spinner.js';
|
|
28
28
|
export * from './store/index.js';
|
|
29
29
|
export * from './checkbox/index.js';
|
|
30
|
-
export * from './actor_example/index.js';
|
|
31
|
-
export * from './browser_window/index.js';
|
|
32
30
|
export * from './collapsible_card/index.js';
|
|
33
31
|
export * from './select/index.js';
|
|
34
32
|
export * from './switch/index.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
|
-
export declare const tokens = "\n --color-neutral-text: #f4f4f5;\n --color-neutral-text-muted: #bfc1c5;\n --color-neutral-text-subtle: #9ea2a8;\n --color-neutral-text-disabled: #4f5257;\n --color-neutral-text-on-primary: #161718;\n --color-neutral-icon-on-primary: #161718;\n --color-neutral-background: #161718;\n --color-neutral-background-muted: #1f2123;\n --color-neutral-background-subtle: #242528;\n --color-neutral-background-white: #f4f4f5;\n --color-neutral-card-background: #1b1c1d;\n --color-neutral-card-background-hover: #1f2123;\n --color-neutral-border: #3d3f43;\n --color-neutral-separator-subtle: #333538;\n --color-neutral-hover: #292b2e;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.22);\n --color-neutral-disabled: #333538;\n --color-neutral-overflow: #242528;\n --color-neutral-icon: #bfc1c5;\n --color-neutral-icon-subtle: #6d7178;\n --color-neutral-icon-disabled: #4f5257;\n --color-neutral-field-border: #333538;\n --color-neutral-action-secondary: #4f5257;\n --color-neutral-action-secondary-hover: #6d7178;\n --color-neutral-action-secondary-active: #333538;\n --color-neutral-chip-background: #4f5257;\n --color-neutral-chip-background-hover: #6d7178;\n --color-neutral-chip-background-active: #9ea2a8;\n --color-neutral-chip-background-disabled: #9ea2a8;\n --color-neutral-large-tooltip-background: #242528;\n --color-neutral-large-tooltip-border: #333538;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #242528;\n --color-neutral-small-tooltip-border: #333538;\n --color-neutral-overlay: #101114;\n --color-neutral-field-background: #0a0a0b;\n --color-neutral-text-placeholder: #6d7178;\n --color-primary-text: #6f9dff;\n --color-primary-text-interactive: #6f9dff;\n --color-primary-icon: #3970d7;\n --color-primary-action: #5990ff;\n --color-primary-action-hover: #80a9ff;\n --color-primary-action-active: #3970d7;\n --color-primary-field-border-active: #3970d7;\n --color-primary-border-subtle: #295cbb;\n --color-primary-background: #0d2550;\n --color-primary-background-subtle: #151d34;\n --color-primary-background-hover: #194594;\n --color-primary-chip-background: #0d2550;\n --color-primary-chip-background-subtle: #151d34;\n --color-primary-chip-background-hover: #194594;\n --color-primary-chip-text: #8ebcff;\n --color-primary-shadow-active: #295cbb;\n --color-primary-black-action: #ffffff;\n --color-primary-black-action-hover: #d2d3d6;\n --color-primary-black-action-active: #f4f4f5;\n --color-primary-black-background: #f4f4f5;\n --color-primary-black-background-hover: #edeeef;\n --color-primary-black-chip-text: #0a0a0b;\n --color-success-text: #3bb358;\n --color-success-icon: #23a64a;\n --color-success-background: #14441f;\n --color-success-background-hover: #00531e;\n --color-success-background-subtle: #09260f;\n --color-success-background-subtle-hover: #14441f;\n --color-success-background-subtle-active: #006e29;\n --color-success-chip-background: #14441f;\n --color-success-chip-background-hover: #00531e;\n --color-success-chip-text: #6ccd7c;\n --color-success-border: #068a35;\n --color-success-border-subtle: #006e29;\n --color-success-action: #23a64a;\n --color-success-action-hover: #3bb358;\n --color-success-action-active: #068a35;\n --color-warning-text: #f9ce4b;\n --color-warning-icon: #f9ce4b;\n --color-warning-background: #5d2e0e;\n --color-warning-background-hover: #6d3806;\n --color-warning-background-subtle: #301806;\n --color-warning-chip-background: #5d2e0e;\n --color-warning-chip-background-hover: #6d3806;\n --color-warning-chip-text: #ffd761;\n --color-warning-border: #a56909;\n --color-warning-border-subtle: #8a4f05;\n --color-warning-field-border: #cf9117;\n --color-danger-text: #ff7157;\n --color-danger-icon: #ef6045;\n --color-danger-background: #672523;\n --color-danger-background-hover: #812420;\n --color-danger-background-subtle: #381719;\n --color-danger-background-subtle-hover: #672523;\n --color-danger-background-subtle-active: #aa3229;\n --color-danger-chip-background: #672523;\n --color-danger-chip-background-hover: #812420;\n --color-danger-chip-text: #fe9e8a;\n --color-danger-border: #cf4436;\n --color-danger-border-subtle: #aa3229;\n --color-danger-field-border: #ef6045;\n --color-danger-action: #ef6045;\n --color-danger-action-hover: #ff7157;\n --color-danger-action-active: #cf4436;\n --color-special-free-plan-background: #9a4e2d;\n --color-special-starter-plan-background: #b87939;\n --color-special-scale-plan-background: #425484;\n --color-special-business-plan-background: #408288;\n --color-special-enterprise-plan-background: #48296f;\n --color-rose-light: #e88bb3;\n --color-rose-base: #b8487b;\n --color-rose-dark: #6f234f;\n --color-rose-text: #ed8bb5;\n --color-buttercup-light: #f9deaa;\n --color-buttercup-base: #e5b557;\n --color-buttercup-dark: #b87939;\n --color-buttercup-text: #ebbf6c;\n --color-paprika-light: #e26c7d;\n --color-paprika-base: #9e384b;\n --color-paprika-dark: #511d27;\n --color-paprika-text: #f67c8d;\n --color-teal-light: #aef0f5;\n --color-teal-base: #58bcc4;\n --color-teal-dark: #408288;\n --color-teal-text: #62c1c8;\n --color-indigo-light: #a8b7ed;\n --color-indigo-base: #6d85ca;\n --color-indigo-dark: #425484;\n --color-indigo-text: #a2b2eb;\n --color-slate-light: #c2c5dc;\n --color-slate-base: #8690bf;\n --color-slate-dark: #535c81;\n --color-slate-text: #afb2c9;\n --color-coral-light: #f3ccb0;\n --color-coral-base: #f08848;\n --color-coral-dark: #9a4e2d;\n --color-coral-text: #f9b27b;\n --color-lavender-light: #b482ed;\n --color-lavender-base: #8148c9;\n --color-lavender-dark: #48296f;\n --color-lavender-text: #be8af9;\n --color-bamboo-light: #7acaa9;\n --color-bamboo-base: #439274;\n --color-bamboo-dark: #305b4a;\n --color-bamboo-text: #65bc99;\n";
|
|
4
|
+
export declare const tokens = "\n --color-neutral-text: #f4f4f5;\n --color-neutral-text-muted: #bfc1c5;\n --color-neutral-text-subtle: #9ea2a8;\n --color-neutral-text-disabled: #4f5257;\n --color-neutral-text-on-primary: #161718;\n --color-neutral-icon-on-primary: #161718;\n --color-neutral-background: #161718;\n --color-neutral-background-muted: #1f2123;\n --color-neutral-background-subtle: #242528;\n --color-neutral-background-white: #f4f4f5;\n --color-neutral-card-background: #1b1c1d;\n --color-neutral-card-background-hover: #1f2123;\n --color-neutral-border: #3d3f43;\n --color-neutral-separator-subtle: #333538;\n --color-neutral-hover: #292b2e;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.22);\n --color-neutral-disabled: #333538;\n --color-neutral-overflow: #242528;\n --color-neutral-icon: #bfc1c5;\n --color-neutral-icon-subtle: #6d7178;\n --color-neutral-icon-disabled: #4f5257;\n --color-neutral-field-border: #333538;\n --color-neutral-action-secondary: #4f5257;\n --color-neutral-action-secondary-hover: #6d7178;\n --color-neutral-action-secondary-active: #333538;\n --color-neutral-chip-background: #4f5257;\n --color-neutral-chip-background-hover: #6d7178;\n --color-neutral-chip-background-active: #9ea2a8;\n --color-neutral-chip-background-disabled: #9ea2a8;\n --color-neutral-large-tooltip-background: #242528;\n --color-neutral-large-tooltip-border: #333538;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #242528;\n --color-neutral-small-tooltip-border: #333538;\n --color-neutral-overlay: #101114;\n --color-neutral-field-background: #0a0a0b;\n --color-neutral-text-placeholder: #6d7178;\n --color-primary-text: #6f9dff;\n --color-primary-text-interactive: #6f9dff;\n --color-primary-icon: #3970d7;\n --color-primary-action: #5990ff;\n --color-primary-action-hover: #80a9ff;\n --color-primary-action-active: #3970d7;\n --color-primary-field-border-active: #3970d7;\n --color-primary-border-subtle: #295cbb;\n --color-primary-background: #0d2550;\n --color-primary-background-subtle: #151d34;\n --color-primary-background-hover: #194594;\n --color-primary-chip-background: #0d2550;\n --color-primary-chip-background-subtle: #151d34;\n --color-primary-chip-background-hover: #194594;\n --color-primary-chip-text: #8ebcff;\n --color-primary-shadow-active: #295cbb;\n --color-primary-black-action: #ffffff;\n --color-primary-black-action-hover: #d2d3d6;\n --color-primary-black-action-active: #f4f4f5;\n --color-primary-black-background: #f4f4f5;\n --color-primary-black-background-hover: #edeeef;\n --color-primary-black-chip-text: #0a0a0b;\n --color-success-text: #3bb358;\n --color-success-icon: #23a64a;\n --color-success-background: #14441f;\n --color-success-background-hover: #00531e;\n --color-success-background-subtle: #09260f;\n --color-success-background-subtle-hover: #14441f;\n --color-success-background-subtle-active: #006e29;\n --color-success-chip-background: #14441f;\n --color-success-chip-background-hover: #00531e;\n --color-success-chip-text: #6ccd7c;\n --color-success-border: #068a35;\n --color-success-border-subtle: #006e29;\n --color-success-action: #23a64a;\n --color-success-action-hover: #3bb358;\n --color-success-action-active: #068a35;\n --color-warning-text: #f9ce4b;\n --color-warning-icon: #f9ce4b;\n --color-warning-background: #5d2e0e;\n --color-warning-background-hover: #6d3806;\n --color-warning-background-subtle: #301806;\n --color-warning-chip-background: #5d2e0e;\n --color-warning-chip-background-hover: #6d3806;\n --color-warning-chip-text: #ffd761;\n --color-warning-border: #a56909;\n --color-warning-border-subtle: #8a4f05;\n --color-warning-field-border: #cf9117;\n --color-danger-text: #ff7157;\n --color-danger-icon: #ef6045;\n --color-danger-background: #672523;\n --color-danger-background-hover: #812420;\n --color-danger-background-subtle: #381719;\n --color-danger-background-subtle-hover: #672523;\n --color-danger-background-subtle-active: #aa3229;\n --color-danger-chip-background: #672523;\n --color-danger-chip-background-hover: #812420;\n --color-danger-chip-text: #fe9e8a;\n --color-danger-border: #cf4436;\n --color-danger-border-subtle: #aa3229;\n --color-danger-field-border: #ef6045;\n --color-danger-action: #ef6045;\n --color-danger-action-hover: #ff7157;\n --color-danger-action-active: #cf4436;\n --color-special-free-plan-background: #9a4e2d;\n --color-special-starter-plan-background: #b87939;\n --color-special-scale-plan-background: #425484;\n --color-special-business-plan-background: #408288;\n --color-special-enterprise-plan-background: #48296f;\n --color-special-highlight: #0d2550;\n --color-rose-light: #e88bb3;\n --color-rose-base: #b8487b;\n --color-rose-dark: #6f234f;\n --color-rose-text: #ed8bb5;\n --color-buttercup-light: #f9deaa;\n --color-buttercup-base: #e5b557;\n --color-buttercup-dark: #b87939;\n --color-buttercup-text: #ebbf6c;\n --color-paprika-light: #e26c7d;\n --color-paprika-base: #9e384b;\n --color-paprika-dark: #511d27;\n --color-paprika-text: #f67c8d;\n --color-teal-light: #aef0f5;\n --color-teal-base: #58bcc4;\n --color-teal-dark: #408288;\n --color-teal-text: #62c1c8;\n --color-indigo-light: #a8b7ed;\n --color-indigo-base: #6d85ca;\n --color-indigo-dark: #425484;\n --color-indigo-text: #a2b2eb;\n --color-slate-light: #c2c5dc;\n --color-slate-base: #8690bf;\n --color-slate-dark: #535c81;\n --color-slate-text: #afb2c9;\n --color-coral-light: #f3ccb0;\n --color-coral-base: #f08848;\n --color-coral-dark: #9a4e2d;\n --color-coral-text: #f9b27b;\n --color-lavender-light: #b482ed;\n --color-lavender-base: #8148c9;\n --color-lavender-dark: #48296f;\n --color-lavender-text: #be8af9;\n --color-bamboo-light: #7acaa9;\n --color-bamboo-base: #439274;\n --color-bamboo-dark: #305b4a;\n --color-bamboo-text: #65bc99;\n";
|
|
5
5
|
//# sourceMappingURL=css_variables.dark.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css_variables.dark.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"css_variables.dark.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,gyLAgJlB,CAAC"}
|
|
@@ -108,6 +108,7 @@ export const tokens = `
|
|
|
108
108
|
--color-special-scale-plan-background: #425484;
|
|
109
109
|
--color-special-business-plan-background: #408288;
|
|
110
110
|
--color-special-enterprise-plan-background: #48296f;
|
|
111
|
+
--color-special-highlight: #0d2550;
|
|
111
112
|
--color-rose-light: #e88bb3;
|
|
112
113
|
--color-rose-base: #b8487b;
|
|
113
114
|
--color-rose-dark: #6f234f;
|