@apify/ui-library 1.90.1 → 1.91.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/badge.d.ts +1 -1
- package/dist/src/components/badge.d.ts.map +1 -1
- package/dist/src/components/badge.js +11 -6
- package/dist/src/components/badge.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/src/components/badge.stories.jsx +6 -0
- package/src/components/badge.tsx +12 -7
|
@@ -2,7 +2,7 @@ import type React from 'react';
|
|
|
2
2
|
import type { IconComponent } from '@apify/ui-icons';
|
|
3
3
|
import { type MarginSpacingProps, type RegularBoxProps } from './box.js';
|
|
4
4
|
import type { SharedTextType } from './text/text_shared.js';
|
|
5
|
-
export type BadgeSize = 'regular' | 'small' | 'extra_small';
|
|
5
|
+
export type BadgeSize = 'large' | 'regular' | 'small' | 'extra_small';
|
|
6
6
|
export declare const BADGE_SIZES: BadgeSize[];
|
|
7
7
|
export declare const BADGE_VARIANTS: readonly ["neutral", "neutral_muted", "neutral_subtle", "primary_black", "primary_blue", "success", "warning", "danger"];
|
|
8
8
|
type BadgeVariant = typeof BADGE_VARIANTS[number];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI/D,OAAO,EAAO,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAE9E,OAAO,KAAK,EAAkB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5E,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI/D,OAAO,EAAO,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAE9E,OAAO,KAAK,EAAkB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5E,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AACtE,eAAO,MAAM,WAAW,EAAE,SAAS,EAAiD,CAAC;AAgBrF,eAAO,MAAM,cAAc,0HAA2H,CAAC;AACvJ,KAAK,YAAY,GAAG,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;AAElD,KAAK,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,CAAC,GAAG,kBAAkB,CAAC;AACrF,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG;IACxC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,WAAW,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AA0FF;;GAEG;AACH,eAAO,MAAM,KAAK;SAlGT,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC;WACxC,SAAS;WACT,cAAc;cACX,YAAY;kBACR,aAAa;iCAsH9B,CAAC"}
|
|
@@ -4,31 +4,36 @@ import styled, { css } from 'styled-components';
|
|
|
4
4
|
import { theme } from '../design_system/theme.js';
|
|
5
5
|
import { Box } from './box.js';
|
|
6
6
|
import { Text } from './text/index.js';
|
|
7
|
-
export const BADGE_SIZES = ['regular', 'small'];
|
|
7
|
+
export const BADGE_SIZES = ['large', 'regular', 'small', 'extra_small'];
|
|
8
8
|
const BADGE_ICON_SIZES = {
|
|
9
|
-
|
|
9
|
+
large: '16',
|
|
10
|
+
regular: '12',
|
|
10
11
|
small: '12',
|
|
11
12
|
extra_small: '12',
|
|
12
13
|
};
|
|
13
14
|
const BADGE_TEXT_SIZES = {
|
|
14
|
-
|
|
15
|
+
large: 'regular',
|
|
16
|
+
regular: 'small',
|
|
15
17
|
small: 'small',
|
|
16
18
|
extra_small: 'small',
|
|
17
19
|
};
|
|
18
20
|
export const BADGE_VARIANTS = ['neutral', 'neutral_muted', 'neutral_subtle', 'primary_black', 'primary_blue', 'success', 'warning', 'danger'];
|
|
19
21
|
const badgeSizeStyle = {
|
|
20
|
-
|
|
22
|
+
large: css `
|
|
21
23
|
padding: ${theme.space.space4} ${theme.space.space8};
|
|
22
24
|
border-radius: ${theme.radius.radius6};
|
|
23
25
|
`,
|
|
26
|
+
regular: css `
|
|
27
|
+
padding: ${theme.space.space4} ${theme.space.space6};
|
|
28
|
+
border-radius: ${theme.radius.radius4};
|
|
29
|
+
`,
|
|
24
30
|
small: css `
|
|
25
|
-
height: 2rem;
|
|
26
31
|
padding: ${theme.space.space2} ${theme.space.space6};
|
|
27
32
|
border-radius: ${theme.radius.radius4};
|
|
28
33
|
`,
|
|
29
34
|
extra_small: css `
|
|
30
35
|
height: ${theme.space.space16};
|
|
31
|
-
padding:
|
|
36
|
+
padding: 0 ${theme.space.space4};
|
|
32
37
|
border-radius: ${theme.radius.radius4};
|
|
33
38
|
`,
|
|
34
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAmC,MAAM,mBAAmB,CAAC;AAIjF,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAE,GAAG,EAAiD,MAAM,UAAU,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAIvC,MAAM,CAAC,MAAM,WAAW,GAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"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"}
|