@qoretechnologies/reqore 0.78.6-pr.715.gdfefa70 → 0.78.7-pr.717.gae33bdc

package/dist/components/Navbar/divider.js

@@ -14,6 +14,39 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -25,17 +58,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var styled_components_1 = __importDefault(require("styled-components"));
-var styled_1 = require("../../helpers/styled");
+var styled_1 = __importStar(require("../../helpers/styled"));
 var colors_1 = require("../../helpers/colors");
 // The navbar's `type` (`header` / `footer`) picks its theme; it is not the element's `type`.
-var StyledNavbarDivider = styled_components_1.default.div.withConfig({
+var StyledNavbarDivider = styled_1.default.div.withConfig({
     shouldForwardProp: (0, styled_1.omitStyleProps)('type'),
 })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: 20px;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &:before {\n    content: '';\n    display: block;\n    width: 1px;\n    height: 50%;\n    background-color: ", ";\n    opacity: 0.2;\n  }\n"], ["\n  position: relative;\n  width: 20px;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &:before {\n    content: '';\n    display: block;\n    width: 1px;\n    height: 50%;\n    background-color: ", ";\n    opacity: 0.2;\n  }\n"])), function (_a) {
     var _b, _c;

package/dist/components/Navbar/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/Navbar/divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,wEAAuC;AAEvC,+CAAsD;AACtD,+CAAwD;AAOxD,6FAA6F;AAC7F,IAAM,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IAChD,iBAAiB,EAAE,IAAA,uBAAc,EAAC,MAAM,CAAC;CAC1C,CAAC,oVAGA,kPAasB,EAOjB,6BAGN,KAVuB,UAAC,EAAe;;QAAb,KAAK,WAAA,EAAE,IAAI,UAAA;IAChC,OAAA,IAAA,yBAAgB,EACd,KAAK,EACL,SAAS,EACT,SAAS,EACT,IAAI,EACJ,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU,MAAI,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,IAAI,CAAA,IAAI,KAAK,CAAC,IAAI,CAC3D,CAAA;CAAA,CAGN,CAAC;AAEF,IAAM,mBAAmB,GAAG,IAAA,kBAAU,EACpC,UAAC,EAA4C,EAAE,GAAQ;IAApD,IAAA,IAAI,UAAA,EAAK,IAAI,cAAf,QAAiB,CAAF;IAA4C,OAAA,CAC1D,uBAAC,mBAAmB,eACd,IAAI,IACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,2BAAwB,EAC1D,GAAG,EAAE,GAAG,IACR,CACH,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/Navbar/divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAE1C,6DAA8D;AAC9D,+CAAwD;AAOxD,6FAA6F;AAC7F,IAAM,mBAAmB,GAAG,gBAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IAChD,iBAAiB,EAAE,IAAA,uBAAc,EAAC,MAAM,CAAC;CAC1C,CAAC,oVAGA,kPAasB,EAOjB,6BAGN,KAVuB,UAAC,EAAe;;QAAb,KAAK,WAAA,EAAE,IAAI,UAAA;IAChC,OAAA,IAAA,yBAAgB,EACd,KAAK,EACL,SAAS,EACT,SAAS,EACT,IAAI,EACJ,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU,MAAI,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,IAAI,CAAA,IAAI,KAAK,CAAC,IAAI,CAC3D,CAAA;CAAA,CAGN,CAAC;AAEF,IAAM,mBAAmB,GAAG,IAAA,kBAAU,EACpC,UAAC,EAA4C,EAAE,GAAQ;IAApD,IAAA,IAAI,UAAA,EAAK,IAAI,cAAf,QAAiB,CAAF;IAA4C,OAAA,CAC1D,uBAAC,mBAAmB,eACd,IAAI,IACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,2BAAwB,EAC1D,GAAG,EAAE,GAAG,IACR,CACH,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}

package/dist/components/Navbar/group.js

@@ -62,10 +62,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledNavbarGroup = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = __importStar(require("react"));
-var styled_components_1 = __importStar(require("styled-components"));
-var styled_1 = require("../../helpers/styled");
+var styled_components_1 = require("styled-components");
+var styled_1 = __importStar(require("../../helpers/styled"));
 // The navbar's `type` (`header` / `footer`) picks its theme; it is not the element's `type`.
-exports.StyledNavbarGroup = styled_components_1.default.div.withConfig({
+exports.StyledNavbarGroup = styled_1.default.div.withConfig({
     shouldForwardProp: (0, styled_1.omitStyleProps)('type'),
 })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
     var position = _a.position;

package/dist/components/Navbar/group.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../src/components/Navbar/group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qEAAgD;AAEhD,+CAAsD;AAatD,6FAA6F;AAChF,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IACrD,iBAAiB,EAAE,IAAA,uBAAc,EAAC,MAAM,CAAC;CAC1C,CAAC,+EAAyB,MACvB,EAQD,IACF,KATG,UAAC,EAAqC;QAAnC,QAAQ,cAAA;IAAgC,WAAA,uBAAG,gPAAA,kCAErC,EAAQ,wIAMlB,KANU,QAAQ;AAF0B,CAQ5C,EACD;AAEF,IAAM,iBAAiB,GAAG,IAAA,kBAAU,EAClC,UAAC,EAAuE,EAAE,GAAQ;IAA/E,IAAA,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAK,IAAI,cAA5C,gCAA8C,CAAF;IAA0C,OAAA,CACrF,uBAAC,yBAAiB,eACZ,IAAI,IACR,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,yBAAsB,EACxD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,YAEP,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;;YAClC,OAAA,KAAK;gBACH,CAAC,CAAC,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBACxB,IAAI,MAAA;oBACJ,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,cAAc,wBACT,MAAA,KAAK,CAAC,KAAK,0CAAE,cAAc,KAC9B,IAAI,MAAA,EACJ,KAAK,EAAE,IAAI,CAAC,KAAK,GAClB;iBACF,CAAC;gBACJ,CAAC,CAAC,IAAI,CAAA;SAAA,CACT,IACiB,CACrB,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../src/components/Navbar/group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,uDAAwC;AAExC,6DAA8D;AAa9D,6FAA6F;AAChF,QAAA,iBAAiB,GAAG,gBAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IACrD,iBAAiB,EAAE,IAAA,uBAAc,EAAC,MAAM,CAAC;CAC1C,CAAC,+EAAyB,MACvB,EAQD,IACF,KATG,UAAC,EAAqC;QAAnC,QAAQ,cAAA;IAAgC,WAAA,uBAAG,gPAAA,kCAErC,EAAQ,wIAMlB,KANU,QAAQ;AAF0B,CAQ5C,EACD;AAEF,IAAM,iBAAiB,GAAG,IAAA,kBAAU,EAClC,UAAC,EAAuE,EAAE,GAAQ;IAA/E,IAAA,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAK,IAAI,cAA5C,gCAA8C,CAAF;IAA0C,OAAA,CACrF,uBAAC,yBAAiB,eACZ,IAAI,IACR,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,yBAAsB,EACxD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,YAEP,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;;YAClC,OAAA,KAAK;gBACH,CAAC,CAAC,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBACxB,IAAI,MAAA;oBACJ,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,cAAc,wBACT,MAAA,KAAK,CAAC,KAAK,0CAAE,cAAc,KAC9B,IAAI,MAAA,EACJ,KAAK,EAAE,IAAI,CAAC,KAAK,GAClB;iBACF,CAAC;gBACJ,CAAC,CAAC,IAAI,CAAA;SAAA,CACT,IACiB,CACrB,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

package/dist/components/Navbar/index.js

@@ -63,13 +63,13 @@ exports.ReqoreFooter = exports.ReqoreHeader = exports.StyledNavbar = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var polished_1 = require("polished");
 var react_1 = __importStar(require("react"));
-var styled_components_1 = __importStar(require("styled-components"));
+var styled_components_1 = require("styled-components");
 var colors_1 = require("../../helpers/colors");
-var styled_1 = require("../../helpers/styled");
+var styled_1 = __importStar(require("../../helpers/styled"));
 var useTheme_1 = require("../../hooks/useTheme");
 var Effect_1 = require("../Effect");
 // The navbar's `type` (`header` / `footer`) picks its theme; it is not the element's `type`.
-exports.StyledNavbar = (0, styled_components_1.default)(Effect_1.StyledEffect).withConfig({
+exports.StyledNavbar = (0, styled_1.default)(Effect_1.StyledEffect).withConfig({
     shouldForwardProp: (0, styled_1.omitStyleProps)('type'),
 })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), function (_a) {
     var _b, _c, _d, _e, _f;

package/dist/components/Navbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Navbar/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Navbar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAkC;AAClC,6CAA0C;AAC1C,uDAAwC;AAExC,+CAAsE;AACtE,6DAA8D;AAC9D,iDAAsD;AAEtD,oCAAwD;AAiBxD,6FAA6F;AAChF,QAAA,YAAY,GAAG,IAAA,gBAAM,EAAC,qBAAY,CAAC,CAAC,UAAU,CAAC;IAC1D,iBAAiB,EAAE,IAAA,uBAAc,EAAC,MAAM,CAAC;CAC1C,CAAC,yFAAoB,MAClB,EAcD,QAEC,EASa,IAChB,KA1BG,UAAC,EAAmC;;QAAjC,KAAK,WAAA,EAAE,IAAI,UAAA;IAA2B,WAAA,uBAAG,yMAAA,+FAKnC,EAOR,2BACmB,EAA0D,OAC/E,KATU,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,KAAK;QAC3B,IAAA,yBAAgB,EACd,KAAK,EACL,SAAS,EACT,SAAS,EACT,IAAI,EACJ,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU,MAAI,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,IAAI,CAAA,IAAI,KAAK,CAAC,IAAI,CAC3D,EACmB,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU,MAAI,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,IAAI,CAAA,IAAI,KAAK,CAAC,IAAI,EAC/E;CAAA,EAEC,UAAC,EAAyC;;QAAvC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA;IACpB,OAAA,CAAC,IAAI;QACH,CAAC,KAAC,uBAAG,oKAAA,+CACkC,EAAkC,sBAElE,EAAoC,cAAe,EAExD,OACL,KAL0C,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAElE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EACvC,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,MAAM,KAAI,IAAA,iBAAM,EAAC,IAAI,EAAE,IAAA,qBAAY,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,EAGlE,CAAC,CAAC,SAAS,CAAA;CAAA,EACf;AAEF,IAAM,YAAY,GAAG,IAAA,kBAAU,EAC7B,UAAC,EAA8E,EAAE,GAAQ;IAAtF,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,WAAW,iBAAA,EAAK,IAAI,cAAxD,+CAA0D,CAAF;IACvD,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAEhD,OAAO,CACL,uBAAC,oBAAY,eACP,IAAI,IACR,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,4BAAkB,IAAI,CAAE,EAC1D,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,YAEX,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;YAClC,OAAA,KAAK;gBACH,CAAC,CAAC,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBACxB,IAAI,MAAA;oBACJ,KAAK,OAAA;oBACL,cAAc,EAAE,EAAE,KAAK,OAAA,EAAE;iBAC1B,CAAC;gBACJ,CAAC,CAAC,IAAI;QANR,CAMQ,CACT,IACY,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,UAAC,KAAyB,EAAE,GAAQ,IAAK,OAAA,uBAAC,YAAY,eAAK,KAAK,IAAE,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,IAAI,EAAnD,CAAmD,CAC7F,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,UAAC,KAAyB,EAAE,GAAQ,IAAK,OAAA,uBAAC,YAAY,eAAK,KAAK,IAAE,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,IAAI,EAAnD,CAAmD,CAC7F,CAAC"}

package/dist/components/Navbar/item.js

@@ -61,12 +61,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var styled_components_1 = __importStar(require("styled-components"));
-var styled_1 = require("../../helpers/styled");
+var styled_components_1 = require("styled-components");
+var styled_1 = __importStar(require("../../helpers/styled"));
 var colors_1 = require("../../helpers/colors");
 var styles_1 = require("../../styles");
 // The navbar's `type` (`header` / `footer`) picks its theme; it is not the element's `type`.
-var StyledNavbarItem = styled_components_1.default.div.withConfig({
+var StyledNavbarItem = styled_1.default.div.withConfig({
     shouldForwardProp: (0, styled_1.omitStyleProps)('type'),
 })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 100%;\n  min-width: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 10px;\n  color: inherit;\n  background-color: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  opacity: ", ";\n\n  ", "\n"], ["\n  height: 100%;\n  min-width: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 10px;\n  color: inherit;\n  background-color: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  opacity: ", ";\n\n  ", "\n"])), function (_a) {
     var _b;

package/dist/components/Navbar/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Navbar/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,qEAAgD;AAEhD,+CAAsD;AACtD,+CAAqE;AACrE,uCAKsB;AAetB,6FAA6F;AAC7F,IAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IAC7C,iBAAiB,EAAE,IAAA,uBAAc,EAAC,MAAM,CAAC;CAC1C,CAAC,8SAAwB,wKAQJ,EACqE,SAEvF,EAAiB,QAEjB,EAQD,QAEC,EAcD,iBAEU,EAAiC,SAE1C,EAIC,IACJ,KAtCqB,UAAC,EAAuB;;QAArB,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;IACxC,OAAA,MAAM,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU,KAAI,IAAA,wBAAe,EAAC,IAAA,qBAAY,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAA;CAAA,EAEvF,0BAAiB,EAEjB,UAAC,EAAkC;QAAhC,MAAM,YAAA;IACT,IAAI,MAAM,EAAE,CAAC;QACX,WAAO,uBAAG,4FAAA,YACN,EAAe,UAClB,KADG,wBAAe,EACjB;IACJ,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,EAEC,UAAC,EAAoD;;QAAlD,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC3B,IAAI,WAAW,EAAE,CAAC;QAChB,WAAO,uBAAG,4OAAA,kIAIc,EAC4B,wBAEhD,EAAgB,UACnB,KAJuB,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU;YAC3C,IAAA,wBAAe,EAAC,IAAA,qBAAY,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,EAEhD,yBAAgB,EAClB;IACJ,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,EAEU,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,GAAG;AAAf,CAAe,EAE1C,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,QACR,uBAAG,wFAAA,UACC,EAAe,QAClB,KADG,wBAAe,CAClB;AAHD,CAGC,CACJ,CAAC;AAEF,IAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,UACE,EAAkF,EAClF,GAAQ;IADN,IAAA,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAAxD,yDAA0D,CAAF;IAErD,OAAA,CACH,uBAAC,gBAAgB,eACX,IAAI,IACR,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,wBAAqB,EACvD,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAC1C,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,YAEP,QAAQ,IACQ,CACpB,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Navbar/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,uDAAwC;AAExC,6DAA8D;AAC9D,+CAAqE;AACrE,uCAKsB;AAetB,6FAA6F;AAC7F,IAAM,gBAAgB,GAAG,gBAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IAC7C,iBAAiB,EAAE,IAAA,uBAAc,EAAC,MAAM,CAAC;CAC1C,CAAC,8SAAwB,wKAQJ,EACqE,SAEvF,EAAiB,QAEjB,EAQD,QAEC,EAcD,iBAEU,EAAiC,SAE1C,EAIC,IACJ,KAtCqB,UAAC,EAAuB;;QAArB,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;IACxC,OAAA,MAAM,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU,KAAI,IAAA,wBAAe,EAAC,IAAA,qBAAY,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAA;CAAA,EAEvF,0BAAiB,EAEjB,UAAC,EAAkC;QAAhC,MAAM,YAAA;IACT,IAAI,MAAM,EAAE,CAAC;QACX,WAAO,uBAAG,4FAAA,YACN,EAAe,UAClB,KADG,wBAAe,EACjB;IACJ,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,EAEC,UAAC,EAAoD;;QAAlD,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC3B,IAAI,WAAW,EAAE,CAAC;QAChB,WAAO,uBAAG,4OAAA,kIAIc,EAC4B,wBAEhD,EAAgB,UACnB,KAJuB,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU;YAC3C,IAAA,wBAAe,EAAC,IAAA,qBAAY,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,EAEhD,yBAAgB,EAClB;IACJ,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,EAEU,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,GAAG;AAAf,CAAe,EAE1C,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,QACR,uBAAG,wFAAA,UACC,EAAe,QAClB,KADG,wBAAe,CAClB;AAHD,CAGC,CACJ,CAAC;AAEF,IAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,UACE,EAAkF,EAClF,GAAQ;IADN,IAAA,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAAxD,yDAA0D,CAAF;IAErD,OAAA,CACH,uBAAC,gBAAgB,eACX,IAAI,IACR,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,wBAAqB,EACvD,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAC1C,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,YAEP,QAAQ,IACQ,CACpB,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/dist/components/Notifications/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,4BAA4B,CAAC;CACzC;AAED,MAAM,MAAM,4BAA4B,GACpC,KAAK,GACL,QAAQ,GACR,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB;AAkCD,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAYzE,CAAC;AAEH,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,4BAA4B,CAAC;CACzC;AAED,MAAM,MAAM,4BAA4B,GACpC,KAAK,GACL,QAAQ,GACR,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB;AAkCD,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAYzE,CAAC;AAEH,eAAe,0BAA0B,CAAC"}

package/dist/components/Notifications/index.js

@@ -3,44 +3,15 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var styled_components_1 = __importStar(require("styled-components"));
-var StyledNotificationsWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 10000;\n  padding: 0 20px 20px 20px;\n  display: flex;\n  flex-flow: column;\n  /* Notifications of different widths (a pill under a card) line up with\n     the corner they are in; centred on the plain top / bottom positions. */\n  align-items: ", ";\n\n  ", "\n"], ["\n  position: fixed;\n  z-index: 10000;\n  padding: 0 20px 20px 20px;\n  display: flex;\n  flex-flow: column;\n  /* Notifications of different widths (a pill under a card) line up with\n     the corner they are in; centred on the plain top / bottom positions. */\n  align-items: ", ";\n\n  ", "\n"])), function (_a) {
+var styled_components_1 = require("styled-components");
+var styled_1 = __importDefault(require("../../helpers/styled"));
+var StyledNotificationsWrapper = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 10000;\n  padding: 0 20px 20px 20px;\n  display: flex;\n  flex-flow: column;\n  /* Notifications of different widths (a pill under a card) line up with\n     the corner they are in; centred on the plain top / bottom positions. */\n  align-items: ", ";\n\n  ", "\n"], ["\n  position: fixed;\n  z-index: 10000;\n  padding: 0 20px 20px 20px;\n  display: flex;\n  flex-flow: column;\n  /* Notifications of different widths (a pill under a card) line up with\n     the corner they are in; centred on the plain top / bottom positions. */\n  align-items: ", ";\n\n  ", "\n"])), function (_a) {
     var positions = _a.positions;
     return positions.includes('left')
         ? 'flex-start'

package/dist/components/Notifications/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Notifications/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,qEAAgD;AAkBhD,IAAM,0BAA0B,GAAG,2BAAM,CAAC,GAAG,6WAA2B,yRAQvD,EAKD,SAEZ,EAeD,IACF,KAvBgB,UAAC,EAAa;QAAX,SAAS,eAAA;IACzB,OAAA,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC;QACxB,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC7B,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,QAAQ;AAJZ,CAIY,EAEZ,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,IAAM,eAAe,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7C,IAAI,eAAe,EAAE,CAAC;QACpB,WAAO,uBAAG,wHAAA,YACN,EAAY,mBACZ,EAAY,iBACf,KAFG,SAAS,CAAC,CAAC,CAAC,EACZ,SAAS,CAAC,CAAC,CAAC,EACd;IACJ,CAAC;IAED,WAAO,uBAAG,qJAAA,UACN,EAAY,qEAGf,KAHG,SAAS,CAAC,CAAC,CAAC,EAGd;AACJ,CAAC,CACF,CAAC;AAEF,IAAM,0BAA0B,GAA+C,IAAA,kBAAU,EAGvF,UAAC,EAA8B,EAAE,GAAQ;QAAtC,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAAiB,OAAA,CAC9C,uBAAC,0BAA0B,IACzB,SAAS,EAAE,QAAQ;aAChB,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,UAAC,CAAwC,IAAa,OAAA,CAAC,CAAC,WAAW,EAAE,EAAf,CAAe,CAAC,EAC7E,GAAG,EAAE,GAAG,YAEP,QAAQ,GACkB,CAC9B;AAT+C,CAS/C,CAAC,CAAC;AAEH,kBAAe,0BAA0B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Notifications/index.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,+BAA0C;AAC1C,uDAAwC;AACxC,gEAA0C;AAkB1C,IAAM,0BAA0B,GAAG,gBAAM,CAAC,GAAG,6WAA2B,yRAQvD,EAKD,SAEZ,EAeD,IACF,KAvBgB,UAAC,EAAa;QAAX,SAAS,eAAA;IACzB,OAAA,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC;QACxB,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC7B,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,QAAQ;AAJZ,CAIY,EAEZ,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,IAAM,eAAe,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7C,IAAI,eAAe,EAAE,CAAC;QACpB,WAAO,uBAAG,wHAAA,YACN,EAAY,mBACZ,EAAY,iBACf,KAFG,SAAS,CAAC,CAAC,CAAC,EACZ,SAAS,CAAC,CAAC,CAAC,EACd;IACJ,CAAC;IAED,WAAO,uBAAG,qJAAA,UACN,EAAY,qEAGf,KAHG,SAAS,CAAC,CAAC,CAAC,EAGd;AACJ,CAAC,CACF,CAAC;AAEF,IAAM,0BAA0B,GAA+C,IAAA,kBAAU,EAGvF,UAAC,EAA8B,EAAE,GAAQ;QAAtC,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAAiB,OAAA,CAC9C,uBAAC,0BAA0B,IACzB,SAAS,EAAE,QAAQ;aAChB,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,UAAC,CAAwC,IAAa,OAAA,CAAC,CAAC,WAAW,EAAE,EAAf,CAAe,CAAC,EAC7E,GAAG,EAAE,GAAG,YAEP,QAAQ,GACkB,CAC9B;AAT+C,CAS/C,CAAC,CAAC;AAEH,kBAAe,0BAA0B,CAAC"}

package/dist/components/Notifications/notification.d.ts

@@ -5,7 +5,7 @@ import { TReqorePadded } from '../../helpers/utils';
 import { IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreMinimal, IWithReqoreOpaque } from '../../types/global';
 import { IReqoreIconName } from '../../types/icons';
 import { IReqoreButtonProps } from '../Button';
-import { TReqoreEffectColor } from '../Effect';
+import { TReqoreEffectColor, TReqoreMultiTypeColor } from '../Effect';
 import { IReqoreNotificationsPosition } from './index';
 import { IReqoreNotificationType } from './styles';
 /**
@@ -44,7 +44,11 @@ export interface IReqoreNotificationProps extends IWithReqoreEffect, IWithReqore
     content?: string | React.ReactNode;
     /** Replaces the intent's icon. */
     icon?: IReqoreIconName;
-    iconColor?: TReqoreEffectColor;
+    /**
+     * The icon's colour: drawn in the shade of it that stands out from its tile by 3:1. Any CSS
+     * colour; one the colour helpers cannot read (a CSS variable) is drawn as it is given.
+     */
+    iconColor?: TReqoreEffectColor | TReqoreMultiTypeColor | `var(--${string})`;
     /**
      * Draws the icon on a round, intent-tinted tile. Default `true`; `compact`
      * shows the bare icon unless this is set.

package/dist/components/Notifications/notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAG7F,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAgB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAUpE,OAAO,EAAkC,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAKpF,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE7D,OAAO,EAAgB,kBAAkB,EAAmB,MAAM,WAAW,CAAC;AAM9E,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAc,MAAM,UAAU,CAAC;AAE/D;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,YAAY,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAClF,OAAO,EACL,iBAAiB,EACjB,yBAAyB,EACzB,gCAAgC,EAChC,8BAA8B,EAC9B,uBAAuB,EACvB,wBAAwB,EACxB,UAAU,GACX,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,wBACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB;IACxB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,kCAAkC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yFAAyF;IACzF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uFAAuF;IACvF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gGAAgG;IAChG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qGAAqG;IACrG,OAAO,CAAC,EAAE,yBAAyB,EAAE,CAAC;IACtC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;GAIG;AACH,MAAM,WAAW,2BACf,SAAQ,OAAO,CACb,IAAI,CACF,wBAAwB,EACtB,SAAS,GACT,MAAM,GACN,MAAM,GACN,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,UAAU,GACV,cAAc,GACd,cAAc,GACd,mBAAmB,GACnB,YAAY,GACZ,gBAAgB,CACnB,CACF;IACD,QAAQ,CAAC,EAAE,4BAA4B,CAAC;CACzC;AAmCD,eAAO,MAAM,kBAAkB,KAyI9B,CAAC;AAsHF,QAAA,MAAM,kBAAkB,sGA4YvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"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"}

package/dist/components/Notifications/notification.js

@@ -14,39 +14,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -58,6 +25,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -67,12 +43,15 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var web_1 = require("@react-spring/web");
 var polished_1 = require("polished");
 var react_1 = require("react");
-var styled_components_1 = __importStar(require("styled-components"));
+var styled_components_1 = require("styled-components");
+var styled_1 = __importDefault(require("../../helpers/styled"));
 var animations_1 = require("../../constants/animations");
 var sizes_1 = require("../../constants/sizes");
 var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
 var colors_1 = require("../../helpers/colors");
+var SurfaceContext_1 = require("../../context/SurfaceContext");
 var gestures_1 = require("../../helpers/gestures");
+var hoveringPointer_1 = require("../../helpers/hoveringPointer");
 var utils_1 = require("../../helpers/utils");
 var usePointerDrag_1 = require("../../hooks/usePointerDrag");
 var usePrefersReducedMotion_1 = require("../../hooks/usePrefersReducedMotion");
@@ -100,7 +79,12 @@ Object.defineProperty(exports, "typeToIcon", { enumerable: true, get: function (
  * ------------------------------------------------------------------------ */
 var DARK = '#000000';
 var LIGHT = '#ffffff';
-exports.StyledNotification = (0, styled_components_1.default)(Effect_1.StyledEffect)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  transition:\n    filter 0.2s ease-out,\n    box-shadow 0.2s ease-out;\n  color: ", ";\n\n  /* ---- shape ---- */\n  ", "\n\n  /* ---- surface ---- */\n  ", "\n\n  &:not(:first-child) {\n    margin-top: ", "px;\n  }\n\n  ", "\n\n  /* The browser keeps vertical panning from a press here; the sideways drag is ours. */\n  ", "\n\n  ", "\n"], ["\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  transition:\n    filter 0.2s ease-out,\n    box-shadow 0.2s ease-out;\n  color: ", ";\n\n  /* ---- shape ---- */\n  ", "\n\n  /* ---- surface ---- */\n  ", "\n\n  &:not(:first-child) {\n    margin-top: ", "px;\n  }\n\n  ", "\n\n  /* The browser keeps vertical panning from a press here; the sideways drag is ours. */\n  ", "\n\n  ", "\n"])), function (_a) {
+/* What the styled rules paint and the palette reads the text and the icon on, so the two cannot drift apart: the
+   surface's alpha unless it is opaque (it is frosted), the intent's bloom behind the icon, the icon's tile. */
+var FROSTED_SURFACE_ALPHA = 0.74;
+var BLOOM_ALPHA = 0.55;
+var ICON_TILE_ALPHA = 0.2;
+exports.StyledNotification = (0, styled_1.default)(Effect_1.StyledEffect)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  transition:\n    filter 0.2s ease-out,\n    box-shadow 0.2s ease-out;\n  color: ", ";\n\n  /* ---- shape ---- */\n  ", "\n\n  /* ---- surface ---- */\n  ", "\n\n  &:not(:first-child) {\n    margin-top: ", "px;\n  }\n\n  ", "\n\n  /* The browser keeps vertical panning from a press here; the sideways drag is ours. */\n  ", "\n\n  ", "\n"], ["\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  transition:\n    filter 0.2s ease-out,\n    box-shadow 0.2s ease-out;\n  color: ", ";\n\n  /* ---- shape ---- */\n  ", "\n\n  /* ---- surface ---- */\n  ", "\n\n  &:not(:first-child) {\n    margin-top: ", "px;\n  }\n\n  ", "\n\n  /* The browser keeps vertical panning from a press here; the sideways drag is ours. */\n  ", "\n\n  ", "\n"])), function (_a) {
     var $text = _a.$text;
     return $text;
 }, function (_a) {
@@ -161,7 +145,7 @@ exports.StyledNotification = (0, styled_components_1.default)(Effect_1.StyledEff
     if ($flat && $raised) {
         shadows.push(styles_1.RAISED_SHADOWS);
     }
-    return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      background: ", ";\n      ", "\n      border: ", ";\n      box-shadow: ", ";\n    "], ["\n      background: ", ";\n      ", "\n      border: ", ";\n      box-shadow: ", ";\n    "])), (0, polished_1.rgba)($surface, $opaque ? 1 : 0.74), !$opaque &&
+    return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      background: ", ";\n      ", "\n      border: ", ";\n      box-shadow: ", ";\n    "], ["\n      background: ", ";\n      ", "\n      border: ", ";\n      box-shadow: ", ";\n    "])), (0, polished_1.rgba)($surface, $opaque ? 1 : FROSTED_SURFACE_ALPHA), !$opaque &&
         $blur > 0 && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        backdrop-filter: blur(", "px) saturate(1.5);\n        -webkit-backdrop-filter: blur(", "px) saturate(1.5);\n      "], ["\n        backdrop-filter: blur(", "px) saturate(1.5);\n        -webkit-backdrop-filter: blur(", "px) saturate(1.5);\n      "])), $blur, $blur), $flat ? 0 : "1px solid ".concat((0, polished_1.rgba)(LIGHT, 0.12)), shadows.join(', '));
 }, function (_a) {
     var $size = _a.$size;
@@ -177,18 +161,21 @@ exports.StyledNotification = (0, styled_components_1.default)(Effect_1.StyledEff
     return $dragging && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      user-select: none;\n    "], ["\n      user-select: none;\n    "])));
 });
 /** The intent, as a soft glow behind the icon. */
-var StyledNotificationBloom = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  position: absolute;\n  pointer-events: none;\n  border-radius: 50%;\n  filter: blur(6px);\n  ", "\n  background: radial-gradient(\n    circle at center,\n    ", " 0%,\n    ", " 70%\n  );\n"], ["\n  position: absolute;\n  pointer-events: none;\n  border-radius: 50%;\n  filter: blur(6px);\n  ", "\n  background: radial-gradient(\n    circle at center,\n    ", " 0%,\n    ", " 70%\n  );\n"])), function (_a) {
+var StyledNotificationBloom = styled_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  position: absolute;\n  pointer-events: none;\n  border-radius: 50%;\n  filter: blur(6px);\n  ", "\n  background: radial-gradient(\n    circle at center,\n    ", " 0%,\n    ", " 70%\n  );\n"], ["\n  position: absolute;\n  pointer-events: none;\n  border-radius: 50%;\n  filter: blur(6px);\n  ", "\n  background: radial-gradient(\n    circle at center,\n    ", " 0%,\n    ", " 70%\n  );\n"])), function (_a) {
     var $compact = _a.$compact;
     return $compact
         ? (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n          width: 120px;\n          height: 120px;\n          left: -45px;\n          top: -60px;\n        "], ["\n          width: 120px;\n          height: 120px;\n          left: -45px;\n          top: -60px;\n        "]))) : (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n          width: 170px;\n          height: 170px;\n          left: -60px;\n          top: -80px;\n        "], ["\n          width: 170px;\n          height: 170px;\n          left: -60px;\n          top: -80px;\n        "])));
 }, function (_a) {
     var $color = _a.$color;
-    return (0, polished_1.rgba)($color, 0.55);
+    return (0, polished_1.rgba)($color, BLOOM_ALPHA);
 }, function (_a) {
     var $color = _a.$color;
     return (0, polished_1.rgba)($color, 0);
 });
-var StyledNotificationIconTile = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ", "px;\n  height: ", "px;\n  border-radius: 50%;\n  background: ", ";\n"], ["\n  position: relative;\n  z-index: 1;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ", "px;\n  height: ", "px;\n  border-radius: 50%;\n  background: ", ";\n"])), function (_a) {
+var StyledNotificationIconTile = styled_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  position: relative;\n  color: ", ";\n  z-index: 1;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ", "px;\n  height: ", "px;\n  border-radius: 50%;\n  background: ", ";\n"], ["\n  position: relative;\n  color: ", ";\n  z-index: 1;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ", "px;\n  height: ", "px;\n  border-radius: 50%;\n  background: ", ";\n"])), function (_a) {
+    var $glyph = _a.$glyph;
+    return $glyph;
+}, function (_a) {
     var $size = _a.$size, $boxPx = _a.$boxPx;
     return $boxPx !== null && $boxPx !== void 0 ? $boxPx : EntityRow_1.ICON_TILE_SIZE_FROM_SIZE[$size];
 }, function (_a) {
@@ -196,9 +183,9 @@ var StyledNotificationIconTile = styled_components_1.default.div(templateObject_
     return $boxPx !== null && $boxPx !== void 0 ? $boxPx : EntityRow_1.ICON_TILE_SIZE_FROM_SIZE[$size];
 }, function (_a) {
     var $tinted = _a.$tinted, $color = _a.$color;
-    return ($tinted ? (0, polished_1.rgba)($color, 0.2) : 'transparent');
+    return ($tinted ? (0, polished_1.rgba)($color, ICON_TILE_ALPHA) : 'transparent');
 });
-var StyledNotificationBody = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  min-width: 0;\n  display: flex;\n  flex-flow: ", ";\n  align-items: ", ";\n  justify-content: center;\n  gap: ", ";\n  align-self: center;\n  overflow-wrap: anywhere;\n"], ["\n  position: relative;\n  z-index: 1;\n  min-width: 0;\n  display: flex;\n  flex-flow: ", ";\n  align-items: ", ";\n  justify-content: center;\n  gap: ", ";\n  align-self: center;\n  overflow-wrap: anywhere;\n"])), function (_a) {
+var StyledNotificationBody = styled_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  min-width: 0;\n  display: flex;\n  flex-flow: ", ";\n  align-items: ", ";\n  justify-content: center;\n  gap: ", ";\n  align-self: center;\n  overflow-wrap: anywhere;\n"], ["\n  position: relative;\n  z-index: 1;\n  min-width: 0;\n  display: flex;\n  flex-flow: ", ";\n  align-items: ", ";\n  justify-content: center;\n  gap: ", ";\n  align-self: center;\n  overflow-wrap: anywhere;\n"])), function (_a) {
     var $compact = _a.$compact;
     return ($compact ? 'row wrap' : 'column');
 }, function (_a) {
@@ -208,16 +195,19 @@ var StyledNotificationBody = styled_components_1.default.div(templateObject_14 |
     var $compact = _a.$compact;
     return ($compact ? '0 6px' : '2px');
 });
-var StyledNotificationText = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  font-size: ", "px;\n  line-height: 1.4;\n  opacity: ", ";\n"], ["\n  font-size: ", "px;\n  line-height: 1.4;\n  opacity: ", ";\n"])), function (_a) {
+/* A shade softer under a title through its text color (`$color`, translucent), not its opacity: the text in it,
+   whatever it is written as, takes that color, and what has colors of its own (a tag, a link) keeps them -
+   faded as a whole, it was faded off what it is drawn on. */
+var StyledNotificationText = styled_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  font-size: ", "px;\n  line-height: 1.4;\n  color: ", ";\n"], ["\n  font-size: ", "px;\n  line-height: 1.4;\n  color: ", ";\n"])), function (_a) {
     var $size = _a.$size;
     return sizes_1.TEXT_FROM_SIZE[(0, utils_1.getOneLessSize)($size)];
 }, function (_a) {
-    var $dim = _a.$dim;
-    return ($dim ? 0.78 : 1);
+    var $color = _a.$color;
+    return $color;
 });
-var StyledNotificationTrailing = styled_components_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  align-self: start;\n"], ["\n  position: relative;\n  z-index: 1;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  align-self: start;\n"])));
+var StyledNotificationTrailing = styled_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  align-self: start;\n"], ["\n  position: relative;\n  z-index: 1;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  align-self: start;\n"])));
 var drain = (0, styled_components_1.keyframes)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  from { transform: scaleX(1); }\n  to { transform: scaleX(0); }\n"], ["\n  from { transform: scaleX(1); }\n  to { transform: scaleX(0); }\n"])));
-var StyledNotificationProgress = styled_components_1.default.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: ", "px;\n  transform-origin: left center;\n  background: ", ";\n  animation: ", " ", "ms linear forwards;\n  animation-play-state: ", ";\n"], ["\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: ", "px;\n  transform-origin: left center;\n  background: ", ";\n  animation: ", " ", "ms linear forwards;\n  animation-play-state: ", ";\n"])), function (_a) {
+var StyledNotificationProgress = styled_1.default.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: ", "px;\n  transform-origin: left center;\n  background: ", ";\n  animation: ", " ", "ms linear forwards;\n  animation-play-state: ", ";\n"], ["\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: ", "px;\n  transform-origin: left center;\n  background: ", ";\n  animation: ", " ", "ms linear forwards;\n  animation-play-state: ", ";\n"])), function (_a) {
     var $height = _a.$height;
     return $height;
 }, function (_a) {
@@ -243,6 +233,9 @@ var sixDigits = function (color) {
     return (color.length > 7 ? color.slice(0, 7) : color);
 };
 var BIG_SIZES = ['big', 'huge', 'massive'];
+/** A notification on screen, and on its way in or out. */
+var NOTIFICATION_SHOWN = { opacity: 1, transform: 'scale(1)' };
+var NOTIFICATION_HIDDEN = { opacity: 0, transform: 'scale(0.9)' };
 /* ---------------------------------------------------------------------------
  * Component
  * ------------------------------------------------------------------------ */
@@ -252,10 +245,13 @@ var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
     // The app's surface, not the intent's: the intent is painted on the icon,
     // the bloom and the timer line.
     var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, undefined, 'notifications', inheritCustomTheme);
+    // Where motion is unwelcome it is on screen at once, as it settles, from its first paint.
+    var reducedMotion = (0, usePrefersReducedMotion_1.usePrefersReducedMotion)();
     var transitions = (0, web_1.useTransition)(true, {
-        from: { opacity: 0, transform: 'scale(0.9)' },
-        enter: { opacity: 1, transform: 'scale(1)' },
-        leave: { opacity: 0, transform: 'scale(0.9)' },
+        from: reducedMotion ? NOTIFICATION_SHOWN : NOTIFICATION_HIDDEN,
+        enter: NOTIFICATION_SHOWN,
+        leave: NOTIFICATION_HIDDEN,
+        immediate: reducedMotion,
         config: animations_1.SPRING_CONFIG,
     });
     /* ---- auto-dismiss timer, held while hovered or held under a finger ---- */
@@ -311,18 +307,23 @@ var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
         // A reader who hovered at the very end still gets a beat to click.
         startTimer(Math.max((_a = remainingRef.current) !== null && _a !== void 0 ? _a : 0, 400));
     }, [duration, startTimer]);
+    /* A hover holds the timer: a mouse's, not a finger's tap - after which the browser emulates a
+       `mouseenter` of its own, and the notification, held, stayed until a tap elsewhere (see
+       `createHoverGate`). A finger dragging it holds the timer as a drag. */
+    var hoverGate = (0, hoveringPointer_1.useHoverGate)();
+    var handlePointerEnter = (0, react_1.useCallback)(function (e) { return hoverGate.notePointer(e); }, [hoverGate]);
     var handleMouseEnter = (0, react_1.useCallback)(function () {
-        if (pauseOnHover) {
+        if (pauseOnHover && hoverGate.isHover()) {
             holdTimer('hover');
         }
-    }, [pauseOnHover, holdTimer]);
+    }, [pauseOnHover, holdTimer, hoverGate]);
+    // only what a hover held: a leave no hover came before (a tap's) restarted a timer that was running
     var handleMouseLeave = (0, react_1.useCallback)(function () {
-        if (pauseOnHover) {
+        if (pauseOnHover && holdsRef.current.hover) {
             releaseTimer('hover');
         }
     }, [pauseOnHover, releaseTimer]);
     /* ---- swipe to dismiss ---- */
-    var reducedMotion = (0, usePrefersReducedMotion_1.usePrefersReducedMotion)();
     var mountedRef = (0, react_1.useRef)(true);
     (0, react_1.useEffect)(function () { return function () {
         mountedRef.current = false;
@@ -371,9 +372,16 @@ var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
         },
     }), dragging = _m.dragging, swipeHandlers = _m.handlers;
     /* ---- colours ---- */
+    var tinted = iconHasBackground !== null && iconHasBackground !== void 0 ? iconHasBackground : !compact;
+    var under = (0, SurfaceContext_1.useReqoreSurface)();
     var palette = (0, react_1.useMemo)(function () {
         var surface = (0, colors_1.changeLightness)(theme.main, 0.05);
-        var text = (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
+        /* The notification as it is drawn - its surface, frosted unless opaque, over what is under it
+           (nothing when minimal) - is what its text and its icon are read against. */
+        var drawn = (0, colors_1.getThemeSurfaces)(theme, under).map(function (page) {
+            return minimal ? page : (0, colors_1.getDrawnColor)((0, polished_1.rgba)(surface, opaque ? 1 : FROSTED_SURFACE_ALPHA), page);
+        });
+        var text = (0, colors_1.getReadableTextOn)(theme, drawn);
         // `muted` is the readable colour at 30% alpha — as a bloom or a line it
         // would paint white — so it takes the neutral grey a notification
         // without an intent gets.
@@ -383,18 +391,43 @@ var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
         // The intents are mid-dark colours; on a dark surface an icon painted in
         // one, on a tile tinted with the same one, loses its edge. Lift it there,
         // deepen it on a light surface.
-        var glyph = (0, polished_1.getLuminance)(surface) < 0.4 ? (0, colors_1.changeLightness)(accent, 0.18) : (0, colors_1.changeDarkness)(accent, 0.1);
-        return { surface: surface, text: text, accent: accent, glyph: glyph, onAccent: (0, colors_1.getReadableColorFrom)(accent, false) };
-    }, [theme, resolvedIntent]);
+        /* ...and then as far as it needs to stand out by 3:1 from its tile, over the surface and over the
+           bloom behind the tile (WCAG 1.4.11): lifted by a fixed step, it did not always. */
+        var tile = function (below) {
+            return tinted ? (0, colors_1.getDrawnColor)((0, polished_1.rgba)(accent, ICON_TILE_ALPHA), below) : below;
+        };
+        var bloomed = resolvedIntent && !minimal
+            ? drawn.map(function (each) { return (0, colors_1.getDrawnColor)((0, polished_1.rgba)(accent, BLOOM_ALPHA), each); })
+            : drawn;
+        var tiles = __spreadArray(__spreadArray([], drawn.map(tile), true), bloomed.map(tile), true);
+        var glyph = (0, colors_1.getReadableAccentColorOn)((0, polished_1.getLuminance)(surface) < 0.4 ? (0, colors_1.changeLightness)(accent, 0.18) : (0, colors_1.changeDarkness)(accent, 0.1), tiles, colors_1.READABLE_ICON_CONTRAST);
+        /* an icon colour of the caller's own, in the shade of it that stands out from the tile
+           as well - or as it is given, when the helpers cannot read it (a CSS variable). They
+           take any CSS colour; the cast is where the wider prop meets their narrower type. */
+        var own = iconColor
+            ? (0, colors_1.getColorFromMaybeString)(theme, iconColor)
+            : undefined;
+        return {
+            surface: surface,
+            drawn: drawn,
+            text: text,
+            accent: accent,
+            glyph: own ? (0, colors_1.getReadableAccentColorOn)(own, tiles, colors_1.READABLE_ICON_CONTRAST) : glyph,
+            // the content under a title is a shade softer, as far as it stays readable
+            content: (0, colors_1.getReadableFadedColor)(text, drawn, 0.78),
+            onAccent: (0, colors_1.getReadableColorFrom)(accent, false),
+        };
+    }, [theme, resolvedIntent, under, minimal, opaque, tinted, iconColor]);
     var handleClose = (0, react_1.useCallback)(function (event) {
         event === null || event === void 0 ? void 0 : event.stopPropagation();
         onClose === null || onClose === void 0 ? void 0 : onClose();
     }, [onClose]);
     var hasIcon = !!(icon || resolvedIntent);
-    var tinted = iconHasBackground !== null && iconHasBackground !== void 0 ? iconHasBackground : !compact;
     var controlSize = (0, utils_1.getOneLessSize)(size);
     var progressVisible = !!duration && (showProgress !== null && showProgress !== void 0 ? showProgress : !compact);
-    var iconNode = resolvedIntent === 'pending' && !icon ? ((0, jsx_runtime_1.jsx)(Spinner_1.ReqoreSpinner, { size: compact ? controlSize : size, type: 5, intent: 'pending' })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { icon: icon || INTENT_ICON[resolvedIntent] || styles_2.typeToIcon[resolvedIntent], size: compact ? controlSize : size, color: iconColor !== null && iconColor !== void 0 ? iconColor : palette.glyph }));
+    var iconNode = resolvedIntent === 'pending' && !icon ? (
+    // in the glyph's colour: the shade of the intent that stands out from the tile
+    (0, jsx_runtime_1.jsx)(Spinner_1.ReqoreSpinner, { size: compact ? controlSize : size, type: 5, intent: 'pending', iconColor: palette.glyph })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { icon: icon || INTENT_ICON[resolvedIntent] || styles_2.typeToIcon[resolvedIntent], size: compact ? controlSize : size, color: palette.glyph }));
     var actionButtons = (actions === null || actions === void 0 ? void 0 : actions.length) && !compact
         ? actions.map(function (_a, index) {
             var label = _a.label, onActionClick = _a.onClick, closeOnClick = _a.closeOnClick, rest = __rest(_a, ["label", "onClick", "closeOnClick"]);
@@ -412,7 +445,9 @@ var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
                     // The swipe's translate ahead of the enter / leave spring's own scale.
                     transform: (0, web_1.to)([swipe.x, styles.transform], function (x, base) {
                         return x ? "translate3d(".concat(x, "px, 0, 0) ").concat(base) : base;
-                    }) }), theme: theme, effect: effect, role: resolvedIntent === 'danger' || resolvedIntent === 'warning' ? 'alert' : 'status', className: "reqore-notification".concat(compact ? ' reqore-notification-compact' : '').concat(swipeable ? ' reqore-notification-swipeable' : '').concat(dragging ? ' reqore-notification-dragging' : ''), "$size": size, "$compact": compact, "$fluid": fluid, "$flat": flat, "$raised": raised, "$minimal": minimal, "$opaque": opaque, "$blur": blur, "$clickable": !!onClick, "$swipeable": swipeable, "$dragging": dragging, "$hasIcon": hasIcon, "$hasClose": !!onClose, "$hasIntent": !!resolvedIntent, "$padded": padded, "$paddingSize": paddingSize !== null && paddingSize !== void 0 ? paddingSize : size, "$surface": palette.surface, "$text": palette.text, "$accent": palette.accent, onClick: onClick ? function () { return onClick(); } : undefined, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, swipeHandlers, { children: [resolvedIntent && !minimal ? ((0, jsx_runtime_1.jsx)(StyledNotificationBloom, { "$color": palette.accent, "$compact": compact })) : null, hasIcon ? ((0, jsx_runtime_1.jsx)(StyledNotificationIconTile, { "$size": compact ? controlSize : size, "$boxPx": compact ? sizes_1.SIZE_TO_PX[controlSize] : undefined, "$color": palette.accent, "$tinted": tinted, className: 'reqore-notification-icon', children: iconNode })) : null, (0, jsx_runtime_1.jsxs)(StyledNotificationBody, { "$compact": compact, children: [title ? (compact ? ((0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: controlSize, effect: { weight: 'bold', color: palette.text }, className: 'reqore-notification-title', children: title })) : ((0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, { size: size, effect: { weight: 'bold', color: palette.text }, className: 'reqore-notification-title', children: title }))) : null, content ? ((0, jsx_runtime_1.jsx)(StyledNotificationText, { "$size": size, "$dim": !!title, className: 'reqore-notification-content', children: content })) : null, actionButtons ? ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { size: controlSize, gapSize: 'small', wrap: true, style: { marginTop: sizes_1.PADDING_FROM_SIZE[controlSize] }, className: 'reqore-notification-actions', children: actionButtons })) : null] }), onClose ? ((0, jsx_runtime_1.jsx)(StyledNotificationTrailing, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { icon: 'CloseLine', size: controlSize, minimal: true, flat: true, compact: true, circle: compact, className: 'reqore-notification-close', "aria-label": closeLabel, onClick: handleClose }) })) : null, progressVisible ? ((0, jsx_runtime_1.jsx)(StyledNotificationProgress, { className: 'reqore-notification-progress', "data-paused": paused || undefined, "$color": palette.accent, "$duration": duration, "$paused": paused, "$height": BIG_SIZES.includes(size) ? 3 : 2 }, "".concat(duration).concat(resolvedIntent).concat(title).concat(content))) : null] })) })) : null;
+                    }) }), theme: theme, effect: effect, role: resolvedIntent === 'danger' || resolvedIntent === 'warning' ? 'alert' : 'status', className: "reqore-notification".concat(compact ? ' reqore-notification-compact' : '').concat(swipeable ? ' reqore-notification-swipeable' : '').concat(dragging ? ' reqore-notification-dragging' : ''), "$size": size, "$compact": compact, "$fluid": fluid, "$flat": flat, "$raised": raised, "$minimal": minimal, "$opaque": opaque, "$blur": blur, "$clickable": !!onClick, "$swipeable": swipeable, "$dragging": dragging, "$hasIcon": hasIcon, "$hasClose": !!onClose, "$hasIntent": !!resolvedIntent, "$padded": padded, "$paddingSize": paddingSize !== null && paddingSize !== void 0 ? paddingSize : size, "$surface": palette.surface, "$text": palette.text, "$accent": palette.accent, onClick: onClick ? function () { return onClick(); } : undefined, onPointerEnter: handlePointerEnter, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, swipeHandlers, { children: [resolvedIntent && !minimal ? ((0, jsx_runtime_1.jsx)(StyledNotificationBloom, { "$color": palette.accent, "$compact": compact })) : null, hasIcon ? ((0, jsx_runtime_1.jsx)(StyledNotificationIconTile, { "$size": compact ? controlSize : size, "$boxPx": compact ? sizes_1.SIZE_TO_PX[controlSize] : undefined, "$color": palette.accent, "$tinted": tinted, "$glyph": palette.glyph, className: 'reqore-notification-icon', children: iconNode })) : null, (0, jsx_runtime_1.jsx)(SurfaceContext_1.ReqoreSurfaceProvider, { color: palette.drawn, children: (0, jsx_runtime_1.jsxs)(StyledNotificationBody, { "$compact": compact, children: [title ? (compact ? ((0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: controlSize, effect: { weight: 'bold', color: palette.text }, className: 'reqore-notification-title', children: title })) : ((0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, { size: size, effect: { weight: 'bold', color: palette.text }, className: 'reqore-notification-title', children: title }))) : null, content ? ((0, jsx_runtime_1.jsx)(StyledNotificationText, { "$size": size, "$color": title ? palette.content : undefined, className: 'reqore-notification-content', children: content })) : null, actionButtons ? ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { size: controlSize, gapSize: 'small', wrap: true, style: { marginTop: sizes_1.PADDING_FROM_SIZE[controlSize] }, className: 'reqore-notification-actions', children: actionButtons })) : null] }) }), onClose ? (
+                    // drawn on the notification, as its body is
+                    (0, jsx_runtime_1.jsx)(SurfaceContext_1.ReqoreSurfaceProvider, { color: palette.drawn, children: (0, jsx_runtime_1.jsx)(StyledNotificationTrailing, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { icon: 'CloseLine', size: controlSize, minimal: true, flat: true, compact: true, circle: compact, className: 'reqore-notification-close', "aria-label": closeLabel, onClick: handleClose }) }) })) : null, progressVisible ? ((0, jsx_runtime_1.jsx)(StyledNotificationProgress, { className: 'reqore-notification-progress', "data-paused": paused || undefined, "$color": palette.accent, "$duration": duration, "$paused": paused, "$height": BIG_SIZES.includes(size) ? 3 : 2 }, "".concat(duration).concat(resolvedIntent).concat(title).concat(content))) : null] })) })) : null;
     });
 });
 exports.default = ReqoreNotification;