@apify/ui-library 1.141.2 → 1.145.2-featverifieddeveloperbadge-bd59c6.13
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/README.md +90 -19
- package/dist/src/components/box/box.d.ts +15 -14
- package/dist/src/components/box/box.d.ts.map +1 -1
- package/dist/src/components/box/box.js +10 -33
- package/dist/src/components/box/box.js.map +1 -1
- package/dist/src/components/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/dist/src/components/breadcrumb/breadcrumb.js +1 -0
- package/dist/src/components/breadcrumb/breadcrumb.js.map +1 -1
- package/dist/src/components/card/card.d.ts.map +1 -1
- package/dist/src/components/card/card.js +1 -0
- package/dist/src/components/card/card.js.map +1 -1
- package/dist/src/components/chip/chip.d.ts.map +1 -1
- package/dist/src/components/chip/chip.js +2 -0
- package/dist/src/components/chip/chip.js.map +1 -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 +1 -2
- package/dist/src/components/code/code_block/code_block.styled.js.map +1 -1
- package/dist/src/components/code/one_light_theme.d.ts.map +1 -1
- package/dist/src/components/code/one_light_theme.js +1 -0
- package/dist/src/components/code/one_light_theme.js.map +1 -1
- package/dist/src/components/dropdown/dropdown.context.d.ts +6 -0
- package/dist/src/components/dropdown/dropdown.context.d.ts.map +1 -0
- package/dist/src/components/dropdown/dropdown.context.js +10 -0
- package/dist/src/components/dropdown/dropdown.context.js.map +1 -0
- package/dist/src/components/dropdown/dropdown.d.ts +48 -0
- package/dist/src/components/dropdown/dropdown.d.ts.map +1 -0
- package/dist/src/components/dropdown/dropdown.js +65 -0
- package/dist/src/components/dropdown/dropdown.js.map +1 -0
- package/dist/src/components/dropdown/dropdown.styled.d.ts +35 -0
- package/dist/src/components/dropdown/dropdown.styled.d.ts.map +1 -0
- package/dist/src/components/dropdown/dropdown.styled.js +241 -0
- package/dist/src/components/dropdown/dropdown.styled.js.map +1 -0
- package/dist/src/components/dropdown/dropdown.types.d.ts +17 -0
- package/dist/src/components/dropdown/dropdown.types.d.ts.map +1 -0
- package/dist/src/components/dropdown/dropdown.types.js +2 -0
- package/dist/src/components/dropdown/dropdown.types.js.map +1 -0
- package/dist/src/components/dropdown/dropdown_button.d.ts +10 -0
- package/dist/src/components/dropdown/dropdown_button.d.ts.map +1 -0
- package/dist/src/components/dropdown/dropdown_button.js +16 -0
- package/dist/src/components/dropdown/dropdown_button.js.map +1 -0
- package/dist/src/components/dropdown/dropdown_root.d.ts +11 -0
- package/dist/src/components/dropdown/dropdown_root.d.ts.map +1 -0
- package/dist/src/components/dropdown/dropdown_root.js +19 -0
- package/dist/src/components/dropdown/dropdown_root.js.map +1 -0
- package/dist/src/components/dropdown/dropdown_shell.d.ts +15 -0
- package/dist/src/components/dropdown/dropdown_shell.d.ts.map +1 -0
- package/dist/src/components/dropdown/dropdown_shell.js +69 -0
- package/dist/src/components/dropdown/dropdown_shell.js.map +1 -0
- package/dist/src/components/dropdown/index.d.ts +7 -0
- package/dist/src/components/dropdown/index.d.ts.map +1 -0
- package/dist/src/components/dropdown/index.js +5 -0
- package/dist/src/components/dropdown/index.js.map +1 -0
- package/dist/src/components/index.d.ts +1 -0
- package/dist/src/components/index.d.ts.map +1 -1
- package/dist/src/components/index.js +1 -0
- package/dist/src/components/index.js.map +1 -1
- package/dist/src/components/message/message.d.ts +2 -0
- package/dist/src/components/message/message.d.ts.map +1 -1
- package/dist/src/components/message/message.js +2 -0
- package/dist/src/components/message/message.js.map +1 -1
- package/dist/src/components/pagination/pagination.d.ts.map +1 -1
- package/dist/src/components/pagination/pagination.js +1 -0
- package/dist/src/components/pagination/pagination.js.map +1 -1
- package/dist/src/components/tabs/tab.js +1 -1
- package/dist/src/components/tabs/tab.js.map +1 -1
- package/dist/src/utils/css_utils.d.ts +17 -0
- package/dist/src/utils/css_utils.d.ts.map +1 -1
- package/dist/src/utils/css_utils.js +54 -0
- package/dist/src/utils/css_utils.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +10 -5
- package/src/components/box/box.stories.tsx +18 -0
- package/src/components/box/box.tsx +31 -62
- package/src/components/breadcrumb/breadcrumb.tsx +1 -0
- package/src/components/card/card.tsx +1 -0
- package/src/components/chip/chip.tsx +2 -0
- package/src/components/code/code_block/code_block.styled.tsx +1 -2
- package/src/components/code/one_light_theme.ts +1 -0
- package/src/components/dropdown/dropdown.context.tsx +14 -0
- package/src/components/dropdown/dropdown.stories.tsx +343 -0
- package/src/components/dropdown/dropdown.styled.ts +265 -0
- package/src/components/dropdown/dropdown.tsx +259 -0
- package/src/components/dropdown/dropdown.types.ts +18 -0
- package/src/components/dropdown/dropdown_button.tsx +45 -0
- package/src/components/dropdown/dropdown_root.tsx +41 -0
- package/src/components/dropdown/dropdown_shell.tsx +139 -0
- package/src/components/dropdown/index.ts +6 -0
- package/src/components/index.ts +1 -0
- package/src/components/message/message.stories.jsx +1 -0
- package/src/components/message/message.tsx +2 -0
- package/src/components/pagination/pagination.tsx +1 -0
- package/src/components/tabs/tab.tsx +1 -1
- package/src/design_system/colors/build_color_tokens.js +14 -0
- package/src/design_system/colors/colors.stories.tsx +395 -0
- package/src/utils/css_utils.ts +79 -0
- package/style/colors/tokens.dark.css +149 -0
- package/style/colors/tokens.light.css +149 -0
- package/src/design_system/colors/Colors.mdx +0 -50
|
@@ -11,6 +11,7 @@ const PaginationButtonBase = styled(Button).attrs({ variant: 'tertiary' }) `
|
|
|
11
11
|
padding: 0;
|
|
12
12
|
height: 28px;
|
|
13
13
|
min-width: 28px;
|
|
14
|
+
/* TODO: (typography-partial) font-weight override without paired font-size/line-height — revisit to confirm intended typography token. */
|
|
14
15
|
font-weight: 400 !important; /* default for button is medium, force regular to all page selection buttons */
|
|
15
16
|
|
|
16
17
|
&:disabled {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../src/components/pagination/pagination.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEpE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,2BAA2B,GAAG,CAAC,CAAC,CAAC;AACvC,MAAM,4BAA4B,GAAG,CAAC,CAAC,CAAC;AAExC,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAA
|
|
1
|
+
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../src/components/pagination/pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -144,6 +144,6 @@ const TabWrapper = styled(Link) `
|
|
|
144
144
|
`;
|
|
145
145
|
export const Tab = ({ variant = 'default', id, to, Icon, title, chip, rollout, className, onSelect, active = false, disabled = false, ...props }) => {
|
|
146
146
|
const href = typeof to === 'string' ? to : createPath(to);
|
|
147
|
-
return (_jsxs(TabWrapper, { ...props, id: id, to: to, role: "tab", "data-test
|
|
147
|
+
return (_jsxs(TabWrapper, { "data-test": "tab", ...props, id: id, to: to, role: "tab", "data-test-url": href, className: clsx(className, { active, disabled }), onClick: onSelect ? (event) => onSelect({ id, href, event }) : undefined, "$variant": variant, children: [Icon && _jsx(Icon, { size: "16", className: TAB_CLASSNAMES.ICON }), _jsx(Text, { size: tabVariantTextSize[variant], className: TAB_CLASSNAMES.TITLE, weight: "bold", as: "div", children: title }), chip && (_jsx(Badge, { size: tabVariantBadgeSize[variant], variant: active ? 'primary_black' : 'neutral_subtle', children: chip })), rollout && (_jsx(Badge, { size: tabVariantBadgeSize[variant], variant: "primary_blue", children: rollout }))] }));
|
|
148
148
|
};
|
|
149
149
|
//# sourceMappingURL=tab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../../src/components/tabs/tab.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../../src/components/tabs/tab.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,4 +4,21 @@
|
|
|
4
4
|
* @returns css rules to clamp the lines of any text at the given nLines
|
|
5
5
|
*/
|
|
6
6
|
export declare function clampLines(nLines: number): import("styled-components").RuleSet<object>;
|
|
7
|
+
export type DeviceBreakpoints = 'mobile' | 'tablet' | 'desktop' | 'mediumDesktop' | 'largeDesktop' | 'xLargeDesktop';
|
|
8
|
+
export type ResponsiveValue<T> = T | {
|
|
9
|
+
[key in DeviceBreakpoints]?: T;
|
|
10
|
+
};
|
|
11
|
+
export declare const isResponsiveObject: <T>(value?: ResponsiveValue<T>) => value is { [key in DeviceBreakpoints]?: T; };
|
|
12
|
+
export declare const getResponsiveValueAtBreakpoint: <T>(value: ResponsiveValue<T> | undefined, breakpoint: DeviceBreakpoints) => T | undefined;
|
|
13
|
+
/**
|
|
14
|
+
* Use this when a CSS property can be either a single value or different values per breakpoint.
|
|
15
|
+
* Pass the property name, a function that turns the input into a CSS value, and optionally fallback values to use
|
|
16
|
+
* when the main value is not provided (margin bottom can for example be specified by mb, my, m).
|
|
17
|
+
* @param cssProperty CSS property name to generate
|
|
18
|
+
* @param resolver converts the input value into a CSS value ('space16' => '16px')
|
|
19
|
+
* @param value single value or breakpoint-based values for the property
|
|
20
|
+
* @param fallbackValues values checked in order when `value` is missing
|
|
21
|
+
* @returns generated responsive styles, or `undefined` when there is nothing to output
|
|
22
|
+
*/
|
|
23
|
+
export declare const getResponsiveStyles: <T>(cssProperty: string, resolver: (value: T) => string | number, value?: ResponsiveValue<T>, fallbackValues?: ResponsiveValue<T>[]) => import("styled-components").RuleSet<object> | undefined;
|
|
7
24
|
//# sourceMappingURL=css_utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css_utils.d.ts","sourceRoot":"","sources":["../../../src/utils/css_utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"css_utils.d.ts","sourceRoot":"","sources":["../../../src/utils/css_utils.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,+CASxC;AAED,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,eAAe,GAAG,cAAc,GAAG,eAAe,CAAC;AAGrH,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG;KAAG,GAAG,IAAI,iBAAiB,CAAC,CAAC,EAAE,CAAC;CAAE,CAAC;AAYxE,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAE,QAAQ,eAAe,CAAC,CAAC,CAAC,KAAG,KAAK,IAAI,GAAG,GAAG,IAAI,iBAAiB,CAAC,CAAC,EAAE,CAAC,GAC7D,CAAC;AAEhD,eAAO,MAAM,8BAA8B,GAAI,CAAC,EAC5C,OAAO,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,EACrC,YAAY,iBAAiB,kBAIhC,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,mBAAmB,GAAI,CAAC,EACjC,aAAa,MAAM,EACnB,UAAU,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,EACvC,QAAQ,eAAe,CAAC,CAAC,CAAC,EAC1B,iBAAgB,eAAe,CAAC,CAAC,CAAC,EAAO,4DAmC5C,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { css } from 'styled-components';
|
|
2
|
+
import { theme } from '../design_system/theme.js';
|
|
2
3
|
/**
|
|
3
4
|
* To be used in any styled-component styles to limit the number of visible lines of a given text
|
|
4
5
|
* @param nLines number of lines to show
|
|
@@ -14,4 +15,57 @@ export function clampLines(nLines) {
|
|
|
14
15
|
-webkit-box-orient: vertical;
|
|
15
16
|
`;
|
|
16
17
|
}
|
|
18
|
+
const mediaQueryBreakpoints = [
|
|
19
|
+
'tablet',
|
|
20
|
+
'desktop',
|
|
21
|
+
'mediumDesktop',
|
|
22
|
+
'largeDesktop',
|
|
23
|
+
'xLargeDesktop',
|
|
24
|
+
];
|
|
25
|
+
const responsiveBreakpoints = ['mobile', ...mediaQueryBreakpoints];
|
|
26
|
+
export const isResponsiveObject = (value) => typeof value === 'object' && value !== null;
|
|
27
|
+
export const getResponsiveValueAtBreakpoint = (value, breakpoint) => {
|
|
28
|
+
if (isResponsiveObject(value))
|
|
29
|
+
return value[breakpoint];
|
|
30
|
+
return value;
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* Use this when a CSS property can be either a single value or different values per breakpoint.
|
|
34
|
+
* Pass the property name, a function that turns the input into a CSS value, and optionally fallback values to use
|
|
35
|
+
* when the main value is not provided (margin bottom can for example be specified by mb, my, m).
|
|
36
|
+
* @param cssProperty CSS property name to generate
|
|
37
|
+
* @param resolver converts the input value into a CSS value ('space16' => '16px')
|
|
38
|
+
* @param value single value or breakpoint-based values for the property
|
|
39
|
+
* @param fallbackValues values checked in order when `value` is missing
|
|
40
|
+
* @returns generated responsive styles, or `undefined` when there is nothing to output
|
|
41
|
+
*/
|
|
42
|
+
export const getResponsiveStyles = (cssProperty, resolver, value, fallbackValues = []) => {
|
|
43
|
+
const resolvedValue = value ?? fallbackValues.find((fallbackValue) => fallbackValue !== undefined);
|
|
44
|
+
if (resolvedValue === undefined) {
|
|
45
|
+
return undefined;
|
|
46
|
+
}
|
|
47
|
+
if (!isResponsiveObject(resolvedValue)) {
|
|
48
|
+
return css `
|
|
49
|
+
${cssProperty}: ${resolver(resolvedValue)};
|
|
50
|
+
`;
|
|
51
|
+
}
|
|
52
|
+
const styleBlocks = responsiveBreakpoints
|
|
53
|
+
.map((breakpoint) => {
|
|
54
|
+
const nextValue = getResponsiveValueAtBreakpoint(resolvedValue, breakpoint);
|
|
55
|
+
if (nextValue === undefined)
|
|
56
|
+
return false;
|
|
57
|
+
const declaration = css `
|
|
58
|
+
${cssProperty}: ${resolver(nextValue)};
|
|
59
|
+
`;
|
|
60
|
+
return breakpoint === 'mobile'
|
|
61
|
+
? declaration
|
|
62
|
+
: css `
|
|
63
|
+
@media ${theme.device[breakpoint]} {
|
|
64
|
+
${declaration}
|
|
65
|
+
}
|
|
66
|
+
`;
|
|
67
|
+
})
|
|
68
|
+
.filter(Boolean);
|
|
69
|
+
return styleBlocks.length > 0 ? styleBlocks : undefined;
|
|
70
|
+
};
|
|
17
71
|
//# sourceMappingURL=css_utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css_utils.js","sourceRoot":"","sources":["../../../src/utils/css_utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,MAAc;IACrC,OAAO,GAAG,CAAA;;;;8BAIgB,MAAM;sBACd,MAAM;;KAEvB,CAAC;AACN,CAAC"}
|
|
1
|
+
{"version":3,"file":"css_utils.js","sourceRoot":"","sources":["../../../src/utils/css_utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,MAAc;IACrC,OAAO,GAAG,CAAA;;;;8BAIgB,MAAM;sBACd,MAAM;;KAEvB,CAAC;AACN,CAAC;AAOD,MAAM,qBAAqB,GAA2B;IAClD,QAAQ;IACR,SAAS;IACT,eAAe;IACf,cAAc;IACd,eAAe;CAClB,CAAC;AAEF,MAAM,qBAAqB,GAAwB,CAAC,QAAQ,EAAE,GAAG,qBAAqB,CAAC,CAAC;AAExF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAI,KAA0B,EAA+C,EAAE,CAC7G,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC;AAEhD,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAC1C,KAAqC,EACrC,UAA6B,EAC/B,EAAE;IACA,IAAI,kBAAkB,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC;IACxD,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAC/B,WAAmB,EACnB,QAAuC,EACvC,KAA0B,EAC1B,iBAAuC,EAAE,EAC3C,EAAE;IACA,MAAM,aAAa,GAAG,KAAK,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC;IAEnG,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;QAC9B,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,EAAE,CAAC;QACrC,OAAO,GAAG,CAAA;cACJ,WAAW,KAAK,QAAQ,CAAC,aAAa,CAAC;SAC5C,CAAC;IACN,CAAC;IAED,MAAM,WAAW,GAAG,qBAAqB;SACpC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;QAChB,MAAM,SAAS,GAAG,8BAA8B,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;QAE5E,IAAI,SAAS,KAAK,SAAS;YAAE,OAAO,KAAK,CAAC;QAE1C,MAAM,WAAW,GAAG,GAAG,CAAA;kBACjB,WAAW,KAAK,QAAQ,CAAC,SAAS,CAAC;aACxC,CAAC;QAEF,OAAO,UAAU,KAAK,QAAQ;YAC1B,CAAC,CAAC,WAAW;YACb,CAAC,CAAC,GAAG,CAAA;+BACU,KAAK,CAAC,MAAM,CAAC,UAAkC,CAAC;4BACnD,WAAW;;mBAEpB,CAAC;IACZ,CAAC,CAAC;SACD,MAAM,CAAC,OAAO,CAAC,CAAC;IAErB,OAAO,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;AAC5D,CAAC,CAAC"}
|