takeat-design-system-ui-kit 0.1.95 → 0.1.97

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.
@@ -37,7 +37,7 @@ exports.List = {
37
37
  render: function (args) {
38
38
  var _a = (0, react_1.useState)(""), search = _a[0], setSearch = _a[1];
39
39
  var theme = (0, styled_components_1.useTheme)();
40
- return ((0, jsx_runtime_1.jsxs)("div", { style: { height: "100vh", width: "80vw" }, children: [(0, jsx_runtime_1.jsx)(styles_1.SearchInput, { placeholder: "Buscar", value: search, onChange: function (e) { return setSearch(e.target.value); } }), (0, jsx_runtime_1.jsx)(styles_1.IconList, { children: Object.entries(icons)
40
+ return ((0, jsx_runtime_1.jsxs)("div", { style: { height: "500px" }, children: [(0, jsx_runtime_1.jsx)(styles_1.SearchInput, { placeholder: "Buscar", value: search, onChange: function (e) { return setSearch(e.target.value); } }), (0, jsx_runtime_1.jsx)(styles_1.IconList, { children: Object.entries(icons)
41
41
  .filter(function (_a) {
42
42
  var icon = _a[0];
43
43
  return icon.toLowerCase().includes(search.toLowerCase());
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":";;;;;AAAA,+BAAiC;AACjC,mCAAuD;AAEvD,sDAAuD;AAEvD,4DAAwC;AAExC,uDAA6C;AAE7C,IAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,oBAAoB;IAC3B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,wBAAC,iBAAQ,sEAEP,gCAAM,+LAEsB,GAAG,EAC9B,gCACoB,EAAE,GAAG,iEAEjB,CACZ;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,WAAW,EAAE,kBAAkB;YAC/B,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;gBACb,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,CAAC;aACR;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,4DAA4D;YACzE,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;SACF;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEP,QAAA,IAAI,GAAG;IAClB,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE,UAAC,IAAS;QACV,IAAA,KAAsB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAC;QACzC,IAAM,KAAK,GAAG,IAAA,4BAAQ,GAAE,CAAC;QAEzB,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,aAC5C,uBAAC,oBAAW,IACV,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAzB,CAAyB,GAC1C,EAEF,uBAAC,iBAAQ,cACN,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;yBACnB,MAAM,CAAC,UAAC,EAAM;4BAAL,IAAI,QAAA;wBACZ,OAAA,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;oBAAjD,CAAiD,CAClD;yBACA,GAAG,CAAC,UAAC,EAAqB;4BAApB,IAAI,QAAA,EAAE,aAAa,QAAA;wBACxB,OAAO,CACL,wBAAC,aAAI,IAEH,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,WAAI,IAAI,QAAK,CAAC,EAA5C,CAA4C,aAE3D,uBAAC,aAAa,qBACZ,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,IAC9B,IAAI,EACR,EACF,iCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,YAChD,IAAI,GACA,KAVF,IAAI,CAWJ,CACR,CAAC;oBACJ,CAAC,CAAC,GACK,IACP,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
1
+ {"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":";;;;;AAAA,+BAAiC;AACjC,mCAAuD;AAEvD,sDAAuD;AAEvD,4DAAwC;AAExC,uDAA6C;AAE7C,IAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,oBAAoB;IAC3B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,wBAAC,iBAAQ,sEAEP,gCAAM,+LAEsB,GAAG,EAC9B,gCACoB,EAAE,GAAG,iEAEjB,CACZ;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,WAAW,EAAE,kBAAkB;YAC/B,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;gBACb,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,CAAC;aACR;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,4DAA4D;YACzE,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;SACF;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEP,QAAA,IAAI,GAAG;IAClB,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE,UAAC,IAAS;QACV,IAAA,KAAsB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAC;QACzC,IAAM,KAAK,GAAG,IAAA,4BAAQ,GAAE,CAAC;QAEzB,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,aAC7B,uBAAC,oBAAW,IACV,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAzB,CAAyB,GAC1C,EAEF,uBAAC,iBAAQ,cACN,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;yBACnB,MAAM,CAAC,UAAC,EAAM;4BAAL,IAAI,QAAA;wBACZ,OAAA,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;oBAAjD,CAAiD,CAClD;yBACA,GAAG,CAAC,UAAC,EAAqB;4BAApB,IAAI,QAAA,EAAE,aAAa,QAAA;wBACxB,OAAO,CACL,wBAAC,aAAI,IAEH,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,WAAI,IAAI,QAAK,CAAC,EAA5C,CAA4C,aAE3D,uBAAC,aAAa,qBACZ,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,IAC9B,IAAI,EACR,EACF,iCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,YAChD,IAAI,GACA,KAVF,IAAI,CAWJ,CACR,CAAC;oBACJ,CAAC,CAAC,GACK,IACP,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
@@ -82,7 +82,7 @@ exports.ModalHeader = styled_components_1.default.span(templateObject_5 || (temp
82
82
  var theme = _a.theme;
83
83
  return theme.colors.primary.default;
84
84
  });
85
- exports.ItemsGrid = styled_components_1.default.div(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n display: grid;\n grid-template-rows: repeat(5, auto);\n grid-auto-flow: column;\n grid-auto-columns: 210px;\n"], ["\n display: grid;\n grid-template-rows: repeat(5, auto);\n grid-auto-flow: column;\n grid-auto-columns: 210px;\n"])));
85
+ exports.ItemsGrid = styled_components_1.default.div(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n display: grid;\n grid-template-rows: repeat(4, auto);\n grid-auto-flow: column;\n grid-auto-columns: 210px;\n"], ["\n display: grid;\n grid-template-rows: repeat(4, auto);\n grid-auto-flow: column;\n grid-auto-columns: 210px;\n"])));
86
86
  exports.SearchDiv = styled_components_1.default.div(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n position: sticky;\n top: -4px;\n background-color: #fff;\n padding: ", ";\n z-index: 10;\n"], ["\n position: sticky;\n top: -4px;\n background-color: #fff;\n padding: ", ";\n z-index: 10;\n"])), function (_a) {
87
87
  var theme = _a.theme;
88
88
  return theme.spacing.xs;
@@ -15,7 +15,7 @@ exports.ModalContent = styled_components_1.default.div(templateObject_2 || (temp
15
15
  return theme.spacing.s;
16
16
  }, function (_a) {
17
17
  var theme = _a.theme;
18
- return theme.radius.m;
18
+ return theme.radius.l;
19
19
  }, function (_a) {
20
20
  var theme = _a.theme;
21
21
  return theme.shadows.default;
@@ -34,7 +34,7 @@ export var List = {
34
34
  render: function (args) {
35
35
  var _a = useState(""), search = _a[0], setSearch = _a[1];
36
36
  var theme = useTheme();
37
- return (_jsxs("div", { style: { height: "100vh", width: "80vw" }, children: [_jsx(SearchInput, { placeholder: "Buscar", value: search, onChange: function (e) { return setSearch(e.target.value); } }), _jsx(IconList, { children: Object.entries(icons)
37
+ return (_jsxs("div", { style: { height: "500px" }, children: [_jsx(SearchInput, { placeholder: "Buscar", value: search, onChange: function (e) { return setSearch(e.target.value); } }), _jsx(IconList, { children: Object.entries(icons)
38
38
  .filter(function (_a) {
39
39
  var icon = _a[0];
40
40
  return icon.toLowerCase().includes(search.toLowerCase());
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,IAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,oBAAoB;IAC3B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,MAAC,QAAQ,sEAEP,cAAM,+LAEsB,GAAG,EAC9B,gCACoB,EAAE,GAAG,iEAEjB,CACZ;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,WAAW,EAAE,kBAAkB;YAC/B,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;gBACb,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,CAAC;aACR;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,4DAA4D;YACzE,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,IAAI,GAAG;IAClB,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE,UAAC,IAAS;QACV,IAAA,KAAsB,QAAQ,CAAC,EAAE,CAAC,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAC;QACzC,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;QAEzB,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,aAC5C,KAAC,WAAW,IACV,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAzB,CAAyB,GAC1C,EAEF,KAAC,QAAQ,cACN,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;yBACnB,MAAM,CAAC,UAAC,EAAM;4BAAL,IAAI,QAAA;wBACZ,OAAA,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;oBAAjD,CAAiD,CAClD;yBACA,GAAG,CAAC,UAAC,EAAqB;4BAApB,IAAI,QAAA,EAAE,aAAa,QAAA;wBACxB,OAAO,CACL,MAAC,IAAI,IAEH,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,WAAI,IAAI,QAAK,CAAC,EAA5C,CAA4C,aAE3D,KAAC,aAAa,aACZ,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,IAC9B,IAAI,EACR,EACF,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,YAChD,IAAI,GACA,KAVF,IAAI,CAWJ,CACR,CAAC;oBACJ,CAAC,CAAC,GACK,IACP,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
1
+ {"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,IAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,oBAAoB;IAC3B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,MAAC,QAAQ,sEAEP,cAAM,+LAEsB,GAAG,EAC9B,gCACoB,EAAE,GAAG,iEAEjB,CACZ;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,WAAW,EAAE,kBAAkB;YAC/B,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;gBACb,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,CAAC;aACR;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,4DAA4D;YACzE,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,IAAI,GAAG;IAClB,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE,UAAC,IAAS;QACV,IAAA,KAAsB,QAAQ,CAAC,EAAE,CAAC,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAC;QACzC,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;QAEzB,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,aAC7B,KAAC,WAAW,IACV,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAzB,CAAyB,GAC1C,EAEF,KAAC,QAAQ,cACN,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;yBACnB,MAAM,CAAC,UAAC,EAAM;4BAAL,IAAI,QAAA;wBACZ,OAAA,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;oBAAjD,CAAiD,CAClD;yBACA,GAAG,CAAC,UAAC,EAAqB;4BAApB,IAAI,QAAA,EAAE,aAAa,QAAA;wBACxB,OAAO,CACL,MAAC,IAAI,IAEH,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,WAAI,IAAI,QAAK,CAAC,EAA5C,CAA4C,aAE3D,KAAC,aAAa,aACZ,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,IAC9B,IAAI,EACR,EACF,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,YAChD,IAAI,GACA,KAVF,IAAI,CAWJ,CACR,CAAC;oBACJ,CAAC,CAAC,GACK,IACP,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
@@ -79,7 +79,7 @@ export var ModalHeader = styled.span(templateObject_5 || (templateObject_5 = __m
79
79
  var theme = _a.theme;
80
80
  return theme.colors.primary.default;
81
81
  });
82
- export var ItemsGrid = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: grid;\n grid-template-rows: repeat(5, auto);\n grid-auto-flow: column;\n grid-auto-columns: 210px;\n"], ["\n display: grid;\n grid-template-rows: repeat(5, auto);\n grid-auto-flow: column;\n grid-auto-columns: 210px;\n"])));
82
+ export var ItemsGrid = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: grid;\n grid-template-rows: repeat(4, auto);\n grid-auto-flow: column;\n grid-auto-columns: 210px;\n"], ["\n display: grid;\n grid-template-rows: repeat(4, auto);\n grid-auto-flow: column;\n grid-auto-columns: 210px;\n"])));
83
83
  export var SearchDiv = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n position: sticky;\n top: -4px;\n background-color: #fff;\n padding: ", ";\n z-index: 10;\n"], ["\n position: sticky;\n top: -4px;\n background-color: #fff;\n padding: ", ";\n z-index: 10;\n"])), function (_a) {
84
84
  var theme = _a.theme;
85
85
  return theme.spacing.xs;
@@ -12,7 +12,7 @@ export var ModalContent = styled.div(templateObject_2 || (templateObject_2 = __m
12
12
  return theme.spacing.s;
13
13
  }, function (_a) {
14
14
  var theme = _a.theme;
15
- return theme.radius.m;
15
+ return theme.radius.l;
16
16
  }, function (_a) {
17
17
  var theme = _a.theme;
18
18
  return theme.shadows.default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "takeat-design-system-ui-kit",
3
- "version": "0.1.95",
3
+ "version": "0.1.97",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "vite",