@beequip/hexagon 0.13.0 → 0.15.1

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 (91) hide show
  1. package/dist/assets/icons/CheckCircle.js +2 -2
  2. package/dist/assets/icons/CheckCircle.js.map +1 -1
  3. package/dist/assets/icons/ChevronDown.js +1 -1
  4. package/dist/assets/icons/ChevronDown.js.map +1 -1
  5. package/dist/assets/icons/ChevronLeft.js +1 -1
  6. package/dist/assets/icons/ChevronLeft.js.map +1 -1
  7. package/dist/assets/icons/ChevronRight.js +1 -1
  8. package/dist/assets/icons/ChevronRight.js.map +1 -1
  9. package/dist/assets/icons/ChevronUp.js +1 -1
  10. package/dist/assets/icons/ChevronUp.js.map +1 -1
  11. package/dist/assets/icons/Cross.js +4 -3
  12. package/dist/assets/icons/Cross.js.map +1 -1
  13. package/dist/assets/icons/ExclamationCircle.js +2 -2
  14. package/dist/assets/icons/ExclamationCircle.js.map +1 -1
  15. package/dist/assets/icons/ExclamationTriangle.d.ts +3 -0
  16. package/dist/assets/icons/ExclamationTriangle.js +11 -0
  17. package/dist/assets/icons/ExclamationTriangle.js.map +1 -0
  18. package/dist/assets/icons/InfoCircle.js +4 -2
  19. package/dist/assets/icons/InfoCircle.js.map +1 -1
  20. package/dist/assets/icons/MessageSquareCheck.d.ts +3 -0
  21. package/dist/assets/icons/MessageSquareCheck.js +11 -0
  22. package/dist/assets/icons/MessageSquareCheck.js.map +1 -0
  23. package/dist/assets/icons/MessageSquareDots.d.ts +3 -0
  24. package/dist/assets/icons/MessageSquareDots.js +11 -0
  25. package/dist/assets/icons/MessageSquareDots.js.map +1 -0
  26. package/dist/components/Autocomplete/Item/styles.js +1 -1
  27. package/dist/components/Badge/styles.js +1 -1
  28. package/dist/components/Badge/styles.js.map +1 -1
  29. package/dist/components/Button/index.stories.js +1 -0
  30. package/dist/components/Button/index.stories.js.map +1 -1
  31. package/dist/components/Button/styles.js +39 -39
  32. package/dist/components/Button/styles.js.map +1 -1
  33. package/dist/components/Card/index.d.ts +2 -1
  34. package/dist/components/Card/index.js +2 -1
  35. package/dist/components/Card/index.js.map +1 -1
  36. package/dist/components/Card/index.stories.d.ts +2 -1
  37. package/dist/components/Card/index.stories.js +10 -5
  38. package/dist/components/Card/index.stories.js.map +1 -1
  39. package/dist/components/Card/styles.js +14 -2
  40. package/dist/components/Card/styles.js.map +1 -1
  41. package/dist/components/Checkbox/styles.js +2 -2
  42. package/dist/components/Checkbox/styles.js.map +1 -1
  43. package/dist/components/Error/index.js +2 -2
  44. package/dist/components/Error/index.js.map +1 -1
  45. package/dist/components/Heading/styles.js +10 -8
  46. package/dist/components/Heading/styles.js.map +1 -1
  47. package/dist/components/Input/CurrencyInput/index.js +1 -1
  48. package/dist/components/Input/CurrencyInput/index.js.map +1 -1
  49. package/dist/components/Input/CurrencyInput/styles.js +1 -1
  50. package/dist/components/Input/CurrencyInput/styles.js.map +1 -1
  51. package/dist/components/Input/index.js +3 -3
  52. package/dist/components/Input/index.js.map +1 -1
  53. package/dist/components/Input/index.stories.d.ts +2 -0
  54. package/dist/components/Input/index.stories.js +9 -1
  55. package/dist/components/Input/index.stories.js.map +1 -1
  56. package/dist/components/Input/styles.d.ts +8 -3
  57. package/dist/components/Input/styles.js +13 -5
  58. package/dist/components/Input/styles.js.map +1 -1
  59. package/dist/components/Modal/styles.js +1 -1
  60. package/dist/components/Modal/styles.js.map +1 -1
  61. package/dist/components/Notification/index.js +4 -3
  62. package/dist/components/Notification/index.js.map +1 -1
  63. package/dist/components/Notification/styles.js +13 -11
  64. package/dist/components/Notification/styles.js.map +1 -1
  65. package/dist/components/Radio/styles.js +1 -1
  66. package/dist/components/Radio/styles.js.map +1 -1
  67. package/dist/components/Select/index.js +2 -3
  68. package/dist/components/Select/index.js.map +1 -1
  69. package/dist/components/Select/styles.js +2 -2
  70. package/dist/components/Select/styles.js.map +1 -1
  71. package/dist/components/Tag/index.d.ts +1 -1
  72. package/dist/components/Tag/index.stories.d.ts +4 -0
  73. package/dist/components/Tag/index.stories.js +20 -1
  74. package/dist/components/Tag/index.stories.js.map +1 -1
  75. package/dist/components/Tag/styles.js +18 -7
  76. package/dist/components/Tag/styles.js.map +1 -1
  77. package/dist/theme/theme.d.ts +35 -11
  78. package/dist/theme/theme.js +67 -30
  79. package/dist/theme/theme.js.map +1 -1
  80. package/dist/theme/types.d.ts +8 -0
  81. package/dist/theme/types.js.map +1 -1
  82. package/package.json +2 -1
  83. package/dist/components/RemoveButton/index.d.ts +0 -5
  84. package/dist/components/RemoveButton/index.js +0 -13
  85. package/dist/components/RemoveButton/index.js.map +0 -1
  86. package/dist/components/RemoveButton/index.stories.d.ts +0 -5
  87. package/dist/components/RemoveButton/index.stories.js +0 -20
  88. package/dist/components/RemoveButton/index.stories.js.map +0 -1
  89. package/dist/components/RemoveButton/styles.d.ts +0 -2
  90. package/dist/components/RemoveButton/styles.js +0 -9
  91. package/dist/components/RemoveButton/styles.js.map +0 -1
@@ -4,8 +4,8 @@ exports.CheckCircle = void 0;
4
4
  var React = require("react");
5
5
  var CheckCircle = function (_a) {
6
6
  var _b = _a.width, width = _b === void 0 ? '100%' : _b;
7
- return (React.createElement("svg", { width: width, height: "100%", viewBox: "0 0 20 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" },
8
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 10C0 4.47733 4.47733 0 10 0C15.5233 0 20 4.47733 20 10C20 15.5233 15.5233 20 10 20C4.47733 20 0 15.5233 0 10ZM13.4047 5.38895C13.6374 5.14955 13.9546 5.0106 14.2886 5.00056L14.2887 5.00053C14.8168 4.98544 15.3015 5.296 15.5083 5.78233C15.7159 6.26948 15.6037 6.83365 15.2262 7.20364C14.1033 8.32891 13.1327 9.35128 12.1565 10.3795C11.1685 11.4202 10.1748 12.4668 9.01188 13.6322C8.53895 14.1068 7.78141 14.1386 7.27081 13.7059L4.48509 11.3487C4.21304 11.1328 4.03977 10.8147 4.00629 10.469C3.97196 10.1225 4.07911 9.77759 4.30428 9.51224C4.52861 9.24689 4.85171 9.08367 5.19826 9.06022C5.5448 9.03678 5.88716 9.15481 6.14581 9.38667L8.01412 10.967C8.77065 10.1926 9.47769 9.45133 10.1877 8.70694C11.2028 7.64269 12.2241 6.57204 13.4047 5.38895Z" })));
7
+ return (React.createElement("svg", { width: width, height: "100%", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" },
8
+ React.createElement("path", { d: "M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm-1.999 14.413-3.713-3.705L7.7 11.292l2.299 2.295 5.294-5.294 1.414 1.414-6.706 6.706z" })));
9
9
  };
10
10
  exports.CheckCircle = CheckCircle;
11
11
  //# sourceMappingURL=CheckCircle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CheckCircle.js","sourceRoot":"","sources":["../../../src/assets/icons/CheckCircle.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAGvB,IAAM,WAAW,GAAG,UAAC,EAA6B;QAA3B,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA;IAAkB,OAAA,CAC1D,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B;QAElC,8BACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6uBAA6uB,GACjvB,CACA,CACT;AAd6D,CAc7D,CAAA;AAdY,QAAA,WAAW,eAcvB"}
1
+ {"version":3,"file":"CheckCircle.js","sourceRoot":"","sources":["../../../src/assets/icons/CheckCircle.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAGvB,IAAM,WAAW,GAAG,UAAC,EAA6B;QAA3B,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA;IAAkB,OAAA,CAC1D,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B;QAElC,8BAAM,CAAC,EAAC,+JAA+J,GAAG,CACxK,CACT;AAV6D,CAU7D,CAAA;AAVY,QAAA,WAAW,eAUvB"}
@@ -6,7 +6,7 @@ var theme_1 = require("../../theme/theme");
6
6
  var ChevronDown = function (_a) {
7
7
  var _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.color, color = _c === void 0 ? theme_1.GREY1 : _c;
8
8
  return (React.createElement("svg", { width: width, height: "100%", viewBox: "0 0 48 48", fill: color, xmlns: "http://www.w3.org/2000/svg" },
9
- React.createElement("path", { d: "M22.409 35.7634L4.18931 17.5436C3.31059 16.6649 3.31059 15.2403 4.18931 14.3617L6.31434 12.2366C7.19156 11.3594 8.61328 11.3577 9.49256 12.2329L24 26.6723L38.5073 12.2329C39.3866 11.3577 40.8083 11.3594 41.6856 12.2366L43.8106 14.3617C44.6893 15.2404 44.6893 16.665 43.8106 17.5436L25.591 35.7634C24.7123 36.642 23.2877 36.642 22.409 35.7634Z" })));
9
+ React.createElement("path", { d: "M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z" })));
10
10
  };
11
11
  exports.ChevronDown = ChevronDown;
12
12
  //# sourceMappingURL=ChevronDown.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChevronDown.js","sourceRoot":"","sources":["../../../src/assets/icons/ChevronDown.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAE9B,2CAAyC;AAElC,IAAM,WAAW,GAAG,UAAC,EAA4C;QAA1C,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,aAAK,KAAA;IAAkB,OAAA,CACzE,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,KAAK,EACX,KAAK,EAAC,4BAA4B;QAElC,8BAAM,CAAC,EAAC,wVAAwV,GAAG,CACjW,CACT;AAV4E,CAU5E,CAAA;AAVY,QAAA,WAAW,eAUvB"}
1
+ {"version":3,"file":"ChevronDown.js","sourceRoot":"","sources":["../../../src/assets/icons/ChevronDown.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAE9B,2CAAyC;AAElC,IAAM,WAAW,GAAG,UAAC,EAA4C;QAA1C,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,aAAK,KAAA;IAAkB,OAAA,CACzE,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,KAAK,EACX,KAAK,EAAC,4BAA4B;QAElC,8BAAM,CAAC,EAAC,yEAAyE,GAAG,CAClF,CACT;AAV4E,CAU5E,CAAA;AAVY,QAAA,WAAW,eAUvB"}
@@ -6,7 +6,7 @@ var theme_1 = require("../../theme/theme");
6
6
  var ChevronLeft = function (_a) {
7
7
  var _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.color, color = _c === void 0 ? theme_1.GREY1 : _c;
8
8
  return (React.createElement("svg", { width: width, height: "100%", viewBox: "0 0 48 48", fill: color, xmlns: "http://www.w3.org/2000/svg" },
9
- React.createElement("path", { d: "M12.2363 22.4091L30.4566 4.18968C31.335 3.31124 32.76 3.31124 33.6384 4.18968L35.7638 6.31499C36.6413 7.19249 36.6422 8.61374 35.7675 9.49312L21.3272 24L35.7666 38.5078C36.6422 39.3872 36.6403 40.8084 35.7628 41.6859L33.6375 43.8112C32.7591 44.6897 31.3341 44.6897 30.4556 43.8112L12.2363 25.5909C11.3578 24.7125 11.3578 23.2875 12.2363 22.4091Z" })));
9
+ React.createElement("path", { d: "M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z" })));
10
10
  };
11
11
  exports.ChevronLeft = ChevronLeft;
12
12
  //# sourceMappingURL=ChevronLeft.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChevronLeft.js","sourceRoot":"","sources":["../../../src/assets/icons/ChevronLeft.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAE9B,2CAAyC;AAElC,IAAM,WAAW,GAAG,UAAC,EAA4C;QAA1C,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,aAAK,KAAA;IAAkB,OAAA,CACzE,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,KAAK,EACX,KAAK,EAAC,4BAA4B;QAElC,8BAAM,CAAC,EAAC,2VAA2V,GAAG,CACpW,CACT;AAV4E,CAU5E,CAAA;AAVY,QAAA,WAAW,eAUvB"}
1
+ {"version":3,"file":"ChevronLeft.js","sourceRoot":"","sources":["../../../src/assets/icons/ChevronLeft.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAE9B,2CAAyC;AAElC,IAAM,WAAW,GAAG,UAAC,EAA4C;QAA1C,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,aAAK,KAAA;IAAkB,OAAA,CACzE,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,KAAK,EACX,KAAK,EAAC,4BAA4B;QAElC,8BAAM,CAAC,EAAC,uEAAuE,GAAG,CAChF,CACT;AAV4E,CAU5E,CAAA;AAVY,QAAA,WAAW,eAUvB"}
@@ -6,7 +6,7 @@ var theme_1 = require("../../theme/theme");
6
6
  var ChevronRight = function (_a) {
7
7
  var _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.color, color = _c === void 0 ? theme_1.GREY1 : _c;
8
8
  return (React.createElement("svg", { width: width, height: "100%", viewBox: "0 0 48 48", fill: color, xmlns: "http://www.w3.org/2000/svg" },
9
- React.createElement("path", { d: "M35.7634 25.591L17.5436 43.8107C16.6649 44.6894 15.2403 44.6894 14.3617 43.8107L12.2366 41.6857C11.3594 40.8084 11.3577 39.3867 12.2329 38.5074L26.6723 24L12.2329 9.49265C11.3577 8.61337 11.3594 7.19165 12.2366 6.31444L14.3617 4.1894C15.2404 3.31069 16.665 3.31069 17.5436 4.1894L35.7633 22.4091C36.642 23.2877 36.642 24.7123 35.7634 25.591Z" })));
9
+ React.createElement("path", { d: "M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z" })));
10
10
  };
11
11
  exports.ChevronRight = ChevronRight;
12
12
  //# sourceMappingURL=ChevronRight.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChevronRight.js","sourceRoot":"","sources":["../../../src/assets/icons/ChevronRight.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAE9B,2CAAyC;AAElC,IAAM,YAAY,GAAG,UAAC,EAA4C;QAA1C,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,aAAK,KAAA;IAAkB,OAAA,CAC1E,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,KAAK,EACX,KAAK,EAAC,4BAA4B;QAElC,8BAAM,CAAC,EAAC,uVAAuV,GAAG,CAChW,CACT;AAV6E,CAU7E,CAAA;AAVY,QAAA,YAAY,gBAUxB"}
1
+ {"version":3,"file":"ChevronRight.js","sourceRoot":"","sources":["../../../src/assets/icons/ChevronRight.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAE9B,2CAAyC;AAElC,IAAM,YAAY,GAAG,UAAC,EAA4C;QAA1C,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,aAAK,KAAA;IAAkB,OAAA,CAC1E,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,KAAK,EACX,KAAK,EAAC,4BAA4B;QAElC,8BAAM,CAAC,EAAC,2EAA2E,GAAG,CACpF,CACT;AAV6E,CAU7E,CAAA;AAVY,QAAA,YAAY,gBAUxB"}
@@ -6,7 +6,7 @@ var theme_1 = require("../../theme/theme");
6
6
  var ChevronUp = function (_a) {
7
7
  var _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.color, color = _c === void 0 ? theme_1.GREY1 : _c;
8
8
  return (React.createElement("svg", { width: width, height: "100%", viewBox: "0 0 48 48", fill: color, xmlns: "http://www.w3.org/2000/svg" },
9
- React.createElement("path", { d: "M25.591 12.2366L43.8107 30.4563C44.6894 31.335 44.6894 32.7596 43.8107 33.6383L41.6857 35.7633C40.8084 36.6405 39.3867 36.6422 38.5074 35.767L24 21.3277L9.49266 35.7671C8.61337 36.6423 7.19166 36.6406 6.31444 35.7634L4.18941 33.6383C3.31069 32.7596 3.31069 31.335 4.18941 30.4564L22.4091 12.2367C23.2877 11.358 24.7123 11.358 25.591 12.2366Z" })));
9
+ React.createElement("path", { d: "m6.293 13.293 1.414 1.414L12 10.414l4.293 4.293 1.414-1.414L12 7.586z" })));
10
10
  };
11
11
  exports.ChevronUp = ChevronUp;
12
12
  //# sourceMappingURL=ChevronUp.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChevronUp.js","sourceRoot":"","sources":["../../../src/assets/icons/ChevronUp.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAE9B,2CAAyC;AAElC,IAAM,SAAS,GAAG,UAAC,EAA4C;QAA1C,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,aAAK,KAAA;IAAkB,OAAA,CACvE,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,KAAK,EACX,KAAK,EAAC,4BAA4B;QAElC,8BAAM,CAAC,EAAC,uVAAuV,GAAG,CAChW,CACT;AAV0E,CAU1E,CAAA;AAVY,QAAA,SAAS,aAUrB"}
1
+ {"version":3,"file":"ChevronUp.js","sourceRoot":"","sources":["../../../src/assets/icons/ChevronUp.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAE9B,2CAAyC;AAElC,IAAM,SAAS,GAAG,UAAC,EAA4C;QAA1C,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,aAAK,KAAA;IAAkB,OAAA,CACvE,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,KAAK,EACX,KAAK,EAAC,4BAA4B;QAElC,8BAAM,CAAC,EAAC,uEAAuE,GAAG,CAChF,CACT;AAV0E,CAU1E,CAAA;AAVY,QAAA,SAAS,aAUrB"}
@@ -4,9 +4,10 @@ exports.Cross = void 0;
4
4
  var React = require("react");
5
5
  var theme_1 = require("../../theme/theme");
6
6
  var Cross = function (_a) {
7
- var _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.color, color = _c === void 0 ? theme_1.GREY1 : _c;
8
- return (React.createElement("svg", { width: width, height: "100%", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", fill: color },
9
- React.createElement("path", { d: "M38.7187 32.9062L29.3141 23.5016L38.7187 14.0969C38.8989 13.9145 38.9999 13.6684 38.9999 13.412C38.9999 13.1556 38.8989 12.9095 38.7187 12.7271L34.276 8.28444C34.1862 8.19428 34.0794 8.12275 33.9619 8.07394C33.8444 8.02513 33.7184 8 33.5911 8C33.4638 8 33.3378 8.02513 33.2203 8.07394C33.1028 8.12275 32.996 8.19428 32.9062 8.28444L23.5016 17.6891L14.0969 8.28444C13.9153 8.10283 13.6689 8.0008 13.412 8.0008C13.1552 8.0008 12.9088 8.10283 12.7271 8.28444L8.28444 12.7271C8.19428 12.817 8.12275 12.9237 8.07394 13.0412C8.02513 13.1588 8 13.2848 8 13.412C8 13.5393 8.02513 13.6653 8.07394 13.7828C8.12275 13.9004 8.19428 14.0071 8.28444 14.0969L17.6891 23.5016L8.28444 32.9062C8.10283 33.0879 8.0008 33.3342 8.0008 33.5911C8.0008 33.848 8.10283 34.0943 8.28444 34.276L12.7271 38.7187C12.817 38.8088 12.9237 38.8804 13.0412 38.9292C13.1588 38.978 13.2848 39.0031 13.412 39.0031C13.5393 39.0031 13.6653 38.978 13.7828 38.9292C13.9004 38.8804 14.0071 38.8088 14.0969 38.7187L23.5016 29.3141L32.9062 38.7187C33.0879 38.9003 33.3342 39.0023 33.5911 39.0023C33.848 39.0023 34.0943 38.9003 34.276 38.7187L38.7187 34.276C38.8088 34.1862 38.8804 34.0794 38.9292 33.9619C38.978 33.8444 39.0031 33.7184 39.0031 33.5911C39.0031 33.4638 38.978 33.3378 38.9292 33.2203C38.8804 33.1028 38.8088 32.996 38.7187 32.9062V32.9062Z" })));
7
+ var _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.color, color = _c === void 0 ? theme_1.GREY2 : _c;
8
+ return (React.createElement("svg", { width: width, height: "100%", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: color },
9
+ React.createElement("path", { d: "m16.192 6.344-4.243 4.242-4.242-4.242-1.414 1.414L10.535 12l-4.242 4.242 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L13.364 12l4.242-4.242z" }),
10
+ ' '));
10
11
  };
11
12
  exports.Cross = Cross;
12
13
  //# sourceMappingURL=Cross.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Cross.js","sourceRoot":"","sources":["../../../src/assets/icons/Cross.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAE9B,2CAAyC;AAElC,IAAM,KAAK,GAAG,UAAC,EAA4C;QAA1C,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,aAAK,KAAA;IAAkB,OAAA,CACnE,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAE,KAAK;QAEX,8BAAM,CAAC,EAAC,+xCAA+xC,GAAG,CACxyC,CACT;AAVsE,CAUtE,CAAA;AAVY,QAAA,KAAK,SAUjB"}
1
+ {"version":3,"file":"Cross.js","sourceRoot":"","sources":["../../../src/assets/icons/Cross.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAE9B,2CAAyC;AAElC,IAAM,KAAK,GAAG,UAAC,EAA4C;QAA1C,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,aAAK,KAAA;IAAkB,OAAA,CACnE,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAE,KAAK;QAEX,8BAAM,CAAC,EAAC,iJAAiJ,GAAG;QAAC,GAAG,CAC9J,CACT;AAVsE,CAUtE,CAAA;AAVY,QAAA,KAAK,SAUjB"}
@@ -4,8 +4,8 @@ exports.ExclamationCircle = void 0;
4
4
  var React = require("react");
5
5
  var ExclamationCircle = function (_a) {
6
6
  var _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
7
- return (React.createElement("svg", { width: width, height: "100%", viewBox: "0 0 20 20", fill: color, xmlns: "http://www.w3.org/2000/svg" },
8
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 0C7.34741 0 4.8047 1.05347 2.92846 2.92846C1.05347 4.80467 0 7.34751 0 10C0 12.6525 1.05347 15.1953 2.92846 17.0715C4.80467 18.9465 7.34751 20 10 20C12.6525 20 15.1953 18.9465 17.0715 17.0715C18.9465 15.1953 20 12.6525 20 10C20 7.34751 18.9465 4.8047 17.0715 2.92846C15.1953 1.05347 12.6525 0 10 0ZM9.99999 15.625C9.49461 15.625 9.03808 15.321 8.84521 14.8535C8.65112 14.386 8.75854 13.8489 9.11621 13.4912C9.47387 13.1335 10.011 13.0261 10.4785 13.2202C10.946 13.4131 11.25 13.8696 11.25 14.375C11.25 14.707 11.1182 15.0244 10.8838 15.2587C10.6494 15.4931 10.332 15.625 10 15.625L9.99999 15.625ZM10 11.25C10.6904 11.25 11.25 10.6903 11.25 9.99998V5.625C11.25 4.93464 10.6904 4.375 10 4.375C9.30964 4.375 8.75 4.93464 8.75 5.62499V9.99998C8.75 10.6903 9.30964 11.25 10 11.25Z" })));
7
+ return (React.createElement("svg", { width: width, height: "100%", viewBox: "0 0 24 24", fill: color, xmlns: "http://www.w3.org/2000/svg" },
8
+ React.createElement("path", { d: "M11.953 2C6.465 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.493 2 11.953 2zM13 17h-2v-2h2v2zm0-4h-2V7h2v6z" })));
9
9
  };
10
10
  exports.ExclamationCircle = ExclamationCircle;
11
11
  //# sourceMappingURL=ExclamationCircle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ExclamationCircle.js","sourceRoot":"","sources":["../../../src/assets/icons/ExclamationCircle.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAGvB,IAAM,iBAAiB,GAAG,UAAC,EAGtB;QAFR,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,aAAsB,EAAtB,KAAK,mBAAG,cAAc,KAAA;IACT,OAAA,CACb,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,KAAK,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6wBAA6wB,GACjxB,CACA,CACT;AAdgB,CAchB,CAAA;AAjBY,QAAA,iBAAiB,qBAiB7B"}
1
+ {"version":3,"file":"ExclamationCircle.js","sourceRoot":"","sources":["../../../src/assets/icons/ExclamationCircle.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAGvB,IAAM,iBAAiB,GAAG,UAAC,EAGtB;QAFR,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,aAAsB,EAAtB,KAAK,mBAAG,cAAc,KAAA;IACT,OAAA,CACb,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,KAAK,EACX,KAAK,EAAC,4BAA4B;QAElC,8BAAM,CAAC,EAAC,gHAAgH,GAAG,CACzH,CACT;AAVgB,CAUhB,CAAA;AAbY,QAAA,iBAAiB,qBAa7B"}
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from '../../theme/types';
3
+ export declare const ExclamationTriangle: ({ width, color, }: IconProps) => JSX.Element;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ExclamationTriangle = void 0;
4
+ var React = require("react");
5
+ var ExclamationTriangle = function (_a) {
6
+ var _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
7
+ return (React.createElement("svg", { width: width, height: "100%", viewBox: "0 0 24 24", fill: color, xmlns: "http://www.w3.org/2000/svg" },
8
+ React.createElement("path", { d: "M12.884 2.532c-.346-.654-1.422-.654-1.768 0l-9 17A.999.999 0 0 0 3 21h18a.998.998 0 0 0 .883-1.467L12.884 2.532zM13 18h-2v-2h2v2zm-2-4V9h2l.001 5H11z" })));
9
+ };
10
+ exports.ExclamationTriangle = ExclamationTriangle;
11
+ //# sourceMappingURL=ExclamationTriangle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ExclamationTriangle.js","sourceRoot":"","sources":["../../../src/assets/icons/ExclamationTriangle.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAGvB,IAAM,mBAAmB,GAAG,UAAC,EAGxB;QAFR,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,aAAsB,EAAtB,KAAK,mBAAG,cAAc,KAAA;IACT,OAAA,CACb,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,KAAK,EACX,KAAK,EAAC,4BAA4B;QAElC,8BAAM,CAAC,EAAC,uJAAuJ,GAAG,CAChK,CACT;AAVgB,CAUhB,CAAA;AAbY,QAAA,mBAAmB,uBAa/B"}
@@ -5,8 +5,10 @@ var tslib_1 = require("tslib");
5
5
  var React = require("react");
6
6
  var InfoCircle = function (_a) {
7
7
  var _b = _a.width, width = _b === void 0 ? '100%' : _b, rest = tslib_1.__rest(_a, ["width"]);
8
- return (React.createElement("svg", tslib_1.__assign({ width: width, height: "100%", viewBox: "0 0 48 48", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, rest),
9
- React.createElement("path", { d: "M24 0.75C11.1603 0.75 0.75 11.164 0.75 24C0.75 36.8435 11.1603 47.25 24 47.25C36.8397 47.25 47.25 36.8435 47.25 24C47.25 11.164 36.8397 0.75 24 0.75ZM24 11.0625C26.1746 11.0625 27.9375 12.8254 27.9375 15C27.9375 17.1746 26.1746 18.9375 24 18.9375C21.8254 18.9375 20.0625 17.1746 20.0625 15C20.0625 12.8254 21.8254 11.0625 24 11.0625ZM29.25 34.875C29.25 35.4963 28.7463 36 28.125 36H19.875C19.2537 36 18.75 35.4963 18.75 34.875V32.625C18.75 32.0037 19.2537 31.5 19.875 31.5H21V25.5H19.875C19.2537 25.5 18.75 24.9963 18.75 24.375V22.125C18.75 21.5037 19.2537 21 19.875 21H25.875C26.4963 21 27 21.5037 27 22.125V31.5H28.125C28.7463 31.5 29.25 32.0037 29.25 32.625V34.875Z" })));
8
+ return (React.createElement("svg", tslib_1.__assign({ width: width, height: "100%", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, rest),
9
+ React.createElement("path", { d: "M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z" }),
10
+ React.createElement("path", { d: "M11 11h2v6h-2zm0-4h2v2h-2z" }),
11
+ ' '));
10
12
  };
11
13
  exports.InfoCircle = InfoCircle;
12
14
  //# sourceMappingURL=InfoCircle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InfoCircle.js","sourceRoot":"","sources":["../../../src/assets/icons/InfoCircle.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAGvB,IAAM,UAAU,GAAG,UAAC,EAAsC;IAApC,IAAA,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAK,IAAI,sBAAzB,SAA2B,CAAF;IAAkB,OAAA,CAClE,8CACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B,IAC9B,IAAI;QAER,8BAAM,CAAC,EAAC,8pBAA8pB,GAAG,CACvqB,CACT,CAAA;CAAA,CAAA;AAXY,QAAA,UAAU,cAWtB"}
1
+ {"version":3,"file":"InfoCircle.js","sourceRoot":"","sources":["../../../src/assets/icons/InfoCircle.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAGvB,IAAM,UAAU,GAAG,UAAC,EAAsC;IAApC,IAAA,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAK,IAAI,sBAAzB,SAA2B,CAAF;IAAkB,OAAA,CAClE,8CACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B,IAC9B,IAAI;QAER,8BAAM,CAAC,EAAC,wIAAwI,GAAG;QACnJ,8BAAM,CAAC,EAAC,4BAA4B,GAAG;QAAC,GAAG,CACzC,CACT,CAAA;CAAA,CAAA;AAZY,QAAA,UAAU,cAYtB"}
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from '../../theme/types';
3
+ export declare const MessageSquareCheck: ({ width }: IconProps) => JSX.Element;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MessageSquareCheck = void 0;
4
+ var React = require("react");
5
+ var MessageSquareCheck = function (_a) {
6
+ var _b = _a.width, width = _b === void 0 ? '100%' : _b;
7
+ return (React.createElement("svg", { width: width, height: "100%", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" },
8
+ React.createElement("path", { d: "M16 2H8C4.691 2 2 4.691 2 8v13a1 1 0 0 0 1 1h13c3.309 0 6-2.691 6-6V8c0-3.309-2.691-6-6-6zm-5 14.414-3.707-3.707 1.414-1.414L11 13.586l4.793-4.793 1.414 1.414L11 16.414z" })));
9
+ };
10
+ exports.MessageSquareCheck = MessageSquareCheck;
11
+ //# sourceMappingURL=MessageSquareCheck.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MessageSquareCheck.js","sourceRoot":"","sources":["../../../src/assets/icons/MessageSquareCheck.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAGvB,IAAM,kBAAkB,GAAG,UAAC,EAA6B;QAA3B,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA;IAAkB,OAAA,CACjE,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B;QAElC,8BAAM,CAAC,EAAC,2KAA2K,GAAG,CACpL,CACT;AAVoE,CAUpE,CAAA;AAVY,QAAA,kBAAkB,sBAU9B"}
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from '../../theme/types';
3
+ export declare const MessageSquareDots: ({ width }: IconProps) => JSX.Element;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MessageSquareDots = void 0;
4
+ var React = require("react");
5
+ var MessageSquareDots = function (_a) {
6
+ var _b = _a.width, width = _b === void 0 ? '100%' : _b;
7
+ return (React.createElement("svg", { width: width, height: "100%", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" },
8
+ React.createElement("path", { d: "M16 2H8C4.691 2 2 4.691 2 8v13a1 1 0 0 0 1 1h13c3.309 0 6-2.691 6-6V8c0-3.309-2.691-6-6-6zm-2 13H7v-2h7v2zm3-4H7V9h10v2z" })));
9
+ };
10
+ exports.MessageSquareDots = MessageSquareDots;
11
+ //# sourceMappingURL=MessageSquareDots.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MessageSquareDots.js","sourceRoot":"","sources":["../../../src/assets/icons/MessageSquareDots.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAGvB,IAAM,iBAAiB,GAAG,UAAC,EAA6B;QAA3B,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA;IAAkB,OAAA,CAChE,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B;QAElC,8BAAM,CAAC,EAAC,0HAA0H,GAAG,CACnI,CACT;AAVmE,CAUnE,CAAA;AAVY,QAAA,iBAAiB,qBAU7B"}
@@ -9,6 +9,6 @@ exports.StyledAutocompleteItem = styled_components_1.default.div(templateObject_
9
9
  }, index_1.baseline * 1.5, index_1.baseline, function (props) {
10
10
  return props.highlighted ? props.theme.colors.grey[5] : 'white';
11
11
  }, function (props) { return (props.noResults ? 'default' : 'pointer'); });
12
- exports.StyledAutocompleteItemTitle = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n padding: 10px ", "px;\n border-bottom: 1px solid ", ";\n user-select: none;\n text-transform: uppercase;\n color: ", ";\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n padding: 10px ", "px;\n border-bottom: 1px solid ", ";\n user-select: none;\n text-transform: uppercase;\n color: ", ";\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, index_1.baseline, function (props) { return props.theme.borderColor; }, function (props) { return props.theme.colors.grey[3]; });
12
+ exports.StyledAutocompleteItemTitle = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n padding: 10px ", "px;\n border-bottom: 1px solid ", ";\n user-select: none;\n text-transform: uppercase;\n color: ", ";\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n padding: 10px ", "px;\n border-bottom: 1px solid ", ";\n user-select: none;\n text-transform: uppercase;\n color: ", ";\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, index_1.baseline, function (props) { return props.theme.borderColor; }, function (props) { return props.theme.colors.grey[3]; });
13
13
  var templateObject_1, templateObject_2;
14
14
  //# sourceMappingURL=styles.js.map
@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.StyledBadge = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var styled_components_1 = require("styled-components");
6
- exports.StyledBadge = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: inline-flex;\n flex-direction: column;\n padding: ", "px\n ", "px;\n font-family: ", ";\n font-weight: bold;\n font-size: ", ";\n background: ", ";\n border-radius: 40px;\n color: ", ";\n text-transform: uppercase;\n line-height: 8px;\n white-space: nowrap;\n"], ["\n display: inline-flex;\n flex-direction: column;\n padding: ", "px\n ", "px;\n font-family: ", ";\n font-weight: bold;\n font-size: ", ";\n background: ", ";\n border-radius: 40px;\n color: ", ";\n text-transform: uppercase;\n line-height: 8px;\n white-space: nowrap;\n"])), function (props) { return props.theme.baseline; }, function (props) { return props.theme.baseline * 2; }, function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.grey[3]; }, function (props) { return props.theme.colors.white; });
6
+ exports.StyledBadge = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: inline-flex;\n flex-direction: column;\n padding: ", "px\n ", "px;\n font-family: ", ";\n font-weight: 500;\n font-size: ", ";\n background: ", ";\n border-radius: 40px;\n color: ", ";\n text-transform: uppercase;\n line-height: 8px;\n white-space: nowrap;\n"], ["\n display: inline-flex;\n flex-direction: column;\n padding: ", "px\n ", "px;\n font-family: ", ";\n font-weight: 500;\n font-size: ", ";\n background: ", ";\n border-radius: 40px;\n color: ", ";\n text-transform: uppercase;\n line-height: 8px;\n white-space: nowrap;\n"])), function (props) { return props.theme.baseline; }, function (props) { return props.theme.baseline * 2; }, function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.grey[4]; }, function (props) { return props.theme.colors.grey[2]; });
7
7
  var templateObject_1;
8
8
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Badge/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAGzB,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,uYAAY,yEAGlC,EAA6B,cAClC,EAAiC,wBACxB,EAAiC,4CAEnC,EAAiC,qBAChC,EAAmC,0CAExC,EAAiC,sFAI7C,KAXc,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAClC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAxB,CAAwB,EACxB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAEnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EAChC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAExC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAxB,CAAwB,EAI7C"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Badge/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAGzB,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,sYAAY,yEAGlC,EAA6B,cAClC,EAAiC,wBACxB,EAAiC,2CAEnC,EAAiC,qBAChC,EAAmC,0CAExC,EAAmC,sFAI/C,KAXc,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAClC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAxB,CAAwB,EACxB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAEnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EAChC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAExC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAI/C"}
@@ -30,6 +30,7 @@ exports.All = All;
30
30
  exports.Primary = Template.bind({});
31
31
  exports.Primary.args = {
32
32
  kind: 'primary',
33
+ size: 'medium',
33
34
  };
34
35
  exports.Secondary = Template.bind({});
35
36
  exports.Secondary.args = {
@@ -1 +1 @@
1
- {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Button/index.stories.tsx"],"names":[],"mappings":";;;;AAEA,+BAAyB;AACzB,sBAAuC;AAEvC,8BAA4B;AAC5B,8CAA4C;AAE5C,IAAM,YAAY,GAAmB;IACjC,SAAS;IACT,WAAW;IACX,UAAU;IACV,OAAO;IACP,MAAM;CACT,CAAA;AAED,kBAAe;IACX,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,SAAM;IACjB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAuB,UAAC,EAAiB;IAAf,IAAA,IAAI,UAAA,EAAK,IAAI,sBAAf,QAAiB,CAAF;IAAO,OAAA,CACxD,8BAAC,SAAM,qBAAC,IAAI,EAAE,IAAI,IAAM,IAAI,GACvB,IAAI,CACA,CACZ,CAAA;CAAA,CAAA;AAEM,IAAM,GAAG,GAAuB;IACnC,OAAO,CACH,8DACK,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,8BAAC,SAAG,IAAC,GAAG,EAAE,KAAK;QACX,8BAAC,SAAM,IAAC,IAAI,EAAE,IAAI,IAAG,IAAI,CAAU,CACjC,CACT,EAJkC,CAIlC,CAAC,CACH,CACN,CAAA;AACL,CAAC,CAAA;AAVY,QAAA,GAAG,OAUf;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,SAAS;CAClB,CAAA;AAEY,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,iBAAS,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,WAAW;CACpB,CAAA;AAEY,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,gBAAQ,CAAC,IAAI,GAAG;IACZ,IAAI,EAAE,UAAU;CACnB,CAAA;AAEY,QAAA,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtC,aAAK,CAAC,IAAI,GAAG;IACT,IAAI,EAAE,OAAO;CAChB,CAAA;AAEY,QAAA,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrC,YAAI,CAAC,IAAI,GAAG;IACR,IAAI,EAAE,MAAM;CACf,CAAA;AAEM,IAAM,KAAK,GAAuB;IACrC,OAAO,CACH;QACI,8BAAC,yBAAW,IAAC,SAAS,EAAC,KAAK;YACxB,8BAAC,SAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,YAE1B;YACT,8BAAC,SAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,aAE3B;YACT,8BAAC,SAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,YAE1B,CACC,CACf,CACN,CAAA;AACL,CAAC,CAAA;AAhBY,QAAA,KAAK,SAgBjB;AAED,aAAK,CAAC,UAAU,GAAG;IACf,QAAQ,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE;CAC5C,CAAA"}
1
+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Button/index.stories.tsx"],"names":[],"mappings":";;;;AAEA,+BAAyB;AACzB,sBAAuC;AAEvC,8BAA4B;AAC5B,8CAA4C;AAE5C,IAAM,YAAY,GAAmB;IACjC,SAAS;IACT,WAAW;IACX,UAAU;IACV,OAAO;IACP,MAAM;CACT,CAAA;AAED,kBAAe;IACX,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,SAAM;IACjB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAuB,UAAC,EAAiB;IAAf,IAAA,IAAI,UAAA,EAAK,IAAI,sBAAf,QAAiB,CAAF;IAAO,OAAA,CACxD,8BAAC,SAAM,qBAAC,IAAI,EAAE,IAAI,IAAM,IAAI,GACvB,IAAI,CACA,CACZ,CAAA;CAAA,CAAA;AAEM,IAAM,GAAG,GAAuB;IACnC,OAAO,CACH,8DACK,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,8BAAC,SAAG,IAAC,GAAG,EAAE,KAAK;QACX,8BAAC,SAAM,IAAC,IAAI,EAAE,IAAI,IAAG,IAAI,CAAU,CACjC,CACT,EAJkC,CAIlC,CAAC,CACH,CACN,CAAA;AACL,CAAC,CAAA;AAVY,QAAA,GAAG,OAUf;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,QAAQ;CACjB,CAAA;AACY,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,iBAAS,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,WAAW;CACpB,CAAA;AAEY,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,gBAAQ,CAAC,IAAI,GAAG;IACZ,IAAI,EAAE,UAAU;CACnB,CAAA;AAEY,QAAA,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtC,aAAK,CAAC,IAAI,GAAG;IACT,IAAI,EAAE,OAAO;CAChB,CAAA;AAEY,QAAA,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrC,YAAI,CAAC,IAAI,GAAG;IACR,IAAI,EAAE,MAAM;CACf,CAAA;AAEM,IAAM,KAAK,GAAuB;IACrC,OAAO,CACH;QACI,8BAAC,yBAAW,IAAC,SAAS,EAAC,KAAK;YACxB,8BAAC,SAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,YAE1B;YACT,8BAAC,SAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,aAE3B;YACT,8BAAC,SAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,YAE1B,CACC,CACf,CACN,CAAA;AACL,CAAC,CAAA;AAhBY,QAAA,KAAK,SAgBjB;AAED,aAAK,CAAC,UAAU,GAAG;IACf,QAAQ,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE;CAC5C,CAAA"}
@@ -6,44 +6,46 @@ var styled_components_1 = require("styled-components");
6
6
  var styled_map_1 = require("styled-map");
7
7
  var index_1 = require("../../theme/index");
8
8
  var theme_1 = require("../../theme/theme");
9
- var types_1 = require("../../theme/types");
10
9
  var styles_1 = require("../Link/styles");
11
- exports.StyledButton = styled_components_1.default.button(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n appearance: none;\n background: none;\n border: none;\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: ", ";\n padding: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n white-space: nowrap;\n line-height: ", ";\n box-shadow: ", ";\n background: ", ";\n border-radius: ", "px;\n color: ", ";\n opacity: ", ";\n cursor: ", ";\n\n &:hover,\n &:focus {\n outline: none;\n background: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n ", ";\n"], ["\n appearance: none;\n background: none;\n border: none;\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: ", ";\n padding: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n white-space: nowrap;\n line-height: ", ";\n box-shadow: ", ";\n background: ", ";\n border-radius: ", "px;\n color: ", ";\n opacity: ", ";\n cursor: ", ";\n\n &:hover,\n &:focus {\n outline: none;\n background: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n ", ";\n"])), styled_map_1.default('kind', {
10
+ exports.StyledButton = styled_components_1.default.button(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n appearance: none;\n background: none;\n border: none;\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: ", ";\n padding: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n white-space: nowrap;\n line-height: ", ";\n box-shadow: ", ";\n background: ", ";\n border-radius: ", "px;\n color: ", ";\n opacity: ", ";\n cursor: ", ";\n\n &:hover,\n &:focus {\n outline: none;\n background: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n ", ";\n"], ["\n appearance: none;\n background: none;\n border: none;\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: ", ";\n padding: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n white-space: nowrap;\n line-height: ", ";\n box-shadow: ", ";\n background: ", ";\n border-radius: ", "px;\n color: ", ";\n opacity: ", ";\n cursor: ", ";\n\n &:hover,\n &:focus {\n outline: none;\n background: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n ", ";\n"])), styled_map_1.default('kind', {
12
11
  primary: '100%',
13
12
  secondary: '100%',
14
13
  tertiary: '100%',
15
14
  ghost: 'auto',
16
15
  }), function (props) {
17
- var _a;
18
- return styled_map_1.default('size', (_a = {},
19
- _a[types_1.SIZE_SMALL] = "0 " + props.theme.spacing[1] + "px;",
20
- _a[types_1.SIZE_MEDIUM] = props.kind === 'none' ? '0' : '0 28px',
21
- _a));
16
+ return styled_map_1.default('size', {
17
+ small: props.kind === 'none' ? 0 : "0 " + props.theme.spacing[1] + "px;",
18
+ medium: props.kind === 'none' ? 0 : "0 " + props.theme.spacing[2] + "px;",
19
+ large: props.kind === 'none' ? 0 : "0 " + props.theme.spacing[3] + "px;",
20
+ });
22
21
  }, function (props) { return props.theme.font.default; }, function (props) {
23
- var _a;
24
- return styled_map_1.default('size', (_a = {},
25
- _a[types_1.SIZE_SMALL] = props.theme.font.sizes.s,
26
- _a[types_1.SIZE_MEDIUM] = props.theme.font.sizes.m,
27
- _a[types_1.SIZE_LARGE] = props.theme.font.sizes.l,
28
- _a));
29
- }, function (props) {
30
- var _a;
31
- return styled_map_1.default('size', (_a = {},
32
- _a[types_1.SIZE_SMALL] = props.theme.spacing[4] + "px",
33
- _a[types_1.SIZE_MEDIUM] = '44px;',
34
- _a));
22
+ return styled_map_1.default('size', {
23
+ small: props.theme.font.sizes.s,
24
+ medium: props.theme.font.sizes.s,
25
+ large: props.theme.font.sizes.m,
26
+ });
27
+ }, styled_map_1.default('size', {
28
+ small: 500,
29
+ medium: 500,
30
+ large: 500,
31
+ }), function (props) {
32
+ return styled_map_1.default('size', {
33
+ small: props.theme.spacing[4] + "px",
34
+ medium: props.theme.spacing[5] + "px",
35
+ large: props.theme.spacing[6] + "px",
36
+ });
35
37
  }, function (props) {
36
38
  return props.disabled
37
39
  ? styled_map_1.default('kind', {
38
40
  primary: props.theme.colors.grey[4],
39
41
  secondary: props.theme.colors.grey[4],
40
- tertiary: "inset 0 0 0 2px " + props.theme.colors.grey[3] + ";",
42
+ tertiary: props.theme.colors.grey[4],
41
43
  ghost: 'none',
42
44
  })
43
45
  : styled_map_1.default('kind', {
44
- primary: 'none',
45
- secondary: 'none',
46
- tertiary: "inset 0 0 0 2px " + props.theme.colors.primary + ";",
46
+ primary: '0 2px 4px rgba(45, 54, 66, 0.07), 0 1px 2px rgba(45, 54, 66, 0.07);',
47
+ secondary: '0 2px 4px rgba(45, 54, 66, 0.07), 0 1px 2px rgba(45, 54, 66, 0.07);',
48
+ tertiary: "inset 0 0 0 1px " + props.theme.colors.primary + ";",
47
49
  ghost: 'none',
48
50
  });
49
51
  }, function (props) {
@@ -51,7 +53,7 @@ exports.StyledButton = styled_components_1.default.button(templateObject_2 || (t
51
53
  ? styled_map_1.default('kind', {
52
54
  primary: props.theme.colors.grey[4],
53
55
  secondary: props.theme.colors.grey[4],
54
- tertiary: 'transparent',
56
+ tertiary: props.theme.colors.grey[4],
55
57
  ghost: 'transparent',
56
58
  })
57
59
  : styled_map_1.default('kind', {
@@ -107,26 +109,24 @@ exports.StyledButton = styled_components_1.default.button(templateObject_2 || (t
107
109
  tertiary: 'white',
108
110
  ghost: props.theme.colors.grey[2],
109
111
  });
110
- }, index_1.media.s(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n width: auto;\n line-height: ", ";\n padding: ", ";\n "], ["\n width: auto;\n line-height: ", ";\n padding: ", ";\n "])), function (props) {
111
- var _a;
112
- return styled_map_1.default('size', (_a = {},
113
- _a[types_1.SIZE_SMALL] = props.theme.spacing[4] + "px",
114
- _a[types_1.SIZE_MEDIUM] = props.theme.spacing[6] + "px",
115
- _a[types_1.SIZE_LARGE] = props.theme.spacing[7] + "px",
116
- _a));
117
- }, function (props) {
118
- var _a;
119
- return styled_map_1.default('size', (_a = {},
120
- _a[types_1.SIZE_SMALL] = "0 " + props.theme.spacing[1] + "px;",
121
- _a[types_1.SIZE_MEDIUM] = props.kind === 'none' ? '0' : '0 28px',
122
- _a[types_1.SIZE_LARGE] = "0 " + props.theme.spacing[7] + "px;",
123
- _a));
112
+ }, index_1.media.s(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n width: auto;\n padding: ", ";\n "], ["\n width: auto;\n padding: ", ";\n "])), function (props) {
113
+ return styled_map_1.default('size', {
114
+ small: props.kind === 'none'
115
+ ? 0
116
+ : "0 " + props.theme.spacing[1] + "px;",
117
+ medium: props.kind === 'none'
118
+ ? 0
119
+ : "0 " + props.theme.spacing[2] + "px;",
120
+ large: props.kind === 'none'
121
+ ? 0
122
+ : "0 " + props.theme.spacing[3] + "px;",
123
+ });
124
124
  }));
125
125
  exports.StyledLinkButton = styled_components_1.default.button(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n ", ";\n border: none;\n background: none;\n padding: 0;\n\n &:hover {\n color: ", ";\n }\n"], ["\n ", ";\n border: none;\n background: none;\n padding: 0;\n\n &:hover {\n color: ", ";\n }\n"])), styles_1.linkStyles, function (props) {
126
126
  return props.secondary
127
127
  ? props.theme.colors.grey[2]
128
128
  : props.theme.colors.links.hover;
129
129
  });
130
- exports.StyledIcon = styled_components_1.default.div(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n ", ";\n ", ";\n ", ";\n ", ";\n\n svg {\n position: relative;\n top: 2px;\n }\n"], ["\n ", ";\n ", ";\n ", ";\n ", ";\n\n svg {\n position: relative;\n top: 2px;\n }\n"])), function (props) { return (props.nav === 'previous' ? 'left: 16px' : 0); }, function (props) { return (props.nav === 'next' ? 'right: 16px' : 0); }, function (props) { return (props.nav === 'previous' ? 'margin-right: 16px' : 0); }, function (props) { return (props.nav === 'next' ? 'margin-left: 16px' : 0); });
130
+ exports.StyledIcon = styled_components_1.default.div(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n ", ";\n ", ";\n ", ";\n ", ";\n\n svg {\n position: relative;\n top: 4px;\n }\n"], ["\n ", ";\n ", ";\n ", ";\n ", ";\n\n svg {\n position: relative;\n top: 4px;\n }\n"])), function (props) { return (props.nav === 'previous' ? 'left: 16px' : 0); }, function (props) { return (props.nav === 'next' ? 'right: 16px' : 0); }, function (props) { return (props.nav === 'previous' ? 'margin-right: 8px' : 0); }, function (props) { return (props.nav === 'next' ? 'margin-left: 8px' : 0); });
131
131
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
132
132
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":"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"}
@@ -5,7 +5,8 @@ export interface CardProps {
5
5
  background?: 'white' | 'grey' | string;
6
6
  px?: Spacing;
7
7
  py?: Spacing;
8
- shadow?: boolean;
8
+ shadow?: 's' | 'l';
9
+ radius?: 's' | 'l';
9
10
  textAlign?: TextAlignType;
10
11
  }
11
12
  export declare const Card: React.FC<CardProps & BoxProps>;
@@ -13,7 +13,8 @@ var Card = function (_a) {
13
13
  exports.Card = Card;
14
14
  exports.Card.defaultProps = {
15
15
  background: 'white',
16
- shadow: false,
16
+ shadow: undefined,
17
+ radius: 's',
17
18
  px: 2,
18
19
  py: 2,
19
20
  onClose: undefined,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAE9B,8BAAsC;AACtC,mCAAqC;AAU9B,IAAM,IAAI,GAAmC,UAAC,EAQpD;IAPG,IAAA,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,KAAK,WAAA,EACL,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,QAAQ,cAAA,EACL,IAAI,sBAP0C,sDAQpD,CADU;IAEP,OAAO,CACH,oBAAC,SAAG,iBACW,IAAI,EACf,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI;QAEV,oBAAC,mBAAU,uBAAK,IAAI,GAAG,QAAQ,CAAc,CAC3C,CACT,CAAA;AACL,CAAC,CAAA;AApBY,QAAA,IAAI,QAoBhB;AAED,YAAI,CAAC,YAAY,GAAG;IAChB,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,KAAK;IACb,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,OAAO,EAAE,SAAS;CACR,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAE9B,8BAAsC;AACtC,mCAAqC;AAW9B,IAAM,IAAI,GAAmC,UAAC,EAQpD;IAPG,IAAA,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,KAAK,WAAA,EACL,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,QAAQ,cAAA,EACL,IAAI,sBAP0C,sDAQpD,CADU;IAEP,OAAO,CACH,oBAAC,SAAG,iBACW,IAAI,EACf,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI;QAEV,oBAAC,mBAAU,uBAAK,IAAI,GAAG,QAAQ,CAAc,CAC3C,CACT,CAAA;AACL,CAAC,CAAA;AApBY,QAAA,IAAI,QAoBhB;AAED,YAAI,CAAC,YAAY,GAAG;IAChB,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,GAAG;IACX,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,OAAO,EAAE,SAAS;CACR,CAAA"}
@@ -4,4 +4,5 @@ declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
4
4
  export default _default;
5
5
  export declare const Default: Story<CardProps>;
6
6
  export declare const withBackground: Story<CardProps>;
7
- export declare const withShadow: Story<CardProps>;
7
+ export declare const SmallShadow: Story<CardProps>;
8
+ export declare const LargeShadow: Story<CardProps>;
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.withShadow = exports.withBackground = exports.Default = void 0;
3
+ exports.LargeShadow = exports.SmallShadow = exports.withBackground = exports.Default = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var react_1 = require("react");
6
6
  var _1 = require(".");
@@ -24,10 +24,15 @@ exports.withBackground.args = {
24
24
  background: theme_1.theme.colors.grey[5],
25
25
  };
26
26
  // TODO: padding
27
- exports.withShadow = Template.bind({});
28
- exports.withShadow.args = {
29
- background: theme_1.theme.colors.grey[5],
30
- shadow: true,
27
+ exports.SmallShadow = Template.bind({});
28
+ exports.SmallShadow.args = {
29
+ shadow: 's',
30
+ px: 5,
31
+ py: 5,
32
+ };
33
+ exports.LargeShadow = Template.bind({});
34
+ exports.LargeShadow.args = {
35
+ shadow: 'l',
31
36
  px: 5,
32
37
  py: 5,
33
38
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Card/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAmC;AACnC,qCAAmC;AACnC,gCAA8B;AAE9B,kBAAe;IACX,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAI;IACf,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAqB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAChD,8BAAC,OAAI,uBAAK,IAAI;QACV,8BAAC,WAAI;;YAKuC,GAAG,CACxC,CACJ,CACV,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3B,QAAA,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,sBAAc,CAAC,IAAI,GAAG;IAClB,UAAU,EAAE,aAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;CACnC,CAAA;AAED,gBAAgB;AACH,QAAA,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3C,kBAAU,CAAC,IAAI,GAAG;IACd,UAAU,EAAE,aAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAChC,MAAM,EAAE,IAAI;IACZ,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAA"}
1
+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Card/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAmC;AACnC,qCAAmC;AACnC,gCAA8B;AAE9B,kBAAe;IACX,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAI;IACf,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAqB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAChD,8BAAC,OAAI,uBAAK,IAAI;QACV,8BAAC,WAAI;;YAKuC,GAAG,CACxC,CACJ,CACV,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3B,QAAA,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,sBAAc,CAAC,IAAI,GAAG;IAClB,UAAU,EAAE,aAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;CACnC,CAAA;AAED,gBAAgB;AACH,QAAA,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,mBAAW,CAAC,IAAI,GAAG;IACf,MAAM,EAAE,GAAG;IACX,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAA;AAEY,QAAA,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,mBAAW,CAAC,IAAI,GAAG;IACf,MAAM,EAAE,GAAG;IACX,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAA"}
@@ -4,7 +4,7 @@ exports.StyledCard = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var styled_components_1 = require("styled-components");
6
6
  var styled_map_1 = require("styled-map");
7
- exports.StyledCard = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n background: ", ";\n color: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n text-align: ", ";\n transition: background 200ms ease-in;\n"], ["\n background: ", ";\n color: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n text-align: ", ";\n transition: background 200ms ease-in;\n"])), function (props) {
7
+ exports.StyledCard = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n background: ", ";\n color: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n text-align: ", ";\n transition: background 200ms ease-in;\n"], ["\n background: ", ";\n color: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n text-align: ", ";\n transition: background 200ms ease-in;\n"])), function (props) {
8
8
  return props.background === 'grey'
9
9
  ? props.theme.colors.grey[5]
10
10
  : props.background === 'white'
@@ -50,6 +50,18 @@ exports.StyledCard = styled_components_1.default.div(templateObject_1 || (templa
50
50
  4: props.theme.spacing[4] + "px",
51
51
  5: props.theme.spacing[5] + "px",
52
52
  });
53
- }, function (props) { return props.theme.borderRadius.default; }, function (props) { return props.shadow && props.theme.shadow; }, function (props) { return props.textAlign; });
53
+ }, function (props) {
54
+ return props.radius === 's'
55
+ ? props.theme.borderRadius.default + "px"
56
+ : props.radius === 'l'
57
+ ? props.theme.borderRadius.large + "px"
58
+ : 0;
59
+ }, function (props) {
60
+ return props.shadow === 's'
61
+ ? props.theme.shadow.small
62
+ : props.shadow === 'l'
63
+ ? props.theme.shadow.large
64
+ : 'none';
65
+ }, function (props) { return props.textAlign; });
54
66
  var templateObject_1;
55
67
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Card/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Card/styles.ts"],"names":[],"mappings":"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"}