@lanaco/lnc-react-ui 2.1.23 → 2.1.24

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 (3) hide show
  1. package/lib/index.esm.js +6 -6
  2. package/lib/index.js +6 -6
  3. package/package.json +1 -1
package/lib/index.esm.js CHANGED
@@ -52418,9 +52418,9 @@ var iconPaddingBySize$1 = function iconPaddingBySize(size) {
52418
52418
  if (size === "large") return "0.78125rem 0.625rem 0.375rem 0.625rem";
52419
52419
  };
52420
52420
 
52421
- var Container$8 = newStyled.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n border: 0.09375rem solid #bfbfbf;\n background-color: white;\n border-radius: 0.1875rem;\n width: 100%;\n\n transition: all 250ms ease;\n"])));
52422
- var ItemContainer$1 = newStyled.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n padding: 0.15rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-grow: 10;\n transition: all 250ms ease;\n"])));
52423
- var ItemWrapper$1 = newStyled.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n display: inline-block;\n margin: 0.125rem;\n flex-grow: 1;\n transition: all 250ms ease;\n\n & > div {\n width: 100%;\n }\n"])));
52421
+ var Container$8 = newStyled.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n border: 0.09375rem solid #bfbfbf;\n background-color: white;\n border-radius: 0.1875rem;\n width: 100%;\n transition: all 250ms ease;\n"])));
52422
+ var ItemContainer$1 = newStyled.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n padding: 0.15rem;\n transition: all 250ms ease;\n display: inline-block;\n"])));
52423
+ var ItemWrapper$1 = newStyled.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n display: inline-block;\n margin: 0.125rem;\n flex-grow: 1;\n transition: all 250ms ease;\n width: fit-content;\n & > div {\n width: 100%;\n }\n"])));
52424
52424
  var InputContainer$1 = newStyled.div(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral(["\n display: inline-block;\n box-sizing: border-box;\n margin: 0.125rem;\n margin-left: 0.25rem;\n flex-grow: 1;\n transition: all 250ms ease;\n"])));
52425
52425
  var Input$1 = newStyled.input(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n width: 100%;\n transition: all 250ms ease;\n text-decoration: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n box-sizing: border-box;\n outline: none;\n border: none;\n padding: ", ";\n background-color: transparent;\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n border-radius: 0.1875rem;\n"])), function (props) {
52426
52426
  return inputPaddingBySize$1(props.size);
@@ -52431,7 +52431,7 @@ var Input$1 = newStyled.input(_templateObject5$3 || (_templateObject5$3 = _tagge
52431
52431
  }, function (props) {
52432
52432
  return props.theme.palette[props.color].textDark;
52433
52433
  });
52434
- var Inner$2 = newStyled.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n display: flex;\n // align-items: center;\n"])));
52434
+ var Inner$2 = newStyled.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n"])));
52435
52435
  var SearchIcon = newStyled.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n padding: ", ";\n color: ", ";\n font-size: ", ";\n background-color: whitesmoke;\n transition: all 250ms ease;\n"])), function (props) {
52436
52436
  return iconPaddingBySize$1(props.size);
52437
52437
  }, function (props) {
@@ -52439,14 +52439,14 @@ var SearchIcon = newStyled.div(_templateObject7$1 || (_templateObject7$1 = _tagg
52439
52439
  }, function (props) {
52440
52440
  return getIconFontSize$1(props);
52441
52441
  });
52442
- var ClearIcon$1 = newStyled.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n padding: ", ";\n color: ", ";\n font-size: ", ";\n background-color: whitesmoke;\n transition: all 250ms ease;\n cursor: pointer;\n"])), function (props) {
52442
+ var ClearIcon$1 = newStyled.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n padding: ", ";\n color: ", ";\n font-size: ", ";\n background-color: whitesmoke;\n transition: all 250ms ease;\n cursor: pointer;\n margin-right: 0;\n margin-left: auto;\n"])), function (props) {
52443
52443
  return iconPaddingBySize$1(props.size);
52444
52444
  }, function (props) {
52445
52445
  return props.theme.palette[props.color].main;
52446
52446
  }, function (props) {
52447
52447
  return getIconFontSize$1(props);
52448
52448
  });
52449
- var Content$2 = newStyled.div(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n background-color: white;\n z-index: 1;\n margin-top: 0.25rem;\n padding: 0.1875rem;\n width: calc(100% - 0.625rem);\n border-radius: 0.15625rem;\n box-shadow: 0 0 0.375rem #bebebe;\n border: 0.125rem solid ", ";\n display: flex;\n flex-direction: column;\n transition: all 250ms ease;\n"])), function (props) {
52449
+ var Content$2 = newStyled.div(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n position: absolute;\n background-color: white;\n z-index: 1;\n margin-top: 0.25rem;\n padding: 0.1875rem;\n width: calc(100% - 0.625rem);\n border-radius: 0.15625rem;\n box-shadow: 0 0 0.375rem #bebebe;\n border: 0.125rem solid ", ";\n display: flex;\n flex-direction: column;\n transition: all 250ms ease;\n"])), function (props) {
52450
52450
  return props.theme.palette[props.color].main;
52451
52451
  });
52452
52452
  var ContentItem$1 = newStyled.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n font-family: ", ";\n font-size: ", ";\n padding: 0.375rem;\n cursor: pointer;\n background-color: ", ";\n color: ", ";\n\n &:hover {\n background-color: whitesmoke;\n color: ", ";\n }\n"])), function (props) {
package/lib/index.js CHANGED
@@ -52459,9 +52459,9 @@ var iconPaddingBySize$1 = function iconPaddingBySize(size) {
52459
52459
  if (size === "large") return "0.78125rem 0.625rem 0.375rem 0.625rem";
52460
52460
  };
52461
52461
 
52462
- var Container$8 = newStyled.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n border: 0.09375rem solid #bfbfbf;\n background-color: white;\n border-radius: 0.1875rem;\n width: 100%;\n\n transition: all 250ms ease;\n"])));
52463
- var ItemContainer$1 = newStyled.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral__default['default'](["\n padding: 0.15rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-grow: 10;\n transition: all 250ms ease;\n"])));
52464
- var ItemWrapper$1 = newStyled.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n margin: 0.125rem;\n flex-grow: 1;\n transition: all 250ms ease;\n\n & > div {\n width: 100%;\n }\n"])));
52462
+ var Container$8 = newStyled.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n border: 0.09375rem solid #bfbfbf;\n background-color: white;\n border-radius: 0.1875rem;\n width: 100%;\n transition: all 250ms ease;\n"])));
52463
+ var ItemContainer$1 = newStyled.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral__default['default'](["\n padding: 0.15rem;\n transition: all 250ms ease;\n display: inline-block;\n"])));
52464
+ var ItemWrapper$1 = newStyled.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n margin: 0.125rem;\n flex-grow: 1;\n transition: all 250ms ease;\n width: fit-content;\n & > div {\n width: 100%;\n }\n"])));
52465
52465
  var InputContainer$1 = newStyled.div(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n box-sizing: border-box;\n margin: 0.125rem;\n margin-left: 0.25rem;\n flex-grow: 1;\n transition: all 250ms ease;\n"])));
52466
52466
  var Input$1 = newStyled.input(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral__default['default'](["\n width: 100%;\n transition: all 250ms ease;\n text-decoration: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n box-sizing: border-box;\n outline: none;\n border: none;\n padding: ", ";\n background-color: transparent;\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n border-radius: 0.1875rem;\n"])), function (props) {
52467
52467
  return inputPaddingBySize$1(props.size);
@@ -52472,7 +52472,7 @@ var Input$1 = newStyled.input(_templateObject5$3 || (_templateObject5$3 = _tagge
52472
52472
  }, function (props) {
52473
52473
  return props.theme.palette[props.color].textDark;
52474
52474
  });
52475
- var Inner$2 = newStyled.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n // align-items: center;\n"])));
52475
+ var Inner$2 = newStyled.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n width: 100%;\n"])));
52476
52476
  var SearchIcon = newStyled.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral__default['default'](["\n padding: ", ";\n color: ", ";\n font-size: ", ";\n background-color: whitesmoke;\n transition: all 250ms ease;\n"])), function (props) {
52477
52477
  return iconPaddingBySize$1(props.size);
52478
52478
  }, function (props) {
@@ -52480,14 +52480,14 @@ var SearchIcon = newStyled.div(_templateObject7$1 || (_templateObject7$1 = _tagg
52480
52480
  }, function (props) {
52481
52481
  return getIconFontSize$1(props);
52482
52482
  });
52483
- var ClearIcon$1 = newStyled.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral__default['default'](["\n padding: ", ";\n color: ", ";\n font-size: ", ";\n background-color: whitesmoke;\n transition: all 250ms ease;\n cursor: pointer;\n"])), function (props) {
52483
+ var ClearIcon$1 = newStyled.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral__default['default'](["\n padding: ", ";\n color: ", ";\n font-size: ", ";\n background-color: whitesmoke;\n transition: all 250ms ease;\n cursor: pointer;\n margin-right: 0;\n margin-left: auto;\n"])), function (props) {
52484
52484
  return iconPaddingBySize$1(props.size);
52485
52485
  }, function (props) {
52486
52486
  return props.theme.palette[props.color].main;
52487
52487
  }, function (props) {
52488
52488
  return getIconFontSize$1(props);
52489
52489
  });
52490
- var Content$2 = newStyled.div(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n position: absolute;\n background-color: white;\n z-index: 1;\n margin-top: 0.25rem;\n padding: 0.1875rem;\n width: calc(100% - 0.625rem);\n border-radius: 0.15625rem;\n box-shadow: 0 0 0.375rem #bebebe;\n border: 0.125rem solid ", ";\n display: flex;\n flex-direction: column;\n transition: all 250ms ease;\n"])), function (props) {
52490
+ var Content$2 = newStyled.div(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n background-color: white;\n z-index: 1;\n margin-top: 0.25rem;\n padding: 0.1875rem;\n width: calc(100% - 0.625rem);\n border-radius: 0.15625rem;\n box-shadow: 0 0 0.375rem #bebebe;\n border: 0.125rem solid ", ";\n display: flex;\n flex-direction: column;\n transition: all 250ms ease;\n"])), function (props) {
52491
52491
  return props.theme.palette[props.color].main;
52492
52492
  });
52493
52493
  var ContentItem$1 = newStyled.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral__default['default'](["\n font-family: ", ";\n font-size: ", ";\n padding: 0.375rem;\n cursor: pointer;\n background-color: ", ";\n color: ", ";\n\n &:hover {\n background-color: whitesmoke;\n color: ", ";\n }\n"])), function (props) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lanaco/lnc-react-ui",
3
- "version": "2.1.23",
3
+ "version": "2.1.24",
4
4
  "description": "component library",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",