takeat-design-system-ui-kit 0.2.8 → 0.2.9

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.
@@ -30,11 +30,9 @@ exports.Example = {
30
30
  name: "Exemplo",
31
31
  args: {
32
32
  style: {
33
- width: 200,
34
- height: 200,
33
+ width: 500,
34
+ height: 500,
35
35
  borderRadius: 20,
36
- objectFit: "cover",
37
- objectPosition: "center",
38
36
  },
39
37
  },
40
38
  render: function (args) {
@@ -1 +1 @@
1
- {"version":3,"file":"Image.stories.js","sourceRoot":"","sources":["../../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":";;;;;AACA,sBAA0B;AAC1B,sDAAuD;AAEvD,IAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAK;IAChB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,iBAAQ,oGAEE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,GAAG,EAAE;YACH,IAAI,EAAE,QAAQ;SACf;KACF;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,+BAA+B;KACrC;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,YAAY,EAAE,EAAE;YAChB,SAAS,EAAE,OAAO;YAClB,cAAc,EAAE,QAAQ;SACzB;KACF;IACD,MAAM,EAAE,UAAC,IAAI;QACX,OAAO,CACL,0CACE,uBAAC,QAAK,uBAAK,IAAI,EAAI,GACf,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
1
+ {"version":3,"file":"Image.stories.js","sourceRoot":"","sources":["../../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":";;;;;AACA,sBAA0B;AAC1B,sDAAuD;AAEvD,IAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAK;IAChB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,iBAAQ,oGAEE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,GAAG,EAAE;YACH,IAAI,EAAE,QAAQ;SACf;KACF;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,+BAA+B;KACrC;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,YAAY,EAAE,EAAE;SACjB;KACF;IACD,MAAM,EAAE,UAAC,IAAI;QACX,OAAO,CACL,0CACE,uBAAC,QAAK,uBAAK,IAAI,EAAI,GACf,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.PlaceholderContainer = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
6
- var PlaceholderPattern_png_1 = tslib_1.__importDefault(require("../../assets/PlaceholderPattern.png"));
7
- exports.PlaceholderContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n background-image: url(", ");\n"], ["\n background-image: url(", ");\n"])), PlaceholderPattern_png_1.default);
6
+ var PlaceholderSvg_svg_1 = tslib_1.__importDefault(require("../../assets/PlaceholderSvg.svg"));
7
+ exports.PlaceholderContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n background-image: url(", ");\n background-position: ", "%;\n"], ["\n background-image: url(", ");\n background-position: ", "%;\n"])), PlaceholderSvg_svg_1.default, Math.floor(Math.random() * 100));
8
8
  var templateObject_1;
9
9
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Image/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AACvC,uGAAmE;AAEtD,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,+GAAA,4BACpB,EAAgB,MACzC,KADyB,gCAAgB,EACxC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Image/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AACvC,+FAA+D;AAElD,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,8IAAA,4BACpB,EAAgB,6BACjB,EAA+B,MACvD,KAFyB,4BAAgB,EACjB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,EACtD"}
@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.StyledNeutralBadge = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
6
- exports.StyledNeutralBadge = styled_components_1.default.span(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n padding: ", ";\n align-items: flex-start;\n gap: 10px;\n border-radius: 20px;\n background: ", ";\n\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n"], ["\n display: flex;\n padding: ", ";\n align-items: flex-start;\n gap: 10px;\n border-radius: 20px;\n background: ", ";\n\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n"])), function (_a) {
6
+ exports.StyledNeutralBadge = styled_components_1.default.span(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n padding: 2px ", ";\n align-items: flex-start;\n gap: 10px;\n border-radius: 20px;\n background: ", ";\n\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n"], ["\n display: flex;\n padding: 2px ", ";\n align-items: flex-start;\n gap: 10px;\n border-radius: 20px;\n background: ", ";\n\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n"])), function (_a) {
7
7
  var theme = _a.theme;
8
- return "".concat(theme.spacing.xxs, " ").concat(theme.spacing.s);
8
+ return theme.spacing.xs;
9
9
  }, function (_a) {
10
10
  var theme = _a.theme;
11
11
  return theme.colors.neutral.lightest;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/NeutralBadge/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAE1B,QAAA,kBAAkB,GAAG,2BAAM,CAAC,IAAI,iXAAA,iCAEhC,EAAwD,qFAIrD,EAA4C,gBAEjD,EAA0C,oBACpC,EAA8C,oIAM9D,KAbY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,UAAG,KAAK,CAAC,OAAO,CAAC,GAAG,cAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAE;AAAzC,CAAyC,EAIrD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAEjD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EACpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAM7D"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/NeutralBadge/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAE1B,QAAA,kBAAkB,GAAG,2BAAM,CAAC,IAAI,qXAAA,qCAE5B,EAA+B,qFAIhC,EAA4C,gBAEjD,EAA0C,oBACpC,EAA8C,oIAM9D,KAbgB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAIhC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAEjD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EACpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAM7D"}
@@ -27,11 +27,9 @@ export var Example = {
27
27
  name: "Exemplo",
28
28
  args: {
29
29
  style: {
30
- width: 200,
31
- height: 200,
30
+ width: 500,
31
+ height: 500,
32
32
  borderRadius: 20,
33
- objectFit: "cover",
34
- objectPosition: "center",
35
33
  },
36
34
  },
37
35
  render: function (args) {
@@ -1 +1 @@
1
- {"version":3,"file":"Image.stories.js","sourceRoot":"","sources":["../../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":";;AACA,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,IAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,KAAC,QAAQ,oGAEE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,GAAG,EAAE;YACH,IAAI,EAAE,QAAQ;SACf;KACF;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,+BAA+B;KACrC;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,YAAY,EAAE,EAAE;YAChB,SAAS,EAAE,OAAO;YAClB,cAAc,EAAE,QAAQ;SACzB;KACF;IACD,MAAM,EAAE,UAAC,IAAI;QACX,OAAO,CACL,wBACE,KAAC,KAAK,eAAK,IAAI,EAAI,GACf,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
1
+ {"version":3,"file":"Image.stories.js","sourceRoot":"","sources":["../../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":";;AACA,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,IAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,KAAC,QAAQ,oGAEE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,GAAG,EAAE;YACH,IAAI,EAAE,QAAQ;SACf;KACF;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,+BAA+B;KACrC;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,YAAY,EAAE,EAAE;SACjB;KACF;IACD,MAAM,EAAE,UAAC,IAAI;QACX,OAAO,CACL,wBACE,KAAC,KAAK,eAAK,IAAI,EAAI,GACf,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { __makeTemplateObject } from "tslib";
2
2
  import styled from "styled-components";
3
- import placeholderImage from "../../assets/PlaceholderPattern.png";
4
- export var PlaceholderContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-image: url(", ");\n"], ["\n background-image: url(", ");\n"])), placeholderImage);
3
+ import placeholderImage from "../../assets/PlaceholderSvg.svg";
4
+ export var PlaceholderContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-image: url(", ");\n background-position: ", "%;\n"], ["\n background-image: url(", ");\n background-position: ", "%;\n"])), placeholderImage, Math.floor(Math.random() * 100));
5
5
  var templateObject_1;
6
6
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Image/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,gBAAgB,MAAM,qCAAqC,CAAC;AAEnE,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,uGAAA,4BACpB,EAAgB,MACzC,KADyB,gBAAgB,CACzC,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Image/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,gBAAgB,MAAM,iCAAiC,CAAC;AAE/D,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,sIAAA,4BACpB,EAAgB,6BACjB,EAA+B,MACvD,KAFyB,gBAAgB,EACjB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CACvD,CAAC"}
@@ -1,8 +1,8 @@
1
1
  import { __makeTemplateObject } from "tslib";
2
2
  import styled from "styled-components";
3
- export var StyledNeutralBadge = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n padding: ", ";\n align-items: flex-start;\n gap: 10px;\n border-radius: 20px;\n background: ", ";\n\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n"], ["\n display: flex;\n padding: ", ";\n align-items: flex-start;\n gap: 10px;\n border-radius: 20px;\n background: ", ";\n\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n"])), function (_a) {
3
+ export var StyledNeutralBadge = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n padding: 2px ", ";\n align-items: flex-start;\n gap: 10px;\n border-radius: 20px;\n background: ", ";\n\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n"], ["\n display: flex;\n padding: 2px ", ";\n align-items: flex-start;\n gap: 10px;\n border-radius: 20px;\n background: ", ";\n\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n"])), function (_a) {
4
4
  var theme = _a.theme;
5
- return "".concat(theme.spacing.xxs, " ").concat(theme.spacing.s);
5
+ return theme.spacing.xs;
6
6
  }, function (_a) {
7
7
  var theme = _a.theme;
8
8
  return theme.colors.neutral.lightest;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/NeutralBadge/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,yWAAA,iCAEhC,EAAwD,qFAIrD,EAA4C,gBAEjD,EAA0C,oBACpC,EAA8C,oIAM9D,KAbY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,UAAG,KAAK,CAAC,OAAO,CAAC,GAAG,cAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAE;AAAzC,CAAyC,EAIrD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAEjD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EACpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,CAM9D,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/NeutralBadge/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,6WAAA,qCAE5B,EAA+B,qFAIhC,EAA4C,gBAEjD,EAA0C,oBACpC,EAA8C,oIAM9D,KAbgB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAIhC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAEjD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EACpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,CAM9D,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "takeat-design-system-ui-kit",
3
- "version": "0.2.8",
3
+ "version": "0.2.9",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "vite",