@nulogy/components 8.14.4 → 8.15.0

package/dist/main.js

@@ -8543,79 +8543,87 @@
       }
     };
 
-    var prefix = "random-id-";
-    var randomId = 0;
-
-    var generateId = function generateId() {
-      randomId += 1;
-      return prefix + randomId;
-    };
-
-    var LoadingIcon = function LoadingIcon(_a) {
-      var _a$color = _a.color,
-          color = _a$color === void 0 ? "currentColor" : _a$color,
-          _a$size = _a.size,
-          size = _a$size === void 0 ? "24px" : _a$size;
-          _a.title;
-          var props = __rest(_a, ["color", "size", "title"]);
-
-      var id = generateId();
-      return (
-        /*#__PURE__*/
-        // Modified svg By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL
-        React__default["default"].createElement("svg", Object.assign({
-          width: size,
-          height: size,
-          viewBox: "0 0 38 38",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, props), /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
-          x1: "8.042%",
-          y1: "0%",
-          x2: "65.682%",
-          y2: "23.865%",
-          id: id
-        }, /*#__PURE__*/React__default["default"].createElement("stop", {
-          stopColor: color,
-          stopOpacity: "0",
-          offset: "0%"
-        }), /*#__PURE__*/React__default["default"].createElement("stop", {
-          stopColor: color,
-          stopOpacity: ".631",
-          offset: "63.146%"
-        }), /*#__PURE__*/React__default["default"].createElement("stop", {
-          stopColor: color,
-          offset: "100%"
-        }))), /*#__PURE__*/React__default["default"].createElement("g", {
-          fill: "none",
-          fillRule: "evenodd"
-        }, /*#__PURE__*/React__default["default"].createElement("g", {
-          transform: "translate(1 1)"
-        }, /*#__PURE__*/React__default["default"].createElement("path", {
-          d: "M36 18c0-9.94-8.06-18-18-18",
-          id: "Oval-2",
-          stroke: "url(#" + id + ")",
-          strokeWidth: "2"
-        }, /*#__PURE__*/React__default["default"].createElement("animateTransform", {
-          attributeName: "transform",
-          type: "rotate",
-          from: "0 18 18",
-          to: "360 18 18",
-          dur: "0.9s",
-          repeatCount: "indefinite"
-        })), /*#__PURE__*/React__default["default"].createElement("circle", {
-          fill: color,
-          cx: "36",
-          cy: "18",
-          r: "1"
-        }, /*#__PURE__*/React__default["default"].createElement("animateTransform", {
-          attributeName: "transform",
-          type: "rotate",
-          from: "0 18 18",
-          to: "360 18 18",
-          dur: "0.9s",
-          repeatCount: "indefinite"
-        })))))
-      );
+    var LoadingIcon = function LoadingIcon(props) {
+      return /*#__PURE__*/React__default["default"].createElement("svg", Object.assign({
+        viewBox: "0 0 24px 24px",
+        width: "24px",
+        height: "24px",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        preserveAspectRatio: "xMidYMid"
+      }, props), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("circle", {
+        cx: "3.5",
+        cy: "12",
+        fill: "#C0C8D1",
+        "transform-origin": "3.5 3.5"
+      }, /*#__PURE__*/React__default["default"].createElement("animate", {
+        attributeName: "r",
+        values: "3;3;3.5;3",
+        keySplines: "\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;",
+        keyTimes: "0; 0.25;0.4; 1",
+        calcMode: "spline",
+        dur: "0.8s",
+        repeatCount: "indefinite"
+      }), /*#__PURE__*/React__default["default"].createElement("animate", {
+        id: "first",
+        attributeName: "fill",
+        values: "#C0C8D1;#C0C8D1;#434D59;#C0C8D1",
+        keySplines: "\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;",
+        keyTimes: "0; 0.25;0.4; 1",
+        calcMode: "spline",
+        dur: "0.8s",
+        repeatCount: "indefinite"
+      })), /*#__PURE__*/React__default["default"].createElement("circle", {
+        cx: "12",
+        cy: "12",
+        r: "3",
+        fill: "#C0C8D1",
+        "transform-origin": "12 3.5"
+      }, /*#__PURE__*/React__default["default"].createElement("animate", {
+        attributeName: "r",
+        begin: "0.2s; first.begin",
+        values: "3;3;3.5;3",
+        keySplines: "\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;",
+        keyTimes: "0; 0.25;0.4; 1",
+        calcMode: "spline",
+        dur: "0.8s",
+        repeatCount: "indefinite"
+      }), /*#__PURE__*/React__default["default"].createElement("animate", {
+        id: "second",
+        attributeName: "fill",
+        begin: "0.2s; first.begin",
+        values: "#C0C8D1;#C0C8D1;#434D59;#C0C8D1",
+        keySplines: "\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;",
+        keyTimes: "0; 0.25;0.4; 1",
+        calcMode: "spline",
+        dur: "0.8s",
+        repeatCount: "indefinite"
+      })), /*#__PURE__*/React__default["default"].createElement("circle", {
+        cx: "20.5",
+        cy: "12",
+        r: "3",
+        fill: "#C0C8D1",
+        "transform-origin": "20.5 3.5"
+      }, /*#__PURE__*/React__default["default"].createElement("animate", {
+        attributeName: "r",
+        begin: "0.3s; first.begin",
+        values: "3;3;3.5;3",
+        keySplines: "\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;",
+        keyTimes: "0; 0.25;0.4; 1",
+        calcMode: "spline",
+        dur: "0.8s",
+        repeatCount: "indefinite"
+      }), /*#__PURE__*/React__default["default"].createElement("animate", {
+        id: "third",
+        attributeName: "fill",
+        begin: "0.3s; first.begin",
+        values: "#C0C8D1;#C0C8D1;#434D59;#C0C8D1",
+        keySplines: "\n                .24 .1 .35 .8;\n                .24 .1 .35 .8;\n                0.1 0.8 0.2 1",
+        keyTimes: "0; 0.25;0.4; 1",
+        calcMode: "spline",
+        dur: "0.8s",
+        repeatCount: "indefinite"
+      }))));
     };
 
     /* eslint-disable react/no-array-index-key */
@@ -8646,7 +8654,6 @@
       if (icon === "loading") {
         return /*#__PURE__*/React__default["default"].createElement(LoadingIcon, Object.assign({
           color: Theme.colors[fillColor] ? Theme.colors[fillColor] : fillColor,
-          size: space[size] || size,
           className: className
         }, props));
       }
@@ -17633,6 +17640,14 @@
       return parseInt(val1.replace("px", ""), 10) - parseInt(val2Str.replace("px", ""), 10) + "px";
     };
 
+    var prefix = "random-id-";
+    var randomId = 0;
+
+    var generateId = function generateId() {
+      randomId += 1;
+      return prefix + randomId;
+    };
+
     var WindowDimensions = /*#__PURE__*/function (_React$Component) {
       _inheritsLoose__default["default"](WindowDimensions, _React$Component);
 
@@ -18654,7 +18669,7 @@
       }, /*#__PURE__*/React__default["default"].createElement(WindowedSelect__default["default"], Object.assign({
         size: componentSize,
         ref: reactSelectRef,
-        placeholder: placeholder || t("select ..."),
+        placeholder: placeholder || t("select"),
         windowThreshold: windowThreshold,
         styles: customStyles({
           theme: themeContext,
@@ -18805,7 +18820,7 @@
         value: value,
         ref: ref,
         defaultInputValue: defaultValue,
-        placeholder: placeholder || t("select ..."),
+        placeholder: placeholder || t("start typing"),
         labelText: labelText,
         styles: customStyles({
           theme: themeContext,
@@ -47980,7 +47995,8 @@
       "primary navigation": "Prim\xE4re Navigation",
       "search nulogy": "Nulogy suchen...",
       "secondary navigation": "Sekund\xE4re Navigation",
-      "select ...": "W\xE4hlen...",
+      select: "W\xE4hlen",
+      "start typing": "Anfangen zu tippen",
       "select a start date": "Ein Startdatum w\xE4hlen",
       "select a start month": "Einen Startmonat w\xE4hlen",
       "select a start time": "Eine Startzeit w\xE4hlen",
@@ -48020,7 +48036,8 @@
       "primary navigation": "Primary navigation",
       "search nulogy": "Search Nulogy...",
       "secondary navigation": "Secondary navigation",
-      "select ...": "Select...",
+      select: "Select",
+      "start typing": "Start typing",
       "select a start date": "Select a start date",
       "select a start month": "Select a start month",
       "select a start time": "Select a start time",
@@ -48060,7 +48077,8 @@
       "primary navigation": "Navegaci\xF3n primaria",
       "search nulogy": "Buscar en Nulogy...",
       "secondary navigation": "Navegaci\xF3n secundaria",
-      "select ...": "Seleccionar...",
+      select: "Seleccionar",
+      "start typing": "Empieza a escribir",
       "select a start date": "Seleccionar una fecha de inicio",
       "select a start month": "Seleccionar como mes de inicio",
       "select a start time": "Seleccionar un tiempo de inicio",
@@ -48100,7 +48118,8 @@
       "primary navigation": "Navigation principale",
       "search nulogy": "Recherche sur Nulogy...",
       "secondary navigation": "Navigation secondaire",
-      "select ...": "S\xE9lectionner...",
+      select: "S\xE9lectionner",
+      "start typing": "Commencer \xE0 taper",
       "select a start date": "S\xE9lectionner une date de d\xE9but",
       "select a start month": "S\xE9lectionnez un mois de d\xE9but",
       "select a start time": "S\xE9lectionnez une heure de d\xE9but",
@@ -48140,7 +48159,8 @@
       "primary navigation": "Primaire navigatie",
       "search nulogy": "Nulogy doorzoeken...",
       "secondary navigation": "Secundaire navigatie",
-      "select ...": "Selecteren...",
+      select: "Selecteren",
+      "start typing": "Beginnen met typen",
       "select a start date": "Een startdatum selecteren",
       "select a start month": "Een startdatum selecteren",
       "select a start time": "Een starttijd selecteren",
@@ -48180,7 +48200,8 @@
       "primary navigation": "Nawigacja podstawowa",
       "search nulogy": "Przeszukaj Nulogy...",
       "secondary navigation": "Nawigacja drugorz\u0119dna",
-      "select ...": "Wybierz...",
+      select: "Wybierz",
+      "start typing": "Zacznij pisa\u0107",
       "select a start date": "Wybierz dat\u0119 rozpocz\u0119cia",
       "select a start month": "Wybierz miesi\u0105c rozpocz\u0119cia",
       "select a start time": "Wybierz godzin\u0119 rozpocz\u0119cia",
@@ -48220,7 +48241,8 @@
       "primary navigation": "Navega\xE7\xE3o prim\xE1ria",
       "search nulogy": "Procurar Nulogy...",
       "secondary navigation": "Navega\xE7\xE3o secund\xE1ria",
-      "select ...": "Selecione...",
+      select: "Selecione",
+      "start typing": "Come\xE7e a digitar",
       "select a start date": "Selecione uma data de in\xEDcio",
       "select a start month": "Selecione um m\xEAs de in\xEDcio",
       "select a start time": "Selecione um hor\xE1rio de in\xEDcio",
@@ -48260,7 +48282,8 @@
       "primary navigation": "Navigare primar\u0103",
       "search nulogy": "C\u0103utare Nulogy...",
       "secondary navigation": "Navigare secundar\u0103",
-      "select ...": "Selecta\u021Bi...",
+      select: "Selecta\u021Bi",
+      "start typing": "\xCEncepe s\u0103 tastezi",
       "select a start date": "Selectare o dat\u0103 de \xEEnceput",
       "select a start month": "Selectare o lun\u0103 de \xEEnceput",
       "select a start time": "Selectare o or\u0103 de \xEEnceput",
@@ -48300,7 +48323,8 @@
       "primary navigation": "\u4E3B\u5BFC\u822A",
       "search nulogy": "\u641C\u7D22 Nulogyy...",
       "secondary navigation": "\u8F85\u52A9\u5BFC\u822A",
-      "select ...": "\u9009\u62E9...",
+      select: "\u9009\u62E9",
+      "start typing": "\u5F00\u59CB\u6253\u5B57",
       "select a start date": "\u9009\u62E9\u5F00\u59CB\u65E5\u671F",
       "select a start month": "\u9009\u62E9\u5F00\u59CB\u6708\u4EFD",
       "select a start time": "\u9009\u62E9\u5F00\u59CB\u65F6\u95F4",
@@ -50022,7 +50046,7 @@
       quiet: "quiet"
     };
 
-    var StatusIndicatorColours = function StatusIndicatorColours(theme) {
+    var statusIndicatorStyles = function statusIndicatorStyles(theme) {
       var _ref;
 
       return _ref = {}, _ref[StatusIndicatorValues.neutral] = {
@@ -50034,7 +50058,8 @@
         backgroundColor: theme.colors.blackBlue,
         color: theme.colors.white
       }, _ref[StatusIndicatorValues.quiet] = {
-        borderColor: theme.colors.white,
+        border: "1px solid",
+        borderColor: theme.colors.grey,
         backgroundColor: theme.colors.white,
         color: theme.colors.darkGrey
       }, _ref[StatusIndicatorValues.danger] = {
@@ -50056,10 +50081,6 @@
       }, _ref;
     };
 
-    var getStatusIndicatorColours = function getStatusIndicatorColours(type, theme) {
-      return StatusIndicatorColours(theme)[type];
-    };
-
     var StatusIndicator = styled__default["default"].span.withConfig({
       displayName: "StatusIndicator",
       componentId: "sc-17eyafq-0"
@@ -50072,7 +50093,7 @@
         textTransform: "uppercase",
         letterSpacing: ".05em",
         borderRadius: theme.space.x1
-      }, getStatusIndicatorColours(type, theme));
+      }, statusIndicatorStyles(theme)[type]);
     });
     StatusIndicator.defaultProps = {
       type: StatusIndicatorValues.neutral,

package/dist/main.module.js

@@ -8520,79 +8520,87 @@ var Theme = {
   }
 };
 
-var prefix = "random-id-";
-var randomId = 0;
-
-var generateId = function generateId() {
-  randomId += 1;
-  return prefix + randomId;
-};
-
-var LoadingIcon = function LoadingIcon(_a) {
-  var _a$color = _a.color,
-      color = _a$color === void 0 ? "currentColor" : _a$color,
-      _a$size = _a.size,
-      size = _a$size === void 0 ? "24px" : _a$size;
-      _a.title;
-      var props = __rest(_a, ["color", "size", "title"]);
-
-  var id = generateId();
-  return (
-    /*#__PURE__*/
-    // Modified svg By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL
-    React__default.createElement("svg", Object.assign({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, props), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("linearGradient", {
-      x1: "8.042%",
-      y1: "0%",
-      x2: "65.682%",
-      y2: "23.865%",
-      id: id
-    }, /*#__PURE__*/React__default.createElement("stop", {
-      stopColor: color,
-      stopOpacity: "0",
-      offset: "0%"
-    }), /*#__PURE__*/React__default.createElement("stop", {
-      stopColor: color,
-      stopOpacity: ".631",
-      offset: "63.146%"
-    }), /*#__PURE__*/React__default.createElement("stop", {
-      stopColor: color,
-      offset: "100%"
-    }))), /*#__PURE__*/React__default.createElement("g", {
-      fill: "none",
-      fillRule: "evenodd"
-    }, /*#__PURE__*/React__default.createElement("g", {
-      transform: "translate(1 1)"
-    }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M36 18c0-9.94-8.06-18-18-18",
-      id: "Oval-2",
-      stroke: "url(#" + id + ")",
-      strokeWidth: "2"
-    }, /*#__PURE__*/React__default.createElement("animateTransform", {
-      attributeName: "transform",
-      type: "rotate",
-      from: "0 18 18",
-      to: "360 18 18",
-      dur: "0.9s",
-      repeatCount: "indefinite"
-    })), /*#__PURE__*/React__default.createElement("circle", {
-      fill: color,
-      cx: "36",
-      cy: "18",
-      r: "1"
-    }, /*#__PURE__*/React__default.createElement("animateTransform", {
-      attributeName: "transform",
-      type: "rotate",
-      from: "0 18 18",
-      to: "360 18 18",
-      dur: "0.9s",
-      repeatCount: "indefinite"
-    })))))
-  );
+var LoadingIcon = function LoadingIcon(props) {
+  return /*#__PURE__*/React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 24px 24px",
+    width: "24px",
+    height: "24px",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    preserveAspectRatio: "xMidYMid"
+  }, props), /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("circle", {
+    cx: "3.5",
+    cy: "12",
+    fill: "#C0C8D1",
+    "transform-origin": "3.5 3.5"
+  }, /*#__PURE__*/React__default.createElement("animate", {
+    attributeName: "r",
+    values: "3;3;3.5;3",
+    keySplines: "\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;",
+    keyTimes: "0; 0.25;0.4; 1",
+    calcMode: "spline",
+    dur: "0.8s",
+    repeatCount: "indefinite"
+  }), /*#__PURE__*/React__default.createElement("animate", {
+    id: "first",
+    attributeName: "fill",
+    values: "#C0C8D1;#C0C8D1;#434D59;#C0C8D1",
+    keySplines: "\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;",
+    keyTimes: "0; 0.25;0.4; 1",
+    calcMode: "spline",
+    dur: "0.8s",
+    repeatCount: "indefinite"
+  })), /*#__PURE__*/React__default.createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "3",
+    fill: "#C0C8D1",
+    "transform-origin": "12 3.5"
+  }, /*#__PURE__*/React__default.createElement("animate", {
+    attributeName: "r",
+    begin: "0.2s; first.begin",
+    values: "3;3;3.5;3",
+    keySplines: "\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;",
+    keyTimes: "0; 0.25;0.4; 1",
+    calcMode: "spline",
+    dur: "0.8s",
+    repeatCount: "indefinite"
+  }), /*#__PURE__*/React__default.createElement("animate", {
+    id: "second",
+    attributeName: "fill",
+    begin: "0.2s; first.begin",
+    values: "#C0C8D1;#C0C8D1;#434D59;#C0C8D1",
+    keySplines: "\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;",
+    keyTimes: "0; 0.25;0.4; 1",
+    calcMode: "spline",
+    dur: "0.8s",
+    repeatCount: "indefinite"
+  })), /*#__PURE__*/React__default.createElement("circle", {
+    cx: "20.5",
+    cy: "12",
+    r: "3",
+    fill: "#C0C8D1",
+    "transform-origin": "20.5 3.5"
+  }, /*#__PURE__*/React__default.createElement("animate", {
+    attributeName: "r",
+    begin: "0.3s; first.begin",
+    values: "3;3;3.5;3",
+    keySplines: "\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;\n                0.1 0.8 0.2 1;",
+    keyTimes: "0; 0.25;0.4; 1",
+    calcMode: "spline",
+    dur: "0.8s",
+    repeatCount: "indefinite"
+  }), /*#__PURE__*/React__default.createElement("animate", {
+    id: "third",
+    attributeName: "fill",
+    begin: "0.3s; first.begin",
+    values: "#C0C8D1;#C0C8D1;#434D59;#C0C8D1",
+    keySplines: "\n                .24 .1 .35 .8;\n                .24 .1 .35 .8;\n                0.1 0.8 0.2 1",
+    keyTimes: "0; 0.25;0.4; 1",
+    calcMode: "spline",
+    dur: "0.8s",
+    repeatCount: "indefinite"
+  }))));
 };
 
 /* eslint-disable react/no-array-index-key */
@@ -8623,7 +8631,6 @@ var Svg$1 = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   if (icon === "loading") {
     return /*#__PURE__*/React__default.createElement(LoadingIcon, Object.assign({
       color: Theme.colors[fillColor] ? Theme.colors[fillColor] : fillColor,
-      size: space[size] || size,
       className: className
     }, props));
   }
@@ -17610,6 +17617,14 @@ var subPx = function subPx(val1, val2) {
   return parseInt(val1.replace("px", ""), 10) - parseInt(val2Str.replace("px", ""), 10) + "px";
 };
 
+var prefix = "random-id-";
+var randomId = 0;
+
+var generateId = function generateId() {
+  randomId += 1;
+  return prefix + randomId;
+};
+
 var WindowDimensions = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose$2(WindowDimensions, _React$Component);
 
@@ -18631,7 +18646,7 @@ var ReactSelect = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   }, /*#__PURE__*/React__default.createElement(WindowedSelect, Object.assign({
     size: componentSize,
     ref: reactSelectRef,
-    placeholder: placeholder || t("select ..."),
+    placeholder: placeholder || t("select"),
     windowThreshold: windowThreshold,
     styles: customStyles({
       theme: themeContext,
@@ -18782,7 +18797,7 @@ var AsyncSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     value: value,
     ref: ref,
     defaultInputValue: defaultValue,
-    placeholder: placeholder || t("select ..."),
+    placeholder: placeholder || t("start typing"),
     labelText: labelText,
     styles: customStyles({
       theme: themeContext,
@@ -47957,7 +47972,8 @@ var de_DE = {
   "primary navigation": "Prim\xE4re Navigation",
   "search nulogy": "Nulogy suchen...",
   "secondary navigation": "Sekund\xE4re Navigation",
-  "select ...": "W\xE4hlen...",
+  select: "W\xE4hlen",
+  "start typing": "Anfangen zu tippen",
   "select a start date": "Ein Startdatum w\xE4hlen",
   "select a start month": "Einen Startmonat w\xE4hlen",
   "select a start time": "Eine Startzeit w\xE4hlen",
@@ -47997,7 +48013,8 @@ var en_US = {
   "primary navigation": "Primary navigation",
   "search nulogy": "Search Nulogy...",
   "secondary navigation": "Secondary navigation",
-  "select ...": "Select...",
+  select: "Select",
+  "start typing": "Start typing",
   "select a start date": "Select a start date",
   "select a start month": "Select a start month",
   "select a start time": "Select a start time",
@@ -48037,7 +48054,8 @@ var es_MX = {
   "primary navigation": "Navegaci\xF3n primaria",
   "search nulogy": "Buscar en Nulogy...",
   "secondary navigation": "Navegaci\xF3n secundaria",
-  "select ...": "Seleccionar...",
+  select: "Seleccionar",
+  "start typing": "Empieza a escribir",
   "select a start date": "Seleccionar una fecha de inicio",
   "select a start month": "Seleccionar como mes de inicio",
   "select a start time": "Seleccionar un tiempo de inicio",
@@ -48077,7 +48095,8 @@ var fr_FR = {
   "primary navigation": "Navigation principale",
   "search nulogy": "Recherche sur Nulogy...",
   "secondary navigation": "Navigation secondaire",
-  "select ...": "S\xE9lectionner...",
+  select: "S\xE9lectionner",
+  "start typing": "Commencer \xE0 taper",
   "select a start date": "S\xE9lectionner une date de d\xE9but",
   "select a start month": "S\xE9lectionnez un mois de d\xE9but",
   "select a start time": "S\xE9lectionnez une heure de d\xE9but",
@@ -48117,7 +48136,8 @@ var nl_NL = {
   "primary navigation": "Primaire navigatie",
   "search nulogy": "Nulogy doorzoeken...",
   "secondary navigation": "Secundaire navigatie",
-  "select ...": "Selecteren...",
+  select: "Selecteren",
+  "start typing": "Beginnen met typen",
   "select a start date": "Een startdatum selecteren",
   "select a start month": "Een startdatum selecteren",
   "select a start time": "Een starttijd selecteren",
@@ -48157,7 +48177,8 @@ var pl_PL = {
   "primary navigation": "Nawigacja podstawowa",
   "search nulogy": "Przeszukaj Nulogy...",
   "secondary navigation": "Nawigacja drugorz\u0119dna",
-  "select ...": "Wybierz...",
+  select: "Wybierz",
+  "start typing": "Zacznij pisa\u0107",
   "select a start date": "Wybierz dat\u0119 rozpocz\u0119cia",
   "select a start month": "Wybierz miesi\u0105c rozpocz\u0119cia",
   "select a start time": "Wybierz godzin\u0119 rozpocz\u0119cia",
@@ -48197,7 +48218,8 @@ var pt_BR = {
   "primary navigation": "Navega\xE7\xE3o prim\xE1ria",
   "search nulogy": "Procurar Nulogy...",
   "secondary navigation": "Navega\xE7\xE3o secund\xE1ria",
-  "select ...": "Selecione...",
+  select: "Selecione",
+  "start typing": "Come\xE7e a digitar",
   "select a start date": "Selecione uma data de in\xEDcio",
   "select a start month": "Selecione um m\xEAs de in\xEDcio",
   "select a start time": "Selecione um hor\xE1rio de in\xEDcio",
@@ -48237,7 +48259,8 @@ var ro_RO = {
   "primary navigation": "Navigare primar\u0103",
   "search nulogy": "C\u0103utare Nulogy...",
   "secondary navigation": "Navigare secundar\u0103",
-  "select ...": "Selecta\u021Bi...",
+  select: "Selecta\u021Bi",
+  "start typing": "\xCEncepe s\u0103 tastezi",
   "select a start date": "Selectare o dat\u0103 de \xEEnceput",
   "select a start month": "Selectare o lun\u0103 de \xEEnceput",
   "select a start time": "Selectare o or\u0103 de \xEEnceput",
@@ -48277,7 +48300,8 @@ var zh_CN = {
   "primary navigation": "\u4E3B\u5BFC\u822A",
   "search nulogy": "\u641C\u7D22 Nulogyy...",
   "secondary navigation": "\u8F85\u52A9\u5BFC\u822A",
-  "select ...": "\u9009\u62E9...",
+  select: "\u9009\u62E9",
+  "start typing": "\u5F00\u59CB\u6253\u5B57",
   "select a start date": "\u9009\u62E9\u5F00\u59CB\u65E5\u671F",
   "select a start month": "\u9009\u62E9\u5F00\u59CB\u6708\u4EFD",
   "select a start time": "\u9009\u62E9\u5F00\u59CB\u65F6\u95F4",
@@ -49999,7 +50023,7 @@ var StatusIndicatorValues = {
   quiet: "quiet"
 };
 
-var StatusIndicatorColours = function StatusIndicatorColours(theme) {
+var statusIndicatorStyles = function statusIndicatorStyles(theme) {
   var _ref;
 
   return _ref = {}, _ref[StatusIndicatorValues.neutral] = {
@@ -50011,7 +50035,8 @@ var StatusIndicatorColours = function StatusIndicatorColours(theme) {
     backgroundColor: theme.colors.blackBlue,
     color: theme.colors.white
   }, _ref[StatusIndicatorValues.quiet] = {
-    borderColor: theme.colors.white,
+    border: "1px solid",
+    borderColor: theme.colors.grey,
     backgroundColor: theme.colors.white,
     color: theme.colors.darkGrey
   }, _ref[StatusIndicatorValues.danger] = {
@@ -50033,10 +50058,6 @@ var StatusIndicatorColours = function StatusIndicatorColours(theme) {
   }, _ref;
 };
 
-var getStatusIndicatorColours = function getStatusIndicatorColours(type, theme) {
-  return StatusIndicatorColours(theme)[type];
-};
-
 var StatusIndicator = styled.span.withConfig({
   displayName: "StatusIndicator",
   componentId: "sc-17eyafq-0"
@@ -50049,7 +50070,7 @@ var StatusIndicator = styled.span.withConfig({
     textTransform: "uppercase",
     letterSpacing: ".05em",
     borderRadius: theme.space.x1
-  }, getStatusIndicatorColours(type, theme));
+  }, statusIndicatorStyles(theme)[type]);
 });
 StatusIndicator.defaultProps = {
   type: StatusIndicatorValues.neutral,

package/dist/src/Icon/LoadingIcon.d.ts

@@ -1,9 +1,4 @@
 import React from "react";
-type LoadingIconProps = {
-    size?: string | number;
-    color?: string;
-    title?: string;
-    className?: string;
-};
+type LoadingIconProps = React.ComponentPropsWithoutRef<"svg">;
 declare const LoadingIcon: React.FC<LoadingIconProps>;
 export default LoadingIcon;

package/dist/src/Tooltip/Tooltip.story.d.ts

@@ -63,3 +63,4 @@ export declare const OpenByDefault: {
         name: string;
     };
 };
+export declare const WithCustomComponent: () => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "8.14.4",
+  "version": "8.15.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {