@preply/ds-web-lib 0.95.0 → 0.96.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.
@@ -1,19 +1,58 @@
1
- import type { BadgeAccent, BadgeColor, BadgeSize, Dataset } from '@preply/ds-core';
1
+ import type { BadgeAccent, Dataset } from '@preply/ds-core';
2
+ import { ReactSVGComponentType } from '@preply/ds-web-core';
2
3
  import { FC, ReactNode } from 'react';
3
- export declare type Props = {
4
- accent?: BadgeAccent;
4
+ declare type DeprecatedBadgeSize = 'xs' | 's' | 'm';
5
+ declare type BadgeSize = 'small' | 'medium' | 'large';
6
+ export declare type BadgeProps = {
5
7
  /**
6
- * @deprecated Use accent instead.
8
+ * The type of the badge.
9
+ *
10
+ * @default neutral
7
11
  */
8
- color?: BadgeColor;
12
+ type?: 'neutral' | 'info' | 'positive' | 'warning' | 'critical';
9
13
  /**
10
- * Inverts the background and foreground colors.
14
+ * The size of the badge.
15
+ *
16
+ * @default medium
11
17
  */
12
- inverted?: boolean;
13
- size?: BadgeSize;
14
- assistiveText?: string;
18
+ size?: BadgeSize | DeprecatedBadgeSize;
19
+ /**
20
+ * The leading SVG icon. Only displayed in `medium` and `large` sizes.
21
+ *
22
+ * @example
23
+ *
24
+ * import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
25
+ *
26
+ * <Badge leadingSvgIcon={TokyoUITag}>Badge</Badge>
27
+ */
28
+ leadingSvgIcon?: ReactSVGComponentType;
15
29
  dataset?: Dataset;
16
- children?: ReactNode;
17
- };
18
- export declare const Badge: FC<Props>;
30
+ children?: ReactNode | ReactNode[];
31
+ /**
32
+ * @deprecated badge children should have all necessary information
33
+ */
34
+ assistiveText?: string;
35
+ } & (// Makes sure that the deprecated props are not used together with the new ones
36
+ {
37
+ /**
38
+ * The type of the badge.
39
+ *
40
+ * @default neutral
41
+ */
42
+ type?: 'neutral' | 'info' | 'positive' | 'warning' | 'critical';
43
+ accent?: never;
44
+ inverted?: never;
45
+ } | {
46
+ type?: never;
47
+ /**
48
+ * @deprecated Use `type` instead.
49
+ */
50
+ accent?: BadgeAccent;
51
+ /**
52
+ * @deprecated inverted badge is deprecated & will be removed in the future releases
53
+ */
54
+ inverted?: boolean;
55
+ });
56
+ export declare const Badge: FC<BadgeProps>;
57
+ export {};
19
58
  //# sourceMappingURL=Badge.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAUnF,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7C,oBAAY,KAAK,GAAG;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,KAAK,CA6B3B,CAAC"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE5D,OAAO,EAEH,qBAAqB,EAGxB,MAAM,qBAAqB,CAAC;AAC7B,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM7C,aAAK,mBAAmB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAC5C,aAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE9C,oBAAY,UAAU,GAAG;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAChE;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,mBAAmB,CAAC;IACvC;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,CACE,+EAA+E;AACjF;IACM;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAChE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB,GACD;IACI,IAAI,CAAC,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CACN,CAAC;AAeF,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAqChC,CAAC"}
@@ -1,27 +1,39 @@
1
1
  'use client';
2
- import { BADGE_COLOR_DEFAULT, BADGE_SIZE_DEFAULT } from '@preply/ds-core';
3
2
  import { webComponentNames } from '@preply/ds-visual-coverage-component-names';
4
- import { useStyleExtract, stringClassNames, moduleClassNames, booleanClassNames, getDatasetProps } from '@preply/ds-web-core';
3
+ import { useStyleExtract, getDatasetProps } from '@preply/ds-web-core';
5
4
  import React__default from 'react';
6
- import styles from './style/index.module.less.js';
5
+ import { Icon } from '../Icon/Icon.js';
6
+ import styles from './Badge.module.less.js';
7
7
 
8
- const Badge = ({ color = BADGE_COLOR_DEFAULT, inverted = false, size = BADGE_SIZE_DEFAULT, assistiveText, dataset, children, accent, }) => {
8
+ const getActualSize = (size) => {
9
+ switch (size) {
10
+ case 'xs':
11
+ return 'small';
12
+ case 's':
13
+ return 'medium';
14
+ case 'm':
15
+ return 'large';
16
+ default:
17
+ return size;
18
+ }
19
+ };
20
+ const Badge = ({ type = 'neutral', size: sizeProp = 'medium', leadingSvgIcon, dataset: datasetProp, children, accent, inverted, }) => {
9
21
  useStyleExtract(styles);
10
- const actualColorClassnames = accent
11
- ? stringClassNames('accent', accent)
12
- : stringClassNames('color', color);
13
- const classNames = moduleClassNames(styles, webComponentNames.BADGE, [
14
- actualColorClassnames,
15
- booleanClassNames('inverted', 'normal', inverted),
16
- stringClassNames('size', size),
17
- ]);
18
- const props = {
19
- 'aria-label': assistiveText,
20
- className: classNames.join(' '),
21
- ...getDatasetProps(dataset, { preplyDsComponent: webComponentNames.BADGE }),
22
- };
23
- return React__default.createElement("span", { ...props }, children);
22
+ const size = getActualSize(sizeProp);
23
+ const dataset = { ...datasetProp, size };
24
+ if (accent === undefined && inverted === undefined) {
25
+ dataset.type = type;
26
+ }
27
+ else {
28
+ dataset.accent = accent || 'unset';
29
+ dataset.inverted = !!inverted;
30
+ }
31
+ const datasetProps = getDatasetProps(dataset, { preplyDsComponent: webComponentNames.BADGE });
32
+ const iconAccent = type === 'neutral' ? 'primary' : type;
33
+ return (React__default.createElement("span", { ...datasetProps, className: styles.badge },
34
+ !!leadingSvgIcon && size !== 'small' && (React__default.createElement(Icon, { accent: iconAccent, size: sizeProp === 'large' ? '24' : '16', svg: leadingSvgIcon })),
35
+ children));
24
36
  };
25
37
 
26
38
  export { Badge };
27
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JhZGdlL0JhZGdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB0eXBlIHsgQmFkZ2VBY2NlbnQsIEJhZGdlQ29sb3IsIEJhZGdlU2l6ZSwgRGF0YXNldCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCQURHRV9DT0xPUl9ERUZBVUxULCBCQURHRV9TSVpFX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgd2ViQ29tcG9uZW50TmFtZXMgfSBmcm9tICdAcHJlcGx5L2RzLXZpc3VhbC1jb3ZlcmFnZS1jb21wb25lbnQtbmFtZXMnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gICAgYWNjZW50PzogQmFkZ2VBY2NlbnQ7XG4gICAgLyoqXG4gICAgICogQGRlcHJlY2F0ZWQgVXNlIGFjY2VudCBpbnN0ZWFkLlxuICAgICAqL1xuICAgIGNvbG9yPzogQmFkZ2VDb2xvcjtcbiAgICAvKipcbiAgICAgKiBJbnZlcnRzIHRoZSBiYWNrZ3JvdW5kIGFuZCBmb3JlZ3JvdW5kIGNvbG9ycy5cbiAgICAgKi9cbiAgICBpbnZlcnRlZD86IGJvb2xlYW47XG4gICAgc2l6ZT86IEJhZGdlU2l6ZTtcbiAgICBhc3Npc3RpdmVUZXh0Pzogc3RyaW5nO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuZXhwb3J0IGNvbnN0IEJhZGdlOiBGQzxQcm9wcz4gPSAoe1xuICAgIGNvbG9yID0gQkFER0VfQ09MT1JfREVGQVVMVCxcbiAgICBpbnZlcnRlZCA9IGZhbHNlLFxuICAgIHNpemUgPSBCQURHRV9TSVpFX0RFRkFVTFQsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICBkYXRhc2V0LFxuICAgIGNoaWxkcmVuLFxuICAgIGFjY2VudCxcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGFjdHVhbENvbG9yQ2xhc3NuYW1lcyA9IGFjY2VudFxuICAgICAgICA/IHN0cmluZ0NsYXNzTmFtZXMoJ2FjY2VudCcsIGFjY2VudClcbiAgICAgICAgOiBzdHJpbmdDbGFzc05hbWVzKCdjb2xvcicsIGNvbG9yKTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgd2ViQ29tcG9uZW50TmFtZXMuQkFER0UsIFtcbiAgICAgICAgYWN0dWFsQ29sb3JDbGFzc25hbWVzLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaW52ZXJ0ZWQnLCAnbm9ybWFsJywgaW52ZXJ0ZWQpLFxuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdzaXplJywgc2l6ZSksXG4gICAgXSk7XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgJ2FyaWEtbGFiZWwnOiBhc3Npc3RpdmVUZXh0LFxuXG4gICAgICAgIGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0LCB7IHByZXBseURzQ29tcG9uZW50OiB3ZWJDb21wb25lbnROYW1lcy5CQURHRSB9KSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIDxzcGFuIHsuLi5wcm9wc30+e2NoaWxkcmVufTwvc3Bhbj47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBZ0NhLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBSyxDQUFjLENBQUEsQ0FBQSxDQUFDLENBQzdCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFLLEdBQUcsQ0FBbUIsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUMzQixDQUFRLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUcsQ0FBSyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FDaEIsSUFBSSxDQUFHLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBa0IsQ0FDekIsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFhLENBQ2IsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFPLEVBQ1AsQ0FBUSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FDUixDQUFNLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FDVCxDQUFJLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBO0lBQ0QsQ0FBZSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQyxDQUFNLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFDLENBQUMsQ0FBQTtDQUV4QixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBTSxDQUFxQixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUcsQ0FBTSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQTtBQUNoQyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFFLENBQWdCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUMsQ0FBUSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBRSxNQUFNLENBQUMsQ0FBQTtBQUNwQyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFFLGdCQUFnQixDQUFDLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQU8sQ0FBRSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBSyxDQUFDLENBQUMsQ0FBQTtDQUV2QyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBTSxDQUFVLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFHLENBQWdCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUMsTUFBTSxDQUFFLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFpQixDQUFDLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBSyxDQUFFLENBQUEsQ0FBQSxDQUFBO1FBQ2pFLENBQXFCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUE7QUFDckIsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLGlCQUFpQixDQUFDLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVUsRUFBRSxDQUFRLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFFLFFBQVEsQ0FBQyxDQUFBLENBQUE7QUFDakQsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQWdCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUMsQ0FBTSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFFLElBQUksQ0FBQyxDQUFBLENBQUE7QUFDakMsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUMsQ0FBQyxDQUFBO0FBRUgsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBTSxLQUFLLENBQUcsQ0FBQSxDQUFBLENBQUEsQ0FBQTtBQUNWLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBWSxFQUFFLENBQWEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBO0FBRTNCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxTQUFTLENBQUUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFVLENBQUMsQ0FBSSxDQUFBLENBQUEsQ0FBQSxDQUFDLEdBQUcsQ0FBQyxDQUFBLENBQUE7UUFDL0IsQ0FBRyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQWUsQ0FBQyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFPLENBQUUsQ0FBQSxDQUFBLENBQUUsQ0FBaUIsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUUsQ0FBaUIsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFDLENBQUssQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUUsQ0FBQyxDQUFBLENBQUE7S0FDOUUsQ0FBQyxDQUFBO0FBRUYsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFPQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFVLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBSyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBRyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFRLENBQVEsQ0FBQyxDQUFBO0FBQzlDLENBQUEsQ0FBQTs7In0=
39
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JhZGdlL0JhZGdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB0eXBlIHsgQmFkZ2VBY2NlbnQsIERhdGFzZXQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgd2ViQ29tcG9uZW50TmFtZXMgfSBmcm9tICdAcHJlcGx5L2RzLXZpc3VhbC1jb3ZlcmFnZS1jb21wb25lbnQtbmFtZXMnO1xuaW1wb3J0IHtcbiAgICBJY29uUHJvcHMsXG4gICAgUmVhY3RTVkdDb21wb25lbnRUeXBlLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEljb24gfSBmcm9tICcuLi9JY29uL0ljb24nO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vQmFkZ2UubW9kdWxlLmxlc3MnO1xuXG50eXBlIERlcHJlY2F0ZWRCYWRnZVNpemUgPSAneHMnIHwgJ3MnIHwgJ20nO1xudHlwZSBCYWRnZVNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnO1xuXG5leHBvcnQgdHlwZSBCYWRnZVByb3BzID0ge1xuICAgIC8qKlxuICAgICAqIFRoZSB0eXBlIG9mIHRoZSBiYWRnZS5cbiAgICAgKlxuICAgICAqIEBkZWZhdWx0IG5ldXRyYWxcbiAgICAgKi9cbiAgICB0eXBlPzogJ25ldXRyYWwnIHwgJ2luZm8nIHwgJ3Bvc2l0aXZlJyB8ICd3YXJuaW5nJyB8ICdjcml0aWNhbCc7XG4gICAgLyoqXG4gICAgICogVGhlIHNpemUgb2YgdGhlIGJhZGdlLlxuICAgICAqXG4gICAgICogQGRlZmF1bHQgbWVkaXVtXG4gICAgICovXG4gICAgc2l6ZT86IEJhZGdlU2l6ZSB8IERlcHJlY2F0ZWRCYWRnZVNpemU7XG4gICAgLyoqXG4gICAgICogVGhlIGxlYWRpbmcgU1ZHIGljb24uIE9ubHkgZGlzcGxheWVkIGluIGBtZWRpdW1gIGFuZCBgbGFyZ2VgIHNpemVzLlxuICAgICAqXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIGltcG9ydCBUb2t5b1VJVGFnIGZyb20gJ0BwcmVwbHkvZHMtbWVkaWEtaWNvbnMvZGlzdC8yNC9Ub2t5b1VJVGFnLnN2Zyc7XG4gICAgICpcbiAgICAgKiA8QmFkZ2UgbGVhZGluZ1N2Z0ljb249e1Rva3lvVUlUYWd9PkJhZGdlPC9CYWRnZT5cbiAgICAgKi9cbiAgICBsZWFkaW5nU3ZnSWNvbj86IFJlYWN0U1ZHQ29tcG9uZW50VHlwZTtcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZSB8IFJlYWN0Tm9kZVtdO1xuICAgIC8qKlxuICAgICAqIEBkZXByZWNhdGVkIGJhZGdlIGNoaWxkcmVuIHNob3VsZCBoYXZlIGFsbCBuZWNlc3NhcnkgaW5mb3JtYXRpb25cbiAgICAgKi9cbiAgICBhc3Npc3RpdmVUZXh0Pzogc3RyaW5nO1xufSAmIChcbiAgICB8IC8vIE1ha2VzIHN1cmUgdGhhdCB0aGUgZGVwcmVjYXRlZCBwcm9wcyBhcmUgbm90IHVzZWQgdG9nZXRoZXIgd2l0aCB0aGUgbmV3IG9uZXNcbiAgICB7XG4gICAgICAgICAgLyoqXG4gICAgICAgICAgICogVGhlIHR5cGUgb2YgdGhlIGJhZGdlLlxuICAgICAgICAgICAqXG4gICAgICAgICAgICogQGRlZmF1bHQgbmV1dHJhbFxuICAgICAgICAgICAqL1xuICAgICAgICAgIHR5cGU/OiAnbmV1dHJhbCcgfCAnaW5mbycgfCAncG9zaXRpdmUnIHwgJ3dhcm5pbmcnIHwgJ2NyaXRpY2FsJztcbiAgICAgICAgICBhY2NlbnQ/OiBuZXZlcjtcbiAgICAgICAgICBpbnZlcnRlZD86IG5ldmVyO1xuICAgICAgfVxuICAgIHwge1xuICAgICAgICAgIHR5cGU/OiBuZXZlcjtcbiAgICAgICAgICAvKipcbiAgICAgICAgICAgKiBAZGVwcmVjYXRlZCBVc2UgYHR5cGVgIGluc3RlYWQuXG4gICAgICAgICAgICovXG4gICAgICAgICAgYWNjZW50PzogQmFkZ2VBY2NlbnQ7XG4gICAgICAgICAgLyoqXG4gICAgICAgICAgICogQGRlcHJlY2F0ZWQgaW52ZXJ0ZWQgYmFkZ2UgaXMgZGVwcmVjYXRlZCAmIHdpbGwgYmUgcmVtb3ZlZCBpbiB0aGUgZnV0dXJlIHJlbGVhc2VzXG4gICAgICAgICAgICovXG4gICAgICAgICAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xuICAgICAgfVxuKTtcblxuY29uc3QgZ2V0QWN0dWFsU2l6ZSA9IChzaXplOiBCYWRnZVNpemUgfCBEZXByZWNhdGVkQmFkZ2VTaXplKTogQmFkZ2VTaXplID0+IHtcbiAgICBzd2l0Y2ggKHNpemUpIHtcbiAgICAgICAgY2FzZSAneHMnOlxuICAgICAgICAgICAgcmV0dXJuICdzbWFsbCc7XG4gICAgICAgIGNhc2UgJ3MnOlxuICAgICAgICAgICAgcmV0dXJuICdtZWRpdW0nO1xuICAgICAgICBjYXNlICdtJzpcbiAgICAgICAgICAgIHJldHVybiAnbGFyZ2UnO1xuICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgcmV0dXJuIHNpemU7XG4gICAgfVxufTtcblxuZXhwb3J0IGNvbnN0IEJhZGdlOiBGQzxCYWRnZVByb3BzPiA9ICh7XG4gICAgdHlwZSA9ICduZXV0cmFsJyxcbiAgICBzaXplOiBzaXplUHJvcCA9ICdtZWRpdW0nLFxuICAgIGxlYWRpbmdTdmdJY29uLFxuICAgIGRhdGFzZXQ6IGRhdGFzZXRQcm9wLFxuICAgIGNoaWxkcmVuLFxuICAgIGFjY2VudCxcbiAgICBpbnZlcnRlZCxcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHNpemUgPSBnZXRBY3R1YWxTaXplKHNpemVQcm9wKTtcblxuICAgIGNvbnN0IGRhdGFzZXQ6IERhdGFzZXQgPSB7IC4uLmRhdGFzZXRQcm9wLCBzaXplIH07XG4gICAgaWYgKGFjY2VudCA9PT0gdW5kZWZpbmVkICYmIGludmVydGVkID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgZGF0YXNldC50eXBlID0gdHlwZTtcbiAgICB9IGVsc2Uge1xuICAgICAgICBkYXRhc2V0LmFjY2VudCA9IGFjY2VudCB8fCAndW5zZXQnO1xuICAgICAgICBkYXRhc2V0LmludmVydGVkID0gISFpbnZlcnRlZDtcbiAgICB9XG5cbiAgICBjb25zdCBkYXRhc2V0UHJvcHMgPSBnZXREYXRhc2V0UHJvcHMoZGF0YXNldCwgeyBwcmVwbHlEc0NvbXBvbmVudDogd2ViQ29tcG9uZW50TmFtZXMuQkFER0UgfSk7XG5cbiAgICBjb25zdCBpY29uQWNjZW50OiBJY29uUHJvcHNbJ2FjY2VudCddID0gdHlwZSA9PT0gJ25ldXRyYWwnID8gJ3ByaW1hcnknIDogdHlwZTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIHsuLi5kYXRhc2V0UHJvcHN9IGNsYXNzTmFtZT17c3R5bGVzLmJhZGdlfT5cbiAgICAgICAgICAgIHshIWxlYWRpbmdTdmdJY29uICYmIHNpemUgIT09ICdzbWFsbCcgJiYgKFxuICAgICAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgICAgICAgIGFjY2VudD17aWNvbkFjY2VudH1cbiAgICAgICAgICAgICAgICAgICAgc2l6ZT17c2l6ZVByb3AgPT09ICdsYXJnZScgPyAnMjQnIDogJzE2J31cbiAgICAgICAgICAgICAgICAgICAgc3ZnPXtsZWFkaW5nU3ZnSWNvbn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9zcGFuPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBeUVBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFNLENBQWEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUcsQ0FBQyxDQUFBLENBQUEsQ0FBQSxDQUFxQyxDQUFlLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBO0FBQ3ZFLENBQUEsQ0FBQSxDQUFBLENBQUEsUUFBUSxDQUFJLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUE7QUFDUixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsS0FBSyxDQUFJLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQTtBQUNMLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQU8sT0FBTyxDQUFDLENBQUE7QUFDbkIsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLEtBQUssQ0FBRyxDQUFBLENBQUEsQ0FBQSxDQUFBO0FBQ0osQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBTyxRQUFRLENBQUMsQ0FBQTtBQUNwQixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsS0FBSyxDQUFHLENBQUEsQ0FBQSxDQUFBLENBQUE7QUFDSixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFPLE9BQU8sQ0FBQyxDQUFBO0FBQ25CLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQTtBQUNJLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQU8sSUFBSSxDQUFDLENBQUE7QUFDbkIsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUE7QUFDTCxDQUFDLENBQUMsQ0FBQTtBQUVLLENBQU0sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBSyxDQUFtQixDQUFBLENBQUEsQ0FBQyxDQUNsQyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUksQ0FBRyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVMsQ0FDaEIsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFJLENBQUUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVEsQ0FBRyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFRLEVBQ3pCLENBQWMsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQ2QsQ0FBTyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUUsQ0FBVyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FDcEIsQ0FBUSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FDUixDQUFNLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQ04sQ0FBUSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUNYLENBQUksQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUE7SUFDRCxDQUFlLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFDLENBQU0sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUMsQ0FBQyxDQUFBO0FBRXhCLENBQUEsQ0FBQSxDQUFBLENBQUEsTUFBTSxDQUFJLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFHLGFBQWEsQ0FBQyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVEsQ0FBQyxDQUFDLENBQUE7Q0FFckMsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQU0sT0FBTyxDQUFZLENBQUEsQ0FBQSxDQUFBLENBQUUsR0FBRyxDQUFXLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFFLENBQUksQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFFLENBQUMsQ0FBQTtBQUNsRCxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUksTUFBTSxDQUFLLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVMsSUFBSSxDQUFRLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFLLFNBQVMsQ0FBRSxDQUFBLENBQUEsQ0FBQTtBQUNoRCxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBTyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFDLENBQUksQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUcsSUFBSSxDQUFDLENBQUE7QUFDdkIsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUE7QUFBTSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUE7QUFDSCxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsT0FBTyxDQUFDLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFNLEdBQUcsQ0FBTSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBSSxPQUFPLENBQUMsQ0FBQTtBQUNuQyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsT0FBTyxDQUFDLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBUSxHQUFHLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQTtBQUNqQyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQTtBQUVELENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBTSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVksQ0FBRyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQWUsQ0FBQyxDQUFPLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBRSxDQUFFLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFpQixFQUFFLENBQWlCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQyxDQUFLLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFFLENBQUMsQ0FBQyxDQUFBO0FBRTlGLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQU0sQ0FBVSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBd0IsQ0FBSSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUssU0FBUyxDQUFHLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBUyxDQUFHLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFJLENBQUMsQ0FBQTtJQUU5RSxRQUNJQSx3Q0FBVSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVksRUFBRSxDQUFTLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUUsQ0FBTSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQyxLQUFLLENBQUEsQ0FBQSxDQUFBLENBQUE7QUFDMUMsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUMsQ0FBQyxDQUFjLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBSSxJQUFJLENBQUssQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFPLENBQ2pDQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFDLENBQUksQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLEVBQ0QsQ0FBTSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFFLENBQVUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUNsQixDQUFJLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBRSxDQUFRLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFLLE9BQU8sQ0FBRyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBSSxDQUFHLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFJLEVBQ3hDLENBQUcsQ0FBQSxDQUFBLENBQUEsQ0FBRSxDQUFjLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxFQUNyQixDQUNMLENBQUEsQ0FBQTtDQUNBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFRLENBQ04sQ0FDVCxDQUFBLENBQUE7QUFDTixDQUFBLENBQUE7OyJ9
@@ -0,0 +1,108 @@
1
+ @import '@preply/ds-web-core/dist/generated/tokens.less';
2
+
3
+ .deprecated() {
4
+ &[data-accent=unset] {
5
+ color: @root-palette-gray-500;
6
+ background-color: @root-palette-gray-200;
7
+ &[data-inverted=true] {
8
+ color: @root-palette-gray-100;
9
+ background-color: @root-palette-gray-400;
10
+ }
11
+ }
12
+ &[data-accent='accent'] {
13
+ color: @badge-accent-accent-normal-color;
14
+ background-color: @badge-accent-accent-normal-bgColor;
15
+ &[data-inverted=true] {
16
+ color: @badge-accent-accent-inverted-color;
17
+ background-color: @badge-accent-accent-inverted-bgColor;
18
+ }
19
+ }
20
+ &[data-accent='info'] {
21
+ color: @badge-accent-info-normal-color;
22
+ background-color: @badge-accent-info-normal-bgColor;
23
+ &[data-inverted=true] {
24
+ color: @badge-accent-info-inverted-color;
25
+ background-color: @badge-accent-info-inverted-bgColor;
26
+ }
27
+ }
28
+ &[data-accent='positive'] {
29
+ color: @badge-accent-positive-normal-color;
30
+ background-color: @badge-accent-positive-normal-bgColor;
31
+ &[data-inverted=true] {
32
+ color: @badge-accent-positive-inverted-color;
33
+ background-color: @badge-accent-positive-inverted-bgColor;
34
+ }
35
+ }
36
+ &[data-accent='warning'] {
37
+ color: @badge-accent-warning-normal-color;
38
+ background-color: @badge-accent-warning-normal-bgColor;
39
+ &[data-inverted=true] {
40
+ color: @badge-accent-warning-inverted-color;
41
+ background-color: @badge-accent-warning-inverted-bgColor;
42
+ }
43
+ }
44
+ &[data-accent='critical'] {
45
+ color: @badge-accent-critical-normal-color;
46
+ background-color: @badge-accent-critical-normal-bgColor;
47
+ &[data-inverted=true] {
48
+ color: @badge-accent-critical-inverted-color;
49
+ background-color: @badge-accent-critical-inverted-bgColor;
50
+ }
51
+ }
52
+ &[data-accent='tertiary'] {
53
+ color: @badge-accent-tertiary-normal-color;
54
+ background-color: @badge-accent-tertiary-normal-bgColor;
55
+ &[data-inverted=true] {
56
+ color: @badge-accent-tertiary-inverted-color;
57
+ background-color: @badge-accent-tertiary-inverted-bgColor;
58
+ }
59
+ }
60
+ }
61
+
62
+ .badge {
63
+ display: inline-flex;
64
+ align-items: center;
65
+ gap: @spacing-4;
66
+ border-radius: @radius-4;
67
+ padding: @spacing-2 @spacing-8;
68
+ width: fit-content;
69
+ color: @color-text-primary;
70
+
71
+ &[data-size='small'] {
72
+ height: @sizing-20;
73
+ font-size: @text-caption-semibold-body-fontSize;
74
+ font-weight: @text-caption-semibold-body-fontWeight;
75
+ line-height: @text-caption-semibold-body-lineHeight;
76
+ }
77
+ &[data-size='medium'] {
78
+ height: @sizing-24;
79
+ font-size: @text-small-semibold-body-fontSize;
80
+ font-weight: @text-small-semibold-body-fontWeight;
81
+ line-height: @text-small-semibold-body-lineHeight;
82
+ }
83
+ &[data-size='large'] {
84
+ height: @sizing-32;
85
+ padding: @spacing-4 @spacing-12;
86
+ font-size: @text-default-semibold-body-fontSize;
87
+ font-weight: @text-default-semibold-body-fontWeight;
88
+ line-height: @text-default-semibold-body-lineHeight;
89
+ }
90
+
91
+ &[data-type='neutral'] {
92
+ background: @color-background-disabled;
93
+ }
94
+ &[data-type='positive'] {
95
+ background: @color-background-positiveLight;
96
+ }
97
+ &[data-type='warning'] {
98
+ background: @color-background-warningLight;
99
+ }
100
+ &[data-type='info'] {
101
+ background: @color-background-infoLight;
102
+ }
103
+ &[data-type='critical'] {
104
+ background: @color-background-criticalLight;
105
+ }
106
+
107
+ .deprecated();
108
+ }
@@ -0,0 +1,9 @@
1
+ import styleInject from '../../external/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = "._2QtqqX{-webkit-box-align:center;-ms-flex-align:center;grid-gap:var(--590b8d);align-items:center;border-radius:var(--5e8be4);color:var(--628fb7);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:var(--590b8d);padding:var(--05dd73) var(--66b80b);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._2QtqqX[data-size=small]{font-size:var(--e3a55b);font-weight:var(--8cd94c);height:var(--76ac8f);line-height:var(--732f40)}._2QtqqX[data-size=medium]{font-size:var(--fdb733);font-weight:var(--9643c1);height:var(--f316e1);line-height:var(--754361)}._2QtqqX[data-size=large]{font-size:var(--475c79);font-weight:var(--a3f251);height:var(--7789ee);line-height:var(--e33d9e);padding:var(--590b8d) var(--813599)}._2QtqqX[data-type=neutral]{background:var(--319b29)}._2QtqqX[data-type=positive]{background:var(--1836a4)}._2QtqqX[data-type=warning]{background:var(--b503b8)}._2QtqqX[data-type=info]{background:var(--94a45e)}._2QtqqX[data-type=critical]{background:var(--f15644)}._2QtqqX[data-accent=unset]{background-color:var(--8f1238);color:var(--c9575b)}._2QtqqX[data-accent=unset][data-inverted=true]{background-color:var(--7c8c3c);color:var(--55407f)}._2QtqqX[data-accent=accent]{background-color:var(--eba8f8);color:var(--dede3f)}._2QtqqX[data-accent=accent][data-inverted=true]{background-color:var(--54c075);color:var(--732eb5)}._2QtqqX[data-accent=info]{background-color:var(--7a1a33);color:var(--f3be0c)}._2QtqqX[data-accent=info][data-inverted=true]{background-color:var(--fa3428);color:var(--506df4)}._2QtqqX[data-accent=positive]{background-color:var(--694afa);color:var(--2a2719)}._2QtqqX[data-accent=positive][data-inverted=true]{background-color:var(--47c404);color:var(--30c365)}._2QtqqX[data-accent=warning]{background-color:var(--02372a);color:var(--84e571)}._2QtqqX[data-accent=warning][data-inverted=true]{background-color:var(--08fa29);color:var(--363237)}._2QtqqX[data-accent=critical]{background-color:var(--22f022);color:var(--036159)}._2QtqqX[data-accent=critical][data-inverted=true]{background-color:var(--cdb1f6);color:var(--90eeff)}._2QtqqX[data-accent=tertiary]{background-color:var(--a453d7);color:var(--d7e14c)}._2QtqqX[data-accent=tertiary][data-inverted=true]{background-color:var(--50e919);color:var(--ab5158)}";
4
+ var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Badge/Badge.module.less",__css:css_248z,"badge":"_2QtqqX"};
5
+ var stylesheet=css_248z;
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
9
+
@@ -0,0 +1,2 @@
1
+ export * from './Badge';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { Badge } from './Badge.js';
2
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@preply/ds-web-lib",
3
- "version": "0.95.0",
3
+ "version": "0.96.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -19,29 +19,29 @@
19
19
  "dev": "run build:rollup -w"
20
20
  },
21
21
  "dependencies": {
22
- "@preply/ds-core": "0.95.0",
23
- "@preply/ds-media-icons": "0.95.0",
24
- "@preply/ds-visual-coverage-component-names": "0.95.0",
25
- "@preply/ds-web-core": "0.95.0",
26
- "@preply/ds-web-root": "0.95.0"
22
+ "@preply/ds-core": "0.96.0",
23
+ "@preply/ds-media-icons": "0.96.0",
24
+ "@preply/ds-visual-coverage-component-names": "0.96.0",
25
+ "@preply/ds-web-core": "0.96.0",
26
+ "@preply/ds-web-root": "0.96.0"
27
27
  },
28
28
  "peerDependencies": {
29
- "@preply/ds-core": "0.95.0",
30
- "@preply/ds-media-icons": "0.95.0",
31
- "@preply/ds-visual-coverage-component-names": "0.95.0",
32
- "@preply/ds-web-core": "0.95.0",
33
- "@preply/ds-web-root": "0.95.0",
29
+ "@preply/ds-core": "0.96.0",
30
+ "@preply/ds-media-icons": "0.96.0",
31
+ "@preply/ds-visual-coverage-component-names": "0.96.0",
32
+ "@preply/ds-web-core": "0.96.0",
33
+ "@preply/ds-web-root": "0.96.0",
34
34
  "react": "^16.8.3",
35
35
  "react-dom": "^16.8.3"
36
36
  },
37
37
  "devDependencies": {
38
- "@preply/ds-docs-toolkit": "0.95.0",
39
- "@preply/ds-theme-base-ui": "0.95.0",
38
+ "@preply/ds-docs-toolkit": "0.96.0",
39
+ "@preply/ds-theme-base-ui": "0.96.0",
40
40
  "@storybook/addon-actions": "6.4.18",
41
41
  "@storybook/addon-docs": "6.4.18",
42
42
  "@storybook/react": "6.4.18",
43
43
  "@testing-library/react": "11.2.7",
44
44
  "jsdom-testing-mocks": "^1.7.0"
45
45
  },
46
- "gitHead": "e4127a738963e30349c5690f6daa9c82f65ec48d"
46
+ "gitHead": "bc0df9c1b009d38df54af971d7b742a2fcfb596e"
47
47
  }
@@ -1,8 +0,0 @@
1
- @import './mixins.less';
2
-
3
- .Badge {
4
- .badge-base();
5
- .badge-color-and-inverted();
6
- .badge-size();
7
- .badge-variants();
8
- }
@@ -1,9 +0,0 @@
1
- import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
2
-
3
- var css_248z = "._3h-Wzd{grid-gap:.25em;border-radius:var(--93d4a2);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:.25em}._1zS55d{color:var(--956cdb)}._3bUZbF{color:var(--6e40a7)}._2eKUAk._1zS55d{background-color:var(--8f1238);color:var(--c9575b)}._2eKUAk._3bUZbF{background-color:var(--7c8c3c);color:var(--55407f)}._3gyNLf._1zS55d{background-color:var(--54ed1d);color:var(--de8a40)}._3gyNLf._3bUZbF{background-color:var(--de8a40);color:var(--54ed1d)}.rwgQdv._1zS55d{background-color:var(--1383a7);color:var(--bbfa9f)}.rwgQdv._3bUZbF{background-color:var(--bbfa9f);color:var(--1383a7)}.zb2wOT._1zS55d{background-color:var(--21906f);color:var(--e1c27c)}.zb2wOT._3bUZbF{background-color:var(--e1c27c);color:var(--21906f)}._1N-1FK._1zS55d{background-color:var(--c7d8be);color:var(--2242ed)}._1N-1FK._3bUZbF{background-color:var(--2242ed);color:var(--c7d8be)}._3a1P6I._1zS55d{background-color:var(--ecb5d5);color:var(--4e47fe)}._3a1P6I._3bUZbF{background-color:var(--4e47fe);color:var(--ecb5d5)}._3LKZfd._1zS55d{background-color:var(--1a9963);color:var(--6cbd80)}._3LKZfd._3bUZbF{background-color:var(--6cbd80);color:var(--1a9963)}._3Qg4_n{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648);padding:var(--8feee9) var(--62f094)}._1IiJgJ{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d);padding:var(--25e959) var(--796ab1)}.xlRCTE{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec);padding:var(--0d8aa3) var(--3d1d33)}._2VF0ZW._1zS55d{background-color:var(--eba8f8);color:var(--dede3f)}._2VF0ZW._3bUZbF{background-color:var(--54c075);color:var(--732eb5)}.pPcccd._1zS55d{background-color:var(--694afa);color:var(--2a2719)}.pPcccd._3bUZbF{background-color:var(--47c404);color:var(--30c365)}.uzb7W5._1zS55d{background-color:var(--22f022);color:var(--036159)}.uzb7W5._3bUZbF{background-color:var(--cdb1f6);color:var(--90eeff)}._1JyZ95._1zS55d{background-color:var(--02372a);color:var(--84e571)}._1JyZ95._3bUZbF{background-color:var(--08fa29);color:var(--363237)}.RBqjKo._1zS55d{background-color:var(--7a1a33);color:var(--f3be0c)}.RBqjKo._3bUZbF{background-color:var(--fa3428);color:var(--506df4)}._3NWQgR._1zS55d{background-color:var(--a453d7);color:var(--d7e14c)}._3NWQgR._3bUZbF{background-color:var(--50e919);color:var(--ab5158)}";
4
- var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Badge/style/index.module.less",__css:css_248z,"Badge":"_3h-Wzd","Badge--normal":"_1zS55d","Badge--inverted":"_3bUZbF","Badge--color-gray":"_2eKUAk","Badge--color-teal":"_3gyNLf","Badge--color-green":"rwgQdv","Badge--color-blue":"zb2wOT","Badge--color-yellow":"_1N-1FK","Badge--color-red":"_3a1P6I","Badge--color-magenta":"_3LKZfd","Badge--size-xs":"_3Qg4_n","Badge--size-s":"_1IiJgJ","Badge--size-m":"xlRCTE","Badge--accent-accent":"_2VF0ZW","Badge--accent-positive":"pPcccd","Badge--accent-critical":"uzb7W5","Badge--accent-warning":"_1JyZ95","Badge--accent-info":"RBqjKo","Badge--accent-tertiary":"_3NWQgR"};
5
- var stylesheet=css_248z;
6
- styleInject(css_248z);
7
-
8
- export { styles as default, stylesheet };
9
-
@@ -1,85 +0,0 @@
1
- @import '@preply/ds-web-core/dist/generated/tokens.less';
2
- @import '@preply/ds-web-core/dist/generated/options.less';
3
- @import '@preply/ds-web-core/dist/typography/style/mixins.less';
4
- @import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
5
-
6
- @namespace: 'badge';
7
-
8
- .badge-base() {
9
- display: inline-flex;
10
- .border-radius(@namespace, 'base');
11
- gap: 0.25em;
12
- &--normal {
13
- color: @badge-base-color-normal;
14
- }
15
- &--inverted {
16
- color: @badge-base-color-inverted;
17
- }
18
- }
19
-
20
- // IMPORTANT: These functions should not be taken as an example or inspiration.
21
- // Usually, it is preferred to generate specific tokens for each component prop option.
22
- // More context: the Badge component uses accent in a different way compared to the rest of the app since
23
- // 1. it uses the semantic color as the background
24
- // 2. it has a grey (non-semantic) variant
25
- // 3. The foreground color is always the primary text color
26
- // Theoretically, we would need to clone the @preply/ds-web-core's `useTextAccentClassnames` but most
27
- // of the utilities used there are not exported @preply/by ds-web-core
28
- ._badge-color(@value) when (@value = 'gray') {
29
- color: @root-palette-gray-500;
30
- background-color: @root-palette-gray-200;
31
- }
32
-
33
- ._badge-color(@value) when not(@value = 'gray') {
34
- @_color-token-name: 'root-palette-@{value}-400';
35
- color: @@_color-token-name;
36
- @_bg-token-name: 'root-palette-@{value}-100';
37
- background-color: @@_bg-token-name;
38
- }
39
-
40
- ._badge-color(@value, @inverted) when (@inverted = true) {
41
- @_color-token-name: 'root-palette-@{value}-100';
42
- color: @@_color-token-name;
43
- @_bg-token-name: 'root-palette-@{value}-400';
44
- background-color: @@_bg-token-name;
45
- }
46
-
47
- // Cloned by .action-variants
48
- .badge-variants() {
49
- each(@BADGE_ACCENT_OPTIONS, #(@accent) {
50
- &--accent-@{accent}&--normal {
51
- @token: 'accent-@{accent}-normal';
52
- .bg-color(@namespace, @token);
53
- .color(@namespace, @token);
54
- }
55
- &--accent-@{accent}&--inverted {
56
- @token: 'accent-@{accent}-inverted';
57
- .bg-color(@namespace, @token);
58
- .color(@namespace, @token);
59
- }
60
- });
61
- }
62
-
63
- .badge-color-and-inverted() {
64
- each(@BADGE_COLOR_OPTIONS, {
65
- &--color-@{value}&--normal {
66
- ._badge-color('@{value}');
67
- }
68
-
69
- &--color-@{value}&--inverted {
70
- ._badge-color('@{value}', true);
71
- }
72
- });
73
- }
74
-
75
- .badge-size() {
76
- each(@BADGE_SIZE_OPTIONS, {
77
- &--size-@{value} {
78
- @token: 'size-@{value}';
79
- .horizontalPadding(@namespace, @token);
80
- .verticalPadding(@namespace, @token);
81
- @variant: '@{value}-medium';
82
- .text-variant(@variant);
83
- }
84
- });
85
- }
@@ -1,8 +0,0 @@
1
- import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
2
-
3
- var css_248z = "";
4
- var stylesheet="";
5
- styleInject(css_248z);
6
-
7
- export { css_248z as default, stylesheet };
8
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9