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.esm.js +2 -79
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +2 -79
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +2 -79
- package/lib/index.umd.js.map +1 -1
- package/package.json +5 -5
- package/src/components/FilterBar/components/submit-button/SubmitButton.tsx +2 -4
- package/src/themes/Default.css +1 -1
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')
|
|
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 = {
|