@apify/ui-library 1.171.1 → 1.171.2-uilibraryversion2candida-85b55e.23
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/MIGRATION.md +5 -0
- package/README.md +1 -1
- package/dist/components/code/code_block/code_block.d.ts +1 -3
- package/dist/components/code/code_block/code_block.d.ts.map +1 -1
- package/dist/components/code/code_block/code_block.js +1 -7
- package/dist/components/code/code_block/code_block.styled.d.ts +0 -1
- package/dist/components/code/code_block/code_block.styled.d.ts.map +1 -1
- package/dist/components/code/code_block/code_block.styled.js +0 -10
- package/dist/components/code/inline_code/inline_code.d.ts.map +1 -1
- package/dist/components/index.d.ts +0 -3
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/simple_markdown/simple_markdown.d.ts.map +1 -1
- package/dist/components/simple_markdown/simple_markdown.js +1 -1
- package/dist/components/simple_markdown/simple_markdown_components.d.ts +5 -2
- package/dist/components/simple_markdown/simple_markdown_components.d.ts.map +1 -1
- package/dist/components/simple_markdown/simple_markdown_components.js +2 -3
- package/dist/components/tag/tag.d.ts +1 -1
- package/dist/components/tag/tag.d.ts.map +1 -1
- package/dist/components/text/index.d.ts +0 -1
- package/dist/components/text/index.d.ts.map +1 -1
- package/dist/components/text/text_content.d.ts +1 -1
- package/dist/components/text/text_content.js +1 -1
- package/dist/files_hash_at_build.txt +1 -1
- package/dist/index.js +1 -5
- package/dist/src/components/code/code_block/code_block.d.ts +1 -3
- package/dist/src/components/code/code_block/code_block.d.ts.map +1 -1
- package/dist/src/components/code/code_block/code_block.js +2 -3
- package/dist/src/components/code/code_block/code_block.js.map +1 -1
- package/dist/src/components/code/code_block/code_block.styled.d.ts +0 -1
- package/dist/src/components/code/code_block/code_block.styled.d.ts.map +1 -1
- package/dist/src/components/code/code_block/code_block.styled.js +0 -10
- package/dist/src/components/code/code_block/code_block.styled.js.map +1 -1
- package/dist/src/components/code/inline_code/inline_code.d.ts.map +1 -1
- package/dist/src/components/code/inline_code/inline_code.js +0 -1
- package/dist/src/components/code/inline_code/inline_code.js.map +1 -1
- package/dist/src/components/index.d.ts +0 -3
- package/dist/src/components/index.d.ts.map +1 -1
- package/dist/src/components/index.js +0 -3
- package/dist/src/components/index.js.map +1 -1
- package/dist/src/components/simple_markdown/simple_markdown.d.ts.map +1 -1
- package/dist/src/components/simple_markdown/simple_markdown.js +2 -1
- package/dist/src/components/simple_markdown/simple_markdown.js.map +1 -1
- package/dist/src/components/simple_markdown/simple_markdown_components.d.ts +5 -4
- package/dist/src/components/simple_markdown/simple_markdown_components.d.ts.map +1 -1
- package/dist/src/components/simple_markdown/simple_markdown_components.js +4 -4
- package/dist/src/components/simple_markdown/simple_markdown_components.js.map +1 -1
- package/dist/src/components/tag/tag.d.ts +1 -1
- package/dist/src/components/tag/tag.d.ts.map +1 -1
- package/dist/src/components/text/index.d.ts +0 -1
- package/dist/src/components/text/index.d.ts.map +1 -1
- package/dist/src/components/text/index.js +0 -1
- package/dist/src/components/text/index.js.map +1 -1
- package/dist/src/components/text/text_content.d.ts +1 -1
- package/dist/src/components/text/text_content.js +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/migration-guides/v1-to-v2.md +153 -0
- package/package.json +5 -3
- package/src/components/code/code_block/code_block.stories.jsx +6 -13
- package/src/components/code/code_block/code_block.styled.tsx +0 -11
- package/src/components/code/code_block/code_block.tsx +0 -8
- package/src/components/code/inline_code/inline_code.tsx +0 -1
- package/src/components/index.ts +0 -3
- package/src/components/simple_markdown/simple_markdown.tsx +2 -1
- package/src/components/simple_markdown/simple_markdown_components.tsx +8 -14
- package/src/components/tag/tag.tsx +1 -1
- package/src/components/text/index.ts +0 -1
- package/src/components/text/text_content.tsx +1 -1
- package/src/migration_guides/v1_to_v2.mdx +7 -0
- package/dist/components/banner/banner.d.ts +0 -11
- package/dist/components/banner/banner.d.ts.map +0 -1
- package/dist/components/banner/banner.js +0 -76
- package/dist/components/banner/index.d.ts +0 -2
- package/dist/components/banner/index.d.ts.map +0 -1
- package/dist/components/chip/chip.d.ts +0 -55
- package/dist/components/chip/chip.d.ts.map +0 -1
- package/dist/components/chip/chip.js +0 -144
- package/dist/components/chip/index.d.ts +0 -2
- package/dist/components/chip/index.d.ts.map +0 -1
- package/dist/components/color_wheel_gradient/color_wheel_gradient.d.ts +0 -9
- package/dist/components/color_wheel_gradient/color_wheel_gradient.d.ts.map +0 -1
- package/dist/components/color_wheel_gradient/color_wheel_gradient.js +0 -27
- package/dist/components/color_wheel_gradient/index.d.ts +0 -2
- package/dist/components/color_wheel_gradient/index.d.ts.map +0 -1
- package/dist/src/components/banner/banner.d.ts +0 -11
- package/dist/src/components/banner/banner.d.ts.map +0 -1
- package/dist/src/components/banner/banner.js +0 -70
- package/dist/src/components/banner/banner.js.map +0 -1
- package/dist/src/components/banner/index.d.ts +0 -2
- package/dist/src/components/banner/index.d.ts.map +0 -1
- package/dist/src/components/banner/index.js +0 -2
- package/dist/src/components/banner/index.js.map +0 -1
- package/dist/src/components/chip/chip.d.ts +0 -56
- package/dist/src/components/chip/chip.d.ts.map +0 -1
- package/dist/src/components/chip/chip.js +0 -123
- package/dist/src/components/chip/chip.js.map +0 -1
- package/dist/src/components/chip/index.d.ts +0 -2
- package/dist/src/components/chip/index.d.ts.map +0 -1
- package/dist/src/components/chip/index.js +0 -2
- package/dist/src/components/chip/index.js.map +0 -1
- package/dist/src/components/color_wheel_gradient/color_wheel_gradient.d.ts +0 -9
- package/dist/src/components/color_wheel_gradient/color_wheel_gradient.d.ts.map +0 -1
- package/dist/src/components/color_wheel_gradient/color_wheel_gradient.js +0 -25
- package/dist/src/components/color_wheel_gradient/color_wheel_gradient.js.map +0 -1
- package/dist/src/components/color_wheel_gradient/index.d.ts +0 -2
- package/dist/src/components/color_wheel_gradient/index.d.ts.map +0 -1
- package/dist/src/components/color_wheel_gradient/index.js +0 -2
- package/dist/src/components/color_wheel_gradient/index.js.map +0 -1
- package/src/components/banner/banner.stories.tsx +0 -238
- package/src/components/banner/banner.tsx +0 -91
- package/src/components/banner/index.ts +0 -1
- package/src/components/chip/chip.stories.tsx +0 -311
- package/src/components/chip/chip.tsx +0 -167
- package/src/components/chip/index.ts +0 -1
- package/src/components/color_wheel_gradient/color_wheel_gradient.stories.tsx +0 -152
- package/src/components/color_wheel_gradient/color_wheel_gradient.tsx +0 -33
- package/src/components/color_wheel_gradient/index.ts +0 -1
- package/src/components/text/text_content.stories.tsx +0 -194
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
import { theme } from "../../design_system/theme.js";
|
|
2
|
-
import styled, { css } from "styled-components";
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
import clsx$1 from "clsx";
|
|
6
|
-
//#region src/components/chip/chip.tsx
|
|
7
|
-
var CHIP_SIZES = {
|
|
8
|
-
EXTRA_SMALL: "XS",
|
|
9
|
-
SMALL: "S",
|
|
10
|
-
MEDIUM: "M",
|
|
11
|
-
LARGE: "L"
|
|
12
|
-
};
|
|
13
|
-
var CHIP_TYPES = {
|
|
14
|
-
DEFAULT: "DEFAULT",
|
|
15
|
-
PRIMARY: "PRIMARY",
|
|
16
|
-
SUCCESS: "SUCCESS",
|
|
17
|
-
WARNING: "WARNING",
|
|
18
|
-
DANGER: "DANGER"
|
|
19
|
-
};
|
|
20
|
-
var classNames = { BODY: "Chip-body" };
|
|
21
|
-
var chipSizeStyle = {
|
|
22
|
-
[CHIP_SIZES.EXTRA_SMALL]: css`
|
|
23
|
-
font-size: 12px;
|
|
24
|
-
line-height: 16px;
|
|
25
|
-
padding: 0 4px;
|
|
26
|
-
border-radius: 6px;
|
|
27
|
-
`,
|
|
28
|
-
[CHIP_SIZES.SMALL]: css`
|
|
29
|
-
font-size: 12px;
|
|
30
|
-
line-height: 16px;
|
|
31
|
-
padding: 2px 4px;
|
|
32
|
-
border-radius: 6px;
|
|
33
|
-
`,
|
|
34
|
-
[CHIP_SIZES.MEDIUM]: css`
|
|
35
|
-
font-size: 14px;
|
|
36
|
-
line-height: 20px;
|
|
37
|
-
padding: 2px 8px;
|
|
38
|
-
border-radius: 100px;
|
|
39
|
-
`,
|
|
40
|
-
[CHIP_SIZES.LARGE]: css`
|
|
41
|
-
/* TODO: (typography-mismatch) 16px/20px does not match any canonical typography token — needs designer input. Blocks migrating chipSizeStyle to typography token interpolations (XS/S match bodyS, M matches bodyM). */
|
|
42
|
-
font-size: 16px;
|
|
43
|
-
line-height: 20px;
|
|
44
|
-
padding: 2px 8px;
|
|
45
|
-
border-radius: 100px;
|
|
46
|
-
`
|
|
47
|
-
};
|
|
48
|
-
var chipTypeStyle = {
|
|
49
|
-
[CHIP_TYPES.DEFAULT]: css`
|
|
50
|
-
color: ${theme.color.neutral.text};
|
|
51
|
-
background: ${theme.color.neutral.chipBackground};
|
|
52
|
-
`,
|
|
53
|
-
[CHIP_TYPES.PRIMARY]: css`
|
|
54
|
-
color: ${theme.color.primary.chipText};
|
|
55
|
-
background: ${theme.color.primary.chipBackground};
|
|
56
|
-
`,
|
|
57
|
-
[CHIP_TYPES.SUCCESS]: css`
|
|
58
|
-
color: ${theme.color.success.chipText};
|
|
59
|
-
background: ${theme.color.success.chipBackground};
|
|
60
|
-
`,
|
|
61
|
-
[CHIP_TYPES.WARNING]: css`
|
|
62
|
-
color: ${theme.color.warning.chipText};
|
|
63
|
-
background: ${theme.color.warning.chipBackground};
|
|
64
|
-
`,
|
|
65
|
-
[CHIP_TYPES.DANGER]: css`
|
|
66
|
-
color: ${theme.color.danger.chipText};
|
|
67
|
-
background: ${theme.color.danger.chipBackground};
|
|
68
|
-
`
|
|
69
|
-
};
|
|
70
|
-
var 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
|
-
var StyledChip = styled.span`
|
|
88
|
-
${({ size }) => chipSizeStyle[size]};
|
|
89
|
-
${({ type }) => chipTypeStyle[type]};
|
|
90
|
-
${({ type, clickable }) => clickable && css`
|
|
91
|
-
&:hover {
|
|
92
|
-
${chipTypeHoverStyle[type]};
|
|
93
|
-
}
|
|
94
|
-
`};
|
|
95
|
-
/* Static styles */
|
|
96
|
-
width: fit-content;
|
|
97
|
-
display: flex;
|
|
98
|
-
flex-direction: row;
|
|
99
|
-
justify-content: center;
|
|
100
|
-
align-items: center;
|
|
101
|
-
/* TODO: (typography-keyword) 'normal' keyword used instead of numeric value (400) or typography token. */
|
|
102
|
-
font-weight: normal;
|
|
103
|
-
white-space: nowrap;
|
|
104
|
-
cursor: ${({ clickable }) => clickable ? "pointer" : "default"};
|
|
105
|
-
gap: ${theme.space.space4};
|
|
106
|
-
`;
|
|
107
|
-
/**
|
|
108
|
-
* Component for displaying status and for labelling other components.
|
|
109
|
-
* @deprecated Use Tag or Badge
|
|
110
|
-
*/
|
|
111
|
-
var Chip = forwardRef(({ type = CHIP_TYPES.DEFAULT, size = CHIP_SIZES.MEDIUM, clickable = false, icon, children, className, ...passThroughProps }, ref) => {
|
|
112
|
-
return /* @__PURE__ */ jsxs(StyledChip, {
|
|
113
|
-
ref,
|
|
114
|
-
...passThroughProps,
|
|
115
|
-
type,
|
|
116
|
-
size,
|
|
117
|
-
clickable,
|
|
118
|
-
className: clsx$1(className, classNames.BODY),
|
|
119
|
-
children: [children, icon]
|
|
120
|
-
});
|
|
121
|
-
});
|
|
122
|
-
Chip.displayName = "Chip";
|
|
123
|
-
var PrimaryChip = (props) => /* @__PURE__ */ jsx(Chip, {
|
|
124
|
-
type: CHIP_TYPES.PRIMARY,
|
|
125
|
-
...props
|
|
126
|
-
});
|
|
127
|
-
var NeutralChip = (props) => /* @__PURE__ */ jsx(Chip, {
|
|
128
|
-
type: CHIP_TYPES.DEFAULT,
|
|
129
|
-
...props
|
|
130
|
-
});
|
|
131
|
-
var SuccessChip = (props) => /* @__PURE__ */ jsx(Chip, {
|
|
132
|
-
type: CHIP_TYPES.SUCCESS,
|
|
133
|
-
...props
|
|
134
|
-
});
|
|
135
|
-
var DangerChip = (props) => /* @__PURE__ */ jsx(Chip, {
|
|
136
|
-
type: CHIP_TYPES.DANGER,
|
|
137
|
-
...props
|
|
138
|
-
});
|
|
139
|
-
var WarningChip = (props) => /* @__PURE__ */ jsx(Chip, {
|
|
140
|
-
type: CHIP_TYPES.WARNING,
|
|
141
|
-
...props
|
|
142
|
-
});
|
|
143
|
-
//#endregion
|
|
144
|
-
export { CHIP_SIZES, CHIP_TYPES, Chip, DangerChip, NeutralChip, PrimaryChip, SuccessChip, WarningChip, classNames };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export interface ColorWheelGradientProps {
|
|
2
|
-
translateX?: number;
|
|
3
|
-
translateY?: number;
|
|
4
|
-
rotation?: number;
|
|
5
|
-
radius?: number;
|
|
6
|
-
blurSize?: number;
|
|
7
|
-
}
|
|
8
|
-
export declare const ColorWheelGradient: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColorWheelGradientProps>> & string;
|
|
9
|
-
//# sourceMappingURL=color_wheel_gradient.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"color_wheel_gradient.d.ts","sourceRoot":"","sources":["../../../src/components/color_wheel_gradient/color_wheel_gradient.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,4PAsB9B,CAAC"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import styled from "styled-components";
|
|
2
|
-
//#region src/components/color_wheel_gradient/color_wheel_gradient.tsx
|
|
3
|
-
var ColorWheelGradient = styled.div`
|
|
4
|
-
${({ radius, rotation = 0, blurSize = 40, translateX = 0, translateY = 0 }) => `
|
|
5
|
-
z-index: 1;
|
|
6
|
-
position: absolute;
|
|
7
|
-
width: ${radius ? `${radius}px` : "auto"};
|
|
8
|
-
height: ${radius ? `${radius}px` : "auto"};
|
|
9
|
-
transform-origin: center;
|
|
10
|
-
transform: translate(${translateX}px, ${translateY}px) rotate(${rotation}deg);
|
|
11
|
-
|
|
12
|
-
opacity: 0.30;
|
|
13
|
-
background: conic-gradient(
|
|
14
|
-
rgba(93, 133, 225, 0.99) 0deg,
|
|
15
|
-
rgba(106, 20, 222, 0.99) 69deg,
|
|
16
|
-
rgba(228, 68, 103, 0.99) 150deg,
|
|
17
|
-
rgba(250, 129, 54, 0.99) 221deg,
|
|
18
|
-
rgba(240, 178, 27, 0.99) 287deg,
|
|
19
|
-
rgba(18, 150, 111, 0.99) 360deg
|
|
20
|
-
);
|
|
21
|
-
|
|
22
|
-
border-radius: 50%;
|
|
23
|
-
filter: blur(${blurSize}px)
|
|
24
|
-
`}
|
|
25
|
-
`;
|
|
26
|
-
//#endregion
|
|
27
|
-
export { ColorWheelGradient };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/color_wheel_gradient/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
interface BannerProps {
|
|
3
|
-
background?: string;
|
|
4
|
-
useGradientBackground?: boolean;
|
|
5
|
-
width?: string;
|
|
6
|
-
className?: string;
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
}
|
|
9
|
-
export declare const Banner: React.FC<BannerProps>;
|
|
10
|
-
export {};
|
|
11
|
-
//# sourceMappingURL=banner.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../../src/components/banner/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoD/B,UAAU,WAAW;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAuBD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CASxC,CAAC"}
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import styled, { css } from 'styled-components';
|
|
3
|
-
import { theme } from '../../design_system/theme';
|
|
4
|
-
const BANNER_GRADIENT_BACKGROUND_SVG = `<svg width="1200" height="148" viewBox="0 0 1200 148" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
5
|
-
<g clip-path="url(#clip0_2285_34756)">
|
|
6
|
-
<g filter="url(#filter0_f_2285_34756)">
|
|
7
|
-
<path d="M-39.7702 191.085C-55.0622 193.205 -68.8864 201.311 -78.2029 213.621C-87.5194 225.932 -91.5654 241.438 -89.4512 256.731L-55.0077 502.652L89.8852 173L-39.7702 191.085Z" fill="url(#paint0_linear_2285_34756)"/>
|
|
8
|
-
</g>
|
|
9
|
-
<g filter="url(#filter1_f_2285_34756)">
|
|
10
|
-
<path d="M1267.53 398.062L1253.99 209.002C1252.85 193.626 1245.67 179.327 1234.01 169.234C1222.36 159.14 1207.18 154.073 1191.8 155.14C1190.5 155.19 1189.2 155.331 1187.92 155.564L1132 163.289L1254.84 438.685C1264.05 427.236 1268.59 412.721 1267.53 398.062Z" fill="url(#paint1_linear_2285_34756)"/>
|
|
11
|
-
</g>
|
|
12
|
-
<g filter="url(#filter2_f_2285_34756)">
|
|
13
|
-
<path d="M561 29.7691C570.917 30.4746 580.956 29.5571 590.142 27.1057L801.075 -28.7862L700.682 -170L561 29.7691Z" fill="url(#paint2_linear_2285_34756)"/>
|
|
14
|
-
</g>
|
|
15
|
-
</g>
|
|
16
|
-
<defs>
|
|
17
|
-
<filter id="filter0_f_2285_34756" x="-170" y="93" width="339.885" height="489.652" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
18
|
-
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
19
|
-
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
20
|
-
<feGaussianBlur stdDeviation="40" result="effect1_foregroundBlur_2285_34756"/>
|
|
21
|
-
</filter>
|
|
22
|
-
<filter id="filter1_f_2285_34756" x="1052" y="75" width="295.683" height="443.686" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
23
|
-
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
24
|
-
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
25
|
-
<feGaussianBlur stdDeviation="40" result="effect1_foregroundBlur_2285_34756"/>
|
|
26
|
-
</filter>
|
|
27
|
-
<filter id="filter2_f_2285_34756" x="481" y="-250" width="400.074" height="360" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
28
|
-
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
29
|
-
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
30
|
-
<feGaussianBlur stdDeviation="40" result="effect1_foregroundBlur_2285_34756"/>
|
|
31
|
-
</filter>
|
|
32
|
-
<linearGradient id="paint0_linear_2285_34756" x1="-0.0574112" y1="173" x2="-0.0574112" y2="502.652" gradientUnits="userSpaceOnUse">
|
|
33
|
-
<stop stop-color="#00FF85"/>
|
|
34
|
-
<stop offset="1" stop-color="#00FF47" stop-opacity="0"/>
|
|
35
|
-
</linearGradient>
|
|
36
|
-
<linearGradient id="paint1_linear_2285_34756" x1="1146.02" y1="174.549" x2="1333.1" y2="293.915" gradientUnits="userSpaceOnUse">
|
|
37
|
-
<stop stop-color="#00FFF0"/>
|
|
38
|
-
<stop offset="1" stop-color="#1672EB"/>
|
|
39
|
-
</linearGradient>
|
|
40
|
-
<linearGradient id="paint2_linear_2285_34756" x1="681.037" y1="-170" x2="681.037" y2="30" gradientUnits="userSpaceOnUse">
|
|
41
|
-
<stop stop-color="#F5B315"/>
|
|
42
|
-
<stop offset="1" stop-color="#FF2CC4"/>
|
|
43
|
-
</linearGradient>
|
|
44
|
-
<clipPath id="clip0_2285_34756">
|
|
45
|
-
<rect width="1200" height="1791.08" rx="16" fill="white"/>
|
|
46
|
-
</clipPath>
|
|
47
|
-
</defs>
|
|
48
|
-
</svg>
|
|
49
|
-
`;
|
|
50
|
-
const getBannerBackground = (background, useGradientBackground) => {
|
|
51
|
-
return css `
|
|
52
|
-
background-color: ${background || theme.color.neutral.backgroundSubtle};
|
|
53
|
-
${useGradientBackground &&
|
|
54
|
-
`
|
|
55
|
-
background-image: url("data:image/svg+xml,${encodeURIComponent(BANNER_GRADIENT_BACKGROUND_SVG)}");
|
|
56
|
-
background-position: center;
|
|
57
|
-
background-repeat: no-repeat;
|
|
58
|
-
background-size: cover;
|
|
59
|
-
`}
|
|
60
|
-
`;
|
|
61
|
-
};
|
|
62
|
-
const StyledBanner = styled.div `
|
|
63
|
-
width: ${(props) => props.width || '100%'};
|
|
64
|
-
padding: ${theme.space.space40} ${theme.space.space80};
|
|
65
|
-
border-radius: ${theme.radius.radius16};
|
|
66
|
-
|
|
67
|
-
${({ $background, $useGradientBackground }) => getBannerBackground($background, $useGradientBackground)};
|
|
68
|
-
`;
|
|
69
|
-
export const Banner = ({ useGradientBackground = true, background, children, ...otherProps }) => (_jsx(StyledBanner, { "$background": background, "$useGradientBackground": useGradientBackground, ...otherProps, children: children }));
|
|
70
|
-
//# sourceMappingURL=banner.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"banner.js","sourceRoot":"","sources":["../../../../src/components/banner/banner.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,MAAM,8BAA8B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CtC,CAAC;AAUF,MAAM,mBAAmB,GAAG,CAAC,UAAmB,EAAE,qBAA+B,EAAE,EAAE;IACjF,OAAO,GAAG,CAAA;4BACc,UAAU,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;UACpE,qBAAqB;QACvB;wDACgD,kBAAkB,CAAC,8BAA8B,CAAC;;;;aAI7F;KACR,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAA4E;aAC9F,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM;eAC9B,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO;qBACpC,KAAK,CAAC,MAAM,CAAC,QAAQ;;MAEpC,CAAC,EAAE,WAAW,EAAE,sBAAsB,EAAE,EAAE,EAAE,CAAC,mBAAmB,CAAC,WAAW,EAAE,sBAAsB,CAAC;CAC1G,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC1C,qBAAqB,GAAG,IAAI,EAC5B,UAAU,EACV,QAAQ,EACR,GAAG,UAAU,EAChB,EAAE,EAAE,CAAC,CACF,KAAC,YAAY,mBAAc,UAAU,4BAA0B,qBAAqB,KAAM,UAAU,YAC/F,QAAQ,GACE,CAClB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/banner/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/banner/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import type { FC } from 'react';
|
|
2
|
-
import type React from 'react';
|
|
3
|
-
import type { ValueOf } from '../../internal_type_utils';
|
|
4
|
-
import type { RegularBoxProps } from '../box';
|
|
5
|
-
export declare const CHIP_SIZES: {
|
|
6
|
-
readonly EXTRA_SMALL: "XS";
|
|
7
|
-
readonly SMALL: "S";
|
|
8
|
-
readonly MEDIUM: "M";
|
|
9
|
-
readonly LARGE: "L";
|
|
10
|
-
};
|
|
11
|
-
type CHIP_SIZES = ValueOf<typeof CHIP_SIZES>;
|
|
12
|
-
export declare const CHIP_TYPES: {
|
|
13
|
-
readonly DEFAULT: "DEFAULT";
|
|
14
|
-
readonly PRIMARY: "PRIMARY";
|
|
15
|
-
readonly SUCCESS: "SUCCESS";
|
|
16
|
-
readonly WARNING: "WARNING";
|
|
17
|
-
readonly DANGER: "DANGER";
|
|
18
|
-
};
|
|
19
|
-
export type CHIP_TYPES = ValueOf<typeof CHIP_TYPES>;
|
|
20
|
-
export declare const classNames: {
|
|
21
|
-
BODY: string;
|
|
22
|
-
};
|
|
23
|
-
export type ChipProps = RegularBoxProps & {
|
|
24
|
-
type?: CHIP_TYPES;
|
|
25
|
-
size?: CHIP_SIZES;
|
|
26
|
-
icon?: React.ReactNode;
|
|
27
|
-
clickable?: boolean;
|
|
28
|
-
};
|
|
29
|
-
/**
|
|
30
|
-
* Component for displaying status and for labelling other components.
|
|
31
|
-
* @deprecated Use Tag or Badge
|
|
32
|
-
*/
|
|
33
|
-
export declare const Chip: React.ForwardRefExoticComponent<{
|
|
34
|
-
children?: React.ReactNode;
|
|
35
|
-
className?: string;
|
|
36
|
-
style?: React.CSSProperties;
|
|
37
|
-
onClick?: (e: React.MouseEvent) => void;
|
|
38
|
-
id?: string;
|
|
39
|
-
title?: string;
|
|
40
|
-
role?: React.AriaRole;
|
|
41
|
-
} & {
|
|
42
|
-
as?: React.ElementType;
|
|
43
|
-
} & {
|
|
44
|
-
type?: CHIP_TYPES;
|
|
45
|
-
size?: CHIP_SIZES;
|
|
46
|
-
icon?: React.ReactNode;
|
|
47
|
-
clickable?: boolean;
|
|
48
|
-
} & React.RefAttributes<unknown>>;
|
|
49
|
-
type SpecificChipProps = Omit<ChipProps, 'type'>;
|
|
50
|
-
export declare const PrimaryChip: FC<SpecificChipProps>;
|
|
51
|
-
export declare const NeutralChip: FC<SpecificChipProps>;
|
|
52
|
-
export declare const SuccessChip: FC<SpecificChipProps>;
|
|
53
|
-
export declare const DangerChip: FC<SpecificChipProps>;
|
|
54
|
-
export declare const WarningChip: FC<SpecificChipProps>;
|
|
55
|
-
export {};
|
|
56
|
-
//# sourceMappingURL=chip.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../src/components/chip/chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAE9C,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;AA8FF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACtC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;WAVN,UAAU;WACV,UAAU;WACV,KAAK,CAAC,SAAS;gBACV,OAAO;iCA6BtB,CAAC;AAIF,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"}
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
|
-
import styled, { css } from 'styled-components';
|
|
5
|
-
import { theme } from '../../design_system/theme';
|
|
6
|
-
export const CHIP_SIZES = {
|
|
7
|
-
EXTRA_SMALL: 'XS',
|
|
8
|
-
SMALL: 'S',
|
|
9
|
-
MEDIUM: 'M',
|
|
10
|
-
LARGE: 'L',
|
|
11
|
-
};
|
|
12
|
-
export const CHIP_TYPES = {
|
|
13
|
-
DEFAULT: 'DEFAULT',
|
|
14
|
-
PRIMARY: 'PRIMARY',
|
|
15
|
-
SUCCESS: 'SUCCESS',
|
|
16
|
-
WARNING: 'WARNING',
|
|
17
|
-
DANGER: 'DANGER',
|
|
18
|
-
};
|
|
19
|
-
export const classNames = {
|
|
20
|
-
BODY: 'Chip-body',
|
|
21
|
-
};
|
|
22
|
-
const chipSizeStyle = {
|
|
23
|
-
[CHIP_SIZES.EXTRA_SMALL]: css `
|
|
24
|
-
font-size: 12px;
|
|
25
|
-
line-height: 16px;
|
|
26
|
-
padding: 0 4px;
|
|
27
|
-
border-radius: 6px;
|
|
28
|
-
`,
|
|
29
|
-
[CHIP_SIZES.SMALL]: css `
|
|
30
|
-
font-size: 12px;
|
|
31
|
-
line-height: 16px;
|
|
32
|
-
padding: 2px 4px;
|
|
33
|
-
border-radius: 6px;
|
|
34
|
-
`,
|
|
35
|
-
[CHIP_SIZES.MEDIUM]: css `
|
|
36
|
-
font-size: 14px;
|
|
37
|
-
line-height: 20px;
|
|
38
|
-
padding: 2px 8px;
|
|
39
|
-
border-radius: 100px;
|
|
40
|
-
`,
|
|
41
|
-
[CHIP_SIZES.LARGE]: css `
|
|
42
|
-
/* TODO: (typography-mismatch) 16px/20px does not match any canonical typography token — needs designer input. Blocks migrating chipSizeStyle to typography token interpolations (XS/S match bodyS, M matches bodyM). */
|
|
43
|
-
font-size: 16px;
|
|
44
|
-
line-height: 20px;
|
|
45
|
-
padding: 2px 8px;
|
|
46
|
-
border-radius: 100px;
|
|
47
|
-
`,
|
|
48
|
-
};
|
|
49
|
-
const chipTypeStyle = {
|
|
50
|
-
[CHIP_TYPES.DEFAULT]: css `
|
|
51
|
-
color: ${theme.color.neutral.text};
|
|
52
|
-
background: ${theme.color.neutral.chipBackground};
|
|
53
|
-
`,
|
|
54
|
-
[CHIP_TYPES.PRIMARY]: css `
|
|
55
|
-
color: ${theme.color.primary.chipText};
|
|
56
|
-
background: ${theme.color.primary.chipBackground};
|
|
57
|
-
`,
|
|
58
|
-
[CHIP_TYPES.SUCCESS]: css `
|
|
59
|
-
color: ${theme.color.success.chipText};
|
|
60
|
-
background: ${theme.color.success.chipBackground};
|
|
61
|
-
`,
|
|
62
|
-
[CHIP_TYPES.WARNING]: css `
|
|
63
|
-
color: ${theme.color.warning.chipText};
|
|
64
|
-
background: ${theme.color.warning.chipBackground};
|
|
65
|
-
`,
|
|
66
|
-
[CHIP_TYPES.DANGER]: css `
|
|
67
|
-
color: ${theme.color.danger.chipText};
|
|
68
|
-
background: ${theme.color.danger.chipBackground};
|
|
69
|
-
`,
|
|
70
|
-
};
|
|
71
|
-
const chipTypeHoverStyle = {
|
|
72
|
-
[CHIP_TYPES.DEFAULT]: css `
|
|
73
|
-
background: ${theme.color.neutral.chipBackgroundHover};
|
|
74
|
-
`,
|
|
75
|
-
[CHIP_TYPES.PRIMARY]: css `
|
|
76
|
-
background: ${theme.color.primary.chipBackgroundHover};
|
|
77
|
-
`,
|
|
78
|
-
[CHIP_TYPES.SUCCESS]: css `
|
|
79
|
-
background: ${theme.color.success.chipBackgroundHover};
|
|
80
|
-
`,
|
|
81
|
-
[CHIP_TYPES.WARNING]: css `
|
|
82
|
-
background: ${theme.color.warning.chipBackgroundHover};
|
|
83
|
-
`,
|
|
84
|
-
[CHIP_TYPES.DANGER]: css `
|
|
85
|
-
background: ${theme.color.danger.chipBackgroundHover};
|
|
86
|
-
`,
|
|
87
|
-
};
|
|
88
|
-
const StyledChip = styled.span `
|
|
89
|
-
${({ size }) => chipSizeStyle[size]};
|
|
90
|
-
${({ type }) => chipTypeStyle[type]};
|
|
91
|
-
${({ type, clickable }) => clickable &&
|
|
92
|
-
css `
|
|
93
|
-
&:hover {
|
|
94
|
-
${chipTypeHoverStyle[type]};
|
|
95
|
-
}
|
|
96
|
-
`};
|
|
97
|
-
/* Static styles */
|
|
98
|
-
width: fit-content;
|
|
99
|
-
display: flex;
|
|
100
|
-
flex-direction: row;
|
|
101
|
-
justify-content: center;
|
|
102
|
-
align-items: center;
|
|
103
|
-
/* TODO: (typography-keyword) 'normal' keyword used instead of numeric value (400) or typography token. */
|
|
104
|
-
font-weight: normal;
|
|
105
|
-
white-space: nowrap;
|
|
106
|
-
cursor: ${({ clickable }) => (clickable ? 'pointer' : 'default')};
|
|
107
|
-
gap: ${theme.space.space4};
|
|
108
|
-
`;
|
|
109
|
-
/**
|
|
110
|
-
* Component for displaying status and for labelling other components.
|
|
111
|
-
* @deprecated Use Tag or Badge
|
|
112
|
-
*/
|
|
113
|
-
export const Chip = forwardRef(({ type = CHIP_TYPES.DEFAULT, size = CHIP_SIZES.MEDIUM, clickable = false, icon, children, className, ...passThroughProps }, ref) => {
|
|
114
|
-
const otherProps = { ...passThroughProps, type, size, clickable, className: clsx(className, classNames.BODY) };
|
|
115
|
-
return (_jsxs(StyledChip, { ref: ref, ...otherProps, children: [children, icon] }));
|
|
116
|
-
});
|
|
117
|
-
Chip.displayName = 'Chip';
|
|
118
|
-
export const PrimaryChip = (props) => _jsx(Chip, { type: CHIP_TYPES.PRIMARY, ...props });
|
|
119
|
-
export const NeutralChip = (props) => _jsx(Chip, { type: CHIP_TYPES.DEFAULT, ...props });
|
|
120
|
-
export const SuccessChip = (props) => _jsx(Chip, { type: CHIP_TYPES.SUCCESS, ...props });
|
|
121
|
-
export const DangerChip = (props) => _jsx(Chip, { type: CHIP_TYPES.DANGER, ...props });
|
|
122
|
-
export const WarningChip = (props) => _jsx(Chip, { type: CHIP_TYPES.WARNING, ...props });
|
|
123
|
-
//# sourceMappingURL=chip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../../src/components/chip/chip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export interface ColorWheelGradientProps {
|
|
2
|
-
translateX?: number;
|
|
3
|
-
translateY?: number;
|
|
4
|
-
rotation?: number;
|
|
5
|
-
radius?: number;
|
|
6
|
-
blurSize?: number;
|
|
7
|
-
}
|
|
8
|
-
export declare const ColorWheelGradient: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColorWheelGradientProps>> & string;
|
|
9
|
-
//# sourceMappingURL=color_wheel_gradient.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"color_wheel_gradient.d.ts","sourceRoot":"","sources":["../../../../src/components/color_wheel_gradient/color_wheel_gradient.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,4PAsB9B,CAAC"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
export const ColorWheelGradient = styled.div `
|
|
3
|
-
${({ radius, rotation = 0, blurSize = 40, translateX = 0, translateY = 0 }) => `
|
|
4
|
-
z-index: 1;
|
|
5
|
-
position: absolute;
|
|
6
|
-
width: ${radius ? `${radius}px` : 'auto'};
|
|
7
|
-
height: ${radius ? `${radius}px` : 'auto'};
|
|
8
|
-
transform-origin: center;
|
|
9
|
-
transform: translate(${translateX}px, ${translateY}px) rotate(${rotation}deg);
|
|
10
|
-
|
|
11
|
-
opacity: 0.30;
|
|
12
|
-
background: conic-gradient(
|
|
13
|
-
rgba(93, 133, 225, 0.99) 0deg,
|
|
14
|
-
rgba(106, 20, 222, 0.99) 69deg,
|
|
15
|
-
rgba(228, 68, 103, 0.99) 150deg,
|
|
16
|
-
rgba(250, 129, 54, 0.99) 221deg,
|
|
17
|
-
rgba(240, 178, 27, 0.99) 287deg,
|
|
18
|
-
rgba(18, 150, 111, 0.99) 360deg
|
|
19
|
-
);
|
|
20
|
-
|
|
21
|
-
border-radius: 50%;
|
|
22
|
-
filter: blur(${blurSize}px)
|
|
23
|
-
`}
|
|
24
|
-
`;
|
|
25
|
-
//# sourceMappingURL=color_wheel_gradient.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"color_wheel_gradient.js","sourceRoot":"","sources":["../../../../src/components/color_wheel_gradient/color_wheel_gradient.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAUvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAyB;MAC/D,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,UAAU,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC;;;aAGtE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;cAC9B,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;;2BAElB,UAAU,OAAO,UAAU,cAAc,QAAQ;;;;;;;;;;;;;mBAazD,QAAQ;CAC1B;CACA,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color_wheel_gradient/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/color_wheel_gradient/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
|