ab-ui-library 1.2.9 → 1.3.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.
Files changed (18) hide show
  1. package/components/Copy/Copy.d.ts +1 -1
  2. package/components/Copy/Copy.js +23 -22
  3. package/components/Copy/index.js +11 -11
  4. package/components/Copy/types.d.ts +1 -0
  5. package/components/SVGIcons/IconHdm.d.ts +4 -0
  6. package/components/SVGIcons/IconHdm.js +30 -0
  7. package/components/SVGIcons/IconHdmFilled.d.ts +4 -0
  8. package/components/SVGIcons/IconHdmFilled.js +30 -0
  9. package/components/SVGIcons/IconVpos.d.ts +4 -0
  10. package/components/SVGIcons/IconVpos.js +37 -0
  11. package/components/SVGIcons/IconVposFilled.d.ts +4 -0
  12. package/components/SVGIcons/IconVposFilled.js +37 -0
  13. package/components/SVGIcons/index.d.ts +4 -0
  14. package/components/SVGIcons/index.js +4 -0
  15. package/components/Tab/TabItem.js +1 -0
  16. package/index.js +4 -0
  17. package/package.json +1 -1
  18. package/stories/Copy.stories.d.ts +9 -2
package/components/Copy/Copy.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import type { ReactElement } from 'react';
2
2
  import type { TCopyProps } from './types';
3
- export declare const Copy: ({ textAfterCopy, className, text, dataId }: TCopyProps) => ReactElement;
3
+ export declare const Copy: ({ textAfterCopy, className, text, dataId, size }: TCopyProps) => ReactElement;
package/components/Copy/Copy.js CHANGED
@@ -1,41 +1,43 @@
1
1
  import { _ as _slicedToArray } from '../../slicedToArray-869fedf4.js';
2
2
  import React, { useState, useRef } from 'react';
3
- import { Button } from '../Button/Button.js';
4
3
  import { Popover } from '../Popover/Popover.js';
5
4
  import { IconCopy } from '../SVGIcons/IconCopy.js';
6
- import '../../extends-09988b47.js';
5
+ import { ButtonIcon } from '../ButtonIcon/ButtonIcon.js';
6
+ import 'classnames';
7
+ import '../../hooks/useGetTooltipStyles.js';
8
+ import '../../hooks/useGetElemSizes.js';
9
+ import '../../hooks/useGetElemPositions.js';
10
+ import '../../hooks/useGetTooltipPosition.js';
11
+ import '../Tooltip/types.js';
12
+ import '../../hooks/useHideOnScroll.js';
13
+ import '../../consts/index.js';
14
+ import 'dayjs';
15
+ import '../../hooks/useOnOutsideClick.js';
16
+ import '../../hooks/useScreenSize.js';
17
+ import 'react-hook-form';
18
+ import '../Text/Text.js';
19
+ import '../../utils/helpers.js';
20
+ import '../Link/Link.js';
7
21
  import '../../defineProperty-c9e35730.js';
8
22
  import '../../typeof-a3f0e0f3.js';
23
+ import '../../extends-09988b47.js';
9
24
  import '../../objectWithoutProperties-8b1a527a.js';
10
- import 'classnames';
11
- import 'dayjs';
12
25
  import '../../helperComponents/Loader/Loader.js';
13
26
  import '../Checkbox/Checkbox.js';
14
- import '../Link/Link.js';
15
- import '../Text/Text.js';
16
- import '../../utils/helpers.js';
17
27
  import '../SVGIcons/IconInfo.js';
18
28
  import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
19
29
  import '../../helperComponents/IconDynamicComponent/constants.js';
20
- import '../../hooks/useScreenSize.js';
21
- import '../../consts/index.js';
22
- import 'react-hook-form';
23
30
  import 'react-syntax-highlighter';
24
- import '../../hooks/useGetTooltipStyles.js';
25
- import '../../hooks/useGetElemSizes.js';
26
- import '../../hooks/useGetElemPositions.js';
27
- import '../../hooks/useGetTooltipPosition.js';
28
- import '../Tooltip/types.js';
29
- import '../../hooks/useHideOnScroll.js';
30
- import '../../hooks/useOnOutsideClick.js';
31
- import '../Button/consts.js';
31
+ import '../ButtonIcon/consts.js';
32
32
 
33
33
  var Copy = function Copy(_ref) {
34
34
  var textAfterCopy = _ref.textAfterCopy,
35
35
  _ref$className = _ref.className,
36
36
  className = _ref$className === void 0 ? '' : _ref$className,
37
37
  text = _ref.text,
38
- dataId = _ref.dataId;
38
+ dataId = _ref.dataId,
39
+ _ref$size = _ref.size,
40
+ size = _ref$size === void 0 ? 'medium' : _ref$size;
39
41
  var _useState = useState(false),
40
42
  _useState2 = _slicedToArray(_useState, 2),
41
43
  isTooltipVisible = _useState2[0],
@@ -52,13 +54,12 @@ var Copy = function Copy(_ref) {
52
54
  return /*#__PURE__*/React.createElement("div", {
53
55
  ref: copyIconRef,
54
56
  className: "copy-icon"
55
- }, /*#__PURE__*/React.createElement(Button, {
57
+ }, /*#__PURE__*/React.createElement(ButtonIcon, {
56
58
  dataId: dataId,
57
- type: "tertiary",
58
59
  iconProps: {
59
60
  Component: IconCopy
60
61
  },
61
- size: "small",
62
+ size: size,
62
63
  className: className,
63
64
  onClick: copy
64
65
  }), isTooltipVisible ? /*#__PURE__*/React.createElement(Popover, {
package/components/Copy/index.js CHANGED
@@ -1,16 +1,8 @@
1
1
  export { Copy } from './Copy.js';
2
2
  import '../../slicedToArray-869fedf4.js';
3
3
  import 'react';
4
- import '../Button/Button.js';
5
- import '../../extends-09988b47.js';
6
- import '../../defineProperty-c9e35730.js';
7
- import '../../typeof-a3f0e0f3.js';
8
- import '../../objectWithoutProperties-8b1a527a.js';
9
- import 'classnames';
10
- import 'dayjs';
11
- import '../../helperComponents/Loader/Loader.js';
12
- import '../Checkbox/Checkbox.js';
13
4
  import '../Popover/Popover.js';
5
+ import 'classnames';
14
6
  import '../../hooks/useGetTooltipStyles.js';
15
7
  import '../../hooks/useGetElemSizes.js';
16
8
  import '../../hooks/useGetElemPositions.js';
@@ -18,15 +10,23 @@ import '../../hooks/useGetTooltipPosition.js';
18
10
  import '../Tooltip/types.js';
19
11
  import '../../hooks/useHideOnScroll.js';
20
12
  import '../../consts/index.js';
13
+ import 'dayjs';
21
14
  import '../../hooks/useOnOutsideClick.js';
22
15
  import '../../hooks/useScreenSize.js';
23
16
  import 'react-hook-form';
24
17
  import '../Text/Text.js';
25
18
  import '../../utils/helpers.js';
26
19
  import '../Link/Link.js';
20
+ import '../../defineProperty-c9e35730.js';
21
+ import '../../typeof-a3f0e0f3.js';
22
+ import '../SVGIcons/IconCopy.js';
23
+ import '../ButtonIcon/ButtonIcon.js';
24
+ import '../../extends-09988b47.js';
25
+ import '../../objectWithoutProperties-8b1a527a.js';
26
+ import '../../helperComponents/Loader/Loader.js';
27
+ import '../Checkbox/Checkbox.js';
27
28
  import '../SVGIcons/IconInfo.js';
28
29
  import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
29
30
  import '../../helperComponents/IconDynamicComponent/constants.js';
30
31
  import 'react-syntax-highlighter';
31
- import '../Button/consts.js';
32
- import '../SVGIcons/IconCopy.js';
32
+ import '../ButtonIcon/consts.js';
package/components/Copy/types.d.ts CHANGED
@@ -2,5 +2,6 @@ export type TCopyProps = {
2
2
  className?: string;
3
3
  textAfterCopy?: string;
4
4
  text: string;
5
+ size?: 'small' | 'medium' | 'large';
5
6
  dataId?: string;
6
7
  };
package/components/SVGIcons/IconHdm.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import type { ReactElement } from 'react';
2
+ import type { ISVGIconProps } from './types';
3
+ export declare const IconHdm: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
4
+ export default IconHdm;
package/components/SVGIcons/IconHdm.js ADDED
@@ -0,0 +1,30 @@
1
+ import { _ as _defineProperty } from '../../defineProperty-c9e35730.js';
2
+ import React from 'react';
3
+ import classNames from 'classnames';
4
+ import '../../typeof-a3f0e0f3.js';
5
+
6
+ var IconHdm = function IconHdm(_ref) {
7
+ var size = _ref.size,
8
+ type = _ref.type,
9
+ _ref$className = _ref.className,
10
+ className = _ref$className === void 0 ? '' : _ref$className,
11
+ onClick = _ref.onClick,
12
+ refHandler = _ref.refHandler,
13
+ id = _ref.id,
14
+ dataId = _ref.dataId;
15
+ return /*#__PURE__*/React.createElement("svg", {
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
18
+ viewBox: "0 0 24 24",
19
+ fill: "none",
20
+ onClick: onClick,
21
+ ref: refHandler,
22
+ id: id,
23
+ "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
24
+ }, /*#__PURE__*/React.createElement("path", {
25
+ d: "M5.25 4.75C5.25 2.817 6.817 1.25 8.75 1.25H15.25C17.183 1.25 18.75 2.817 18.75 4.75V19.25C18.75 21.183 17.183 22.75 15.25 22.75H8.75C6.817 22.75 5.25 21.183 5.25 19.25V4.75ZM8.75 2.75C7.64543 2.75 6.75 3.64543 6.75 4.75V19.25C6.75 20.3546 7.64543 21.25 8.75 21.25H15.25C16.3546 21.25 17.25 20.3546 17.25 19.25V4.75C17.25 3.64543 16.3546 2.75 15.25 2.75H8.75ZM9.7002 11.2002H14.3002C15.1286 11.2002 15.8002 11.8718 15.8002 12.7002V18.3002C15.8002 19.1286 15.1286 19.8002 14.3002 19.8002H9.7002C8.87177 19.8002 8.2002 19.1286 8.2002 18.3002V12.7002C8.2002 11.8718 8.87177 11.2002 9.7002 11.2002ZM9.7002 12.5002C9.58974 12.5002 9.5002 12.5897 9.5002 12.7002V18.3002C9.5002 18.4107 9.58974 18.5002 9.7002 18.5002H14.3002C14.4107 18.5002 14.5002 18.4107 14.5002 18.3002V12.7002C14.5002 12.5897 14.4107 12.5002 14.3002 12.5002H9.7002ZM12.4512 7.84989C12.2069 7.60564 11.8109 7.60564 11.5667 7.84989C11.3224 8.09413 11.3224 8.49014 11.5667 8.73439C11.8109 8.97863 12.2069 8.97863 12.4512 8.73439C12.6954 8.49014 12.6954 8.09413 12.4512 7.84989ZM13.5652 6.70765C12.7138 5.85621 11.3333 5.85621 10.4819 6.70765C10.2902 6.89936 10.1376 7.12819 10.0276 7.37961C9.93536 7.59044 10.0315 7.83612 10.2423 7.92837C10.4531 8.02061 10.6988 7.92449 10.7911 7.71367C10.8606 7.55477 10.9552 7.41284 11.0711 7.29691C11.5971 6.7709 12.45 6.7709 12.976 7.29691C13.0926 7.41359 13.1919 7.56178 13.2608 7.719C13.3532 7.92977 13.5989 8.02576 13.8097 7.9334C14.0204 7.84104 14.1164 7.59531 14.0241 7.38454C13.9145 7.13451 13.7571 6.89957 13.5652 6.70765ZM14.4189 5.46117C13.0964 4.1386 10.9521 4.1386 9.62949 5.46117C9.37306 5.7176 9.16378 6.00727 9.00295 6.32522C8.89909 6.53057 8.98135 6.78123 9.1867 6.8851C9.39204 6.98896 9.64271 6.9067 9.74657 6.70135C9.8677 6.46188 10.025 6.2442 10.2187 6.05042C11.2159 5.05329 12.8326 5.05329 13.8297 6.05042C14.0147 6.23545 14.1786 6.46505 14.3035 6.70934C14.4083 6.91422 14.6594 6.99535 14.8642 6.89056C15.0691 6.78578 15.1502 6.53474 15.0455 6.32987C14.882 6.01028 14.6674 5.70966 14.4189 5.46117Z",
26
+ fill: "#222222"
27
+ }));
28
+ };
29
+
30
+ export { IconHdm, IconHdm as default };
package/components/SVGIcons/IconHdmFilled.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import type { ReactElement } from 'react';
2
+ import type { ISVGIconProps } from './types';
3
+ export declare const IconHdmFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
4
+ export default IconHdmFilled;
package/components/SVGIcons/IconHdmFilled.js ADDED
@@ -0,0 +1,30 @@
1
+ import { _ as _defineProperty } from '../../defineProperty-c9e35730.js';
2
+ import React from 'react';
3
+ import classNames from 'classnames';
4
+ import '../../typeof-a3f0e0f3.js';
5
+
6
+ var IconHdmFilled = function IconHdmFilled(_ref) {
7
+ var size = _ref.size,
8
+ type = _ref.type,
9
+ _ref$className = _ref.className,
10
+ className = _ref$className === void 0 ? '' : _ref$className,
11
+ onClick = _ref.onClick,
12
+ refHandler = _ref.refHandler,
13
+ id = _ref.id,
14
+ dataId = _ref.dataId;
15
+ return /*#__PURE__*/React.createElement("svg", {
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
18
+ viewBox: "0 0 24 24",
19
+ fill: "none",
20
+ onClick: onClick,
21
+ ref: refHandler,
22
+ id: id,
23
+ "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
24
+ }, /*#__PURE__*/React.createElement("path", {
25
+ d: "M8.75 1.25C6.817 1.25 5.25 2.817 5.25 4.75V19.25C5.25 21.183 6.817 22.75 8.75 22.75H15.25C17.183 22.75 18.75 21.183 18.75 19.25V4.75C18.75 2.817 17.183 1.25 15.25 1.25H8.75ZM11.5667 7.84989C11.8109 7.60564 12.2069 7.60564 12.4512 7.84989C12.6954 8.09413 12.6954 8.49014 12.4512 8.73439C12.2069 8.97863 11.8109 8.97863 11.5667 8.73439C11.3224 8.49014 11.3224 8.09413 11.5667 7.84989ZM10.4819 6.70765C11.3333 5.85621 12.7138 5.85621 13.5652 6.70765C13.7571 6.89957 13.9145 7.13451 14.0241 7.38454C14.1164 7.59531 14.0204 7.84104 13.8097 7.9334C13.5989 8.02576 13.3532 7.92977 13.2608 7.719C13.1919 7.56178 13.0926 7.41359 12.976 7.29691C12.45 6.7709 11.5971 6.7709 11.0711 7.29691C10.9552 7.41284 10.8606 7.55477 10.7911 7.71367C10.6988 7.92449 10.4531 8.02061 10.2423 7.92837C10.0315 7.83612 9.93536 7.59044 10.0276 7.37961C10.1376 7.12819 10.2902 6.89936 10.4819 6.70765ZM9.62949 5.46117C10.9521 4.1386 13.0964 4.1386 14.4189 5.46117C14.6674 5.70966 14.882 6.01028 15.0455 6.32987C15.1502 6.53474 15.0691 6.78578 14.8642 6.89056C14.6594 6.99535 14.4083 6.91422 14.3035 6.70934C14.1786 6.46505 14.0147 6.23545 13.8297 6.05042C12.8326 5.05329 11.2159 5.05329 10.2187 6.05042C10.025 6.2442 9.8677 6.46188 9.74657 6.70135C9.64271 6.9067 9.39204 6.98896 9.1867 6.8851C8.98135 6.78123 8.89909 6.53057 9.00295 6.32522C9.16378 6.00727 9.37306 5.7176 9.62949 5.46117ZM9.7002 11.2002H14.3002C15.1286 11.2002 15.8002 11.8718 15.8002 12.7002V18.3002C15.8002 19.1286 15.1286 19.8002 14.3002 19.8002H9.7002C8.87177 19.8002 8.2002 19.1286 8.2002 18.3002V12.7002C8.2002 11.8718 8.87177 11.2002 9.7002 11.2002ZM9.7002 12.5002C9.58974 12.5002 9.5002 12.5897 9.5002 12.7002V18.3002C9.5002 18.4107 9.58974 18.5002 9.7002 18.5002H14.3002C14.4107 18.5002 14.5002 18.4107 14.5002 18.3002V12.7002C14.5002 12.5897 14.4107 12.5002 14.3002 12.5002H9.7002Z",
26
+ fill: "#222222"
27
+ }));
28
+ };
29
+
30
+ export { IconHdmFilled, IconHdmFilled as default };
package/components/SVGIcons/IconVpos.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import type { ReactElement } from 'react';
2
+ import type { ISVGIconProps } from './types';
3
+ export declare const IconVpos: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
4
+ export default IconVpos;
package/components/SVGIcons/IconVpos.js ADDED
@@ -0,0 +1,37 @@
1
+ import { _ as _defineProperty } from '../../defineProperty-c9e35730.js';
2
+ import React from 'react';
3
+ import classNames from 'classnames';
4
+ import '../../typeof-a3f0e0f3.js';
5
+
6
+ var IconVpos = function IconVpos(_ref) {
7
+ var size = _ref.size,
8
+ type = _ref.type,
9
+ _ref$className = _ref.className,
10
+ className = _ref$className === void 0 ? '' : _ref$className,
11
+ onClick = _ref.onClick,
12
+ refHandler = _ref.refHandler,
13
+ id = _ref.id,
14
+ dataId = _ref.dataId;
15
+ return /*#__PURE__*/React.createElement("svg", {
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
18
+ viewBox: "0 0 24 24",
19
+ fill: "none",
20
+ onClick: onClick,
21
+ ref: refHandler,
22
+ id: id,
23
+ "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
24
+ }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
25
+ d: "M18.4941 4.25C20.2891 4.25 21.7441 5.70508 21.7441 7.5V15.5C21.7441 17.2949 20.2891 18.75 18.4941 18.75H5.49414C3.69921 18.75 2.24414 17.2949 2.24414 15.5L2.24414 7.5C2.24414 5.70507 3.69921 4.25 5.49414 4.25H18.4941ZM20.2441 7.5C20.2441 6.5335 19.4606 5.75 18.4941 5.75L5.49414 5.75C4.52764 5.75 3.74414 6.5335 3.74414 7.5L3.74414 15.5C3.74414 16.4665 4.52764 17.25 5.49414 17.25H18.4941C19.4606 17.25 20.2441 16.4665 20.2441 15.5V7.5ZM0.244141 20C0.244141 19.5858 0.579927 19.25 0.994141 19.25H22.9941C23.4084 19.25 23.7441 19.5858 23.7441 20C23.7441 20.4142 23.4084 20.75 22.9941 20.75H0.994141C0.579927 20.75 0.244141 20.4142 0.244141 20ZM9.06618 9.74183C8.84836 9.5482 8.54746 9.44344 8.23445 9.44343C7.92145 9.44342 7.62055 9.54816 7.40274 9.74178C7.19178 9.92932 7.03718 10.2186 7.03718 10.6408C7.03718 10.846 6.87081 11.0124 6.66556 11.0124C6.46032 11.0124 6.29395 10.846 6.29395 10.6408C6.29395 10.017 6.53155 9.52177 6.90895 9.18629C7.27952 8.85688 7.76309 8.70018 8.23447 8.7002C8.70586 8.70021 9.18943 8.85693 9.55999 9.18634C9.93737 9.52182 10.175 10.017 10.175 10.6408V11.3151H10.8493C11.0545 11.3151 11.2209 11.4815 11.2209 11.6867C11.2209 11.892 11.0545 12.0583 10.8493 12.0583H10.175V12.361H10.8493C11.0545 12.361 11.2209 12.5274 11.2209 12.7326C11.2209 12.9379 11.0545 13.1043 10.8493 13.1043H10.175V13.7786C10.175 13.9838 10.0086 14.1502 9.80336 14.1502C9.59812 14.1502 9.43175 13.9838 9.43175 13.7786V13.1043H8.75743C8.55219 13.1043 8.38581 12.9379 8.38581 12.7326C8.38581 12.5274 8.55219 12.361 8.75743 12.361H9.43175V12.0583H8.75743C8.55219 12.0583 8.38581 11.892 8.38581 11.6867C8.38581 11.4815 8.55219 11.3151 8.75743 11.3151H9.43175V10.6408C9.43175 10.2187 9.27716 9.92937 9.06618 9.74183ZM12.7941 9.45C12.7941 9.20147 12.9956 9 13.2441 9H17.2441C17.4927 9 17.6941 9.20147 17.6941 9.45C17.6941 9.69853 17.4927 9.9 17.2441 9.9H13.2441C12.9956 9.9 12.7941 9.69853 12.7941 9.45ZM12.7941 11.45C12.7941 11.2015 12.9956 11 13.2441 11H17.2441C17.4927 11 17.6941 11.2015 17.6941 11.45C17.6941 11.6985 17.4927 11.9 17.2441 11.9H13.2441C12.9956 11.9 12.7941 11.6985 12.7941 11.45ZM12.7941 13.45C12.7941 13.2015 12.9956 13 13.2441 13H17.2441C17.4927 13 17.6941 13.2015 17.6941 13.45C17.6941 13.6985 17.4927 13.9 17.2441 13.9H13.2441C12.9956 13.9 12.7941 13.6985 12.7941 13.45Z",
26
+ fill: "#222222"
27
+ })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
28
+ id: "clip0_6193_236"
29
+ }, /*#__PURE__*/React.createElement("rect", {
30
+ width: "24",
31
+ height: "24",
32
+ fill: "white",
33
+ transform: "translate(-0.00585938)"
34
+ }))));
35
+ };
36
+
37
+ export { IconVpos, IconVpos as default };
package/components/SVGIcons/IconVposFilled.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import type { ReactElement } from 'react';
2
+ import type { ISVGIconProps } from './types';
3
+ export declare const IconVposFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
4
+ export default IconVposFilled;
package/components/SVGIcons/IconVposFilled.js ADDED
@@ -0,0 +1,37 @@
1
+ import { _ as _defineProperty } from '../../defineProperty-c9e35730.js';
2
+ import React from 'react';
3
+ import classNames from 'classnames';
4
+ import '../../typeof-a3f0e0f3.js';
5
+
6
+ var IconVposFilled = function IconVposFilled(_ref) {
7
+ var size = _ref.size,
8
+ type = _ref.type,
9
+ _ref$className = _ref.className,
10
+ className = _ref$className === void 0 ? '' : _ref$className,
11
+ onClick = _ref.onClick,
12
+ refHandler = _ref.refHandler,
13
+ id = _ref.id,
14
+ dataId = _ref.dataId;
15
+ return /*#__PURE__*/React.createElement("svg", {
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
18
+ viewBox: "0 0 24 24",
19
+ fill: "none",
20
+ onClick: onClick,
21
+ ref: refHandler,
22
+ id: id,
23
+ "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
24
+ }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
25
+ d: "M18.4941 4.25C20.2891 4.25 21.7441 5.70507 21.7441 7.5V15.5C21.7441 17.2949 20.2891 18.75 18.4941 18.75L5.49414 18.75C3.69921 18.75 2.24414 17.2949 2.24414 15.5V7.5C2.24414 5.70507 3.69921 4.25 5.49414 4.25H18.4941ZM8.23445 9.44343C8.54746 9.44344 8.84836 9.54819 9.06618 9.74183C9.27716 9.92937 9.43175 10.2187 9.43175 10.6408V11.3151H8.75743C8.55219 11.3151 8.38581 11.4815 8.38581 11.6867C8.38581 11.892 8.55219 12.0583 8.75743 12.0583H9.43175V12.361H8.75743C8.55219 12.361 8.38581 12.5274 8.38581 12.7326C8.38581 12.9379 8.55219 13.1043 8.75743 13.1043H9.43175V13.7786C9.43175 13.9838 9.59812 14.1502 9.80336 14.1502C10.0086 14.1502 10.175 13.9838 10.175 13.7786V13.1043H10.8493C11.0545 13.1043 11.2209 12.9379 11.2209 12.7326C11.2209 12.5274 11.0545 12.361 10.8493 12.361H10.175V12.0583H10.8493C11.0545 12.0583 11.2209 11.892 11.2209 11.6867C11.2209 11.4815 11.0545 11.3151 10.8493 11.3151H10.175V10.6408C10.175 10.017 9.93737 9.52182 9.55999 9.18634C9.18943 8.85693 8.70586 8.70021 8.23447 8.7002C7.76309 8.70018 7.27952 8.85688 6.90895 9.18629C6.53155 9.52177 6.29395 10.017 6.29395 10.6408C6.29395 10.846 6.46032 11.0124 6.66556 11.0124C6.87081 11.0124 7.03718 10.846 7.03718 10.6408C7.03718 10.2186 7.19178 9.92931 7.40274 9.74178C7.62055 9.54816 7.92145 9.44342 8.23445 9.44343ZM13.2441 9C12.9956 9 12.7941 9.20147 12.7941 9.45C12.7941 9.69853 12.9956 9.9 13.2441 9.9H17.2441C17.4927 9.9 17.6941 9.69853 17.6941 9.45C17.6941 9.20147 17.4927 9 17.2441 9H13.2441ZM13.2441 11C12.9956 11 12.7941 11.2015 12.7941 11.45C12.7941 11.6985 12.9956 11.9 13.2441 11.9H17.2441C17.4927 11.9 17.6941 11.6985 17.6941 11.45C17.6941 11.2015 17.4927 11 17.2441 11H13.2441ZM13.2441 13C12.9956 13 12.7941 13.2015 12.7941 13.45C12.7941 13.6985 12.9956 13.9 13.2441 13.9H17.2441C17.4927 13.9 17.6941 13.6985 17.6941 13.45C17.6941 13.2015 17.4927 13 17.2441 13H13.2441ZM0.994141 19.25C0.579927 19.25 0.244141 19.5858 0.244141 20C0.244141 20.4142 0.579927 20.75 0.994141 20.75H22.9941C23.4084 20.75 23.7441 20.4142 23.7441 20C23.7441 19.5858 23.4084 19.25 22.9941 19.25H0.994141Z",
26
+ fill: "#222222"
27
+ })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
28
+ id: "clip0_6193_228"
29
+ }, /*#__PURE__*/React.createElement("rect", {
30
+ width: "24",
31
+ height: "24",
32
+ fill: "white",
33
+ transform: "translate(-0.00585938)"
34
+ }))));
35
+ };
36
+
37
+ export { IconVposFilled, IconVposFilled as default };
package/components/SVGIcons/index.d.ts CHANGED
@@ -180,6 +180,8 @@ export * from './IconHandOpenHeart';
180
180
  export * from './IconHandOpenHeartFilled';
181
181
  export * from './IconHandWave';
182
182
  export * from './IconHandWaveFilled';
183
+ export * from './IconHdm';
184
+ export * from './IconHdmFilled';
183
185
  export * from './IconHeart';
184
186
  export * from './IconHeartFilled';
185
187
  export * from './IconHistory';
@@ -327,6 +329,8 @@ export * from './IconVehicleTruckProfile';
327
329
  export * from './IconVehicleTruckProfileFilled';
328
330
  export * from './IconVideo';
329
331
  export * from './IconVideoFilled';
332
+ export * from './IconVpos';
333
+ export * from './IconVposFilled';
330
334
  export * from './IconWallet';
331
335
  export * from './IconWalletFilled';
332
336
  export * from './IconWarning';
package/components/SVGIcons/index.js CHANGED
@@ -180,6 +180,8 @@ export { IconHandOpenHeart } from './IconHandOpenHeart.js';
180
180
  export { IconHandOpenHeartFilled } from './IconHandOpenHeartFilled.js';
181
181
  export { IconHandWave } from './IconHandWave.js';
182
182
  export { IconHandWaveFilled } from './IconHandWaveFilled.js';
183
+ export { IconHdm } from './IconHdm.js';
184
+ export { IconHdmFilled } from './IconHdmFilled.js';
183
185
  export { IconHeart } from './IconHeart.js';
184
186
  export { IconHeartFilled } from './IconHeartFilled.js';
185
187
  export { IconHistory } from './IconHistory.js';
@@ -327,6 +329,8 @@ export { IconVehicleTruckProfile } from './IconVehicleTruckProfile.js';
327
329
  export { IconVehicleTruckProfileFilled } from './IconVehicleTruckProfileFilled.js';
328
330
  export { IconVideo } from './IconVideo.js';
329
331
  export { IconVideoFilled } from './IconVideoFilled.js';
332
+ export { IconVpos } from './IconVpos.js';
333
+ export { IconVposFilled } from './IconVposFilled.js';
330
334
  export { IconWallet } from './IconWallet.js';
331
335
  export { IconWalletFilled } from './IconWalletFilled.js';
332
336
  export { IconWarning } from './IconWarning.js';
package/components/Tab/TabItem.js CHANGED
@@ -35,6 +35,7 @@ var TabItem = function TabItem(props) {
35
35
  size: ICON_SIZE_MAPPING[size]
36
36
  }, iconProps)) : null, /*#__PURE__*/React.createElement(Text, {
37
37
  as: 'span',
38
+ weight: 'semibold',
38
39
  className: 'tab__label',
39
40
  "data-id": dataId,
40
41
  lineHeight: 'xsmall',
package/index.js CHANGED
@@ -245,6 +245,8 @@ export { IconHandOpenHeart } from './components/SVGIcons/IconHandOpenHeart.js';
245
245
  export { IconHandOpenHeartFilled } from './components/SVGIcons/IconHandOpenHeartFilled.js';
246
246
  export { IconHandWave } from './components/SVGIcons/IconHandWave.js';
247
247
  export { IconHandWaveFilled } from './components/SVGIcons/IconHandWaveFilled.js';
248
+ export { IconHdm } from './components/SVGIcons/IconHdm.js';
249
+ export { IconHdmFilled } from './components/SVGIcons/IconHdmFilled.js';
248
250
  export { IconHeart } from './components/SVGIcons/IconHeart.js';
249
251
  export { IconHeartFilled } from './components/SVGIcons/IconHeartFilled.js';
250
252
  export { IconHistory } from './components/SVGIcons/IconHistory.js';
@@ -392,6 +394,8 @@ export { IconVehicleTruckProfile } from './components/SVGIcons/IconVehicleTruckP
392
394
  export { IconVehicleTruckProfileFilled } from './components/SVGIcons/IconVehicleTruckProfileFilled.js';
393
395
  export { IconVideo } from './components/SVGIcons/IconVideo.js';
394
396
  export { IconVideoFilled } from './components/SVGIcons/IconVideoFilled.js';
397
+ export { IconVpos } from './components/SVGIcons/IconVpos.js';
398
+ export { IconVposFilled } from './components/SVGIcons/IconVposFilled.js';
395
399
  export { IconWallet } from './components/SVGIcons/IconWallet.js';
396
400
  export { IconWalletFilled } from './components/SVGIcons/IconWalletFilled.js';
397
401
  export { IconWarning } from './components/SVGIcons/IconWarning.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ab-ui-library",
3
- "version": "1.2.9",
3
+ "version": "1.3.0",
4
4
  "description": "UI library for AM",
5
5
  "main": "./index.js",
6
6
  "module": "./index.js",
package/stories/Copy.stories.d.ts CHANGED
@@ -2,8 +2,15 @@ import React from 'react';
2
2
  import { TCopyProps } from '../components/Copy/types';
3
3
  declare const _default: {
4
4
  title: string;
5
- component: ({ textAfterCopy, className, text, dataId }: TCopyProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
6
- argTypes: {};
5
+ component: ({ textAfterCopy, className, text, dataId, size }: TCopyProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
6
+ argTypes: {
7
+ size: {
8
+ options: string[];
9
+ control: {
10
+ type: string;
11
+ };
12
+ };
13
+ };
7
14
  };
8
15
  export default _default;
9
16
  export declare const Copy: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TCopyProps>;