@alixpartners/ui-components 1.21.8 → 1.21.10

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 (33) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/esm/common/common.js +1 -13
  3. package/dist/esm/common/common.js.map +1 -1
  4. package/dist/esm/common/defaultTextInput.js +65 -5
  5. package/dist/esm/common/defaultTextInput.js.map +1 -1
  6. package/dist/esm/common/embeddedButtonIcon.js +4 -33
  7. package/dist/esm/common/embeddedButtonIcon.js.map +1 -1
  8. package/dist/esm/components/ApChip/ApChip.js +6 -6
  9. package/dist/esm/components/ApChip/ApChip.js.map +1 -1
  10. package/dist/esm/components/ApChip/styles.js +179 -15
  11. package/dist/esm/components/ApChip/styles.js.map +1 -1
  12. package/dist/esm/components/ApInput/ApInput.js +0 -2
  13. package/dist/esm/components/ApInput/ApInput.js.map +1 -1
  14. package/dist/esm/components/ApInput/ApInput.styles.js +5 -5
  15. package/dist/esm/components/ApInput/ApInput.styles.js.map +1 -1
  16. package/dist/esm/components/ApMenu/ApMenuTrigger.js +9 -5
  17. package/dist/esm/components/ApMenu/ApMenuTrigger.js.map +1 -1
  18. package/dist/esm/components/ApMenu/ApMenuTriggerBordered.js +10 -6
  19. package/dist/esm/components/ApMenu/ApMenuTriggerBordered.js.map +1 -1
  20. package/dist/esm/components/ApSimpleSearch/ApSimpleSearch.js +6 -11
  21. package/dist/esm/components/ApSimpleSearch/ApSimpleSearch.js.map +1 -1
  22. package/dist/esm/components/ApSimpleSearch/styles.js +76 -13
  23. package/dist/esm/components/ApSimpleSearch/styles.js.map +1 -1
  24. package/dist/types/common/defaultTextInput.d.ts +2 -0
  25. package/dist/types/common/embeddedButtonIcon.d.ts +0 -1
  26. package/dist/types/components/ApChip/ApChip.d.ts +4 -3
  27. package/dist/types/components/ApChip/styles.d.ts +2 -0
  28. package/dist/types/components/ApMenu/ApMenuTrigger.d.ts +2 -2
  29. package/dist/types/components/ApMenu/ApMenuTriggerBordered.d.ts +3 -2
  30. package/dist/types/components/ApSimpleSearch/ApSimpleSearch.d.ts +2 -2
  31. package/dist/types/components/ApSimpleSearch/styles.d.ts +5 -1
  32. package/dist/umd/index.js +13 -13
  33. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,12 @@
1
+ ## 1.21.10 (December 2, 2022)
2
+
3
+ - Update `ApSimpleSearch` to a new styleguide
4
+ - Update `ApInput` to a new styleguide
5
+
6
+ ## 1.21.9 (November 29, 2022)
7
+
8
+ - Update `ApChip` to a new styleguide
9
+
1
10
  ## 1.21.8 (November 28, 2022)
2
11
 
3
12
  - fix font line-height
package/dist/esm/common/common.js CHANGED
@@ -13,7 +13,6 @@ var __assign = (this && this.__assign) || function () {
13
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
14
  exports.getCommonDisabled = exports.getCommonFocus = exports.getFocusCss = exports.commonButtonStyles = exports.commonTransition = void 0;
15
15
  var theme_1 = require("../utils/theme");
16
- var types_1 = require("../utils/types");
17
16
  exports.commonTransition = {
18
17
  transition: 'all .2s linear',
19
18
  };
@@ -22,19 +21,8 @@ exports.commonButtonStyles = __assign(__assign(__assign(__assign({}, theme_1.fon
22
21
  width: '20px',
23
22
  } });
24
23
  exports.getFocusCss = function (theme) {
25
- var _a;
26
- var focusStyles = (_a = {},
27
- _a[types_1.LIGHT] = {
28
- color1: theme_1.colors.white,
29
- color2: theme_1.colors.grey3,
30
- },
31
- _a[types_1.DARK] = {
32
- color1: theme_1.colors.black,
33
- color2: theme_1.colors.grey4,
34
- },
35
- _a);
36
24
  return {
37
- boxShadow: "0 0 0 1px " + focusStyles[theme].color1 + ", 0 0 0 2px " + focusStyles[theme].color2,
25
+ boxShadow: "0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1)",
38
26
  };
39
27
  };
40
28
  exports.getCommonFocus = function (theme) {
package/dist/esm/common/common.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"common.js","sourceRoot":"","sources":["../../../src/common/common.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,wCAA0D;AAC1D,wCAAyD;AAE5C,QAAA,gBAAgB,GAAG;IAC9B,UAAU,EAAE,gBAAgB;CAC7B,CAAA;AAEY,QAAA,kBAAkB,2CAC1B,YAAI,KACP,uBAAuB,EAAE,cAAM,CAAC,WAAW,EAC3C,UAAU,EAAE,QAAQ,EACpB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,cAAM,CAAC,KAAK,EACnB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,aAAa,EACtB,UAAU,EAAE,mBAAW,CAAC,MAAM,EAC9B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,QAAQ,EACxB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,QAAQ,EACnB,cAAc,EAAE,MAAM,EACtB,UAAU,EAAE,QAAQ,KAChB,wBAAwB,KAC5B,UAAU,EAAE;QACV,WAAW,EAAE,KAAK;QAClB,KAAK,EAAE,MAAM;KACd,IACF;AAEY,QAAA,WAAW,GAAG,UAAC,KAAkB;;IAC5C,IAAM,WAAW;QACf,GAAC,aAAK,IAAG;YACP,MAAM,EAAE,cAAM,CAAC,KAAK;YACpB,MAAM,EAAE,cAAM,CAAC,KAAK;SACrB;QACD,GAAC,YAAI,IAAG;YACN,MAAM,EAAE,cAAM,CAAC,KAAK;YACpB,MAAM,EAAE,cAAM,CAAC,KAAK;SACrB;WACF,CAAA;IACD,OAAO;QACL,SAAS,EAAE,eAAa,WAAW,CAAC,KAAY,CAAC,CAAC,MAAM,oBAAe,WAAW,CAAC,KAAY,CAAC,CAAC,MAAQ;KAC1G,CAAA;AACH,CAAC,CAAA;AAEY,QAAA,cAAc,GAAG,UAAC,KAAkB;IAC/C,OAAO;QACL,gBAAgB,eACX,mBAAW,CAAC,KAAK,CAAC,CACtB;KACF,CAAA;AACH,CAAC,CAAA;AAEY,QAAA,iBAAiB,GAAG,UAAC,QAAa;IAC7C,IAAI,QAAQ,EAAE;QACZ,OAAO;YACL,MAAM,EAAE,aAAa;SACtB,CAAA;KACF;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}
1
+ {"version":3,"file":"common.js","sourceRoot":"","sources":["../../../src/common/common.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,wCAA0D;AAG7C,QAAA,gBAAgB,GAAG;IAC9B,UAAU,EAAE,gBAAgB;CAC7B,CAAA;AAEY,QAAA,kBAAkB,2CAC1B,YAAI,KACP,uBAAuB,EAAE,cAAM,CAAC,WAAW,EAC3C,UAAU,EAAE,QAAQ,EACpB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,cAAM,CAAC,KAAK,EACnB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,aAAa,EACtB,UAAU,EAAE,mBAAW,CAAC,MAAM,EAC9B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,QAAQ,EACxB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,QAAQ,EACnB,cAAc,EAAE,MAAM,EACtB,UAAU,EAAE,QAAQ,KAChB,wBAAwB,KAC5B,UAAU,EAAE;QACV,WAAW,EAAE,KAAK;QAClB,KAAK,EAAE,MAAM;KACd,IACF;AAEY,QAAA,WAAW,GAAG,UAAC,KAAkB;IAC5C,OAAO;QACL,SAAS,EAAE,0EAA0E;KACtF,CAAA;AACH,CAAC,CAAA;AAEY,QAAA,cAAc,GAAG,UAAC,KAAkB;IAC/C,OAAO;QACL,gBAAgB,eACX,mBAAW,CAAC,KAAK,CAAC,CACtB;KACF,CAAA;AACH,CAAC,CAAA;AAEY,QAAA,iBAAiB,GAAG,UAAC,QAAa;IAC7C,IAAI,QAAQ,EAAE;QACZ,OAAO;YACL,MAAM,EAAE,aAAa;SACtB,CAAA;KACF;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}
package/dist/esm/common/defaultTextInput.js CHANGED
@@ -11,18 +11,78 @@ var __assign = (this && this.__assign) || function () {
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.StyledDefaultTextInput = void 0;
14
+ exports.StyledDefaultTextInput = exports.getInputStyles = void 0;
15
15
  var styled_components_1 = require("styled-components");
16
+ var types_1 = require("../utils/types");
16
17
  var theme_1 = require("../utils/theme");
17
18
  var common_1 = require("./common");
19
+ exports.getInputStyles = function (theme, disabled) {
20
+ var _a;
21
+ var lightActionStyles = disabled ? {} : {
22
+ ':hover:enabled': {
23
+ backgroundColor: theme_1.colors.green50,
24
+ borderColor: theme_1.colors.grey700
25
+ },
26
+ ':focus:enabled': {
27
+ backgroundColor: theme_1.colors.green50,
28
+ borderColor: theme_1.colors.grey700
29
+ },
30
+ ':active:enabled': {
31
+ backgroundColor: theme_1.colors.green50,
32
+ borderColor: theme_1.colors.grey700
33
+ },
34
+ };
35
+ var darkActionStyles = disabled ? {} : {
36
+ ':hover': {
37
+ color: theme_1.colors.white,
38
+ borderColor: theme_1.colors.white,
39
+ backgroundColor: theme_1.colors.transparent,
40
+ '& + svg': {
41
+ fill: theme_1.colors.white
42
+ }
43
+ },
44
+ ':focus': {
45
+ color: theme_1.colors.white,
46
+ borderColor: theme_1.colors.white,
47
+ backgroundColor: theme_1.colors.transparent,
48
+ '& + svg': {
49
+ fill: theme_1.colors.white
50
+ }
51
+ },
52
+ ':active': {
53
+ color: theme_1.colors.white,
54
+ borderColor: theme_1.colors.white,
55
+ backgroundColor: theme_1.colors.grey600,
56
+ '& + svg': {
57
+ fill: theme_1.colors.white
58
+ }
59
+ },
60
+ };
61
+ var inputStyles = (_a = {},
62
+ _a[types_1.LIGHT] = __assign({ '::placeholder': {
63
+ color: theme_1.colors.grey500,
64
+ }, borderColor: theme_1.colors.grey300, caretColor: disabled ? theme_1.colors.grey400 : theme_1.colors.grey700, color: disabled ? theme_1.colors.grey400 : theme_1.colors.grey700, svg: {
65
+ fill: disabled ? theme_1.colors.grey400 : theme_1.colors.grey700,
66
+ } }, lightActionStyles),
67
+ _a[types_1.DARK] = __assign({ '::placeholder': {
68
+ color: theme_1.colors.grey400,
69
+ }, color: disabled ? theme_1.colors.grey500 : theme_1.colors.white, backgroundColor: theme_1.colors.transparent, borderColor: disabled ? theme_1.colors.grey500 : theme_1.colors.grey400, svg: {
70
+ fill: disabled ? theme_1.colors.grey500 : theme_1.colors.grey400,
71
+ } }, darkActionStyles),
72
+ _a);
73
+ return inputStyles[theme];
74
+ };
18
75
  exports.StyledDefaultTextInput = styled_components_1.default.input(__assign(__assign({}, theme_1.font), { '::-ms-clear': {
19
76
  display: 'none',
20
77
  }, '::-ms-reveal': {
21
78
  display: 'none',
22
- }, '::placeholder': {
23
- color: theme_1.colors.grey3,
24
- }, WebkitTapHighlightColor: theme_1.colors.transparent, border: "1px solid " + theme_1.colors.grey2, borderRadius: '2px', boxSizing: 'border-box', caretColor: theme_1.colors.grey3, color: theme_1.colors.grey7, display: 'inline-flex', fontSize: '16px', fontWeight: theme_1.fontWeights.regular, height: theme_1.scaffolding.xl, justifyContent: 'center', lineHeight: '13px', outline: 'none', padding: "0px " + theme_1.scaffolding.sm, position: 'relative', width: '100%' }), function (_a) {
79
+ }, WebkitTapHighlightColor: theme_1.colors.transparent, borderRadius: '1px', boxSizing: 'border-box', border: '1px solid', display: 'inline-flex', fontSize: '16px', fontWeight: theme_1.fontWeights.regular, height: '40px', justifyContent: 'center', lineHeight: '20px', outline: 'none', position: 'relative', width: '100%' }), function (_a) {
25
80
  var disabled = _a.disabled, theme = _a.theme;
26
- return (__assign(__assign({}, common_1.getCommonDisabled(disabled)), common_1.getCommonFocus(theme)));
81
+ return (__assign(__assign(__assign({}, common_1.getCommonDisabled(disabled)), common_1.getCommonFocus(theme)), exports.getInputStyles(theme, disabled)));
82
+ }, function (_a) {
83
+ var small = _a.small;
84
+ return small ? {
85
+ height: '32px'
86
+ } : {};
27
87
  });
28
88
  //# sourceMappingURL=defaultTextInput.js.map
package/dist/esm/common/defaultTextInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"defaultTextInput.js","sourceRoot":"","sources":["../../../src/common/defaultTextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,uDAAsC;AACtC,wCAAuE;AACvE,mCAA4D;AAkB/C,QAAA,sBAAsB,GAAG,2BAAM,CAAC,KAAK,uBAE1C,YAAY,KAChB,aAAa,EAAE;QACb,OAAO,EAAE,MAAM;KAChB,EACD,cAAc,EAAE;QACd,OAAO,EAAE,MAAM;KAChB,EACD,eAAe,EAAE;QACf,KAAK,EAAE,cAAM,CAAC,KAAK;KACpB,EACD,uBAAuB,EAAE,cAAM,CAAC,WAAW,EAC3C,MAAM,EAAE,eAAa,cAAM,CAAC,KAAO,EACnC,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,YAAY,EACvB,UAAU,EAAE,cAAM,CAAC,KAAK,EACxB,KAAK,EAAE,cAAM,CAAC,KAAK,EACnB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,mBAAW,CAAC,OAAO,EAC/B,MAAM,EAAE,mBAAW,CAAC,EAAE,EACtB,cAAc,EAAE,QAAQ,EACxB,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,SAAO,mBAAW,CAAC,EAAI,EAChC,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,MAAM,KAEf,UAAC,EAAmB;QAAjB,QAAQ,cAAA,EAAE,KAAK,WAAA;IAAO,OAAA,uBACpB,0BAAiB,CAAC,QAAQ,CAAC,GAC3B,uBAAc,CAAC,KAAK,CAAC,EACxB;AAHuB,CAGvB,CACH,CAAA"}
1
+ {"version":3,"file":"defaultTextInput.js","sourceRoot":"","sources":["../../../src/common/defaultTextInput.tsx"],"names":[],"mappings":"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"}
package/dist/esm/common/embeddedButtonIcon.js CHANGED
@@ -11,41 +11,12 @@ var __assign = (this && this.__assign) || function () {
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.StyledEmbeddedButtonIcon = exports.getEmbeddedButtonIconStyles = void 0;
14
+ exports.StyledEmbeddedButtonIcon = void 0;
15
15
  var styled_components_1 = require("styled-components");
16
16
  var theme_1 = require("../utils/theme");
17
- var types_1 = require("../utils/types");
18
17
  var common_1 = require("./common");
19
- exports.getEmbeddedButtonIconStyles = function (disabled, variant) {
20
- var _a;
21
- var chipButtonStyles = (_a = {},
22
- _a[types_1.OUTLINE] = __assign(__assign({}, common_1.getCommonFocus(types_1.LIGHT)), { '.ap-icon': {
23
- fill: disabled ? theme_1.colors.grey3 : theme_1.colors.grey4
24
- }, ':hover:enabled': {
25
- '.ap-icon': {
26
- // fill: colors.grey8
27
- fill: theme_1.colors.green1
28
- }
29
- } }),
30
- _a[types_1.SOLID] = {
31
- '.ap-icon': {
32
- fill: theme_1.colors.grey3
33
- },
34
- // This is a special exception for the focus state because of a unique fill style
35
- ':focus:enabled': {
36
- boxShadow: "0 0 0 1px " + theme_1.colors.grey4 + ", 0 0 0 2px " + theme_1.colors.grey3
37
- },
38
- ':hover:enabled': {
39
- '.ap-icon': {
40
- fill: theme_1.colors.white
41
- }
42
- }
43
- },
44
- _a);
45
- return chipButtonStyles[variant];
46
- };
47
- exports.StyledEmbeddedButtonIcon = styled_components_1.default.button(__assign(__assign({}, common_1.commonTransition), { backgroundColor: theme_1.colors.transparent, border: 'none', borderRadius: '100%', display: 'inline-flex', height: '20px', outline: 'none', padding: '0px', width: '20px' }), function (_a) {
48
- var disabled = _a.disabled, variant = _a.variant;
49
- return (__assign(__assign(__assign({}, common_1.getCommonDisabled(disabled)), exports.getEmbeddedButtonIconStyles(disabled, variant)), { cursor: disabled ? 'not-allowed' : 'pointer' }));
18
+ exports.StyledEmbeddedButtonIcon = styled_components_1.default.button(__assign(__assign({}, common_1.commonTransition), { backgroundColor: theme_1.colors.transparent, border: 'none', borderRadius: '100%', display: 'inline-flex', height: '24px', outline: 'none', padding: '0px', width: '24px' }), function (_a) {
19
+ var disabled = _a.disabled, theme = _a.theme;
20
+ return (__assign(__assign(__assign({}, common_1.getCommonDisabled(disabled)), common_1.getCommonFocus(theme)), { cursor: disabled ? 'not-allowed' : 'pointer' }));
50
21
  });
51
22
  //# sourceMappingURL=embeddedButtonIcon.js.map
package/dist/esm/common/embeddedButtonIcon.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"embeddedButtonIcon.js","sourceRoot":"","sources":["../../../src/common/embeddedButtonIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,uDAAsC;AAEtC,wCAAuC;AACvC,wCAMuB;AAEvB,mCAA8E;AAEjE,QAAA,2BAA2B,GAAG,UACzC,QAAiB,EACjB,OAAsB;;IAEtB,IAAM,gBAAgB;QACpB,GAAC,eAAO,0BACH,uBAAc,CAAC,aAAoB,CAAC,KACvC,UAAU,EAAE;gBACV,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,cAAM,CAAC,KAAK,CAAC,CAAC,CAAC,cAAM,CAAC,KAAK;aAC7C,EACD,gBAAgB,EAAE;gBAChB,UAAU,EAAE;oBACV,qBAAqB;oBACrB,IAAI,EAAE,cAAM,CAAC,MAAM;iBACpB;aACF,GACF;QAED,GAAC,aAAK,IAAG;YACP,UAAU,EAAE;gBACV,IAAI,EAAE,cAAM,CAAC,KAAK;aACnB;YACD,iFAAiF;YACjF,gBAAgB,EAAE;gBAChB,SAAS,EAAE,eAAa,cAAM,CAAC,KAAK,oBAAe,cAAM,CAAC,KAAO;aAClE;YACD,gBAAgB,EAAE;gBAChB,UAAU,EAAE;oBACV,IAAI,EAAE,cAAM,CAAC,KAAK;iBACnB;aACF;SACF;WACF,CAAA;IAED,OAAO,gBAAgB,CAAC,OAAc,CAAC,CAAA;AACzC,CAAC,CAAA;AASY,QAAA,wBAAwB,GAAG,2BAAM,CAAC,MAAM,uBAE9C,yBAAgB,KACnB,eAAe,EAAE,cAAM,CAAC,WAAW,EACnC,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,MAAM,KAEf,UAAC,EAAqB;QAAnB,QAAQ,cAAA,EAAE,OAAO,aAAA;IAAO,OAAA,gCACtB,0BAAiB,CAAC,QAAQ,CAAC,GAC3B,mCAA2B,CAAC,QAAS,EAAE,OAAwB,CAAC,KACnE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,IAC5C;AAJyB,CAIzB,CACH,CAAA"}
1
+ {"version":3,"file":"embeddedButtonIcon.js","sourceRoot":"","sources":["../../../src/common/embeddedButtonIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,uDAAsC;AAEtC,wCAAuC;AAKvC,mCAA8E;AASjE,QAAA,wBAAwB,GAAG,2BAAM,CAAC,MAAM,uBAE9C,yBAAgB,KACnB,eAAe,EAAE,cAAM,CAAC,WAAW,EACnC,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,MAAM,KAEf,UAAC,EAAmB;QAAjB,QAAQ,cAAA,EAAE,KAAK,WAAA;IAAO,OAAA,gCACpB,0BAAiB,CAAC,QAAQ,CAAC,GAC3B,uBAAc,CAAC,KAAK,CAAC,KACxB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,IAC5C;AAJuB,CAIvB,CACH,CAAA"}
package/dist/esm/components/ApChip/ApChip.js CHANGED
@@ -24,17 +24,17 @@ var __rest = (this && this.__rest) || function (s, e) {
24
24
  Object.defineProperty(exports, "__esModule", { value: true });
25
25
  exports.ApChip = void 0;
26
26
  var React = require("react");
27
+ var types_1 = require("../../utils/types");
27
28
  var ApIcon_1 = require("../ApIcon");
28
29
  var styles_1 = require("./styles");
29
30
  exports.ApChip = function (_a) {
30
- var children = _a.children, className = _a.className, disabled = _a.disabled, iconName = _a.iconName, iconProps = _a.iconProps, small = _a.small, props = __rest(_a, ["children", "className", "disabled", "iconName", "iconProps", "small"]);
31
- return (React.createElement(styles_1.StyledChip, __assign({}, props, { disabled: disabled, className: "ap-chip " + (className ? className : ''), small: small }),
32
- React.createElement(styles_1.StyledChipLeftChild, null, children),
33
- iconName &&
34
- React.createElement(styles_1.StyledChipRightChild, null,
35
- React.createElement(ApIcon_1.ApIcon, __assign({ iconName: iconName, iconSize: 13 }, iconProps)))));
31
+ var children = _a.children, className = _a.className, disabled = _a.disabled, icon = _a.icon, iconProps = _a.iconProps, small = _a.small, selected = _a.selected, props = __rest(_a, ["children", "className", "disabled", "icon", "iconProps", "small", "selected"]);
32
+ return (React.createElement(styles_1.StyledChip, __assign({}, props, { disabled: disabled, className: "ap-chip " + (className ? className : ''), small: small, selected: selected }),
33
+ React.createElement(styles_1.StyledChipLeftChild, null, icon && (React.createElement(ApIcon_1.ApIcon, __assign({ iconName: icon, iconSize: small ? 16 : 20 }, iconProps)))),
34
+ React.createElement(styles_1.StyledChipRightChild, null, children)));
36
35
  };
37
36
  exports.ApChip.defaultProps = {
38
37
  disabled: false,
38
+ theme: types_1.LIGHT
39
39
  };
40
40
  //# sourceMappingURL=ApChip.js.map
package/dist/esm/components/ApChip/ApChip.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ApChip.js","sourceRoot":"","sources":["../../../../src/components/ApChip/ApChip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAE9B,oCAA8C;AAC9C,mCAAgF;AAWnE,QAAA,MAAM,GAA0B,UAAC,EAQ7C;IAPC,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,KAAK,WAAA,EACF,KAAK,cAPoC,uEAQ7C,CADS;IAER,OAAO,CACL,oBAAC,mBAAU,eACL,KAAY,IAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAW,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EAClD,KAAK,EAAE,KAAK;QAEZ,oBAAC,4BAAmB,QAAE,QAAQ,CAAuB;QACpD,QAAQ;YACP,oBAAC,6BAAoB;gBACnB,oBAAC,eAAM,aACL,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,EAAE,IACR,SAAS,EACb,CACmB,CAEd,CACd,CAAA;AACH,CAAC,CAAA;AAED,cAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;CAChB,CAAA"}
1
+ {"version":3,"file":"ApChip.js","sourceRoot":"","sources":["../../../../src/components/ApChip/ApChip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAC9B,2CAAqE;AACrE,oCAA8C;AAC9C,mCAAgF;AAanE,QAAA,MAAM,GAA0B,UAAC,EAS7C;IARC,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,KAAK,cARoC,+EAS7C,CADS;IAER,OAAO,CACL,oBAAC,mBAAU,eACL,KAAY,IAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAW,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EAClD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ;QAElB,oBAAC,4BAAmB,QACjB,IAAI,IAAI,CACL,oBAAC,eAAM,aACP,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IACrB,SAAS,EACb,CACH,CACmB;QACtB,oBAAC,6BAAoB,QAClB,QAAQ,CACY,CACZ,CACd,CAAA;AACH,CAAC,CAAA;AAED,cAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,aAAK;CACb,CAAA"}
package/dist/esm/components/ApChip/styles.js CHANGED
@@ -3,31 +3,195 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
+ var __assign = (this && this.__assign) || function () {
7
+ __assign = Object.assign || function(t) {
8
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
9
+ s = arguments[i];
10
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
+ t[p] = s[p];
12
+ }
13
+ return t;
14
+ };
15
+ return __assign.apply(this, arguments);
16
+ };
6
17
  Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.Title = exports.Column = exports.Container = exports.StyledChip = exports.StyledChipRightChild = exports.StyledChipLeftChild = exports.StyledChipChild = void 0;
18
+ exports.Title = exports.Column = exports.Container = exports.StyledChip = exports.getChipStyles = exports.StyledChipRightChild = exports.StyledChipLeftChild = exports.StyledChipChild = void 0;
8
19
  var styled_components_1 = require("styled-components");
9
20
  var theme_1 = require("../../utils/theme");
21
+ var types_1 = require("../../utils/types");
10
22
  exports.StyledChipChild = styled_components_1.default.span({
11
23
  display: 'inline-flex',
12
24
  whiteSpace: 'nowrap'
13
25
  });
14
26
  exports.StyledChipLeftChild = styled_components_1.default.span({
15
- display: 'inline-flex',
16
- marginRight: theme_1.scaffolding.xxs,
17
- whiteSpace: 'nowrap'
27
+ display: 'inline-flex'
18
28
  });
19
- exports.StyledChipRightChild = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-flex;\n margin-left: 5px;\n"], ["\n display: inline-flex;\n margin-left: 5px;\n"])));
20
- exports.StyledChip = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n padding: 5px 12px;\n align-items: center;\n border: none;\n display: inline-flex;\n height: 32px;\n justify-content: space-between;\n line-height: 13px;\n min-width: 32px;\n outline: none;\n position: relative;\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n white-space: nowrap;\n border: 1px solid ", ";\n border-radius: 16px;\n box-sizing: border-box;\n font-size: 13px;\n cursor: pointer;\n margin-right: 8px;\n ", "\n ", "\n :hover, :focus {\n border-color: ", ";\n }\n :active {\n border-color: ", ";\n }\n :disabled {\n color: ", ";\n border-color: ", ";\n pointer-events: none;\n }\n"], ["\n padding: 5px 12px;\n align-items: center;\n border: none;\n display: inline-flex;\n height: 32px;\n justify-content: space-between;\n line-height: 13px;\n min-width: 32px;\n outline: none;\n position: relative;\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n white-space: nowrap;\n border: 1px solid ", ";\n border-radius: 16px;\n box-sizing: border-box;\n font-size: 13px;\n cursor: pointer;\n margin-right: 8px;\n ",
21
- "\n ",
22
- "\n :hover, :focus {\n border-color: ", ";\n }\n :active {\n border-color: ", ";\n }\n :disabled {\n color: ", ";\n border-color: ", ";\n pointer-events: none;\n }\n"])), theme_1.colors.grey4, function (_a) {
29
+ exports.StyledChipRightChild = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-flex;\n margin-left: 4px;\n white-space: nowrap;\n"], ["\n display: inline-flex;\n margin-left: 4px;\n white-space: nowrap;\n"])));
30
+ exports.getChipStyles = function (disabled, theme, isSelected) {
31
+ var _a, _b;
32
+ var lightActionStyles = disabled ? {} : {
33
+ ':hover': {
34
+ color: theme_1.colors.grey700,
35
+ borderColor: theme_1.colors.grey700,
36
+ backgroundColor: theme_1.colors.grey50,
37
+ svg: {
38
+ fill: theme_1.colors.grey700
39
+ }
40
+ },
41
+ ':focus': {
42
+ color: theme_1.colors.grey700,
43
+ borderColor: theme_1.colors.grey700,
44
+ backgroundColor: theme_1.colors.grey50,
45
+ svg: {
46
+ fill: theme_1.colors.grey700
47
+ }
48
+ },
49
+ ':active': {
50
+ color: theme_1.colors.grey700,
51
+ borderColor: theme_1.colors.grey700,
52
+ backgroundColor: theme_1.colors.grey200,
53
+ svg: {
54
+ fill: theme_1.colors.grey700
55
+ }
56
+ },
57
+ };
58
+ var lightSelectedActionStyles = disabled ? {} : {
59
+ ':hover': {
60
+ color: theme_1.colors.green700,
61
+ borderColor: theme_1.colors.green700,
62
+ backgroundColor: theme_1.colors.green100,
63
+ svg: {
64
+ fill: theme_1.colors.grey700
65
+ }
66
+ },
67
+ ':focus': {
68
+ color: theme_1.colors.green700,
69
+ borderColor: theme_1.colors.green700,
70
+ backgroundColor: theme_1.colors.green100,
71
+ svg: {
72
+ fill: theme_1.colors.grey700
73
+ }
74
+ },
75
+ ':active': {
76
+ color: theme_1.colors.green700,
77
+ borderColor: theme_1.colors.green700,
78
+ backgroundColor: theme_1.colors.green200,
79
+ svg: {
80
+ fill: theme_1.colors.grey700
81
+ }
82
+ },
83
+ };
84
+ var darkActionStyles = disabled ? {} : {
85
+ ':hover': {
86
+ color: theme_1.colors.white,
87
+ borderColor: theme_1.colors.white,
88
+ backgroundColor: theme_1.colors.grey600,
89
+ svg: {
90
+ fill: theme_1.colors.white
91
+ }
92
+ },
93
+ ':focus': {
94
+ color: theme_1.colors.white,
95
+ borderColor: theme_1.colors.white,
96
+ backgroundColor: theme_1.colors.grey600,
97
+ svg: {
98
+ fill: theme_1.colors.white
99
+ }
100
+ },
101
+ ':active': {
102
+ color: theme_1.colors.white,
103
+ borderColor: theme_1.colors.white,
104
+ backgroundColor: theme_1.colors.grey500,
105
+ svg: {
106
+ fill: theme_1.colors.white
107
+ }
108
+ },
109
+ };
110
+ var darkSelectedActionStyles = disabled ? {} : {
111
+ ':hover': {
112
+ color: theme_1.colors.green200,
113
+ borderColor: theme_1.colors.green200,
114
+ backgroundColor: theme_1.colors.green800,
115
+ svg: {
116
+ fill: theme_1.colors.green200
117
+ }
118
+ },
119
+ ':focus': {
120
+ color: theme_1.colors.green200,
121
+ borderColor: theme_1.colors.green200,
122
+ backgroundColor: theme_1.colors.green800,
123
+ svg: {
124
+ fill: theme_1.colors.green200
125
+ }
126
+ },
127
+ ':active': {
128
+ color: theme_1.colors.green200,
129
+ borderColor: theme_1.colors.green200,
130
+ backgroundColor: theme_1.colors.green700,
131
+ svg: {
132
+ fill: theme_1.colors.green200
133
+ }
134
+ },
135
+ };
136
+ var chipSelectedStyles = (_a = {},
137
+ _a[types_1.LIGHT] = __assign({ color: disabled ? theme_1.colors.grey400 : theme_1.colors.green600, backgroundColor: theme_1.colors.green50, border: '2px solid', borderColor: disabled ? theme_1.colors.grey200 : theme_1.colors.green600, svg: {
138
+ fill: disabled ? theme_1.colors.grey400 : theme_1.colors.green600,
139
+ } }, lightSelectedActionStyles),
140
+ _a[types_1.DARK] = __assign({ color: disabled ? theme_1.colors.grey400 : theme_1.colors.green300, backgroundColor: theme_1.colors.transparent, border: '2px solid', borderColor: disabled ? theme_1.colors.grey200 : theme_1.colors.green300, svg: {
141
+ fill: disabled ? theme_1.colors.grey400 : theme_1.colors.green300,
142
+ } }, darkSelectedActionStyles),
143
+ _a);
144
+ var chipStyles = (_b = {},
145
+ _b[types_1.LIGHT] = __assign({ color: disabled ? theme_1.colors.grey400 : theme_1.colors.grey500, border: '1px solid', borderColor: disabled ? theme_1.colors.grey200 : theme_1.colors.grey300, svg: {
146
+ fill: disabled ? theme_1.colors.grey400 : theme_1.colors.grey500,
147
+ } }, lightActionStyles),
148
+ _b[types_1.DARK] = __assign({ color: disabled ? theme_1.colors.grey400 : theme_1.colors.grey300, border: '1px solid', background: disabled ? theme_1.colors.white : 'transparent', borderColor: disabled ? theme_1.colors.grey200 : theme_1.colors.grey500, svg: {
149
+ fill: disabled ? theme_1.colors.grey400 : theme_1.colors.grey300,
150
+ } }, darkActionStyles),
151
+ _b);
152
+ var selectedStyles = isSelected ? chipSelectedStyles[theme] : {};
153
+ return __assign(__assign({}, chipStyles[theme]), selectedStyles);
154
+ };
155
+ exports.StyledChip = styled_components_1.default.div({
156
+ padding: '0 16px',
157
+ alignItems: 'center',
158
+ border: 'none',
159
+ display: 'inline-flex',
160
+ height: '40px',
161
+ justifyContent: 'space-between',
162
+ lineHeight: '20px',
163
+ minWidth: '32px',
164
+ outline: 'none',
165
+ position: 'relative',
166
+ textAlign: 'center',
167
+ textDecoration: 'none',
168
+ whiteSpace: 'nowrap',
169
+ borderWidth: '1px',
170
+ borderStyle: 'solid',
171
+ borderRadius: '32px',
172
+ boxSizing: 'border-box',
173
+ fontSize: '16px',
174
+ cursor: 'pointer',
175
+ marginRight: '8px'
176
+ }, function (_a) {
177
+ var disabled = _a.disabled, theme = _a.theme, selected = _a.selected;
178
+ return (__assign({}, exports.getChipStyles(disabled, theme, selected)));
179
+ }, function (_a) {
23
180
  var small = _a.small;
24
- return small && styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 24px;\n padding: 5px 8px;\n font-size: 11px;\n line-height: 11px;\n "], ["\n height: 24px;\n padding: 5px 8px;\n font-size: 11px;\n line-height: 11px;\n "])));
181
+ return (small ? {
182
+ height: '32px',
183
+ fontSize: '13px',
184
+ lineHeight: '16px',
185
+ padding: '0 12px'
186
+ } : {});
25
187
  }, function (_a) {
26
188
  var disabled = _a.disabled;
27
- return disabled && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: ", ";\n border-color: ", ";\n pointer-events: none;\n "], ["\n color: ", ";\n border-color: ", ";\n pointer-events: none;\n "])), theme_1.colors.grey5, theme_1.colors.grey2);
28
- }, theme_1.colors.green2, theme_1.colors.green1, theme_1.colors.grey5, theme_1.colors.grey2);
29
- exports.Container = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 16px 80px;\n display: flex;\n flexDirection: column;\n"], ["\n margin: 16px 80px;\n display: flex;\n flexDirection: column;\n"])));
30
- exports.Column = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n margin: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n margin: 24px;\n"])));
31
- exports.Title = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin-bottom: 12px;\n padding-bottom: 12px;\n border-bottom: 1px solid ", ";\n white-space: nowrap;\n"], ["\n margin-bottom: 12px;\n padding-bottom: 12px;\n border-bottom: 1px solid ", ";\n white-space: nowrap;\n"])), theme_1.colors.grey4);
32
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
189
+ return (disabled ? {
190
+ cursor: 'not-allowed'
191
+ } : {});
192
+ });
193
+ exports.Container = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 16px 80px;\n display: flex;\n flexDirection: column;\n"], ["\n margin: 16px 80px;\n display: flex;\n flexDirection: column;\n"])));
194
+ exports.Column = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n margin: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n margin: 24px;\n"])));
195
+ exports.Title = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin-bottom: 12px;\n padding-bottom: 12px;\n border-bottom: 1px solid ", ";\n white-space: nowrap;\n"], ["\n margin-bottom: 12px;\n padding-bottom: 12px;\n border-bottom: 1px solid ", ";\n white-space: nowrap;\n"])), theme_1.colors.grey4);
196
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
33
197
  //# sourceMappingURL=styles.js.map
package/dist/esm/components/ApChip/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ApChip/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAA+C;AAE/C,2CAAuD;AAI1C,QAAA,eAAe,GAAG,2BAAM,CAAC,IAAI,CAAC;IACzC,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAA;AAEW,QAAA,mBAAmB,GAAG,2BAAM,CAAC,IAAI,CAAC;IAC7C,OAAO,EAAE,aAAa;IACtB,WAAW,EAAE,mBAAW,CAAC,GAAG;IAC5B,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAA;AAEW,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,qHAAA,kDAG9C,KAAA;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,guBAAY,8VAe1B,EAAY,wHAM9B;IAQF,MACE;IAOF,0CAEkB,EAAa,yCAGb,EAAa,oCAGpB,EAAY,uBACL,EAAY,qCAG/B,KAlCqB,cAAM,CAAC,KAAK,EAM9B,UAAC,EAAS;QAAP,KAAK,WAAA;IACR,OAAA,KAAK,IACH,uBAAG,qLAAA,kHAKF,IAAA;AANH,CAMG,EAEH,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,IACN,uBAAG,uKAAA,qBACU,EAAY,6BACL,EAAY,8CAE7B,KAHU,cAAM,CAAC,KAAK,EACL,cAAM,CAAC,KAAK,CAE7B;AALL,CAKK,EAGW,cAAM,CAAC,MAAM,EAGb,cAAM,CAAC,MAAM,EAGpB,cAAM,CAAC,KAAK,EACL,cAAM,CAAC,KAAK,EAG/B;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,+IAAA,4EAIlC,KAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,2IAAA,wEAI/B,KAAC;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,0LAAA,sFAGA,EAAY,+BAE1C,KAF8B,cAAM,CAAC,KAAK,EAEzC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ApChip/styles.ts"],"names":[],"mappings":"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"}
package/dist/esm/components/ApInput/ApInput.js CHANGED
@@ -40,7 +40,6 @@ var __read = (this && this.__read) || function (o, n) {
40
40
  Object.defineProperty(exports, "__esModule", { value: true });
41
41
  exports.ApInput = void 0;
42
42
  var React = require("react");
43
- var theme_1 = require("../../utils/theme");
44
43
  var ApIcon_1 = require("../ApIcon");
45
44
  var ApInput_styles_1 = require("./ApInput.styles");
46
45
  exports.ApInput = function (_a) {
@@ -64,7 +63,6 @@ exports.ApInput = function (_a) {
64
63
  setValueLength(event.target.value.length);
65
64
  }, placeholder: placeholder, value: value, className: "ap-input-field" }, props))),
66
65
  errorMessage ? (React.createElement(ApInput_styles_1.ErrorWrapper, null,
67
- React.createElement(ApIcon_1.ApIcon, { iconName: "outline_error", iconColor: theme_1.colors.red1, iconSize: 16 }),
68
66
  React.createElement(ApInput_styles_1.ErrorMessage, null, errorMessage))) : null));
69
67
  };
70
68
  //# sourceMappingURL=ApInput.js.map
package/dist/esm/components/ApInput/ApInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ApInput.js","sourceRoot":"","sources":["../../../../src/components/ApInput/ApInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAC9B,2CAA0C;AAG1C,oCAAkC;AAElC,mDAUyB;AAmBZ,QAAA,OAAO,GAA4B,UAAC,EAahD;IAZC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,KAAK,WAAA,EACF,KAAK,cAZuC,6HAahD,CADS;IAEF,IAAA,KAAA,OAAgC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAA,EAAvE,WAAW,QAAA,EAAE,cAAc,QAA4C,CAAA;IAE9E,OAAO,CACL,oBAAC,wBAAO,IAAC,SAAS,EAAE,SAAS;QAC1B,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,oBAAC,6BAAY;YACV,KAAK,CAAC,CAAC,CAAC,oBAAC,sBAAK,QAAE,KAAK,CAAS,CAAC,CAAC,CAAC,IAAI;YACrC,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,wBAAO;gBACL,WAAW;;gBAAG,SAAS,CAChB,CACX,CAAC,CAAC,CAAC,IAAI,CACK,CAChB,CAAC,CAAC,CAAC,IAAI;QACR,oBAAC,6BAAY;YACV,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,4BAAW;gBACV,oBAAC,eAAM,IAAC,QAAQ,EAAE,IAAI,GAAI,CACd,CACf,CAAC,CAAC,CAAC,IAAI;YACP,MAAM,CAAC,CAAC,CAAC,oBAAC,4BAAW,QAAE,MAAM,CAAe,CAAC,CAAC,CAAC,IAAI;YAEpD,oBAAC,sBAAK,aACJ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,IAAI,QAAQ,EAChC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAC,CAAsC;oBAC/C,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;gBAC7B,CAAC,EACD,OAAO,EAAE,UAAC,KAA0B;oBAClC,aAAa;oBACb,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;gBAC3C,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,gBAAgB,IACtB,KAAK,EACT,CACW;QACd,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,6BAAY;YACX,oBAAC,eAAM,IACL,QAAQ,EAAC,eAAe,EACxB,SAAS,EAAE,cAAM,CAAC,IAAI,EACtB,QAAQ,EAAE,EAAE,GACZ;YACF,oBAAC,6BAAY,QAAE,YAAY,CAAgB,CAC9B,CAChB,CAAC,CAAC,CAAC,IAAI,CACA,CACX,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"ApInput.js","sourceRoot":"","sources":["../../../../src/components/ApInput/ApInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAG9B,oCAAkC;AAElC,mDAUyB;AAmBZ,QAAA,OAAO,GAA4B,UAAC,EAahD;IAZC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,KAAK,WAAA,EACF,KAAK,cAZuC,6HAahD,CADS;IAEF,IAAA,KAAA,OAAgC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAA,EAAvE,WAAW,QAAA,EAAE,cAAc,QAA4C,CAAA;IAE9E,OAAO,CACL,oBAAC,wBAAO,IAAC,SAAS,EAAE,SAAS;QAC1B,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,oBAAC,6BAAY;YACV,KAAK,CAAC,CAAC,CAAC,oBAAC,sBAAK,QAAE,KAAK,CAAS,CAAC,CAAC,CAAC,IAAI;YACrC,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,wBAAO;gBACL,WAAW;;gBAAG,SAAS,CAChB,CACX,CAAC,CAAC,CAAC,IAAI,CACK,CAChB,CAAC,CAAC,CAAC,IAAI;QACR,oBAAC,6BAAY;YACV,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,4BAAW;gBACV,oBAAC,eAAM,IAAC,QAAQ,EAAE,IAAI,GAAI,CACd,CACf,CAAC,CAAC,CAAC,IAAI;YACP,MAAM,CAAC,CAAC,CAAC,oBAAC,4BAAW,QAAE,MAAM,CAAe,CAAC,CAAC,CAAC,IAAI;YAEpD,oBAAC,sBAAK,aACJ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,IAAI,QAAQ,EAChC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAC,CAAsC;oBAC/C,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;gBAC7B,CAAC,EACD,OAAO,EAAE,UAAC,KAA0B;oBAClC,aAAa;oBACb,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;gBAC3C,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,gBAAgB,IACtB,KAAK,EACT,CACW;QACd,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,6BAAY;YACX,oBAAC,6BAAY,QAAE,YAAY,CAAgB,CAC9B,CAChB,CAAC,CAAC,CAAC,IAAI,CACA,CACX,CAAA;AACH,CAAC,CAAA"}
package/dist/esm/components/ApInput/ApInput.styles.js CHANGED
@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.ErrorMessage = exports.ErrorWrapper = exports.Label = exports.LabelWrapper = exports.Counter = exports.Input = exports.InputWrapper = exports.Wrapper = exports.RightSymbol = void 0;
8
8
  var styled_components_1 = require("styled-components");
9
9
  var theme_1 = require("../../utils/theme");
10
- exports.RightSymbol = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n padding-right: 12px;\n height: 40px;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n padding-right: 12px;\n height: 40px;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
10
+ exports.RightSymbol = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n padding-right: 12px;\n height: 40px;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 2;\n"], ["\n position: absolute;\n padding-right: 12px;\n height: 40px;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 2;\n"])));
11
11
  exports.Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
12
12
  exports.InputWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: relative;\n display: flex;\n"], ["\n position: relative;\n display: flex;\n"])));
13
- exports.Input = styled_components_1.default.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 40px;\n box-sizing: border-box;\n width: 100%;\n min-width: 120px;\n padding-right: 32px;\n border: 1px solid ", ";\n border-radius: 1px;\n background-color: transparent;\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: ", ";\n font-size: 16px;\n line-height: 24px;\n appearance: none;\n text-indent: 8px;\n overflow: hidden;\n text-overflow: ellipsis;\n z-index: 1;\n &:hover,\n &:focus {\n border-color: ", ";\n outline: none;\n }\n &:active {\n border-color: ", ";\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n color: ", ";\n border-color: ", ";\n }\n"], ["\n height: 40px;\n box-sizing: border-box;\n width: 100%;\n min-width: 120px;\n padding-right: 32px;\n border: 1px solid ", ";\n border-radius: 1px;\n background-color: transparent;\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: ", ";\n font-size: 16px;\n line-height: 24px;\n appearance: none;\n text-indent: 8px;\n overflow: hidden;\n text-overflow: ellipsis;\n z-index: 1;\n &:hover,\n &:focus {\n border-color: ", ";\n outline: none;\n }\n &:active {\n border-color: ", ";\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n color: ", ";\n border-color: ", ";\n }\n"])), theme_1.colors.grey4, theme_1.colors.grey8, theme_1.colors.green2, theme_1.colors.green3, theme_1.colors.grey5, theme_1.colors.grey2);
14
- exports.Counter = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: ", ";\n font-size: 11px;\n"], ["\n color: ", ";\n font-size: 11px;\n"])), theme_1.colors.grey5);
13
+ exports.Input = styled_components_1.default.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 40px;\n box-sizing: border-box;\n width: 100%;\n min-width: 120px;\n padding-right: 32px;\n border: 1px solid ", ";\n border-radius: 1px;\n background-color: transparent;\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: ", ";\n font-size: 16px;\n line-height: 20px;\n appearance: none;\n text-indent: 12px;\n overflow: hidden;\n text-overflow: ellipsis;\n z-index: 1;\n &:hover,\n &:focus {\n border-color: ", ";\n background-color: ", ";\n outline: none;\n }\n &:active {\n border-color: ", ";\n background-color: ", ";\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n color: ", ";\n border-color: ", ";\n cursor: not-allowed;\n }\n"], ["\n height: 40px;\n box-sizing: border-box;\n width: 100%;\n min-width: 120px;\n padding-right: 32px;\n border: 1px solid ", ";\n border-radius: 1px;\n background-color: transparent;\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: ", ";\n font-size: 16px;\n line-height: 20px;\n appearance: none;\n text-indent: 12px;\n overflow: hidden;\n text-overflow: ellipsis;\n z-index: 1;\n &:hover,\n &:focus {\n border-color: ", ";\n background-color: ", ";\n outline: none;\n }\n &:active {\n border-color: ", ";\n background-color: ", ";\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n color: ", ";\n border-color: ", ";\n cursor: not-allowed;\n }\n"])), theme_1.colors.grey300, theme_1.colors.grey700, theme_1.colors.grey500, theme_1.colors.green50, theme_1.colors.grey500, theme_1.colors.green100, theme_1.colors.grey400, theme_1.colors.grey300);
14
+ exports.Counter = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: ", ";\n font-size: 11px;\n"], ["\n color: ", ";\n font-size: 11px;\n"])), theme_1.colors.grey700);
15
15
  exports.LabelWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n width: 100%;\n justify-content: space-between;\n margin-bottom: 4px;\n"], ["\n display: flex;\n width: 100%;\n justify-content: space-between;\n margin-bottom: 4px;\n"])));
16
16
  exports.Label = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n color: ", ";\n font-size: 13px;\n"], ["\n color: ", ";\n font-size: 13px;\n"])), theme_1.colors.grey5);
17
- exports.ErrorWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-top: 4px;\n font-size: 16px;\n color: ", ";\n"], ["\n display: flex;\n align-items: center;\n margin-top: 4px;\n font-size: 16px;\n color: ", ";\n"])), theme_1.colors.red1);
18
- exports.ErrorMessage = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n margin-left: 4px;\n margin-top: 1px;\n font-size: 11px;\n color: ", ";\n"], ["\n display: flex;\n margin-left: 4px;\n margin-top: 1px;\n font-size: 11px;\n color: ", ";\n"])), theme_1.colors.red1);
17
+ exports.ErrorWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-top: 4px;\n font-size: 16px;\n color: ", ";\n"], ["\n display: flex;\n align-items: center;\n margin-top: 4px;\n font-size: 16px;\n color: ", ";\n"])), theme_1.colors.red600);
18
+ exports.ErrorMessage = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n font-size: 13px;\n line-height: 16px;\n color: ", ";\n"], ["\n display: flex;\n font-size: 13px;\n line-height: 16px;\n color: ", ";\n"])), theme_1.colors.red600);
19
19
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
20
20
  //# sourceMappingURL=ApInput.styles.js.map
package/dist/esm/components/ApInput/ApInput.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ApInput.styles.js","sourceRoot":"","sources":["../../../../src/components/ApInput/ApInput.styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAAsC;AAEtC,2CAA0C;AAE7B,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,0NAAA,uJAQpC,KAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,oHAAA,iDAGhC,KAAA;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,gHAAA,6CAGrC,KAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,2tBAAA,iIAMX,EAAY,oJAMvB,EAAY,oMAUH,EAAa,8DAIb,EAAa,oFAKpB,EAAY,uBACL,EAAY,UAE/B,KA5BqB,cAAM,CAAC,KAAK,EAMvB,cAAM,CAAC,KAAK,EAUH,cAAM,CAAC,MAAM,EAIb,cAAM,CAAC,MAAM,EAKpB,cAAM,CAAC,KAAK,EACL,cAAM,CAAC,KAAK,EAE/B;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,2GAAA,aACtB,EAAY,yBAEtB,KAFU,cAAM,CAAC,KAAK,EAEtB;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,mKAAA,gGAKrC,KAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,2GAAA,aACpB,EAAY,yBAEtB,KAFU,cAAM,CAAC,KAAK,EAEtB;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,yKAAA,+FAK3B,EAAW,KACrB,KADU,cAAM,CAAC,IAAI,EACrB;AACY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,sKAAA,4FAK3B,EAAW,KACrB,KADU,cAAM,CAAC,IAAI,EACrB"}
1
+ {"version":3,"file":"ApInput.styles.js","sourceRoot":"","sources":["../../../../src/components/ApInput/ApInput.styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAAsC;AAEtC,2CAA0C;AAE7B,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,yOAAA,sKASpC,KAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,oHAAA,iDAGhC,KAAA;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,gHAAA,6CAGrC,KAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,gzBAAA,iIAMX,EAAc,oJAMzB,EAAc,qMAUL,EAAc,2BACV,EAAc,8DAIlB,EAAc,2BACV,EAAe,oFAK1B,EAAc,uBACP,EAAc,oCAGjC,KA/BqB,cAAM,CAAC,OAAO,EAMzB,cAAM,CAAC,OAAO,EAUL,cAAM,CAAC,OAAO,EACV,cAAM,CAAC,OAAO,EAIlB,cAAM,CAAC,OAAO,EACV,cAAM,CAAC,QAAQ,EAK1B,cAAM,CAAC,OAAO,EACP,cAAM,CAAC,OAAO,EAGjC;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,2GAAA,aACtB,EAAc,yBAExB,KAFU,cAAM,CAAC,OAAO,EAExB;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,mKAAA,gGAKrC,KAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,2GAAA,aACpB,EAAY,yBAEtB,KAFU,cAAM,CAAC,KAAK,EAEtB;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,yKAAA,+FAK3B,EAAa,KACvB,KADU,cAAM,CAAC,MAAM,EACvB;AACY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,mJAAA,yEAI3B,EAAa,KACvB,KADU,cAAM,CAAC,MAAM,EACvB"}
package/dist/esm/components/ApMenu/ApMenuTrigger.js CHANGED
@@ -23,16 +23,20 @@ var __rest = (this && this.__rest) || function (s, e) {
23
23
  };
24
24
  Object.defineProperty(exports, "__esModule", { value: true });
25
25
  exports.ApMenuTrigger = void 0;
26
+ /* tslint:disable */
27
+ var React = require("react");
26
28
  var react_1 = require("react");
29
+ /* tslint:enable */
27
30
  var theme_1 = require("../../utils/theme");
28
31
  var styles_1 = require("./styles");
29
- exports.ApMenuTrigger = react_1.forwardRef(function (_a, ref) {
32
+ var ApMenuTriggerInternal = react_1.forwardRef(function (_a, ref) {
30
33
  var children = _a.children, icon = _a.icon, isOpen = _a.isOpen, props = __rest(_a, ["children", "icon", "isOpen"]);
31
- return (react_1.default.createElement(styles_1.TriggerWrapper, __assign({}, props, { ref: ref }),
32
- react_1.default.createElement(styles_1.BorderedTrigger, null,
33
- icon && react_1.default.createElement(styles_1.TriggerIcon, { iconName: icon }),
34
+ return (React.createElement(styles_1.TriggerWrapper, __assign({}, props, { ref: ref }),
35
+ React.createElement(styles_1.BorderedTrigger, null,
36
+ icon && React.createElement(styles_1.TriggerIcon, { iconName: icon }),
34
37
  " ",
35
38
  children),
36
- react_1.default.createElement(styles_1.BorderedCaret, { iconName: 'caret', iconColor: theme_1.colors.grey700, isOpen: isOpen })));
39
+ React.createElement(styles_1.BorderedCaret, { iconName: 'caret', iconColor: theme_1.colors.grey700, isOpen: isOpen })));
37
40
  });
41
+ exports.ApMenuTrigger = react_1.memo(ApMenuTriggerInternal);
38
42
  //# sourceMappingURL=ApMenuTrigger.js.map
package/dist/esm/components/ApMenu/ApMenuTrigger.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ApMenuTrigger.js","sourceRoot":"","sources":["../../../../src/components/ApMenu/ApMenuTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,2CAA0C;AAC1C,mCAKkB;AAEL,QAAA,aAAa,GAAG,kBAAU,CAAC,UAAC,EAAyC,EAAE,GAAQ;IAAjD,IAAA,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAK,KAAK,cAAlC,8BAAoC,CAAF;IACzE,OAAO,CACL,8BAAC,uBAAc,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG;QACjC,8BAAC,wBAAe;YACb,IAAI,IAAI,8BAAC,oBAAW,IAAC,QAAQ,EAAE,IAAI,GAAI;;YAAI,QAAQ,CACpC;QAClB,8BAAC,sBAAa,IAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAE,cAAM,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,CAC9D,CAClB,CAAA;AACH,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"ApMenuTrigger.js","sourceRoot":"","sources":["../../../../src/components/ApMenu/ApMenuTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oBAAoB;AACpB,6BAA8B;AAC9B,+BAAwC;AACxC,mBAAmB;AACnB,2CAA0C;AAC1C,mCAKkB;AAElB,IAAM,qBAAqB,GAAG,kBAAU,CACtC,UAAC,EAAyC,EAAE,GAAQ;IAAjD,IAAA,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAK,KAAK,cAAlC,8BAAoC,CAAF;IACjC,OAAO,CACL,oBAAC,uBAAc,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG;QACjC,oBAAC,wBAAe;YACb,IAAI,IAAI,oBAAC,oBAAW,IAAC,QAAQ,EAAE,IAAI,GAAI;;YAAI,QAAQ,CACpC;QAClB,oBAAC,sBAAa,IAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAE,cAAM,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,CAC9D,CAClB,CAAA;AACH,CAAC,CACF,CAAC;AAEW,QAAA,aAAa,GAAG,YAAI,CAAC,qBAAqB,CAAC,CAAC"}
package/dist/esm/components/ApMenu/ApMenuTriggerBordered.js CHANGED
@@ -22,17 +22,21 @@ var __rest = (this && this.__rest) || function (s, e) {
22
22
  return t;
23
23
  };
24
24
  Object.defineProperty(exports, "__esModule", { value: true });
25
- exports.ApMenuTriggerBordered = void 0;
25
+ exports.ApMenuTriggerBordered = exports.ApMenuTriggerBorderedInternal = void 0;
26
+ /* tslint:disable */
27
+ var React = require("react");
26
28
  var react_1 = require("react");
29
+ /* tslint:enable */
27
30
  var theme_1 = require("../../utils/theme");
28
31
  var styles_1 = require("./styles");
29
- exports.ApMenuTriggerBordered = react_1.forwardRef(function (_a, ref) {
32
+ exports.ApMenuTriggerBorderedInternal = react_1.forwardRef(function (_a, ref) {
30
33
  var children = _a.children, icon = _a.icon, isOpen = _a.isOpen, props = __rest(_a, ["children", "icon", "isOpen"]);
31
- return (react_1.default.createElement(styles_1.BorderedTriggerWrapper, __assign({ icon: icon }, props, { ref: ref }),
32
- react_1.default.createElement(styles_1.BorderedTrigger, null,
33
- icon && react_1.default.createElement(styles_1.TriggerIcon, { iconName: icon }),
34
+ return (React.createElement(styles_1.BorderedTriggerWrapper, __assign({ icon: icon }, props, { ref: ref }),
35
+ React.createElement(styles_1.BorderedTrigger, null,
36
+ icon && React.createElement(styles_1.TriggerIcon, { iconName: icon }),
34
37
  " ",
35
38
  children),
36
- react_1.default.createElement(styles_1.BorderedCaret, { iconName: 'caret', iconColor: theme_1.colors.grey700, isOpen: isOpen })));
39
+ React.createElement(styles_1.BorderedCaret, { iconName: 'caret', iconColor: theme_1.colors.grey700, isOpen: isOpen })));
37
40
  });
41
+ exports.ApMenuTriggerBordered = react_1.memo(exports.ApMenuTriggerBorderedInternal);
38
42
  //# sourceMappingURL=ApMenuTriggerBordered.js.map