willba-component-library 0.0.64 → 0.0.66

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.
package/lib/index.umd.js CHANGED
@@ -404,82 +404,6 @@
404
404
  return (React__default.createElement("button", { className: "will-filter-bar-select-button", onClick: onClick, style: style }, label));
405
405
  }
406
406
 
407
- var DefaultContext = {
408
- color: undefined,
409
- size: undefined,
410
- className: undefined,
411
- style: undefined,
412
- attr: undefined
413
- };
414
- var IconContext = React__default.createContext && React__default.createContext(DefaultContext);
415
-
416
- var __assign$1 = undefined && undefined.__assign || function () {
417
- __assign$1 = Object.assign || function (t) {
418
- for (var s, i = 1, n = arguments.length; i < n; i++) {
419
- s = arguments[i];
420
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
421
- }
422
- return t;
423
- };
424
- return __assign$1.apply(this, arguments);
425
- };
426
- var __rest$1 = undefined && undefined.__rest || function (s, e) {
427
- var t = {};
428
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
429
- if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
430
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
431
- }
432
- return t;
433
- };
434
- function Tree2Element(tree) {
435
- return tree && tree.map(function (node, i) {
436
- return React__default.createElement(node.tag, __assign$1({
437
- key: i
438
- }, node.attr), Tree2Element(node.child));
439
- });
440
- }
441
- function GenIcon(data) {
442
- // eslint-disable-next-line react/display-name
443
- return function (props) {
444
- return React__default.createElement(IconBase, __assign$1({
445
- attr: __assign$1({}, data.attr)
446
- }, props), Tree2Element(data.child));
447
- };
448
- }
449
- function IconBase(props) {
450
- var elem = function (conf) {
451
- var attr = props.attr,
452
- size = props.size,
453
- title = props.title,
454
- svgProps = __rest$1(props, ["attr", "size", "title"]);
455
- var computedSize = size || conf.size || "1em";
456
- var className;
457
- if (conf.className) className = conf.className;
458
- if (props.className) className = (className ? className + " " : "") + props.className;
459
- return React__default.createElement("svg", __assign$1({
460
- stroke: "currentColor",
461
- fill: "currentColor",
462
- strokeWidth: "0"
463
- }, conf.attr, attr, svgProps, {
464
- className: className,
465
- style: __assign$1(__assign$1({
466
- color: props.color || conf.color
467
- }, conf.style), props.style),
468
- height: computedSize,
469
- width: computedSize,
470
- xmlns: "http://www.w3.org/2000/svg"
471
- }), title && React__default.createElement("title", null, title), props.children);
472
- };
473
- return IconContext !== undefined ? React__default.createElement(IconContext.Consumer, null, function (conf) {
474
- return elem(conf);
475
- }) : elem(DefaultContext);
476
- }
477
-
478
- // THIS FILE IS AUTO GENERATED
479
- function FaSearch (props) {
480
- return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"}}]})(props);
481
- }
482
-
483
407
  var css_248z$6 = ".will-filter-bar-submit-button {\n width: auto;\n height: auto;\n background-color: var(--will-primary);\n color: var(--will-white);\n padding: 10px 20px;\n border-radius: 20px;\n cursor: pointer;\n border: none;\n white-space: nowrap;\n text-transform: uppercase;\n font-size: 12px;\n display: flex;\n align-items: center;\n}\n\n.will-filter-bar-submit-button span {\n margin-right: 10px;\n display: flex;\n}\n\n@media (max-width: 1024px) {\n .will-filter-bar-submit-button {\n justify-content: center;\n margin-bottom: 25px;\n }\n}\n";
484
408
  styleInject(css_248z$6);
485
409
 
@@ -487,8 +411,7 @@
487
411
  var onClick = _a.onClick;
488
412
  var t = useTranslation('filterBar').t;
489
413
  return (React__default.createElement("button", { className: "will-filter-bar-submit-button", onClick: onClick },
490
- React__default.createElement("span", null,
491
- React__default.createElement(FaSearch, null)),
414
+ React__default.createElement("span", null),
492
415
  t('submit.label')));
493
416
  }
494
417
 
@@ -8013,7 +7936,7 @@
8013
7936
  var css_248z$1 = ".will-root {\r\n position: relative;\r\n}\r\n\r\n.will-filter-bar {\r\n box-sizing: border-box;\r\n position: relative;\r\n}\r\n\r\n.will-filter-bar-underlay {\r\n background-color: rgba(0,0,0,.6);\r\n position: absolute;\r\n top:0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n cursor: pointer;\r\n min-height: 100vh;\r\n}\r\n\r\n/* Header */\r\n.will-filter-bar-header {\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 10px 20px;\r\n position: relative;\r\n z-index: 222;\r\n \r\n \r\n border-radius: 40px;\r\n background-color: var(--will-white);\r\n box-shadow: var(--will-box-shadow);\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .will-filter-bar-header {\r\n flex-direction: column;\r\n padding: 20px;\r\n }\r\n}\r\n\r\n/* Container */\r\n\r\n.will-filter-bar-container {\r\n background-color: var(--will-white);\r\n min-height: 100px;\r\n \r\n padding: 90px 40px 30px 40px;\r\n position: absolute;\r\n top: 0;\r\n z-index: 111;\r\n border-radius: 25px;\r\n width: -webkit-fill-available;\r\n box-shadow: var(--will-box-shadow);\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .will-filter-bar-container {\r\n margin-top: 20px;\r\n padding: 30px 40px;\r\n position: initial;\r\n }\r\n}\r\n\r\n";
8014
7937
  styleInject(css_248z$1);
8015
7938
 
8016
- var css_248z = "@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');\n\n.will-root * {\n font-family: 'Montserrat', sans-serif;\n}\n\n.will-root {\n \n box-sizing: border-box;\n font-size: 14px;\n \n color: #1E1E1E;\n\n /* Pallete */\n --will-primary: #374269;\n --will-grey: #ABA7AF;\n --will-white: #fff;\n --will-onahau: #CDEEFF;\n --will-text: #5A5959;\n \n\n /* Confines */\n --will-box-shadow: 0px 6px 11px 0px #a7a4a480;\n\n /* Breakpoints */\n\n --will-lg: 1140px;\n --will-md: 960px;\n --will-sm: 600px;\n --will-xl: 1280px;\n --will-xs: 0px;\n}\n\n/* Typography */\n\n.will-root h1, h2, h3, h4, h5, h6 {\n font-weight: 700;\n} \n\n.will-root p, h1, h2, h3, h4, h5, h6, span {\n margin: 0;\n padding: 0;\n} \n\n/* Overrides as themes */\n\n.will-root-kis {\n --will-primary: #374269;\n}\n\n.will-root-paj {\n --will-primary: #1897D8;\n}";
7939
+ var css_248z = "/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); */\n\n.will-root * {\n font-family: 'Montserrat', sans-serif;\n}\n\n.will-root {\n \n box-sizing: border-box;\n font-size: 14px;\n \n color: #1E1E1E;\n\n /* Pallete */\n --will-primary: #374269;\n --will-grey: #ABA7AF;\n --will-white: #fff;\n --will-onahau: #CDEEFF;\n --will-text: #5A5959;\n \n\n /* Confines */\n --will-box-shadow: 0px 6px 11px 0px #a7a4a480;\n\n /* Breakpoints */\n\n --will-lg: 1140px;\n --will-md: 960px;\n --will-sm: 600px;\n --will-xl: 1280px;\n --will-xs: 0px;\n}\n\n/* Typography */\n\n.will-root h1, h2, h3, h4, h5, h6 {\n font-weight: 700;\n} \n\n.will-root p, h1, h2, h3, h4, h5, h6, span {\n margin: 0;\n padding: 0;\n} \n\n/* Overrides as themes */\n\n.will-root-kis {\n --will-primary: #374269;\n}\n\n.will-root-paj {\n --will-primary: #1897D8;\n}";
8017
7940
  styleInject(css_248z);
8018
7941
 
8019
7942
  const consoleLogger = {