@preply/ds-web-lib 0.93.0 → 0.94.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/components/Avatar/Avatar.d.ts +21 -2
- package/dist/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar/Avatar.js +2 -6
- package/dist/components/AvatarWithStatus/AvatarWithStatus.d.ts +5 -0
- package/dist/components/AvatarWithStatus/AvatarWithStatus.d.ts.map +1 -1
- package/dist/components/AvatarWithStatus/AvatarWithStatus.js +1 -1
- package/dist/components/Badge/Badge.d.ts +5 -2
- package/dist/components/Badge/Badge.d.ts.map +1 -1
- package/dist/components/Badge/Badge.js +1 -1
- package/dist/components/Box/Box.d.ts +7 -2
- package/dist/components/Box/Box.d.ts.map +1 -1
- package/dist/components/Box/Box.js +6 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +2 -6
- package/dist/components/Chips/Chips.d.ts +11 -9
- package/dist/components/Chips/Chips.d.ts.map +1 -1
- package/dist/components/Chips/Chips.js +7 -5
- package/dist/components/Chips/svg/close.svg.js +19 -0
- package/dist/components/FieldLayout/FieldLayout.d.ts +11 -2
- package/dist/components/FieldLayout/FieldLayout.d.ts.map +1 -1
- package/dist/components/FieldLayout/FieldLayout.js +4 -1
- package/dist/components/Heading/Heading.d.ts +6 -3
- package/dist/components/Heading/Heading.d.ts.map +1 -1
- package/dist/components/Heading/Heading.js +3 -7
- package/dist/components/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton/IconButton.js +1 -6
- package/dist/components/LayoutFlex/LayoutFlex.d.ts +3 -0
- package/dist/components/LayoutFlex/LayoutFlex.d.ts.map +1 -1
- package/dist/components/LayoutFlex/LayoutFlex.js +5 -6
- package/dist/components/LayoutGrid/LayoutGrid.d.ts +3 -0
- package/dist/components/LayoutGrid/LayoutGrid.d.ts.map +1 -1
- package/dist/components/LayoutGrid/LayoutGrid.js +4 -1
- package/dist/components/Link/Link.d.ts +30 -2
- package/dist/components/Link/Link.d.ts.map +1 -1
- package/dist/components/Link/Link.js +8 -6
- package/dist/components/Loader/Loader.d.ts +2 -2
- package/dist/components/Loader/Loader.d.ts.map +1 -1
- package/dist/components/Loader/Loader.js +1 -1
- package/dist/components/NumberField/NumberField.d.ts +8 -0
- package/dist/components/NumberField/NumberField.d.ts.map +1 -1
- package/dist/components/NumberField/NumberField.js +9 -1
- package/dist/components/ObserveIntersection/ObserveIntersection.d.ts +10 -0
- package/dist/components/ObserveIntersection/ObserveIntersection.d.ts.map +1 -1
- package/dist/components/ObserveIntersection/ObserveIntersection.js +11 -1
- package/dist/components/PasswordField/PasswordField.d.ts +8 -0
- package/dist/components/PasswordField/PasswordField.d.ts.map +1 -1
- package/dist/components/PasswordField/PasswordField.js +9 -1
- package/dist/components/PreplyLogo/PreplyLogo.d.ts +17 -2
- package/dist/components/PreplyLogo/PreplyLogo.d.ts.map +1 -1
- package/dist/components/PreplyLogo/PreplyLogo.js +32 -17
- package/dist/components/SelectField/SelectField.d.ts +10 -0
- package/dist/components/SelectField/SelectField.d.ts.map +1 -1
- package/dist/components/SelectField/SelectField.js +11 -1
- package/dist/components/SelectFieldOption/SelectFieldOption.d.ts +3 -0
- package/dist/components/SelectFieldOption/SelectFieldOption.d.ts.map +1 -1
- package/dist/components/SelectFieldOption/SelectFieldOption.js +4 -1
- package/dist/components/ShowOnIntersection/ShowOnIntersection.d.ts +15 -2
- package/dist/components/ShowOnIntersection/ShowOnIntersection.d.ts.map +1 -1
- package/dist/components/ShowOnIntersection/ShowOnIntersection.js +14 -1
- package/dist/components/Text/Text.d.ts +8 -2
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/Text/Text.js +2 -6
- package/dist/components/TextField/TextField.d.ts +5 -1
- package/dist/components/TextField/TextField.d.ts.map +1 -1
- package/dist/components/TextHighlighted/TextHighlighted.d.ts +2 -2
- package/dist/components/TextHighlighted/TextHighlighted.d.ts.map +1 -1
- package/dist/components/TextHighlighted/TextHighlighted.js +1 -1
- package/dist/components/TextInline/TextInline.d.ts +2 -2
- package/dist/components/TextInline/TextInline.d.ts.map +1 -1
- package/dist/components/TextInline/TextInline.js +1 -1
- package/dist/components/index.d.ts +0 -5
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -6
- package/dist/components/private/ButtonBase/ButtonBase.d.ts +9 -0
- package/dist/components/private/ButtonBase/ButtonBase.d.ts.map +1 -1
- package/dist/components/private/ButtonBase/ButtonBase.js +1 -1
- package/dist/components/private/SelectFieldLayout/SelectFieldLayout.d.ts +8 -2
- package/dist/components/private/SelectFieldLayout/SelectFieldLayout.d.ts.map +1 -1
- package/dist/index.js +1 -6
- package/package.json +15 -14
- package/dist/components/Avatar/docs/static/avatar-6.png +0 -0
- package/dist/components/Avatar/docs/static/avatar-7.png +0 -0
- package/dist/components/Avatar/docs/static/avatar-8.png +0 -0
- package/dist/components/Avatar/docs/static/avatar-9.png +0 -0
- package/dist/components/Button/docs/static/button-reduced-motion.png +0 -0
- package/dist/components/Chips/Chips.stories.d.ts +0 -10
- package/dist/components/Chips/Chips.stories.d.ts.map +0 -1
- package/dist/components/Chips/Chips.stories.js +0 -76
- package/dist/components/IconButton/docs/static/icon-with-title-attribute.png +0 -0
- package/dist/components/Panel/Panel.d.ts +0 -11
- package/dist/components/Panel/Panel.d.ts.map +0 -1
- package/dist/components/Panel/Panel.js +0 -24
- package/dist/components/Panel/constants.d.ts +0 -3
- package/dist/components/Panel/constants.d.ts.map +0 -1
- package/dist/components/Panel/constants.js +0 -4
- package/dist/components/Panel/private/PanelBody.d.ts +0 -7
- package/dist/components/Panel/private/PanelBody.d.ts.map +0 -1
- package/dist/components/Panel/private/PanelBody.js +0 -15
- package/dist/components/Panel/private/PanelFooter.d.ts +0 -7
- package/dist/components/Panel/private/PanelFooter.d.ts.map +0 -1
- package/dist/components/Panel/private/PanelFooter.js +0 -15
- package/dist/components/Panel/private/PanelHeader.d.ts +0 -7
- package/dist/components/Panel/private/PanelHeader.d.ts.map +0 -1
- package/dist/components/Panel/private/PanelHeader.js +0 -15
- package/dist/components/Panel/private/PanelSection.d.ts +0 -7
- package/dist/components/Panel/private/PanelSection.d.ts.map +0 -1
- package/dist/components/Panel/private/PanelSection.js +0 -15
- package/dist/components/Panel/style/index.module.less +0 -37
- package/dist/components/Panel/style/index.module.less.js +0 -9
- package/dist/components/Panel/style/mixins.less +0 -22
- package/dist/components/Panel/style/mixins.less.js +0 -8
|
@@ -1,11 +1,30 @@
|
|
|
1
1
|
import type { AvatarSize, Dataset, Responsive } from '@preply/ds-core';
|
|
2
2
|
import { FC } from 'react';
|
|
3
|
-
export
|
|
3
|
+
export declare type Props = {
|
|
4
4
|
size?: Responsive<AvatarSize>;
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated
|
|
7
|
+
*/
|
|
5
8
|
round?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* The avatar image URL.
|
|
11
|
+
* If not provided, the default placeholder image is used instead.
|
|
12
|
+
*/
|
|
6
13
|
src?: string;
|
|
14
|
+
/**
|
|
15
|
+
* A description of the image.
|
|
16
|
+
* This is recommended for accessibility purposes, specifically for users
|
|
17
|
+
* of screen readers.
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* <Avatar src={...} alt="Foobar's profile" />
|
|
21
|
+
*/
|
|
7
22
|
alt?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Use this to set data attributes on the DOM element for the purpose of
|
|
25
|
+
* e2e tests or integrating with external libraries.
|
|
26
|
+
*/
|
|
8
27
|
dataset?: Dataset;
|
|
9
|
-
}
|
|
28
|
+
};
|
|
10
29
|
export declare const Avatar: FC<Props>;
|
|
11
30
|
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAevE,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,oBAAY,KAAK,GAAG;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CA8B5B,CAAC"}
|
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
import { AVATAR_SIZE_DEFAULT, AVATAR_SRC_DEFAULT_TOKYO_UI, AVATAR_SRC_DEFAULT } from '@preply/ds-core';
|
|
2
2
|
import { webComponentNames } from '@preply/ds-visual-coverage-component-names';
|
|
3
|
-
import {
|
|
3
|
+
import { useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, getDatasetProps, useTheme } from '@preply/ds-web-core';
|
|
4
4
|
import React__default from 'react';
|
|
5
5
|
import styles from './style/index.module.less.js';
|
|
6
6
|
|
|
7
7
|
const Avatar = ({ size = AVATAR_SIZE_DEFAULT, round, src, alt = '', dataset, }) => {
|
|
8
|
-
useInstrument('render', {
|
|
9
|
-
component: webComponentNames.AVATAR,
|
|
10
|
-
props: { size, round },
|
|
11
|
-
});
|
|
12
8
|
useStyleExtract(styles);
|
|
13
9
|
const actualRound = round !== null && round !== void 0 ? round : true;
|
|
14
10
|
const classNames = moduleClassNames(styles, webComponentNames.AVATAR, [
|
|
@@ -26,4 +22,4 @@ const Avatar = ({ size = AVATAR_SIZE_DEFAULT, round, src, alt = '', dataset, })
|
|
|
26
22
|
};
|
|
27
23
|
|
|
28
24
|
export { Avatar };
|
|
29
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEF2YXRhclNpemUsIERhdGFzZXQsIFJlc3BvbnNpdmUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBBVkFUQVJfU0laRV9ERUZBVUxULFxuICAgIEFWQVRBUl9TUkNfREVGQVVMVCxcbiAgICBBVkFUQVJfU1JDX0RFRkFVTFRfVE9LWU9fVUksXG59IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB3ZWJDb21wb25lbnROYW1lcyB9IGZyb20gJ0BwcmVwbHkvZHMtdmlzdWFsLWNvdmVyYWdlLWNvbXBvbmVudC1uYW1lcyc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRoZW1lLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gICAgc2l6ZT86IFJlc3BvbnNpdmU8QXZhdGFyU2l6ZT47XG4gICAgLyoqXG4gICAgICogQGRlcHJlY2F0ZWRcbiAgICAgKi9cbiAgICByb3VuZD86IGJvb2xlYW47XG4gICAgLyoqXG4gICAgICogVGhlIGF2YXRhciBpbWFnZSBVUkwuXG4gICAgICogSWYgbm90IHByb3ZpZGVkLCB0aGUgZGVmYXVsdCBwbGFjZWhvbGRlciBpbWFnZSBpcyB1c2VkIGluc3RlYWQuXG4gICAgICovXG4gICAgc3JjPzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqIEEgZGVzY3JpcHRpb24gb2YgdGhlIGltYWdlLlxuICAgICAqIFRoaXMgaXMgcmVjb21tZW5kZWQgZm9yIGFjY2Vzc2liaWxpdHkgcHVycG9zZXMsIHNwZWNpZmljYWxseSBmb3IgdXNlcnNcbiAgICAgKiBvZiBzY3JlZW4gcmVhZGVycy5cbiAgICAgKlxuICAgICAqIEBleGFtcGxlXG4gICAgICogPEF2YXRhciBzcmM9ey4uLn0gYWx0PVwiRm9vYmFyJ3MgcHJvZmlsZVwiIC8+XG4gICAgICovXG4gICAgYWx0Pzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqIFVzZSB0aGlzIHRvIHNldCBkYXRhIGF0dHJpYnV0ZXMgb24gdGhlIERPTSBlbGVtZW50IGZvciB0aGUgcHVycG9zZSBvZlxuICAgICAqIGUyZSB0ZXN0cyBvciBpbnRlZ3JhdGluZyB3aXRoIGV4dGVybmFsIGxpYnJhcmllcy5cbiAgICAgKi9cbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbn07XG5cbmV4cG9ydCBjb25zdCBBdmF0YXI6IEZDPFByb3BzPiA9ICh7XG4gICAgc2l6ZSA9IEFWQVRBUl9TSVpFX0RFRkFVTFQsXG4gICAgcm91bmQsXG4gICAgc3JjLFxuICAgIGFsdCA9ICcnLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBhY3R1YWxSb3VuZCA9IHJvdW5kID8/IHRydWU7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIHdlYkNvbXBvbmVudE5hbWVzLkFWQVRBUiwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdzaXplJywgc2l6ZSksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdyb3VuZCcsIHVuZGVmaW5lZCwgYWN0dWFsUm91bmQpLFxuICAgIF0pO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7XG4gICAgICAgIGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0LCB7IHByZXBseURzQ29tcG9uZW50OiB3ZWJDb21wb25lbnROYW1lcy5BVkFUQVIgfSksXG4gICAgfTtcblxuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgZmFsbGJhY2tTcmMgPVxuICAgICAgICB0aGVtZS5uYW1lID09PSAndG9reW8tdWknID8gQVZBVEFSX1NSQ19ERUZBVUxUX1RPS1lPX1VJIDogQVZBVEFSX1NSQ19ERUZBVUxUO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHBpY3R1cmUgey4uLnByb3BzfT5cbiAgICAgICAgICAgIDxpbWcgc3JjPXtzcmMgfHwgZmFsbGJhY2tTcmN9IGFsdD17YWx0fSAvPlxuICAgICAgICA8L3BpY3R1cmU+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztNQThDYSxNQUFNLEdBQWMsQ0FBQyxFQUM5QixJQUFJLEdBQUcsbUJBQW1CLEVBQzFCLEtBQUssRUFDTCxHQUFHLEVBQ0gsR0FBRyxHQUFHLEVBQUUsRUFDUixPQUFPLEdBQ1Y7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxXQUFXLEdBQUcsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksSUFBSSxDQUFDO0lBRWxDLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxpQkFBaUIsQ0FBQyxNQUFNLEVBQUU7UUFDbEUsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztRQUM5QixpQkFBaUIsQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsQ0FBQztLQUNyRCxDQUFDLENBQUM7SUFFSCxNQUFNLEtBQUssR0FBRztRQUNWLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUMvQixHQUFHLGVBQWUsQ0FBQyxPQUFPLEVBQUUsRUFBRSxpQkFBaUIsRUFBRSxpQkFBaUIsQ0FBQyxNQUFNLEVBQUUsQ0FBQztLQUMvRSxDQUFDO0lBRUYsTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLFFBQVEsRUFBRSxDQUFDO0lBQzdCLE1BQU0sV0FBVyxHQUNiLEtBQUssQ0FBQyxJQUFJLEtBQUssVUFBVSxHQUFHLDJCQUEyQixHQUFHLGtCQUFrQixDQUFDO0lBRWpGLFFBQ0lBLDZDQUFhLEtBQUs7UUFDZEEsc0NBQUssR0FBRyxFQUFFLEdBQUcsSUFBSSxXQUFXLEVBQUUsR0FBRyxFQUFFLEdBQUcsR0FBSSxDQUNwQyxFQUNaO0FBQ047Ozs7In0=
|
|
@@ -3,6 +3,11 @@ import { FC } from 'react';
|
|
|
3
3
|
import { Props } from '../Avatar/Avatar';
|
|
4
4
|
declare type AvatarProps = Omit<Props, 'round' | 'size'>;
|
|
5
5
|
export declare type AvatarWithStatusProps = AvatarProps & {
|
|
6
|
+
/**
|
|
7
|
+
* Controls the status of the visual indicator.
|
|
8
|
+
*
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
6
11
|
online: boolean;
|
|
7
12
|
size?: AvatarWithStatusSize;
|
|
8
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarWithStatus.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarWithStatus/AvatarWithStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAW5E,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAU,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAIjD,aAAK,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;AAEjD,oBAAY,qBAAqB,GAAG,WAAW,GAAG;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAqCtD,CAAC"}
|
|
1
|
+
{"version":3,"file":"AvatarWithStatus.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarWithStatus/AvatarWithStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAW5E,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAU,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAIjD,aAAK,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;AAEjD,oBAAY,qBAAqB,GAAG,WAAW,GAAG;IAC9C;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAqCtD,CAAC"}
|
|
@@ -29,4 +29,4 @@ const AvatarWithStatus = ({ online = false, size = AVATAR_SIZE_DEFAULT, dataset,
|
|
|
29
29
|
};
|
|
30
30
|
|
|
31
31
|
export { AvatarWithStatus };
|
|
32
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyV2l0aFN0YXR1cy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyV2l0aFN0YXR1cy9BdmF0YXJXaXRoU3RhdHVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBVkFUQVJfU0laRV9ERUZBVUxULCBBdmF0YXJXaXRoU3RhdHVzU2l6ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB3ZWJDb21wb25lbnROYW1lcyB9IGZyb20gJ0BwcmVwbHkvZHMtdmlzdWFsLWNvdmVyYWdlLWNvbXBvbmVudC1uYW1lcyc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIG1vZHVsZUxvY2FscyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VUaGVtZSxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEF2YXRhciwgUHJvcHMgfSBmcm9tICcuLi9BdmF0YXIvQXZhdGFyJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxudHlwZSBBdmF0YXJQcm9wcyA9IE9taXQ8UHJvcHMsICdyb3VuZCcgfCAnc2l6ZSc+
|
|
32
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyV2l0aFN0YXR1cy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyV2l0aFN0YXR1cy9BdmF0YXJXaXRoU3RhdHVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBVkFUQVJfU0laRV9ERUZBVUxULCBBdmF0YXJXaXRoU3RhdHVzU2l6ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB3ZWJDb21wb25lbnROYW1lcyB9IGZyb20gJ0BwcmVwbHkvZHMtdmlzdWFsLWNvdmVyYWdlLWNvbXBvbmVudC1uYW1lcyc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIG1vZHVsZUxvY2FscyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VUaGVtZSxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEF2YXRhciwgUHJvcHMgfSBmcm9tICcuLi9BdmF0YXIvQXZhdGFyJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxudHlwZSBBdmF0YXJQcm9wcyA9IE9taXQ8UHJvcHMsICdyb3VuZCcgfCAnc2l6ZSc+O1xuXG5leHBvcnQgdHlwZSBBdmF0YXJXaXRoU3RhdHVzUHJvcHMgPSBBdmF0YXJQcm9wcyAmIHtcbiAgICAvKipcbiAgICAgKiBDb250cm9scyB0aGUgc3RhdHVzIG9mIHRoZSB2aXN1YWwgaW5kaWNhdG9yLlxuICAgICAqXG4gICAgICogQGRlZmF1bHQgZmFsc2VcbiAgICAgKi9cbiAgICBvbmxpbmU6IGJvb2xlYW47XG4gICAgc2l6ZT86IEF2YXRhcldpdGhTdGF0dXNTaXplO1xufTtcblxuZXhwb3J0IGNvbnN0IEF2YXRhcldpdGhTdGF0dXM6IEZDPEF2YXRhcldpdGhTdGF0dXNQcm9wcz4gPSAoe1xuICAgIG9ubGluZSA9IGZhbHNlLFxuICAgIHNpemUgPSBBVkFUQVJfU0laRV9ERUZBVUxULFxuICAgIGRhdGFzZXQsXG4gICAgLi4uYXZhdGFyUHJvcHNcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIHdlYkNvbXBvbmVudE5hbWVzLkFWQVRBUl9XSVRIX1NUQVRVUywgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnb25saW5lJywgdW5kZWZpbmVkLCBvbmxpbmUpLFxuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdzaXplJywgc2l6ZSksXG4gICAgXSk7XG5cbiAgICBjb25zdCBpbmRpY2F0b3JDbGFzc05hbWUgPSBbXG4gICAgICAgIC4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIHdlYkNvbXBvbmVudE5hbWVzLkFWQVRBUl9XSVRIX1NUQVRVUywgWydpbmRpY2F0b3InXSksXG4gICAgXTtcblxuICAgIGNvbnN0IGNsaXBDbGFzc05hbWUgPVxuICAgICAgICB0aGVtZS5uYW1lID09PSAndG9reW8tdWknXG4gICAgICAgICAgICA/IFtdXG4gICAgICAgICAgICA6IFsuLi5tb2R1bGVMb2NhbHMoc3R5bGVzLCB3ZWJDb21wb25lbnROYW1lcy5BVkFUQVJfV0lUSF9TVEFUVVMsIFsnY2xpcCddKV07XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgY2xhc3NOYW1lOiBjbGFzc05hbWVzLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQsIHsgcHJlcGx5RHNDb21wb25lbnQ6IHdlYkNvbXBvbmVudE5hbWVzLkFWQVRBUl9XSVRIX1NUQVRVUyB9KSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiB7Li4ucHJvcHN9PlxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtpbmRpY2F0b3JDbGFzc05hbWUuam9pbignICcpfSAvPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsaXBDbGFzc05hbWUuam9pbignICcpfT5cbiAgICAgICAgICAgICAgICA8QXZhdGFyIHsuLi5hdmF0YXJQcm9wc30gc2l6ZT17c2l6ZX0gLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztNQTZCYSxnQkFBZ0IsR0FBOEIsQ0FBQyxFQUN4RCxNQUFNLEdBQUcsS0FBSyxFQUNkLElBQUksR0FBRyxtQkFBbUIsRUFDMUIsT0FBTyxFQUNQLEdBQUcsV0FBVyxFQUNqQjtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsUUFBUSxFQUFFLENBQUM7SUFFN0IsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLGlCQUFpQixDQUFDLGtCQUFrQixFQUFFO1FBQzlFLGlCQUFpQixDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDO1FBQzlDLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUM7S0FDakMsQ0FBQyxDQUFDO0lBRUgsTUFBTSxrQkFBa0IsR0FBRztRQUN2QixHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsaUJBQWlCLENBQUMsa0JBQWtCLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FBQztLQUMvRSxDQUFDO0lBRUYsTUFBTSxhQUFhLEdBQ2YsS0FBSyxDQUFDLElBQUksS0FBSyxVQUFVO1VBQ25CLEVBQUU7VUFDRixDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxpQkFBaUIsQ0FBQyxrQkFBa0IsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUVwRixNQUFNLEtBQUssR0FBRztRQUNWLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUMvQixHQUFHLGVBQWUsQ0FBQyxPQUFPLEVBQUUsRUFBRSxpQkFBaUIsRUFBRSxpQkFBaUIsQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0tBQzNGLENBQUM7SUFFRixRQUNJQSx5Q0FBUyxLQUFLO1FBQ1ZBLHVDQUFNLFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUk7UUFDakRBLHNDQUFLLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztZQUNuQ0EsNkJBQUMsTUFBTSxPQUFLLFdBQVcsRUFBRSxJQUFJLEVBQUUsSUFBSSxHQUFJLENBQ3JDLENBQ0osRUFDUjtBQUNOOzs7OyJ9
|
|
@@ -1,16 +1,19 @@
|
|
|
1
1
|
import type { BadgeAccent, BadgeColor, BadgeSize, Dataset } from '@preply/ds-core';
|
|
2
2
|
import { FC, ReactNode } from 'react';
|
|
3
|
-
export
|
|
3
|
+
export declare type Props = {
|
|
4
4
|
accent?: BadgeAccent;
|
|
5
5
|
/**
|
|
6
6
|
* @deprecated Use accent instead.
|
|
7
7
|
*/
|
|
8
8
|
color?: BadgeColor;
|
|
9
|
+
/**
|
|
10
|
+
* Inverts the background and foreground colors.
|
|
11
|
+
*/
|
|
9
12
|
inverted?: boolean;
|
|
10
13
|
size?: BadgeSize;
|
|
11
14
|
assistiveText?: string;
|
|
12
15
|
dataset?: Dataset;
|
|
13
16
|
children?: ReactNode;
|
|
14
|
-
}
|
|
17
|
+
};
|
|
15
18
|
export declare const Badge: FC<Props>;
|
|
16
19
|
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,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,
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,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"}
|
|
@@ -23,4 +23,4 @@ const Badge = ({ color = BADGE_COLOR_DEFAULT, inverted = false, size = BADGE_SIZ
|
|
|
23
23
|
};
|
|
24
24
|
|
|
25
25
|
export { Badge };
|
|
26
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JhZGdlL0JhZGdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEJhZGdlQWNjZW50LCBCYWRnZUNvbG9yLCBCYWRnZVNpemUsIERhdGFzZXQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQkFER0VfQ09MT1JfREVGQVVMVCwgQkFER0VfU0laRV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHdlYkNvbXBvbmVudE5hbWVzIH0gZnJvbSAnQHByZXBseS9kcy12aXN1YWwtY292ZXJhZ2UtY29tcG9uZW50LW5hbWVzJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAgIGFjY2VudD86IEJhZGdlQWNjZW50O1xuICAgIC8qKlxuICAgICAqIEBkZXByZWNhdGVkIFVzZSBhY2NlbnQgaW5zdGVhZC5cbiAgICAgKi9cbiAgICBjb2xvcj86IEJhZGdlQ29sb3I7XG4gICAgLyoqXG4gICAgICogSW52ZXJ0cyB0aGUgYmFja2dyb3VuZCBhbmQgZm9yZWdyb3VuZCBjb2xvcnMuXG4gICAgICovXG4gICAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xuICAgIHNpemU/OiBCYWRnZVNpemU7XG4gICAgYXNzaXN0aXZlVGV4dD86IHN0cmluZztcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCBjb25zdCBCYWRnZTogRkM8UHJvcHM+ID0gKHtcbiAgICBjb2xvciA9IEJBREdFX0NPTE9SX0RFRkFVTFQsXG4gICAgaW52ZXJ0ZWQgPSBmYWxzZSxcbiAgICBzaXplID0gQkFER0VfU0laRV9ERUZBVUxULFxuICAgIGFzc2lzdGl2ZVRleHQsXG4gICAgZGF0YXNldCxcbiAgICBjaGlsZHJlbixcbiAgICBhY2NlbnQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBhY3R1YWxDb2xvckNsYXNzbmFtZXMgPSBhY2NlbnRcbiAgICAgICAgPyBzdHJpbmdDbGFzc05hbWVzKCdhY2NlbnQnLCBhY2NlbnQpXG4gICAgICAgIDogc3RyaW5nQ2xhc3NOYW1lcygnY29sb3InLCBjb2xvcik7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIHdlYkNvbXBvbmVudE5hbWVzLkJBREdFLCBbXG4gICAgICAgIGFjdHVhbENvbG9yQ2xhc3NuYW1lcyxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2ludmVydGVkJywgJ25vcm1hbCcsIGludmVydGVkKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIHNpemUpLFxuICAgIF0pO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7XG4gICAgICAgICdhcmlhLWxhYmVsJzogYXNzaXN0aXZlVGV4dCxcblxuICAgICAgICBjbGFzc05hbWU6IGNsYXNzTmFtZXMuam9pbignICcpLFxuICAgICAgICAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCwgeyBwcmVwbHlEc0NvbXBvbmVudDogd2ViQ29tcG9uZW50TmFtZXMuQkFER0UgfSksXG4gICAgfTtcblxuICAgIHJldHVybiA8c3BhbiB7Li4ucHJvcHN9PntjaGlsZHJlbn08L3NwYW4+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O01BOEJhLEtBQUssR0FBYyxDQUFDLEVBQzdCLEtBQUssR0FBRyxtQkFBbUIsRUFDM0IsUUFBUSxHQUFHLEtBQUssRUFDaEIsSUFBSSxHQUFHLGtCQUFrQixFQUN6QixhQUFhLEVBQ2IsT0FBTyxFQUNQLFFBQVEsRUFDUixNQUFNLEdBQ1Q7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxxQkFBcUIsR0FBRyxNQUFNO1VBQzlCLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUM7VUFDbEMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBRXZDLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxpQkFBaUIsQ0FBQyxLQUFLLEVBQUU7UUFDakUscUJBQXFCO1FBQ3JCLGlCQUFpQixDQUFDLFVBQVUsRUFBRSxRQUFRLEVBQUUsUUFBUSxDQUFDO1FBQ2pELGdCQUFnQixDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUM7S0FDakMsQ0FBQyxDQUFDO0lBRUgsTUFBTSxLQUFLLEdBQUc7UUFDVixZQUFZLEVBQUUsYUFBYTtRQUUzQixTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDL0IsR0FBRyxlQUFlLENBQUMsT0FBTyxFQUFFLEVBQUUsaUJBQWlCLEVBQUUsaUJBQWlCLENBQUMsS0FBSyxFQUFFLENBQUM7S0FDOUUsQ0FBQztJQUVGLE9BQU9BLDBDQUFVLEtBQUssSUFBRyxRQUFRLENBQVEsQ0FBQztBQUM5Qzs7OzsifQ==
|
|
@@ -1,14 +1,19 @@
|
|
|
1
1
|
import type { BoxPadding, BoxRadius, ColorBackground, ColorName, Dataset, LayoutTag, Responsive, ShortHand, Spacing } from '@preply/ds-core';
|
|
2
2
|
import { ColorSchemeProps } from '@preply/ds-web-core';
|
|
3
3
|
import { FC, ReactNode } from 'react';
|
|
4
|
-
export
|
|
4
|
+
export declare type BoxProps = {
|
|
5
5
|
background?: ColorName | ColorBackground;
|
|
6
6
|
radius?: Responsive<BoxRadius>;
|
|
7
7
|
tag?: LayoutTag;
|
|
8
8
|
padding?: Responsive<ShortHand<BoxPadding> | ShortHand<Spacing>>;
|
|
9
9
|
dataset?: Dataset;
|
|
10
10
|
children?: ReactNode;
|
|
11
|
-
}
|
|
11
|
+
};
|
|
12
12
|
export declare type Props = BoxProps & ColorSchemeProps;
|
|
13
|
+
/**
|
|
14
|
+
* A styleable container.
|
|
15
|
+
*
|
|
16
|
+
* Use this with `Layout*` components to create complex content containers.
|
|
17
|
+
*/
|
|
13
18
|
export declare const Box: FC<Props>;
|
|
14
19
|
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,UAAU,EACV,SAAS,EACT,eAAe,EACf,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,SAAS,EACT,OAAO,EACV,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EACH,gBAAgB,EASnB,MAAM,qBAAqB,CAAC;AAC7B,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7C,
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,UAAU,EACV,SAAS,EACT,eAAe,EACf,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,SAAS,EACT,OAAO,EACV,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EACH,gBAAgB,EASnB,MAAM,qBAAqB,CAAC;AAC7B,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7C,oBAAY,QAAQ,GAAG;IACnB,UAAU,CAAC,EAAE,SAAS,GAAG,eAAe,CAAC;IACzC,MAAM,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,oBAAY,KAAK,GAAG,QAAQ,GAAG,gBAAgB,CAAC;AAgChD;;;;GAIG;AACH,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,KAAK,CAA4B,CAAC"}
|
|
@@ -20,7 +20,12 @@ const BoxBase = ({ children, colorSchemeClassName, background, radius = BOX_RADI
|
|
|
20
20
|
};
|
|
21
21
|
return React__default.createElement(Tag, { ...props }, children);
|
|
22
22
|
};
|
|
23
|
+
/**
|
|
24
|
+
* A styleable container.
|
|
25
|
+
*
|
|
26
|
+
* Use this with `Layout*` components to create complex content containers.
|
|
27
|
+
*/
|
|
23
28
|
const Box = withColorScheme(BoxBase);
|
|
24
29
|
|
|
25
30
|
export { Box };
|
|
26
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Cb3gvQm94LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7XG4gICAgQm94UGFkZGluZyxcbiAgICBCb3hSYWRpdXMsXG4gICAgQ29sb3JCYWNrZ3JvdW5kLFxuICAgIENvbG9yTmFtZSxcbiAgICBEYXRhc2V0LFxuICAgIExheW91dFRhZyxcbiAgICBSZXNwb25zaXZlLFxuICAgIFNob3J0SGFuZCxcbiAgICBTcGFjaW5nLFxufSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQk9YX1BBRERJTkdfREVGQVVMVCwgQk9YX1JBRElVU19ERUZBVUxULCBMQVlPVVRfVEFHX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgd2ViQ29tcG9uZW50TmFtZXMgfSBmcm9tICdAcHJlcGx5L2RzLXZpc3VhbC1jb3ZlcmFnZS1jb21wb25lbnQtbmFtZXMnO1xuaW1wb3J0IHtcbiAgICBDb2xvclNjaGVtZVByb3BzLFxuICAgIFdpdGhDb2xvclNjaGVtZVByb3BzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBnbG9iYWxDbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VMYXlvdXRQYWRkaW5nQ2xhc3NuYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgd2l0aENvbG9yU2NoZW1lLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgdHlwZSBCb3hQcm9wcyA9IHtcbiAgICBiYWNrZ3JvdW5kPzogQ29sb3JOYW1lIHwgQ29sb3JCYWNrZ3JvdW5kO1xuICAgIHJhZGl1cz86IFJlc3BvbnNpdmU8Qm94UmFkaXVzPjtcbiAgICB0YWc/OiBMYXlvdXRUYWc7XG4gICAgcGFkZGluZz86IFJlc3BvbnNpdmU8U2hvcnRIYW5kPEJveFBhZGRpbmc+IHwgU2hvcnRIYW5kPFNwYWNpbmc+PjtcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gQm94UHJvcHMgJiBDb2xvclNjaGVtZVByb3BzO1xuXG5jb25zdCBCb3hCYXNlOiBGQzxCb3hQcm9wcyAmIFdpdGhDb2xvclNjaGVtZVByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgY29sb3JTY2hlbWVDbGFzc05hbWUsXG4gICAgYmFja2dyb3VuZCxcbiAgICByYWRpdXMgPSBCT1hfUkFESVVTX0RFRkFVTFQsXG4gICAgcGFkZGluZyA9IEJPWF9QQURESU5HX0RFRkFVTFQsXG4gICAgdGFnLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBnbG9iYWxDbGFzc2VzID0gZ2xvYmFsQ2xhc3NOYW1lcyhbY29sb3JTY2hlbWVDbGFzc05hbWVdKTtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIHdlYkNvbXBvbmVudE5hbWVzLkJPWCwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdib3gtcmFkaXVzJywgcmFkaXVzKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnYmFja2dyb3VuZCcsIGJhY2tncm91bmQpLFxuICAgIF0pO1xuICAgIGNvbnN0IHBhZGRpbmdDbGFzc05hbWVzID0gdXNlTGF5b3V0UGFkZGluZ0NsYXNzbmFtZXMocGFkZGluZyk7XG5cbiAgICBjb25zdCBUYWcgPSB0YWcgPz8gTEFZT1VUX1RBR19ERUZBVUxUO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5nbG9iYWxDbGFzc2VzLCAuLi5jbGFzc05hbWVzLCAuLi5wYWRkaW5nQ2xhc3NOYW1lc107XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgY2xhc3NOYW1lOiBhbGxDbGFzc05hbWVzLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQsIHsgcHJlcGx5RHNDb21wb25lbnQ6IHdlYkNvbXBvbmVudE5hbWVzLkJPWCB9KSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIDxUYWcgey4uLnByb3BzfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcblxuLyoqXG4gKiBBIHN0eWxlYWJsZSBjb250YWluZXIuXG4gKlxuICogVXNlIHRoaXMgd2l0aCBgTGF5b3V0KmAgY29tcG9uZW50cyB0byBjcmVhdGUgY29tcGxleCBjb250ZW50IGNvbnRhaW5lcnMuXG4gKi9cbmV4cG9ydCBjb25zdCBCb3g6IEZDPFByb3BzPiA9IHdpdGhDb2xvclNjaGVtZShCb3hCYXNlKTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBdUNBLE1BQU0sT0FBTyxHQUF3QyxDQUFDLEVBQ2xELFFBQVEsRUFDUixvQkFBb0IsRUFDcEIsVUFBVSxFQUNWLE1BQU0sR0FBRyxrQkFBa0IsRUFDM0IsT0FBTyxHQUFHLG1CQUFtQixFQUM3QixHQUFHLEVBQ0gsT0FBTyxHQUNWO0lBQ0csZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sYUFBYSxHQUFHLGdCQUFnQixDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDO0lBQy9ELE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxpQkFBaUIsQ0FBQyxHQUFHLEVBQUU7UUFDL0QsZ0JBQWdCLENBQUMsWUFBWSxFQUFFLE1BQU0sQ0FBQztRQUN0QyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQUUsVUFBVSxDQUFDO0tBQzdDLENBQUMsQ0FBQztJQUNILE1BQU0saUJBQWlCLEdBQUcsMEJBQTBCLENBQUMsT0FBTyxDQUFDLENBQUM7SUFFOUQsTUFBTSxHQUFHLEdBQUcsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksa0JBQWtCLENBQUM7SUFFdEMsTUFBTSxhQUFhLEdBQUcsQ0FBQyxHQUFHLGFBQWEsRUFBRSxHQUFHLFVBQVUsRUFBRSxHQUFHLGlCQUFpQixDQUFDLENBQUM7SUFFOUUsTUFBTSxLQUFLLEdBQUc7UUFDVixTQUFTLEVBQUUsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDbEMsR0FBRyxlQUFlLENBQUMsT0FBTyxFQUFFLEVBQUUsaUJBQWlCLEVBQUUsaUJBQWlCLENBQUMsR0FBRyxFQUFFLENBQUM7S0FDNUUsQ0FBQztJQUVGLE9BQU9BLDZCQUFDLEdBQUcsT0FBSyxLQUFLLElBQUcsUUFBUSxDQUFPLENBQUM7QUFDNUMsQ0FBQyxDQUFDO0FBRUY7Ozs7O01BS2EsR0FBRyxHQUFjLGVBQWUsQ0FBQyxPQUFPOzs7OyJ9
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAgB,MAAM,qBAAqB,CAAC;AAC1E,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAc,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAI/E,aAAK,wBAAwB,GACvB;IACI,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,eAAe,CAAC,EAAE,KAAK,CAAC;CAC3B,GACD;IACI,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,cAAc,CAAC,EAAE,KAAK,CAAC;CAC1B,CAAC;AAER,oBAAY,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,cAAc,GAAG,mBAAmB,CAAC,GAC3E,wBAAwB,CAAC;AAE7B,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CAmC5B,CAAC"}
|
|
@@ -1,15 +1,11 @@
|
|
|
1
1
|
import { BUTTON_VARIANT_DEFAULT, BUTTON_SIZE_DEFAULT } from '@preply/ds-core';
|
|
2
2
|
import { webComponentNames } from '@preply/ds-visual-coverage-component-names';
|
|
3
|
-
import {
|
|
3
|
+
import { moduleLocals } from '@preply/ds-web-core';
|
|
4
4
|
import React__default from 'react';
|
|
5
5
|
import { ButtonBase } from '../private/ButtonBase/ButtonBase.js';
|
|
6
6
|
import styles from './style/index.module.less.js';
|
|
7
7
|
|
|
8
8
|
const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, url, a11yLabel, leadingSvgIcon: LeadingSvgIcon, trailingSvgIcon: TrailingSvgIcon, children, ...props }) => {
|
|
9
|
-
useInstrument('render', {
|
|
10
|
-
component: webComponentNames.BUTTON,
|
|
11
|
-
props: { variant, size, url, a11yLabel },
|
|
12
|
-
});
|
|
13
9
|
const iconClassNames = [...moduleLocals(styles, webComponentNames.BUTTON, ['icon'])];
|
|
14
10
|
return (React__default.createElement(ButtonBase, { ...props, isIconButton: false, variant: variant, size: size, url: url, a11yLabel: a11yLabel, preplyDsComponent: webComponentNames.BUTTON },
|
|
15
11
|
!!LeadingSvgIcon && (React__default.createElement("span", { className: iconClassNames.join(' ') },
|
|
@@ -20,4 +16,4 @@ const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT,
|
|
|
20
16
|
};
|
|
21
17
|
|
|
22
18
|
export { Button };
|
|
23
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHdlYkNvbXBvbmVudE5hbWVzIH0gZnJvbSAnQHByZXBseS9kcy12aXN1YWwtY292ZXJhZ2UtY29tcG9uZW50LW5hbWVzJztcbmltcG9ydCB7IFJlYWN0U1ZHQ29tcG9uZW50VHlwZSwgbW9kdWxlTG9jYWxzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEJ1dHRvbkJhc2UsIEJ1dHRvbkJhc2VQcm9wcyB9IGZyb20gJy4uL3ByaXZhdGUvQnV0dG9uQmFzZS9CdXR0b25CYXNlJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxudHlwZSBMZWFkaW5nT3JUcmFpbGluZ1N2Z0ljb24gPVxuICAgIHwge1xuICAgICAgICAgIGxlYWRpbmdTdmdJY29uPzogUmVhY3RTVkdDb21wb25lbnRUeXBlO1xuICAgICAgICAgIHRyYWlsaW5nU3ZnSWNvbj86IG5ldmVyO1xuICAgICAgfVxuICAgIHwge1xuICAgICAgICAgIHRyYWlsaW5nU3ZnSWNvbj86IFJlYWN0U1ZHQ29tcG9uZW50VHlwZTtcbiAgICAgICAgICBsZWFkaW5nU3ZnSWNvbj86IG5ldmVyO1xuICAgICAgfTtcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBPbWl0PEJ1dHRvbkJhc2VQcm9wcywgJ2lzSWNvbkJ1dHRvbicgfCAncHJlcGx5RHNDb21wb25lbnQnPiAmXG4gICAgTGVhZGluZ09yVHJhaWxpbmdTdmdJY29uO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uOiBGQzxQcm9wcz4gPSAoe1xuICAgIHZhcmlhbnQgPSBCVVRUT05fVkFSSUFOVF9ERUZBVUxULFxuICAgIHNpemUgPSBCVVRUT05fU0laRV9ERUZBVUxULFxuICAgIHVybCxcbiAgICBhMTF5TGFiZWwsXG4gICAgbGVhZGluZ1N2Z0ljb246IExlYWRpbmdTdmdJY29uLFxuICAgIHRyYWlsaW5nU3ZnSWNvbjogVHJhaWxpbmdTdmdJY29uLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLnByb3BzXG59KSA9PiB7XG4gICAgY29uc3QgaWNvbkNsYXNzTmFtZXMgPSBbLi4ubW9kdWxlTG9jYWxzKHN0eWxlcywgd2ViQ29tcG9uZW50TmFtZXMuQlVUVE9OLCBbJ2ljb24nXSldO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJ1dHRvbkJhc2VcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIGlzSWNvbkJ1dHRvbj17ZmFsc2V9XG4gICAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIHVybD17dXJsfVxuICAgICAgICAgICAgYTExeUxhYmVsPXthMTF5TGFiZWx9XG4gICAgICAgICAgICBwcmVwbHlEc0NvbXBvbmVudD17d2ViQ29tcG9uZW50TmFtZXMuQlVUVE9OfVxuICAgICAgICA+XG4gICAgICAgICAgICB7ISFMZWFkaW5nU3ZnSWNvbiAmJiAoXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtpY29uQ2xhc3NOYW1lcy5qb2luKCcgJyl9PlxuICAgICAgICAgICAgICAgICAgICA8TGVhZGluZ1N2Z0ljb24gYXJpYS1oaWRkZW49XCJ0cnVlXCIgZm9jdXNhYmxlPVwiZmFsc2VcIiAvPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICB7ISFUcmFpbGluZ1N2Z0ljb24gJiYgKFxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17aWNvbkNsYXNzTmFtZXMuam9pbignICcpfT5cbiAgICAgICAgICAgICAgICAgICAgPFRyYWlsaW5nU3ZnSWNvbiBhcmlhLWhpZGRlbj1cInRydWVcIiBmb2N1c2FibGU9XCJmYWxzZVwiIC8+XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9CdXR0b25CYXNlPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7O01Bc0JhLE1BQU0sR0FBYyxDQUFDLEVBQzlCLE9BQU8sR0FBRyxzQkFBc0IsRUFDaEMsSUFBSSxHQUFHLG1CQUFtQixFQUMxQixHQUFHLEVBQ0gsU0FBUyxFQUNULGNBQWMsRUFBRSxjQUFjLEVBQzlCLGVBQWUsRUFBRSxlQUFlLEVBQ2hDLFFBQVEsRUFDUixHQUFHLEtBQUssRUFDWDtJQUNHLE1BQU0sY0FBYyxHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLGlCQUFpQixDQUFDLE1BQU0sRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUVyRixRQUNJQSw2QkFBQyxVQUFVLE9BQ0gsS0FBSyxFQUNULFlBQVksRUFBRSxLQUFLLEVBQ25CLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksRUFBRSxJQUFJLEVBQ1YsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsU0FBUyxFQUNwQixpQkFBaUIsRUFBRSxpQkFBaUIsQ0FBQyxNQUFNO1FBRTFDLENBQUMsQ0FBQyxjQUFjLEtBQ2JBLHVDQUFNLFNBQVMsRUFBRSxjQUFjLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztZQUNyQ0EsNkJBQUMsY0FBYyxtQkFBYSxNQUFNLEVBQUMsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUNwRCxDQUNWO1FBQ0EsUUFBUTtRQUNSLENBQUMsQ0FBQyxlQUFlLEtBQ2RBLHVDQUFNLFNBQVMsRUFBRSxjQUFjLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztZQUNyQ0EsNkJBQUMsZUFBZSxtQkFBYSxNQUFNLEVBQUMsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUNyRCxDQUNWLENBQ1EsRUFDZjtBQUNOOzs7OyJ9
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Dataset } from '@preply/ds-core';
|
|
2
2
|
import { ReactSVGComponentType } from '@preply/ds-web-core';
|
|
3
3
|
import { FC, ReactNode } from 'react';
|
|
4
|
-
|
|
4
|
+
export declare type ChipsProps = {
|
|
5
5
|
/**
|
|
6
6
|
* The Chip list variant;
|
|
7
7
|
* - For simple checkbox-like behaviour, use `choice`.
|
|
@@ -23,19 +23,21 @@ interface ChipsProps {
|
|
|
23
23
|
*/
|
|
24
24
|
'aria-label': string;
|
|
25
25
|
/**
|
|
26
|
-
* These should be
|
|
26
|
+
* These should be `Chips.Item`s.
|
|
27
27
|
*/
|
|
28
28
|
children: ReactNode;
|
|
29
29
|
dataset?: Dataset;
|
|
30
|
-
}
|
|
31
|
-
|
|
30
|
+
};
|
|
31
|
+
declare type ChipsSubcomponents = {
|
|
32
32
|
/**
|
|
33
|
-
* A single
|
|
33
|
+
* A single `Chips` list item.
|
|
34
34
|
*/
|
|
35
35
|
Item: FC<ChipsItemProps>;
|
|
36
|
-
}
|
|
36
|
+
};
|
|
37
37
|
/**
|
|
38
|
-
* A Chips container
|
|
38
|
+
* A Chips container.
|
|
39
|
+
*
|
|
40
|
+
* Add `Chips.Item` children to render a list of Chips.
|
|
39
41
|
*/
|
|
40
42
|
export declare const Chips: FC<ChipsProps> & ChipsSubcomponents;
|
|
41
43
|
interface ChipsItemProps {
|
|
@@ -49,8 +51,8 @@ interface ChipsItemProps {
|
|
|
49
51
|
/**
|
|
50
52
|
* Called when the Chip is pressed, and returns the resulting state udpate.
|
|
51
53
|
*
|
|
52
|
-
* @see
|
|
53
|
-
* @see
|
|
54
|
+
* @see `ChipItemProps.pressed` for controlling the Chip state.
|
|
55
|
+
* @see `ChipItemProps.onRemove` for when the user removes the Chip.
|
|
54
56
|
*/
|
|
55
57
|
onToggle?: (newState: boolean) => void;
|
|
56
58
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../../src/components/Chips/Chips.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../../src/components/Chips/Chips.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,qBAAqB,EAAmB,MAAM,qBAAqB,CAAC;AAC7E,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO7C,oBAAY,UAAU,GAAG;IACrB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B;;;;;;;;;;OAUG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,aAAK,kBAAkB,GAAG;IACtB;;OAEG;IACH,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC;CAC5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,kBAgBpC,CAAC;AAEF,UAAU,cAAc;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;;;;;;;;;;;OAcG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB"}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import CloseIcon from '@preply/ds-media-icons/dist/24/Close.svg';
|
|
2
1
|
import { webComponentNames } from '@preply/ds-visual-coverage-component-names';
|
|
3
2
|
import { getDatasetProps } from '@preply/ds-web-core';
|
|
4
3
|
import React__default from 'react';
|
|
5
4
|
import { Icon } from '../Icon/Icon.js';
|
|
6
5
|
import styles from './style/index.module.less.js';
|
|
6
|
+
import SvgClose from './svg/close.svg.js';
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
|
-
* A Chips container
|
|
9
|
+
* A Chips container.
|
|
10
|
+
*
|
|
11
|
+
* Add `Chips.Item` children to render a list of Chips.
|
|
10
12
|
*/
|
|
11
13
|
const Chips = ({ variant = 'choice', children, 'aria-label': ariaLabel, dataset, }) => {
|
|
12
14
|
const dataAttributes = { ...dataset, variant };
|
|
@@ -15,7 +17,7 @@ const Chips = ({ variant = 'choice', children, 'aria-label': ariaLabel, dataset,
|
|
|
15
17
|
Chips.Item = function ChipsItem({ label, leadingSvgIcon, pressed, onToggle, onRemove, 'aria-controls': ariaControls, dataset, }) {
|
|
16
18
|
const toggle = () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(!pressed);
|
|
17
19
|
const remove = onRemove !== null && onRemove !== void 0 ? onRemove : toggle;
|
|
18
|
-
return (React__default.createElement("li", {
|
|
20
|
+
return (React__default.createElement("li", { className: styles.chip, ...getDatasetProps(dataset, { preplyDsComponent: webComponentNames.CHIP }) },
|
|
19
21
|
React__default.createElement("button", { type: "button", className: styles['chip-toggle'], "aria-pressed": pressed, "aria-controls": ariaControls, onClick: toggle, onKeyUp: e => {
|
|
20
22
|
switch (e.key) {
|
|
21
23
|
case 'Backspace':
|
|
@@ -30,8 +32,8 @@ Chips.Item = function ChipsItem({ label, leadingSvgIcon, pressed, onToggle, onRe
|
|
|
30
32
|
leadingSvgIcon && React__default.createElement(Icon, { size: "24", svg: leadingSvgIcon }),
|
|
31
33
|
label),
|
|
32
34
|
React__default.createElement("button", { type: "button", className: styles['chip-remove'], onClick: remove, "aria-label": "Remove", "aria-controls": ariaControls },
|
|
33
|
-
React__default.createElement(Icon, { size: "24", svg:
|
|
35
|
+
React__default.createElement(Icon, { size: "24", svg: SvgClose }))));
|
|
34
36
|
};
|
|
35
37
|
|
|
36
38
|
export { Chips };
|
|
37
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoaXBzL0NoaXBzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEYXRhc2V0IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHdlYkNvbXBvbmVudE5hbWVzIH0gZnJvbSAnQHByZXBseS9kcy12aXN1YWwtY292ZXJhZ2UtY29tcG9uZW50LW5hbWVzJztcbmltcG9ydCB7IFJlYWN0U1ZHQ29tcG9uZW50VHlwZSwgZ2V0RGF0YXNldFByb3BzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4uL0ljb24vSWNvbic7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5pbXBvcnQgQ2xvc2VJY29uIGZyb20gJy4vc3ZnL2Nsb3NlLnN2Zyc7XG5cbmV4cG9ydCB0eXBlIENoaXBzUHJvcHMgPSB7XG4gICAgLyoqXG4gICAgICogVGhlIENoaXAgbGlzdCB2YXJpYW50O1xuICAgICAqIC0gRm9yIHNpbXBsZSBjaGVja2JveC1saWtlIGJlaGF2aW91ciwgdXNlIGBjaG9pY2VgLlxuICAgICAqIC0gRm9yIG1vcmUgY29tcGxleCBmaWx0ZXJpbmcgY29udHJvbHMsIHVzZSBgZmlsdGVyYC5cbiAgICAgKlxuICAgICAqIEBkZWZhdWx0IGNob2ljZVxuICAgICAqL1xuICAgIHZhcmlhbnQ/OiAnY2hvaWNlJyB8ICdmaWx0ZXInO1xuICAgIC8qKlxuICAgICAqIEFsbG93cyBhc3Npc3RpdmUgdGVjaG5vbG9naWVzIHRvIGNvcnJlY3RseSBpZGVudGlmeSBhbmQgYW5ub3VuY2VcbiAgICAgKiB0aGUgQ2hpcCBsaXN0LlxuICAgICAqXG4gICAgICogQGV4YW1wbGVcbiAgICAgKiA8Q2hpcHMgYXJpYS1sYWJlbD1cInR1dG9yIGZpbHRlclwiPlxuICAgICAqICAgLy8gV2hlbiB0aGUgQ2hpcCBiZWxvdyBpcyBpbiBmb2N1cywgc2NyZWVuIHJlYWRlcnMgbWF5IGFubm91bmNlIGl0IGFzOlxuICAgICAqICAgLy8gXCJ0dXRvciBmaWx0ZXIgbGlzdCwgb3B0aW9uIDEsIEF2YWlsYWJpbGl0eSwgcHJlc3MgdG8gdG9nZ2xlXCJcbiAgICAgKiAgIDxDaGlwcy5JdGVtIGxhYmVsPVwiQXZhaWxhYmlsaXR5XCIgLz5cbiAgICAgKiA8L0NoaXBzPlxuICAgICAqL1xuICAgICdhcmlhLWxhYmVsJzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqIFRoZXNlIHNob3VsZCBiZSBgQ2hpcHMuSXRlbWBzLlxuICAgICAqL1xuICAgIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG59O1xuXG50eXBlIENoaXBzU3ViY29tcG9uZW50cyA9IHtcbiAgICAvKipcbiAgICAgKiBBIHNpbmdsZSBgQ2hpcHNgIGxpc3QgaXRlbS5cbiAgICAgKi9cbiAgICBJdGVtOiBGQzxDaGlwc0l0ZW1Qcm9wcz47XG59O1xuXG4vKipcbiAqIEEgQ2hpcHMgY29udGFpbmVyLlxuICpcbiAqIEFkZCBgQ2hpcHMuSXRlbWAgY2hpbGRyZW4gdG8gcmVuZGVyIGEgbGlzdCBvZiBDaGlwcy5cbiAqL1xuZXhwb3J0IGNvbnN0IENoaXBzOiBGQzxDaGlwc1Byb3BzPiAmIENoaXBzU3ViY29tcG9uZW50cyA9ICh7XG4gICAgdmFyaWFudCA9ICdjaG9pY2UnLFxuICAgIGNoaWxkcmVuLFxuICAgICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgY29uc3QgZGF0YUF0dHJpYnV0ZXMgPSB7IC4uLmRhdGFzZXQsIHZhcmlhbnQgfTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8dWxcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17c3R5bGVzLmNoaXBzfVxuICAgICAgICAgICAgey4uLmdldERhdGFzZXRQcm9wcyhkYXRhQXR0cmlidXRlcywgeyBwcmVwbHlEc0NvbXBvbmVudDogd2ViQ29tcG9uZW50TmFtZXMuQ0hJUCB9KX1cbiAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L3VsPlxuICAgICk7XG59O1xuXG5pbnRlcmZhY2UgQ2hpcHNJdGVtUHJvcHMge1xuICAgIGxhYmVsOiBSZWFjdE5vZGU7XG4gICAgbGVhZGluZ1N2Z0ljb24/OiBSZWFjdFNWR0NvbXBvbmVudFR5cGU7XG4gICAgLyoqXG4gICAgICogVGhlIGN1cnJlbnQgc3RhdGUgb2YgdGhlIENoaXA7IHRoaXMgbmVlZHMgdG8gYmUgY29udHJvbGxlZCBtYW51YWxseSxcbiAgICAgKiB0byBjYXRlciBmb3IgY2FzZXMgaW4gd2hpY2ggYSBDaGlwIGFsc28gY29udHJvbHMgYSBzZXBlcmF0ZSBmaWx0ZXIgbWVudS5cbiAgICAgKi9cbiAgICBwcmVzc2VkOiBib29sZWFuO1xuICAgIC8qKlxuICAgICAqIENhbGxlZCB3aGVuIHRoZSBDaGlwIGlzIHByZXNzZWQsIGFuZCByZXR1cm5zIHRoZSByZXN1bHRpbmcgc3RhdGUgdWRwYXRlLlxuICAgICAqXG4gICAgICogQHNlZSBgQ2hpcEl0ZW1Qcm9wcy5wcmVzc2VkYCBmb3IgY29udHJvbGxpbmcgdGhlIENoaXAgc3RhdGUuXG4gICAgICogQHNlZSBgQ2hpcEl0ZW1Qcm9wcy5vblJlbW92ZWAgZm9yIHdoZW4gdGhlIHVzZXIgcmVtb3ZlcyB0aGUgQ2hpcC5cbiAgICAgKi9cbiAgICBvblRvZ2dsZT86IChuZXdTdGF0ZTogYm9vbGVhbikgPT4gdm9pZDtcbiAgICAvKipcbiAgICAgKiBDYWxsZWQgd2hlbiB0aGUgQ2hpcCdzIHJlbW92ZSAoYFhgKSBidXR0b24gaXMgY2xpY2tlZC5cbiAgICAgKiBUaGlzIGlzIG9ubHkgYXZhaWxhYmxlIGZvciBgZmlsdGVyYCBDaGlwcy5cbiAgICAgKi9cbiAgICBvblJlbW92ZT86ICgpID0+IHZvaWQ7XG4gICAgLyoqXG4gICAgICogSWYgdGhlIENoaXAgdG9nZ2xlcyB0aGUgcHJlc2VuY2Ugb3IgY29udGVudCBvZiBhbm90aGVyIGVsZW1lbnQsIHNldCB0aGlzXG4gICAgICogcHJvcCB0byB0aGUgSUQgb2YgdGhhdCBlbGVtZW50LlxuICAgICAqXG4gICAgICogQGV4YW1wbGVcbiAgICAgKiA8Q2hpcHMgdmFyaWFudD1cImZpbHRlclwiPlxuICAgICAqICAgPENoaXBzLkl0ZW1cbiAgICAgKiAgICAgbGFiZWw9XCJBdmFpbGFiaWxpdHlcIlxuICAgICAqICAgICBwcmVzc2VkPXtmaWx0ZXJCeUF2YWlsYWJpbGl0eX1cbiAgICAgKiAgICAgYXJpYS1jb250cm9scz1cInR1dG9yLXNlYXJjaC1saXN0XCJcbiAgICAgKiAgIC8+XG4gICAgICogPC9DaGlwcz5cbiAgICAgKiAuLi5cbiAgICAgKiA8VHV0b3JTZWFyY2hMaXN0IGlkPVwidHV0b3Itc2VhcmNoLWxpc3RcIiAvPlxuICAgICAqL1xuICAgICdhcmlhLWNvbnRyb2xzJz86IHN0cmluZztcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbn1cblxuQ2hpcHMuSXRlbSA9IGZ1bmN0aW9uIENoaXBzSXRlbSh7XG4gICAgbGFiZWwsXG4gICAgbGVhZGluZ1N2Z0ljb24sXG4gICAgcHJlc3NlZCxcbiAgICBvblRvZ2dsZSxcbiAgICBvblJlbW92ZSxcbiAgICAnYXJpYS1jb250cm9scyc6IGFyaWFDb250cm9scyxcbiAgICBkYXRhc2V0LFxufSkge1xuICAgIGNvbnN0IHRvZ2dsZSA9ICgpID0+IG9uVG9nZ2xlPy4oIXByZXNzZWQpO1xuICAgIGNvbnN0IHJlbW92ZSA9IG9uUmVtb3ZlID8/IHRvZ2dsZTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8bGlcbiAgICAgICAgICAgIGNsYXNzTmFtZT17c3R5bGVzLmNoaXB9XG4gICAgICAgICAgICB7Li4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQsIHsgcHJlcGx5RHNDb21wb25lbnQ6IHdlYkNvbXBvbmVudE5hbWVzLkNISVAgfSl9XG4gICAgICAgID5cbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e3N0eWxlc1snY2hpcC10b2dnbGUnXX1cbiAgICAgICAgICAgICAgICBhcmlhLXByZXNzZWQ9e3ByZXNzZWR9XG4gICAgICAgICAgICAgICAgYXJpYS1jb250cm9scz17YXJpYUNvbnRyb2xzfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e3RvZ2dsZX1cbiAgICAgICAgICAgICAgICBvbktleVVwPXtlID0+IHtcbiAgICAgICAgICAgICAgICAgICAgc3dpdGNoIChlLmtleSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgY2FzZSAnQmFja3NwYWNlJzpcbiAgICAgICAgICAgICAgICAgICAgICAgIGNhc2UgJ0RlbGV0ZSc6XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKCFwcmVzc2VkKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdG9nZ2xlKCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICAgICAgICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7bGVhZGluZ1N2Z0ljb24gJiYgPEljb24gc2l6ZT1cIjI0XCIgc3ZnPXtsZWFkaW5nU3ZnSWNvbn0gLz59XG4gICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtzdHlsZXNbJ2NoaXAtcmVtb3ZlJ119XG4gICAgICAgICAgICAgICAgb25DbGljaz17cmVtb3ZlfVxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJSZW1vdmVcIlxuICAgICAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e2FyaWFDb250cm9sc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8SWNvbiBzaXplPVwiMjRcIiBzdmc9e0Nsb3NlSWNvbn0gLz5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2xpPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0IiwiQ2xvc2VJY29uIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBNkNBOzs7OztNQUthLEtBQUssR0FBd0MsQ0FBQyxFQUN2RCxPQUFPLEdBQUcsUUFBUSxFQUNsQixRQUFRLEVBQ1IsWUFBWSxFQUFFLFNBQVMsRUFDdkIsT0FBTyxHQUNWO0lBQ0csTUFBTSxjQUFjLEdBQUcsRUFBRSxHQUFHLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQztJQUMvQyxRQUNJQSxtREFDZ0IsU0FBUyxFQUNyQixTQUFTLEVBQUUsTUFBTSxDQUFDLEtBQUssS0FDbkIsZUFBZSxDQUFDLGNBQWMsRUFBRSxFQUFFLGlCQUFpQixFQUFFLGlCQUFpQixDQUFDLElBQUksRUFBRSxDQUFDLElBRWpGLFFBQVEsQ0FDUixFQUNQO0FBQ04sRUFBRTtBQXlDRixLQUFLLENBQUMsSUFBSSxHQUFHLFNBQVMsU0FBUyxDQUFDLEVBQzVCLEtBQUssRUFDTCxjQUFjLEVBQ2QsT0FBTyxFQUNQLFFBQVEsRUFDUixRQUFRLEVBQ1IsZUFBZSxFQUFFLFlBQVksRUFDN0IsT0FBTyxHQUNWO0lBQ0csTUFBTSxNQUFNLEdBQUcsTUFBTSxRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUMxQyxNQUFNLE1BQU0sR0FBRyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxNQUFNLENBQUM7SUFDbEMsUUFDSUEscUNBQ0ksU0FBUyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEtBQ2xCLGVBQWUsQ0FBQyxPQUFPLEVBQUUsRUFBRSxpQkFBaUIsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUUzRUEseUNBQ0ksSUFBSSxFQUFDLFFBQVEsRUFDYixTQUFTLEVBQUUsTUFBTSxDQUFDLGFBQWEsQ0FBQyxrQkFDbEIsT0FBTyxtQkFDTixZQUFZLEVBQzNCLE9BQU8sRUFBRSxNQUFNLEVBQ2YsT0FBTyxFQUFFLENBQUM7Z0JBQ04sUUFBUSxDQUFDLENBQUMsR0FBRztvQkFDVCxLQUFLLFdBQVcsQ0FBQztvQkFDakIsS0FBSyxRQUFRO3dCQUNULElBQUksQ0FBQyxPQUFPLEVBQUU7NEJBQ1YsT0FBTzt5QkFDVjt3QkFDRCxNQUFNLEVBQUUsQ0FBQzt3QkFDVCxNQUFNO2lCQUViO2FBQ0o7WUFFQSxjQUFjLElBQUlBLDZCQUFDLElBQUksSUFBQyxJQUFJLEVBQUMsSUFBSSxFQUFDLEdBQUcsRUFBRSxjQUFjLEdBQUk7WUFDekQsS0FBSyxDQUNEO1FBQ1RBLHlDQUNJLElBQUksRUFBQyxRQUFRLEVBQ2IsU0FBUyxFQUFFLE1BQU0sQ0FBQyxhQUFhLENBQUMsRUFDaEMsT0FBTyxFQUFFLE1BQU0sZ0JBQ0osUUFBUSxtQkFDSixZQUFZO1lBRTNCQSw2QkFBQyxJQUFJLElBQUMsSUFBSSxFQUFDLElBQUksRUFBQyxHQUFHLEVBQUVDLFFBQVMsR0FBSSxDQUM3QixDQUNSLEVBQ1A7QUFDTixDQUFDOzs7OyJ9
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
var _path;
|
|
4
|
+
|
|
5
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6
|
+
|
|
7
|
+
function SvgClose(props) {
|
|
8
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
viewBox: "0 0 24 24"
|
|
11
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
d: "M7.207 5.793a1 1 0 00-1.414 1.414L10.586 12l-4.793 4.793a1 1 0 101.414 1.414L12 13.414l4.793 4.793a1 1 0 001.414-1.414L13.414 12l4.793-4.793a1 1 0 00-1.414-1.414L12 10.586 7.207 5.793z",
|
|
14
|
+
clipRule: "evenodd"
|
|
15
|
+
})));
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export { SvgClose as default };
|
|
19
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xvc2Uuc3ZnLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
|
|
@@ -1,4 +1,13 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { InputImperativeHandle } from '@preply/ds-web-core';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
|
|
3
|
+
/**
|
|
4
|
+
* A component for building custom fields.
|
|
5
|
+
*/
|
|
6
|
+
export declare const FieldLayout: React.ForwardRefExoticComponent<Omit<import("@preply/ds-web-core").FieldLayoutBaseProps, "children"> & {
|
|
7
|
+
input: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
8
|
+
inputHandle: InputImperativeHandle | null;
|
|
9
|
+
icon?: React.ReactElement<import("@preply/ds-web-core").IconProps, string | React.JSXElementConstructor<any>> | undefined;
|
|
10
|
+
button?: React.ReactElement<import("@preply/ds-web-core").FieldButtonProps, string | React.JSXElementConstructor<any>> | undefined;
|
|
11
|
+
onClick?: React.MouseEventHandler<Element> | undefined;
|
|
12
|
+
} & React.RefAttributes<InputImperativeHandle>>;
|
|
4
13
|
//# sourceMappingURL=FieldLayout.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldLayout.d.ts","sourceRoot":"","sources":["../../../src/components/FieldLayout/FieldLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"FieldLayout.d.ts","sourceRoot":"","sources":["../../../src/components/FieldLayout/FieldLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAoB,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEnF,OAAO,KAMN,MAAM,OAAO,CAAC;AAmEf;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;+CAA+B,CAAC"}
|
|
@@ -32,7 +32,10 @@ const FieldLayoutLocal = ({ id, className, input, icon, button, disabled, isFocu
|
|
|
32
32
|
input,
|
|
33
33
|
button)));
|
|
34
34
|
};
|
|
35
|
+
/**
|
|
36
|
+
* A component for building custom fields.
|
|
37
|
+
*/
|
|
35
38
|
const FieldLayout = forwardRef(FieldLayoutLocal);
|
|
36
39
|
|
|
37
40
|
export { FieldLayout };
|
|
38
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYXlvdXQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpZWxkTGF5b3V0L0ZpZWxkTGF5b3V0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9uby1zdGF0aWMtZWxlbWVudC1pbnRlcmFjdGlvbnMgKi9cbi8qIGVzbGludC1kaXNhYmxlIGpzeC1hMTF5L2NsaWNrLWV2ZW50cy1oYXZlLWtleS1ldmVudHMgKi9cbmltcG9ydCB7IHdlYkNvbXBvbmVudE5hbWVzIH0gZnJvbSAnQHByZXBseS9kcy12aXN1YWwtY292ZXJhZ2UtY29tcG9uZW50LW5hbWVzJztcbmltcG9ydCB0eXBlIHsgRmllbGRMYXlvdXRQcm9wcywgSW5wdXRJbXBlcmF0aXZlSGFuZGxlIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgeyBib29sZWFuQ2xhc3NOYW1lcywgbW9kdWxlTG9jYWxzLCB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwge1xuICAgIE1vdXNlRXZlbnRIYW5kbGVyLFxuICAgIFJlZkZvcndhcmRpbmdDb21wb25lbnQsXG4gICAgZm9yd2FyZFJlZixcbiAgICB1c2VJbXBlcmF0aXZlSGFuZGxlLFxuICAgIHVzZVJlZixcbn0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGaWVsZExheW91dEJhc2UgfSBmcm9tICcuLi9wcml2YXRlL0ZpZWxkTGF5b3V0QmFzZS9GaWVsZExheW91dEJhc2UnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBGaWVsZExheW91dExvY2FsOiBSZWZGb3J3YXJkaW5nQ29tcG9uZW50PElucHV0SW1wZXJhdGl2ZUhhbmRsZSwgRmllbGRMYXlvdXRQcm9wcz4gPSAoXG4gICAge1xuICAgICAgICBpZCxcbiAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICBpbnB1dCxcbiAgICAgICAgaWNvbixcbiAgICAgICAgYnV0dG9uLFxuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgaXNGb2N1c2VkLFxuICAgICAgICBoYXNFcnJvcixcbiAgICAgICAgaW5wdXRIYW5kbGUsXG4gICAgICAgIG9uQ2xpY2ssXG4gICAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGxheW91dFJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgICB1c2VJbXBlcmF0aXZlSGFuZGxlKHJlZiwgKCkgPT4gKHtcbiAgICAgICAgc2V0Rm9jdXM6ICgpID0+IGlucHV0SGFuZGxlPy5zZXRGb2N1cygpLFxuICAgICAgICBzY3JvbGxJbnRvVmlldzogKCkgPT4gbGF5b3V0UmVmPy5jdXJyZW50Py5zY3JvbGxJbnRvVmlldygpLFxuICAgIH0pKTtcblxuICAgIGNvbnN0IGZpZWxkQ2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIHdlYkNvbXBvbmVudE5hbWVzLkZJRUxEX0xBWU9VVCwgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXMtZGlzYWJsZWQnLCB1bmRlZmluZWQsIGRpc2FibGVkKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWZvY3VzZWQnLCB1bmRlZmluZWQsIGlzRm9jdXNlZCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdoYXMtZXJyb3InLCB1bmRlZmluZWQsIGhhc0Vycm9yKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2hhcy1pY29uJywgdW5kZWZpbmVkLCAhIWljb24pLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaGFzLWJ1dHRvbicsIHVuZGVmaW5lZCwgISFidXR0b24pLFxuICAgIF0pO1xuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBjbGFzc05hbWUgPyBbY2xhc3NOYW1lLCAuLi5maWVsZENsYXNzTmFtZXNdIDogZmllbGRDbGFzc05hbWVzO1xuICAgIGNvbnN0IGlucHV0Q2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIHdlYkNvbXBvbmVudE5hbWVzLkZJRUxEX0xBWU9VVCwgWydpbnB1dCddKTtcbiAgICBjb25zdCBpY29uQ2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIHdlYkNvbXBvbmVudE5hbWVzLkZJRUxEX0xBWU9VVCwgWydpY29uJ10pO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2s6IE1vdXNlRXZlbnRIYW5kbGVyID0gZXYgPT4ge1xuICAgICAgICBpbnB1dEhhbmRsZT8uc2V0Rm9jdXMoKTtcbiAgICAgICAgb25DbGljaz8uKGV2KTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEZpZWxkTGF5b3V0QmFzZVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXthbGxDbGFzc05hbWVzLmpvaW4oJyAnKX1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIGlzRm9jdXNlZD17aXNGb2N1c2VkfVxuICAgICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgcHJlcGx5RHNDb21wb25lbnQ9e3dlYkNvbXBvbmVudE5hbWVzLkZJRUxEX0xBWU9VVH1cbiAgICAgICAgICAgIHJlZj17bGF5b3V0UmVmfVxuICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17aW5wdXRDbGFzc05hbWVzLmpvaW4oJyAnKX0gb25DbGljaz17aGFuZGxlQ2xpY2t9PlxuICAgICAgICAgICAgICAgIHtpY29uICYmIDxzcGFuIGNsYXNzTmFtZT17aWNvbkNsYXNzTmFtZXMuam9pbignICcpfT57aWNvbn08L3NwYW4+fVxuICAgICAgICAgICAgICAgIHtpbnB1dH1cbiAgICAgICAgICAgICAgICB7YnV0dG9ufVxuICAgICAgICAgICAgPC9kaXY+
|
|
41
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYXlvdXQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpZWxkTGF5b3V0L0ZpZWxkTGF5b3V0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9uby1zdGF0aWMtZWxlbWVudC1pbnRlcmFjdGlvbnMgKi9cbi8qIGVzbGludC1kaXNhYmxlIGpzeC1hMTF5L2NsaWNrLWV2ZW50cy1oYXZlLWtleS1ldmVudHMgKi9cbmltcG9ydCB7IHdlYkNvbXBvbmVudE5hbWVzIH0gZnJvbSAnQHByZXBseS9kcy12aXN1YWwtY292ZXJhZ2UtY29tcG9uZW50LW5hbWVzJztcbmltcG9ydCB0eXBlIHsgRmllbGRMYXlvdXRQcm9wcywgSW5wdXRJbXBlcmF0aXZlSGFuZGxlIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgeyBib29sZWFuQ2xhc3NOYW1lcywgbW9kdWxlTG9jYWxzLCB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwge1xuICAgIE1vdXNlRXZlbnRIYW5kbGVyLFxuICAgIFJlZkZvcndhcmRpbmdDb21wb25lbnQsXG4gICAgZm9yd2FyZFJlZixcbiAgICB1c2VJbXBlcmF0aXZlSGFuZGxlLFxuICAgIHVzZVJlZixcbn0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGaWVsZExheW91dEJhc2UgfSBmcm9tICcuLi9wcml2YXRlL0ZpZWxkTGF5b3V0QmFzZS9GaWVsZExheW91dEJhc2UnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBGaWVsZExheW91dExvY2FsOiBSZWZGb3J3YXJkaW5nQ29tcG9uZW50PElucHV0SW1wZXJhdGl2ZUhhbmRsZSwgRmllbGRMYXlvdXRQcm9wcz4gPSAoXG4gICAge1xuICAgICAgICBpZCxcbiAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICBpbnB1dCxcbiAgICAgICAgaWNvbixcbiAgICAgICAgYnV0dG9uLFxuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgaXNGb2N1c2VkLFxuICAgICAgICBoYXNFcnJvcixcbiAgICAgICAgaW5wdXRIYW5kbGUsXG4gICAgICAgIG9uQ2xpY2ssXG4gICAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGxheW91dFJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgICB1c2VJbXBlcmF0aXZlSGFuZGxlKHJlZiwgKCkgPT4gKHtcbiAgICAgICAgc2V0Rm9jdXM6ICgpID0+IGlucHV0SGFuZGxlPy5zZXRGb2N1cygpLFxuICAgICAgICBzY3JvbGxJbnRvVmlldzogKCkgPT4gbGF5b3V0UmVmPy5jdXJyZW50Py5zY3JvbGxJbnRvVmlldygpLFxuICAgIH0pKTtcblxuICAgIGNvbnN0IGZpZWxkQ2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIHdlYkNvbXBvbmVudE5hbWVzLkZJRUxEX0xBWU9VVCwgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXMtZGlzYWJsZWQnLCB1bmRlZmluZWQsIGRpc2FibGVkKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWZvY3VzZWQnLCB1bmRlZmluZWQsIGlzRm9jdXNlZCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdoYXMtZXJyb3InLCB1bmRlZmluZWQsIGhhc0Vycm9yKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2hhcy1pY29uJywgdW5kZWZpbmVkLCAhIWljb24pLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaGFzLWJ1dHRvbicsIHVuZGVmaW5lZCwgISFidXR0b24pLFxuICAgIF0pO1xuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBjbGFzc05hbWUgPyBbY2xhc3NOYW1lLCAuLi5maWVsZENsYXNzTmFtZXNdIDogZmllbGRDbGFzc05hbWVzO1xuICAgIGNvbnN0IGlucHV0Q2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIHdlYkNvbXBvbmVudE5hbWVzLkZJRUxEX0xBWU9VVCwgWydpbnB1dCddKTtcbiAgICBjb25zdCBpY29uQ2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIHdlYkNvbXBvbmVudE5hbWVzLkZJRUxEX0xBWU9VVCwgWydpY29uJ10pO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2s6IE1vdXNlRXZlbnRIYW5kbGVyID0gZXYgPT4ge1xuICAgICAgICBpbnB1dEhhbmRsZT8uc2V0Rm9jdXMoKTtcbiAgICAgICAgb25DbGljaz8uKGV2KTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEZpZWxkTGF5b3V0QmFzZVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXthbGxDbGFzc05hbWVzLmpvaW4oJyAnKX1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIGlzRm9jdXNlZD17aXNGb2N1c2VkfVxuICAgICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgcHJlcGx5RHNDb21wb25lbnQ9e3dlYkNvbXBvbmVudE5hbWVzLkZJRUxEX0xBWU9VVH1cbiAgICAgICAgICAgIHJlZj17bGF5b3V0UmVmfVxuICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17aW5wdXRDbGFzc05hbWVzLmpvaW4oJyAnKX0gb25DbGljaz17aGFuZGxlQ2xpY2t9PlxuICAgICAgICAgICAgICAgIHtpY29uICYmIDxzcGFuIGNsYXNzTmFtZT17aWNvbkNsYXNzTmFtZXMuam9pbignICcpfT57aWNvbn08L3NwYW4+fVxuICAgICAgICAgICAgICAgIHtpbnB1dH1cbiAgICAgICAgICAgICAgICB7YnV0dG9ufVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvRmllbGRMYXlvdXRCYXNlPlxuICAgICk7XG59O1xuXG4vKipcbiAqIEEgY29tcG9uZW50IGZvciBidWlsZGluZyBjdXN0b20gZmllbGRzLlxuICovXG5leHBvcnQgY29uc3QgRmllbGRMYXlvdXQgPSBmb3J3YXJkUmVmKEZpZWxkTGF5b3V0TG9jYWwpO1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQTtBQWlCQSxNQUFNLGdCQUFnQixHQUFvRSxDQUN0RixFQUNJLEVBQUUsRUFDRixTQUFTLEVBQ1QsS0FBSyxFQUNMLElBQUksRUFDSixNQUFNLEVBQ04sUUFBUSxFQUNSLFNBQVMsRUFDVCxRQUFRLEVBQ1IsV0FBVyxFQUNYLE9BQU8sRUFDUCxHQUFHLEtBQUssRUFDWCxFQUNELEdBQUc7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUUvQyxtQkFBbUIsQ0FBQyxHQUFHLEVBQUUsT0FBTztRQUM1QixRQUFRLEVBQUUsTUFBTSxXQUFXLGFBQVgsV0FBVyx1QkFBWCxXQUFXLENBQUUsUUFBUSxFQUFFO1FBQ3ZDLGNBQWMsRUFBRSxnQkFBTSxPQUFBLE1BQUEsU0FBUyxhQUFULFNBQVMsdUJBQVQsU0FBUyxDQUFFLE9BQU8sMENBQUUsY0FBYyxFQUFFLENBQUEsRUFBQTtLQUM3RCxDQUFDLENBQUMsQ0FBQztJQUVKLE1BQU0sZUFBZSxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsaUJBQWlCLENBQUMsWUFBWSxFQUFFO1FBQ3pFLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDO1FBQ3JELGlCQUFpQixDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDO1FBQ3JELGlCQUFpQixDQUFDLFdBQVcsRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDO1FBQ25ELGlCQUFpQixDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUNoRCxpQkFBaUIsQ0FBQyxZQUFZLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUM7S0FDdkQsQ0FBQyxDQUFDO0lBQ0gsTUFBTSxhQUFhLEdBQUcsU0FBUyxHQUFHLENBQUMsU0FBUyxFQUFFLEdBQUcsZUFBZSxDQUFDLEdBQUcsZUFBZSxDQUFDO0lBQ3BGLE1BQU0sZUFBZSxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUN4RixNQUFNLGNBQWMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFFdEYsTUFBTSxXQUFXLEdBQXNCLEVBQUU7UUFDckMsV0FBVyxhQUFYLFdBQVcsdUJBQVgsV0FBVyxDQUFFLFFBQVEsRUFBRSxDQUFDO1FBQ3hCLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxFQUFFLENBQUMsQ0FBQztLQUNqQixDQUFDO0lBRUYsUUFDSUEsNkJBQUMsZUFBZSxJQUNaLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQ2xDLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLFFBQVEsRUFBRSxRQUFRLEtBQ2QsS0FBSyxFQUNULGlCQUFpQixFQUFFLGlCQUFpQixDQUFDLFlBQVksRUFDakQsR0FBRyxFQUFFLFNBQVM7UUFFZEEsc0NBQUssU0FBUyxFQUFFLGVBQWUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsT0FBTyxFQUFFLFdBQVc7WUFDMUQsSUFBSSxJQUFJQSx1Q0FBTSxTQUFTLEVBQUUsY0FBYyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBRyxJQUFJLENBQVE7WUFDaEUsS0FBSztZQUNMLE1BQU0sQ0FDTCxDQUNRLEVBQ3BCO0FBQ04sQ0FBQyxDQUFDO0FBRUY7OztNQUdhLFdBQVcsR0FBRyxVQUFVLENBQUMsZ0JBQWdCOzs7OyJ9
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import type { ColorName, Dataset, HeadingLevel, HeadingTag, HeadingVariant, Responsive, TextAccent } from '@preply/ds-core';
|
|
2
2
|
import { FC, ReactNode } from 'react';
|
|
3
3
|
export declare type Props = {
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated The appropriate `font-weight` is automatically set
|
|
6
|
+
*/
|
|
4
7
|
strong?: boolean;
|
|
5
8
|
accent?: TextAccent;
|
|
6
9
|
/**
|
|
7
|
-
* @deprecated Use accent instead.
|
|
10
|
+
* @deprecated Use `accent` instead.
|
|
8
11
|
*/
|
|
9
12
|
color?: ColorName;
|
|
10
13
|
centered?: Responsive<boolean>;
|
|
@@ -14,7 +17,7 @@ export declare type Props = {
|
|
|
14
17
|
variant: Responsive<HeadingVariant>;
|
|
15
18
|
tag: HeadingTag;
|
|
16
19
|
/**
|
|
17
|
-
* @deprecated variant
|
|
20
|
+
* @deprecated Use `variant` instead
|
|
18
21
|
*/
|
|
19
22
|
level?: never;
|
|
20
23
|
/**
|
|
@@ -23,7 +26,7 @@ export declare type Props = {
|
|
|
23
26
|
large?: never;
|
|
24
27
|
} | {
|
|
25
28
|
/**
|
|
26
|
-
* @deprecated variant
|
|
29
|
+
* @deprecated Use `variant` instead
|
|
27
30
|
*/
|
|
28
31
|
level: HeadingLevel;
|
|
29
32
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,SAAS,EACT,OAAO,EACP,YAAY,EACZ,UAAU,EACV,cAAc,EACd,UAAU,EACV,UAAU,EACb,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,SAAS,EACT,OAAO,EACP,YAAY,EACZ,UAAU,EACV,cAAc,EACd,UAAU,EACV,UAAU,EACb,MAAM,iBAAiB,CAAC;AAYzB,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7C,oBAAY,KAAK,GAAG;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,GAAG,CACE;IACI,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IACpC,GAAG,EAAE,UAAU,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACI;;OAEG;IACH,KAAK,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC;CACnB,CACN,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,KAAK,CA0C7B,CAAC"}
|
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
import { webComponentNames } from '@preply/ds-visual-coverage-component-names';
|
|
2
|
-
import {
|
|
2
|
+
import { useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, useTextCenteredClassnames, useTextAccentClassnames, useColorClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
6
|
-
const Heading = ({ children, variant, accent, level, large = false,
|
|
7
|
-
useInstrument('render', {
|
|
8
|
-
component: webComponentNames.HEADING,
|
|
9
|
-
props: { level, strong },
|
|
10
|
-
});
|
|
6
|
+
const Heading = ({ children, variant, accent, level, large = false, tag, color, centered, dataset, }) => {
|
|
11
7
|
useStyleExtract(styles);
|
|
12
8
|
const Tag = tag || level || 'h1';
|
|
13
9
|
const classNames = moduleClassNames(styles, webComponentNames.HEADING, variant
|
|
@@ -33,4 +29,4 @@ const Heading = ({ children, variant, accent, level, large = false, strong, tag,
|
|
|
33
29
|
};
|
|
34
30
|
|
|
35
31
|
export { Heading };
|
|
36
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVhZGluZy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSGVhZGluZy9IZWFkaW5nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7XG4gICAgQ29sb3JOYW1lLFxuICAgIERhdGFzZXQsXG4gICAgSGVhZGluZ0xldmVsLFxuICAgIEhlYWRpbmdUYWcsXG4gICAgSGVhZGluZ1ZhcmlhbnQsXG4gICAgUmVzcG9uc2l2ZSxcbiAgICBUZXh0QWNjZW50LFxufSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgd2ViQ29tcG9uZW50TmFtZXMgfSBmcm9tICdAcHJlcGx5L2RzLXZpc3VhbC1jb3ZlcmFnZS1jb21wb25lbnQtbmFtZXMnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZUNvbG9yQ2xhc3NOYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVGV4dEFjY2VudENsYXNzbmFtZXMsXG4gICAgdXNlVGV4dENlbnRlcmVkQ2xhc3NuYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gICAgLyoqXG4gICAgICogQGRlcHJlY2F0ZWQgVGhlIGFwcHJvcHJpYXRlIGBmb250LXdlaWdodGAgaXMgYXV0b21hdGljYWxseSBzZXRcbiAgICAgKi9cbiAgICBzdHJvbmc/OiBib29sZWFuO1xuICAgIGFjY2VudD86IFRleHRBY2NlbnQ7XG4gICAgLyoqXG4gICAgICogQGRlcHJlY2F0ZWQgVXNlIGBhY2NlbnRgIGluc3RlYWQuXG4gICAgICovXG4gICAgY29sb3I/OiBDb2xvck5hbWU7XG4gICAgY2VudGVyZWQ/OiBSZXNwb25zaXZlPGJvb2xlYW4+O1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufSAmIChcbiAgICB8IHtcbiAgICAgICAgICB2YXJpYW50OiBSZXNwb25zaXZlPEhlYWRpbmdWYXJpYW50PjtcbiAgICAgICAgICB0YWc6IEhlYWRpbmdUYWc7XG4gICAgICAgICAgLyoqXG4gICAgICAgICAgICogQGRlcHJlY2F0ZWQgVXNlIGB2YXJpYW50YCBpbnN0ZWFkXG4gICAgICAgICAgICovXG4gICAgICAgICAgbGV2ZWw/OiBuZXZlcjtcbiAgICAgICAgICAvKipcbiAgICAgICAgICAgKiBAZGVwcmVjYXRlZCBUaGVyZSBpcyBubyBsYXJnZSB2ZXJzaW9uIGluIFRva3lvIFVJLlxuICAgICAgICAgICAqL1xuICAgICAgICAgIGxhcmdlPzogbmV2ZXI7XG4gICAgICB9XG4gICAgfCB7XG4gICAgICAgICAgLyoqXG4gICAgICAgICAgICogQGRlcHJlY2F0ZWQgVXNlIGB2YXJpYW50YCBpbnN0ZWFkXG4gICAgICAgICAgICovXG4gICAgICAgICAgbGV2ZWw6IEhlYWRpbmdMZXZlbDtcbiAgICAgICAgICAvKipcbiAgICAgICAgICAgKiBAZGVwcmVjYXRlZCBUaGVyZSBpcyBubyBsYXJnZSB2ZXJzaW9uIGluIFRva3lvIFVJLlxuICAgICAgICAgICAqL1xuICAgICAgICAgIGxhcmdlPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICAgICAgICB0YWc/OiBIZWFkaW5nVGFnO1xuICAgICAgICAgIHZhcmlhbnQ/OiBuZXZlcjtcbiAgICAgIH1cbik7XG5cbmV4cG9ydCBjb25zdCBIZWFkaW5nOiBGQzxQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIHZhcmlhbnQsXG4gICAgYWNjZW50LFxuICAgIGxldmVsLFxuICAgIGxhcmdlID0gZmFsc2UsXG4gICAgdGFnLFxuICAgIGNvbG9yLFxuICAgIGNlbnRlcmVkLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBUYWcgPSB0YWcgfHwgbGV2ZWwgfHwgJ2gxJztcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKFxuICAgICAgICBzdHlsZXMsXG4gICAgICAgIHdlYkNvbXBvbmVudE5hbWVzLkhFQURJTkcsXG4gICAgICAgIHZhcmlhbnRcbiAgICAgICAgICAgID8gc3RyaW5nQ2xhc3NOYW1lcygndmFyaWFudCcsIHZhcmlhbnQpXG4gICAgICAgICAgICA6IGJvb2xlYW5DbGFzc05hbWVzKGBsZXZlbC0ke2xldmVsfS1sYXJnZWAsIGBsZXZlbC0ke2xldmVsfS1ub3JtYWxgLCBsYXJnZSksXG4gICAgKTtcbiAgICBjb25zdCBjZW50ZXJlZENsYXNzTmFtZXMgPSB1c2VUZXh0Q2VudGVyZWRDbGFzc25hbWVzKGNlbnRlcmVkKTtcbiAgICBjb25zdCBhY3R1YWxDb2xvciA9IGFjY2VudCA/IHVuZGVmaW5lZCA6IGNvbG9yO1xuICAgIGNvbnN0IHVzZURlZmF1bHRBY2NlbnQgPSAhYWN0dWFsQ29sb3I7XG4gICAgY29uc3QgYWNjZW50Q2xhc3NOYW1lcyA9IHVzZVRleHRBY2NlbnRDbGFzc25hbWVzKHVzZURlZmF1bHRBY2NlbnQsIGFjY2VudCk7XG4gICAgY29uc3QgY29sb3JDbGFzc05hbWVzID0gdXNlQ29sb3JDbGFzc05hbWVzKGNvbG9yKTtcblxuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbXG4gICAgICAgICdwcmVwbHktZHMtaGVhZGluZycsXG4gICAgICAgIC4uLmNsYXNzTmFtZXMsXG4gICAgICAgIC4uLmNlbnRlcmVkQ2xhc3NOYW1lcyxcbiAgICAgICAgLi4uYWNjZW50Q2xhc3NOYW1lcyxcbiAgICAgICAgLi4uY29sb3JDbGFzc05hbWVzLFxuICAgIF07XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgY2xhc3NOYW1lOiBhbGxDbGFzc05hbWVzLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQsIHsgcHJlcGx5RHNDb21wb25lbnQ6IHdlYkNvbXBvbmVudE5hbWVzLkhFQURJTkcgfSksXG4gICAgfTtcblxuICAgIHJldHVybiA8VGFnIHsuLi5wcm9wc30+e2NoaWxkcmVufTwvVGFnPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O01BZ0VhLE9BQU8sR0FBYyxDQUFDLEVBQy9CLFFBQVEsRUFDUixPQUFPLEVBQ1AsTUFBTSxFQUNOLEtBQUssRUFDTCxLQUFLLEdBQUcsS0FBSyxFQUNiLEdBQUcsRUFDSCxLQUFLLEVBQ0wsUUFBUSxFQUNSLE9BQU8sR0FDVjtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLEdBQUcsR0FBRyxHQUFHLElBQUksS0FBSyxJQUFJLElBQUksQ0FBQztJQUVqQyxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FDL0IsTUFBTSxFQUNOLGlCQUFpQixDQUFDLE9BQU8sRUFDekIsT0FBTztVQUNELGdCQUFnQixDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUM7VUFDcEMsaUJBQWlCLENBQUMsU0FBUyxLQUFLLFFBQVEsRUFBRSxTQUFTLEtBQUssU0FBUyxFQUFFLEtBQUssQ0FBQyxDQUNsRixDQUFDO0lBQ0YsTUFBTSxrQkFBa0IsR0FBRyx5QkFBeUIsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMvRCxNQUFNLFdBQVcsR0FBRyxNQUFNLEdBQUcsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUMvQyxNQUFNLGdCQUFnQixHQUFHLENBQUMsV0FBVyxDQUFDO0lBQ3RDLE1BQU0sZ0JBQWdCLEdBQUcsdUJBQXVCLENBQUMsZ0JBQWdCLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDM0UsTUFBTSxlQUFlLEdBQUcsa0JBQWtCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFFbEQsTUFBTSxhQUFhLEdBQUc7UUFDbEIsbUJBQW1CO1FBQ25CLEdBQUcsVUFBVTtRQUNiLEdBQUcsa0JBQWtCO1FBQ3JCLEdBQUcsZ0JBQWdCO1FBQ25CLEdBQUcsZUFBZTtLQUNyQixDQUFDO0lBRUYsTUFBTSxLQUFLLEdBQUc7UUFDVixTQUFTLEVBQUUsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDbEMsR0FBRyxlQUFlLENBQUMsT0FBTyxFQUFFLEVBQUUsaUJBQWlCLEVBQUUsaUJBQWlCLENBQUMsT0FBTyxFQUFFLENBQUM7S0FDaEYsQ0FBQztJQUVGLE9BQU9BLDZCQUFDLEdBQUcsT0FBSyxLQUFLLElBQUcsUUFBUSxDQUFPLENBQUM7QUFDNUM7Ozs7In0=
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAc,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAK/E,aAAK,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,OAAO,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC;AAE/F,oBAAY,eAAe,GAAG,SAAS,CACnC,eAAe,EACf,WAAW,GAAG,MAAM,GAAG,cAAc,GAAG,UAAU,GAAG,mBAAmB,CAC3E,CAAC;AAEF,oBAAY,KAAK,GAAG,eAAe,GAAG;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,GAAG,EAAE,qBAAqB,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,KAAK,CAqBhC,CAAC"}
|