npm - @vibe/core - Versions diffs - 3.72.0-alpha-5e660.0 → 3.73.0-alpha-8cc35.0 - Mend

@vibe/core 3.72.0-alpha-5e660.0 → 3.73.0-alpha-8cc35.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (384) hide show

package/dist/mocked_classnames/src/components/next/Dropdown/components/Trigger/Trigger.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={triggerWrapper:"triggerWrapper",small:"small",medium:"medium",large:"large",inputWrapper:"inputWrapper",multiSelected:"multiSelected",hasSelected:"hasSelected",selectedItem:"selectedItem",faded:"faded",placeholderText:"placeholderText",disabled:"disabled",multiWrapper:"multiWrapper",actionsWrapper:"actionsWrapper"};!function(e){const n="s_id-03657525809b_3_71_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".triggerWrapper {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper.small {\n  min-height: 32px;\n}\n.triggerWrapper.medium {\n  min-height: 40px;\n}\n.triggerWrapper.large {\n  min-height: 48px;\n}\n.triggerWrapper .inputWrapper {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper .inputWrapper.small {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper .inputWrapper.multiSelected {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--spacing-xs);\n}\n.triggerWrapper .inputWrapper.hasSelected {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper .selectedItem {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: var(--spacing-xs);\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper .selectedItem.small {\n  padding-inline-start: var(--spacing-small);\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper .selectedItem.medium {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper .selectedItem.large {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper .selectedItem.faded {\n  opacity: 0.6;\n}\n.triggerWrapper .placeholderText {\n  padding-inline-start: var(--spacing-medium);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper .placeholderText.disabled {\n  color: var(--disabled-text-color);\n}\n.multiWrapper {\n  padding: var(--spacing-xs) var(--spacing-small);\n  width: 100%;\n}\n.actionsWrapper {\n  padding: 0 var(--spacing-xs);\n}");export{e as default};
+var e={triggerWrapper:"triggerWrapper",small:"small",medium:"medium",large:"large",inputWrapper:"inputWrapper",multiSelected:"multiSelected",hasSelected:"hasSelected",selectedItem:"selectedItem",faded:"faded",placeholderText:"placeholderText",disabled:"disabled",multiWrapper:"multiWrapper",actionsWrapper:"actionsWrapper"};!function(e){const n="s_id-03657525809b_3_72_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".triggerWrapper {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper.small {\n  min-height: 32px;\n}\n.triggerWrapper.medium {\n  min-height: 40px;\n}\n.triggerWrapper.large {\n  min-height: 48px;\n}\n.triggerWrapper .inputWrapper {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper .inputWrapper.small {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper .inputWrapper.multiSelected {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--spacing-xs);\n}\n.triggerWrapper .inputWrapper.hasSelected {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper .selectedItem {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: var(--spacing-xs);\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper .selectedItem.small {\n  padding-inline-start: var(--spacing-small);\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper .selectedItem.medium {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper .selectedItem.large {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper .selectedItem.faded {\n  opacity: 0.6;\n}\n.triggerWrapper .placeholderText {\n  padding-inline-start: var(--spacing-medium);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper .placeholderText.disabled {\n  color: var(--disabled-text-color);\n}\n.multiWrapper {\n  padding: var(--spacing-xs) var(--spacing-small);\n  width: 100%;\n}\n.actionsWrapper {\n  padding: 0 var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=Trigger.module.scss.js.map

package/dist/mocked_classnames/src/tests/interactionsTests.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{regeneratorRuntime as e,createForOfIteratorHelper as t}from"../../_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as n}from"../../_virtual/_tslib.js";import{userEvent as r,within as o,fireEvent as a}from"@storybook/test";import{waitFor as i}from"@testing-library/react";import{NavigationCommand as c}from"./constants.js";import{expect as u}from"@storybook/jest";var s=function(t){return function(r){var o=r.canvasElement,a=r.args;return n(void 0,void 0,void 0,e().mark((function n(){var r;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=p(o),e.abrupt("return",t(r,a));case 2:case"end":return e.stop()}}),n)})))}},v=function(t){return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:r.clear(t);case 1:case"end":return e.stop()}}),n)})))};function f(e){u(" ➡️ ".concat(e)).toBeDefined()}function l(e){var t=e.getBoundingClientRect();return{x:t.left+t.width/2,y:t.top+t.height/2}}var d=function(e){var t=e.toElm,n=e.toCoords,r=e.delta,o=e.from;return n?Object.assign(Object.assign({},o),n):t?l(t):r?{x:o.x+r.x,y:o.y+r.y}:{x:o.x+10,y:o.y+0}};function p(e){if(e instanceof HTMLElement){var t=o(e);if(t instanceof Error)throw t;return t}if(e.getByRole)return e}var x=c,m=function(r){var o=r.beforeEach,a=void 0===o?null:o,i=r.beforeAll,c=void 0===i?null:i,u=r.skip,v=void 0!==u&&u,l=r.tests,d=r.afterEach,p=void 0===d?null:d,x=r.afterAll,m=void 0===x?null:x;return function(r){var o=r.canvasElement,i=r.args;return n(void 0,void 0,void 0,e().mark((function n(){var r,u,d,x;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!v){e.next=2;break}return e.abrupt("return");case 2:if(!c){e.next=6;break}return f("Before all:"),e.next=6,s(c)({canvasElement:o,args:i});case 6:r=t(l),e.prev=7,r.s();case 9:if((u=r.n()).done){e.next=25;break}if(x=(d=u.value).name,!a){e.next=16;break}return f("Before: ".concat(x)),e.next=16,s(a)({canvasElement:o,args:i});case 16:return f("Running : ".concat(x)),e.next=19,s(d)({canvasElement:o,args:i});case 19:if(!p){e.next=23;break}return f("After: ".concat(x)),e.next=23,s(p)({canvasElement:o,args:i});case 23:e.next=9;break;case 25:e.next=30;break;case 27:e.prev=27,e.t0=e.catch(7),r.e(e.t0);case 30:return e.prev=30,r.f(),e.finish(30);case 33:if(!m){e.next=37;break}return f("After all:"),e.next=37,s(m)({canvasElement:o,args:i});case 37:case"end":return e.stop()}}),n,null,[[7,27,30,33]])})))}},g=function(e,t){return p(e).getByTestId(t)},y=function(e,t){return p(e).getAllByTestId(t)},b=function(e,t){return p(e).getByPlaceholderText(t)},h=function(e,t){return p(e).getAllByPlaceholderText(t)},k=function(e){return document.getElementsByClassName(e)},w=function(e){return document.getElementsByClassName(e)[0]},B=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return p(e).getByRole(t,n)},E=function(e,t){return p(e).getAllByRole(t)},T=function(e,t){return p(e).getByLabelText(t)},A=function(e,t){return p(e).getAllByLabelText(t)},C=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return p(e).getByText(t,n)},R=function(e,t){return p(e).getAllByText(t)},j=function(e){return r.click(e)},H=function(e){return r.hover(e)},P=function(t,o){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:250;return n(void 0,void 0,void 0,e().mark((function n(){var i,c;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i=r.type(t,o,{delay:50}),e.next=3,i;case 3:return c=e.sent,e.next=6,L(a);case 6:return e.abrupt("return",c);case 7:case"end":return e.stop()}}),n)})))},O=function(e){u(document.activeElement).toHaveTextContent(RegExp("^".concat(e,"$")))},_=function(e){u(document.activeElement).toHaveTextContent(e)},I=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:c.TAB,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return n(void 0,void 0,void 0,e().mark((function n(){var a,i;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=t===c.TAB?r.tab():r.keyboard(t),e.next=3,a;case 3:return i=e.sent,e.next=6,L(o);case 6:return e.abrupt("return",i);case 7:case"end":return e.stop()}}),n)})))};function L(e){return new Promise((function(t){if(!e)return t(void 0);setTimeout(t,e)}))}var M=function(t){return new Promise((function(r){var o;i((function(){return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t();case 2:u(o=e.sent).toBeVisible();case 4:case"end":return e.stop()}}),n)})))})).then((function(){r(o)}))}))},N=function(t,o){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{delay:70};return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=t.repeat(o),e.next=3,r.keyboard(t,a);case 3:case"end":return e.stop()}}),n)})))};function D(t,o){var i=o.delta,c=void 0===i?void 0:i,u=o.toCoords,s=void 0===u?void 0:u,v=o.toElm,f=void 0===v?void 0:v,p=o.steps,x=void 0===p?20:p,m=o.duration,g=void 0===m?100:m;return n(this,void 0,void 0,e().mark((function n(){var o,i,u,v,p;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:o=l(t),i=d({toElm:f,toCoords:s,delta:c,from:o}),u={x:(i.x-o.x)/x,y:(i.y-o.y)/x},v={clientX:o.x,clientY:o.y},r.hover(t),a.pointerEnter(t,v),a.pointerOver(t,v),a.pointerMove(t,v),a.pointerDown(t,v),p=0;case 10:if(x<=p){e.next=19;break}return v.clientX+=u.x,v.clientY+=u.y,e.next=15,L(g/x);case 15:a.pointerMove(t,v);case 16:p++,e.next=10;break;case 19:a.pointerUp(t,v);case 20:case"end":return e.stop()}}),n)})))}export{x as NavigationCommand,v as clearText,j as clickElement,L as delay,D as drag,O as expectActiveElementToHaveExactText,_ as expectActiveElementToHavePartialText,A as getAllByLabelText,h as getAllByPlaceholderText,E as getAllByRole,y as getAllByTestId,R as getAllByText,k as getByClassName,T as getByLabelText,b as getByPlaceholderText,B as getByRole,g as getByTestId,C as getByText,w as getFirstByClassName,H as hoverElement,m as interactionSuite,I as pressNavigationKey,s as testFunctionWrapper,N as typeMultipleTimes,P as typeText,M as waitForElementVisible};
+import{regeneratorRuntime as e,createForOfIteratorHelper as t}from"../../_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as n}from"../../_virtual/_tslib.js";import{userEvent as r,within as o,fireEvent as a}from"@storybook/test";import{waitFor as i}from"@testing-library/react";import{NavigationCommand as c}from"./constants.js";import{expect as u}from"@storybook/jest";var s=function(t){return function(r){var o=r.canvasElement,a=r.args;return n(void 0,void 0,void 0,e().mark((function n(){var r;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=p(o),e.abrupt("return",t(r,a));case 2:case"end":return e.stop()}}),n)})))}},v=function(t){return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:r.clear(t);case 1:case"end":return e.stop()}}),n)})))};function f(e){u(" ➡️ ".concat(e)).toBeDefined()}function l(e){var t=e.getBoundingClientRect();return{x:t.left+t.width/2,y:t.top+t.height/2}}var d=function(e){var t=e.toElm,n=e.toCoords,r=e.delta,o=e.from;return n?Object.assign(Object.assign({},o),n):t?l(t):r?{x:o.x+r.x,y:o.y+r.y}:{x:o.x+10,y:o.y+0}};function p(e){if(e instanceof HTMLElement){var t=o(e);if(t instanceof Error)throw t;return t}if(e.getByRole)return e}var x=c,m=function(){return n(void 0,void 0,void 0,e().mark((function t(){var n;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(n=document.querySelector("[data-testid=focusTrap]"))){e.next=4;break}return e.next=4,r.click(n);case 4:case"end":return e.stop()}}),t)})))},g=function(r){var o=r.beforeEach,a=void 0===o?null:o,i=r.beforeAll,c=void 0===i?null:i,u=r.skip,v=void 0!==u&&u,l=r.tests,d=r.afterEach,p=void 0===d?null:d,x=r.afterAll,m=void 0===x?null:x;return function(r){var o=r.canvasElement,i=r.args;return n(void 0,void 0,void 0,e().mark((function n(){var r,u,d,x;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!v){e.next=2;break}return e.abrupt("return");case 2:if(!c){e.next=6;break}return f("Before all:"),e.next=6,s(c)({canvasElement:o,args:i});case 6:r=t(l),e.prev=7,r.s();case 9:if((u=r.n()).done){e.next=25;break}if(x=(d=u.value).name,!a){e.next=16;break}return f("Before: ".concat(x)),e.next=16,s(a)({canvasElement:o,args:i});case 16:return f("Running : ".concat(x)),e.next=19,s(d)({canvasElement:o,args:i});case 19:if(!p){e.next=23;break}return f("After: ".concat(x)),e.next=23,s(p)({canvasElement:o,args:i});case 23:e.next=9;break;case 25:e.next=30;break;case 27:e.prev=27,e.t0=e.catch(7),r.e(e.t0);case 30:return e.prev=30,r.f(),e.finish(30);case 33:if(!m){e.next=37;break}return f("After all:"),e.next=37,s(m)({canvasElement:o,args:i});case 37:case"end":return e.stop()}}),n,null,[[7,27,30,33]])})))}},y=function(e,t){return p(e).getByTestId(t)},b=function(e,t){return p(e).getAllByTestId(t)},h=function(e,t){return p(e).getByPlaceholderText(t)},k=function(e,t){return p(e).getAllByPlaceholderText(t)},w=function(e){return document.getElementsByClassName(e)},B=function(e){return document.getElementsByClassName(e)[0]},E=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return p(e).getByRole(t,n)},T=function(e,t){return p(e).getAllByRole(t)},A=function(e,t){return p(e).getByLabelText(t)},C=function(e,t){return p(e).getAllByLabelText(t)},R=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return p(e).getByText(t,n)},j=function(e,t){return p(e).getAllByText(t)},H=function(e){return r.click(e)},P=function(e){return r.hover(e)},O=function(t,o){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:250;return n(void 0,void 0,void 0,e().mark((function n(){var i,c;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i=r.type(t,o,{delay:50}),e.next=3,i;case 3:return c=e.sent,e.next=6,M(a);case 6:return e.abrupt("return",c);case 7:case"end":return e.stop()}}),n)})))},_=function(e){u(document.activeElement).toHaveTextContent(RegExp("^".concat(e,"$")))},I=function(e){u(document.activeElement).toHaveTextContent(e)},L=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:c.TAB,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return n(void 0,void 0,void 0,e().mark((function n(){var a,i;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=t===c.TAB?r.tab():r.keyboard(t),e.next=3,a;case 3:return i=e.sent,e.next=6,M(o);case 6:return e.abrupt("return",i);case 7:case"end":return e.stop()}}),n)})))};function M(e){return new Promise((function(t){if(!e)return t(void 0);setTimeout(t,e)}))}var N=function(t){return new Promise((function(r){var o;i((function(){return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t();case 2:u(o=e.sent).toBeVisible();case 4:case"end":return e.stop()}}),n)})))})).then((function(){r(o)}))}))},D=function(t,o){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{delay:70};return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=t.repeat(o),e.next=3,r.keyboard(t,a);case 3:case"end":return e.stop()}}),n)})))};function X(t,o){var i=o.delta,c=void 0===i?void 0:i,u=o.toCoords,s=void 0===u?void 0:u,v=o.toElm,f=void 0===v?void 0:v,p=o.steps,x=void 0===p?20:p,m=o.duration,g=void 0===m?100:m;return n(this,void 0,void 0,e().mark((function n(){var o,i,u,v,p;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:o=l(t),i=d({toElm:f,toCoords:s,delta:c,from:o}),u={x:(i.x-o.x)/x,y:(i.y-o.y)/x},v={clientX:o.x,clientY:o.y},r.hover(t),a.pointerEnter(t,v),a.pointerOver(t,v),a.pointerMove(t,v),a.pointerDown(t,v),p=0;case 10:if(x<=p){e.next=19;break}return v.clientX+=u.x,v.clientY+=u.y,e.next=15,M(g/x);case 15:a.pointerMove(t,v);case 16:p++,e.next=10;break;case 19:a.pointerUp(t,v);case 20:case"end":return e.stop()}}),n)})))}export{x as NavigationCommand,v as clearText,H as clickElement,M as delay,X as drag,_ as expectActiveElementToHaveExactText,I as expectActiveElementToHavePartialText,C as getAllByLabelText,k as getAllByPlaceholderText,T as getAllByRole,b as getAllByTestId,j as getAllByText,w as getByClassName,A as getByLabelText,h as getByPlaceholderText,E as getByRole,y as getByTestId,R as getByText,B as getFirstByClassName,P as hoverElement,g as interactionSuite,L as pressNavigationKey,m as resetFocus,s as testFunctionWrapper,D as typeMultipleTimes,O as typeText,N as waitForElementVisible};
 //# sourceMappingURL=interactionsTests.js.map

package/dist/mocked_classnames/src/tests/interactionsTests.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interactionsTests.js","sources":["../../../../src/tests/interactions-utils.ts"],"sourcesContent":["import { fireEvent, type queries, userEvent, within } from \"@storybook/test\";\nimport { type BoundFunctions, type Screen, type SelectorMatcherOptions, waitFor } from \"@testing-library/react\";\nimport { NavigationCommand as NavigationCommandType } from \"./constants\";\nimport { expect } from \"@storybook/jest\";\n\nexport type Canvas = HTMLElement \| BoundFunctions<typeof queries>;\nexport type TestFunction = (canvas: Canvas, args: Record<string, any>) => unknown;\nexport type Coordinates = { x: number; y: number };\n\n// Internal functions\nexport const testFunctionWrapper = (testFunc: TestFunction) => {\n return async ({ canvasElement, args }: { canvasElement: Screen; args: Record<string, any> }) => {\n // Starts querying the component from its root element\n const canvas = getWithin(canvasElement);\n return testFunc(canvas, args);\n };\n};\n\nexport const clearText = async (element: HTMLElement) => {\n userEvent.clear(element);\n};\n\nfunction logFunctionStart(name: string) {\n expect(` ➡️ ${name}`).toBeDefined();\n}\n\nfunction getElementClientCenter(element: HTMLElement) {\n const { left, top, width, height } = element.getBoundingClientRect();\n return {\n x: left + width / 2,\n y: top + height / 2\n };\n}\n\nconst getCoords = ({\n toElm,\n toCoords,\n delta,\n from\n}: {\n toElm: HTMLElement;\n toCoords: Coordinates;\n delta: Coordinates;\n from: Coordinates;\n}) => {\n if (toCoords) {\n return { ...from, ...toCoords };\n }\n if (toElm) {\n return getElementClientCenter(toElm);\n }\n if (delta) {\n return {\n x: from.x + delta.x,\n y: from.y + delta.y\n };\n }\n return {\n x: from.x + 10,\n y: from.y + 0\n };\n};\n\nfunction getWithin(canvasOrValidTestElement: HTMLElement \| BoundFunctions<typeof queries>) {\n if (canvasOrValidTestElement instanceof HTMLElement) {\n const result = within(canvasOrValidTestElement);\n if (result instanceof Error) {\n throw result;\n }\n return result;\n } else if (canvasOrValidTestElement.getByRole) return canvasOrValidTestElement;\n}\n\n// External constants\nexport const NavigationCommand = NavigationCommandType;\n\n// External functions\nexport const interactionSuite =\n ({\n beforeEach = null,\n beforeAll = null,\n skip = false,\n tests,\n afterEach = null,\n afterAll = null\n }: {\n beforeEach?: TestFunction;\n beforeAll?: TestFunction;\n skip?: boolean;\n tests: Array<TestFunction>;\n afterAll?: TestFunction;\n afterEach?: TestFunction;\n }): (({ canvasElement, args }: { canvasElement: Screen; args: Record<string, any> }) => Promise<void>) =>\n async ({ canvasElement, args }) => {\n if (skip) return;\n\n if (beforeAll) {\n logFunctionStart(\"Before all:\");\n await testFunctionWrapper(beforeAll)({ canvasElement, args });\n }\n\n for (const test of tests) {\n const fnName = test.name;\n if (beforeEach) {\n logFunctionStart(`Before: ${fnName}`);\n await testFunctionWrapper(beforeEach)({ canvasElement, args });\n }\n\n logFunctionStart(`Running : ${fnName}`);\n await testFunctionWrapper(test)({ canvasElement, args });\n\n if (afterEach) {\n logFunctionStart(`After: ${fnName}`);\n await testFunctionWrapper(afterEach)({ canvasElement, args });\n }\n }\n\n if (afterAll) {\n logFunctionStart(\"After all:\");\n await testFunctionWrapper(afterAll)({ canvasElement, args });\n }\n };\n\nexport const getByTestId = (rootElement: HTMLElement \| BoundFunctions<typeof queries>, dataTestId: string) => {\n return getWithin(rootElement).getByTestId(dataTestId);\n};\n\nexport const getAllByTestId = (rootElement: HTMLElement \| BoundFunctions<typeof queries>, dataTestId: string) => {\n return getWithin(rootElement).getAllByTestId(dataTestId);\n};\n\nexport const getByPlaceholderText = (rootElement: HTMLElement \| BoundFunctions<typeof queries>, text: string) => {\n return getWithin(rootElement).getByPlaceholderText(text);\n};\n\nexport const getAllByPlaceholderText = (rootElement: HTMLElement \| BoundFunctions<typeof queries>, text: string) => {\n return getWithin(rootElement).getAllByPlaceholderText(text);\n};\n\nexport const getByClassName = (className: string) => {\n return document.getElementsByClassName(className);\n};\n\nexport const getFirstByClassName = (className: string) => {\n return document.getElementsByClassName(className)[0];\n};\n\nexport const getByRole = (rootElement: HTMLElement \| BoundFunctions<typeof queries>, role: string, options = {}) => {\n return getWithin(rootElement).getByRole(role, options);\n};\n\nexport const getAllByRole = (rootElement: HTMLElement \| BoundFunctions<typeof queries>, role: string) => {\n return getWithin(rootElement).getAllByRole(role);\n};\n\nexport const getByLabelText = (rootElement: HTMLElement \| BoundFunctions<typeof queries>, text: string) => {\n return getWithin(rootElement).getByLabelText(text);\n};\n\nexport const getAllByLabelText = (rootElement: HTMLElement, text: string) => {\n return getWithin(rootElement).getAllByLabelText(text);\n};\n\nexport const getByText = (\n rootElement: HTMLElement \| BoundFunctions<typeof queries>,\n text: string,\n options: SelectorMatcherOptions = {}\n) => {\n return getWithin(rootElement).getByText(text, options);\n};\n\nexport const getAllByText = (rootElement: HTMLElement \| BoundFunctions<typeof queries>, text: string) => {\n return getWithin(rootElement).getAllByText(text);\n};\n\nexport const clickElement = (element: HTMLElement) => {\n return userEvent.click(element);\n};\n\nexport const hoverElement = (element: HTMLElement) => {\n return userEvent.hover(element);\n};\n\nexport const typeText = async (element: HTMLElement, text: string, waitForDebounceMs = 250) => {\n const promise = userEvent.type(element, text, {\n delay: 50\n });\n const result = await promise;\n await delay(waitForDebounceMs);\n return result;\n};\n\nexport const expectActiveElementToHaveExactText = (text: string) => {\n expect(document.activeElement).toHaveTextContent(new RegExp(`^${text}$`));\n};\n\nexport const expectActiveElementToHavePartialText = (text: string) => {\n expect(document.activeElement).toHaveTextContent(text);\n};\n\nexport const pressNavigationKey = async (command = NavigationCommandType.TAB, waitForDebounceMs = 0): Promise<any> => {\n const promise = command === NavigationCommandType.TAB ? userEvent.tab() : userEvent.keyboard(command);\n const result = await promise;\n await delay(waitForDebounceMs);\n return result;\n};\n\nexport function delay(timeout: number) {\n return new Promise((resolve: (value: unknown) => void) => {\n if (!timeout) return resolve(undefined);\n setTimeout(resolve, timeout);\n });\n}\n\nexport const waitForElementVisible = (getterFunc: () => HTMLElement) => {\n return new Promise(resolve => {\n let element: HTMLElement;\n waitFor(async () => {\n element = await getterFunc();\n expect(element).toBeVisible();\n }).then(() => {\n resolve(element);\n });\n });\n};\n\nexport const typeMultipleTimes = async (text: string, count: number, options = { delay: 70 }) => {\n text = text.repeat(count);\n await userEvent.keyboard(text, options);\n};\n\nexport async function drag(\n element: HTMLElement,\n {\n delta = undefined,\n toCoords = undefined,\n toElm = undefined,\n steps = 20,\n duration = 100\n }: { delta: Coordinates; toCoords: Coordinates; toElm: HTMLElement; steps: number; duration: number }\n) {\n const from = getElementClientCenter(element);\n const to = getCoords({ toElm, toCoords, delta, from });\n const step = {\n x: (to.x - from.x) / steps,\n y: (to.y - from.y) / steps\n };\n const current = {\n clientX: from.x,\n clientY: from.y\n };\n userEvent.hover(element);\n fireEvent.pointerEnter(element, current);\n fireEvent.pointerOver(element, current);\n fireEvent.pointerMove(element, current);\n fireEvent.pointerDown(element, current);\n for (let i = 0; i < steps; i++) {\n current.clientX += step.x;\n current.clientY += step.y;\n await delay(duration / steps);\n fireEvent.pointerMove(element, current);\n }\n fireEvent.pointerUp(element, current);\n}\n"],"names":["testFunctionWrapper","testFunc","_ref","canvasElement","args","__awaiter","_regeneratorRuntime","mark","_callee","canvas","wrap","_context","prev","next","getWithin","abrupt","stop","clearText","element","_callee2","_context2","userEvent","clear","logFunctionStart","name","expect","concat","toBeDefined","getElementClientCenter","_element$getBoundingC","getBoundingClientRect","x","left","width","y","top","height","getCoords","_ref2","toElm","toCoords","delta","from","Object","assign","canvasOrValidTestElement","HTMLElement","result","within","Error","getByRole","NavigationCommand","NavigationCommandType","interactionSuite","_ref3","_ref3$beforeEach","beforeEach","_ref3$beforeAll","beforeAll","_ref3$skip","skip","tests","_ref3$afterEach","afterEach","_ref3$afterAll","afterAll","_ref4","_callee3","_iterator","_step","test","fnName","_context3","_createForOfIteratorHelper","s","n","done","value","t0","e","f","finish","getByTestId","rootElement","dataTestId","getAllByTestId","getByPlaceholderText","text","getAllByPlaceholderText","getByClassName","className","document","getElementsByClassName","getFirstByClassName","role","options","arguments","length","undefined","getAllByRole","getByLabelText","getAllByLabelText","getByText","getAllByText","clickElement","click","hoverElement","hover","typeText","waitForDebounceMs","_callee4","promise","_context4","type","delay","sent","expectActiveElementToHaveExactText","activeElement","toHaveTextContent","RegExp","expectActiveElementToHavePartialText","pressNavigationKey","command","TAB","_callee5","_context5","tab","keyboard","timeout","Promise","resolve","setTimeout","waitForElementVisible","getterFunc","waitFor","_callee6","_context6","toBeVisible","then","typeMultipleTimes","count","_callee7","_context7","repeat","drag","_ref5","_ref5$delta","_ref5$toCoords","_ref5$toElm","_ref5$steps","steps","_ref5$duration","duration","to","step","current","clientX","clientY","fireEvent","pointerEnter","pointerOver","pointerMove","pointerDown","i","_context8","pointerUp","_callee8"],"mappings":"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"}
1	+ {"version":3,"file":"interactionsTests.js","sources":["../../../../src/tests/interactions-utils.ts"],"sourcesContent":["import { fireEvent, type queries, userEvent, within } from \"@storybook/test\";\nimport { type BoundFunctions, type Screen, type SelectorMatcherOptions, waitFor } from \"@testing-library/react\";\nimport { NavigationCommand as NavigationCommandType } from \"./constants\";\nimport { expect } from \"@storybook/jest\";\n\nexport type Canvas = HTMLElement \| BoundFunctions<typeof queries>;\nexport type TestFunction = (canvas: Canvas, args: Record<string, any>) => unknown;\nexport type Coordinates = { x: number; y: number };\n\n// Internal functions\nexport const testFunctionWrapper = (testFunc: TestFunction) => {\n return async ({ canvasElement, args }: { canvasElement: Screen; args: Record<string, any> }) => {\n // Starts querying the component from its root element\n const canvas = getWithin(canvasElement);\n return testFunc(canvas, args);\n };\n};\n\nexport const clearText = async (element: HTMLElement) => {\n userEvent.clear(element);\n};\n\nfunction logFunctionStart(name: string) {\n expect(` ➡️ ${name}`).toBeDefined();\n}\n\nfunction getElementClientCenter(element: HTMLElement) {\n const { left, top, width, height } = element.getBoundingClientRect();\n return {\n x: left + width / 2,\n y: top + height / 2\n };\n}\n\nconst getCoords = ({\n toElm,\n toCoords,\n delta,\n from\n}: {\n toElm: HTMLElement;\n toCoords: Coordinates;\n delta: Coordinates;\n from: Coordinates;\n}) => {\n if (toCoords) {\n return { ...from, ...toCoords };\n }\n if (toElm) {\n return getElementClientCenter(toElm);\n }\n if (delta) {\n return {\n x: from.x + delta.x,\n y: from.y + delta.y\n };\n }\n return {\n x: from.x + 10,\n y: from.y + 0\n };\n};\n\nfunction getWithin(canvasOrValidTestElement: HTMLElement \| BoundFunctions<typeof queries>) {\n if (canvasOrValidTestElement instanceof HTMLElement) {\n const result = within(canvasOrValidTestElement);\n if (result instanceof Error) {\n throw result;\n }\n return result;\n } else if (canvasOrValidTestElement.getByRole) return canvasOrValidTestElement;\n}\n\n// External constants\nexport const NavigationCommand = NavigationCommandType;\n\n// External functions\nexport const resetFocus = async () => {\n const focusTrap = document.querySelector(\"[data-testid=focusTrap]\");\n if (focusTrap) {\n await userEvent.click(focusTrap as HTMLElement);\n }\n};\n\nexport const interactionSuite =\n ({\n beforeEach = null,\n beforeAll = null,\n skip = false,\n tests,\n afterEach = null,\n afterAll = null\n }: {\n beforeEach?: TestFunction;\n beforeAll?: TestFunction;\n skip?: boolean;\n tests: Array<TestFunction>;\n afterAll?: TestFunction;\n afterEach?: TestFunction;\n }): (({ canvasElement, args }: { canvasElement: Screen; args: Record<string, any> }) => Promise<void>) =>\n async ({ canvasElement, args }) => {\n if (skip) return;\n\n if (beforeAll) {\n logFunctionStart(\"Before all:\");\n await testFunctionWrapper(beforeAll)({ canvasElement, args });\n }\n\n for (const test of tests) {\n const fnName = test.name;\n if (beforeEach) {\n logFunctionStart(`Before: ${fnName}`);\n await testFunctionWrapper(beforeEach)({ canvasElement, args });\n }\n\n logFunctionStart(`Running : ${fnName}`);\n await testFunctionWrapper(test)({ canvasElement, args });\n\n if (afterEach) {\n logFunctionStart(`After: ${fnName}`);\n await testFunctionWrapper(afterEach)({ canvasElement, args });\n }\n }\n\n if (afterAll) {\n logFunctionStart(\"After all:\");\n await testFunctionWrapper(afterAll)({ canvasElement, args });\n }\n };\n\nexport const getByTestId = (rootElement: HTMLElement \| BoundFunctions<typeof queries>, dataTestId: string) => {\n return getWithin(rootElement).getByTestId(dataTestId);\n};\n\nexport const getAllByTestId = (rootElement: HTMLElement \| BoundFunctions<typeof queries>, dataTestId: string) => {\n return getWithin(rootElement).getAllByTestId(dataTestId);\n};\n\nexport const getByPlaceholderText = (rootElement: HTMLElement \| BoundFunctions<typeof queries>, text: string) => {\n return getWithin(rootElement).getByPlaceholderText(text);\n};\n\nexport const getAllByPlaceholderText = (rootElement: HTMLElement \| BoundFunctions<typeof queries>, text: string) => {\n return getWithin(rootElement).getAllByPlaceholderText(text);\n};\n\nexport const getByClassName = (className: string) => {\n return document.getElementsByClassName(className);\n};\n\nexport const getFirstByClassName = (className: string) => {\n return document.getElementsByClassName(className)[0];\n};\n\nexport const getByRole = (rootElement: HTMLElement \| BoundFunctions<typeof queries>, role: string, options = {}) => {\n return getWithin(rootElement).getByRole(role, options);\n};\n\nexport const getAllByRole = (rootElement: HTMLElement \| BoundFunctions<typeof queries>, role: string) => {\n return getWithin(rootElement).getAllByRole(role);\n};\n\nexport const getByLabelText = (rootElement: HTMLElement \| BoundFunctions<typeof queries>, text: string) => {\n return getWithin(rootElement).getByLabelText(text);\n};\n\nexport const getAllByLabelText = (rootElement: HTMLElement, text: string) => {\n return getWithin(rootElement).getAllByLabelText(text);\n};\n\nexport const getByText = (\n rootElement: HTMLElement \| BoundFunctions<typeof queries>,\n text: string,\n options: SelectorMatcherOptions = {}\n) => {\n return getWithin(rootElement).getByText(text, options);\n};\n\nexport const getAllByText = (rootElement: HTMLElement \| BoundFunctions<typeof queries>, text: string) => {\n return getWithin(rootElement).getAllByText(text);\n};\n\nexport const clickElement = (element: HTMLElement) => {\n return userEvent.click(element);\n};\n\nexport const hoverElement = (element: HTMLElement) => {\n return userEvent.hover(element);\n};\n\nexport const typeText = async (element: HTMLElement, text: string, waitForDebounceMs = 250) => {\n const promise = userEvent.type(element, text, {\n delay: 50\n });\n const result = await promise;\n await delay(waitForDebounceMs);\n return result;\n};\n\nexport const expectActiveElementToHaveExactText = (text: string) => {\n expect(document.activeElement).toHaveTextContent(new RegExp(`^${text}$`));\n};\n\nexport const expectActiveElementToHavePartialText = (text: string) => {\n expect(document.activeElement).toHaveTextContent(text);\n};\n\nexport const pressNavigationKey = async (command = NavigationCommandType.TAB, waitForDebounceMs = 0): Promise<any> => {\n const promise = command === NavigationCommandType.TAB ? userEvent.tab() : userEvent.keyboard(command);\n const result = await promise;\n await delay(waitForDebounceMs);\n return result;\n};\n\nexport function delay(timeout: number) {\n return new Promise((resolve: (value: unknown) => void) => {\n if (!timeout) return resolve(undefined);\n setTimeout(resolve, timeout);\n });\n}\n\nexport const waitForElementVisible = (getterFunc: () => HTMLElement) => {\n return new Promise(resolve => {\n let element: HTMLElement;\n waitFor(async () => {\n element = await getterFunc();\n expect(element).toBeVisible();\n }).then(() => {\n resolve(element);\n });\n });\n};\n\nexport const typeMultipleTimes = async (text: string, count: number, options = { delay: 70 }) => {\n text = text.repeat(count);\n await userEvent.keyboard(text, options);\n};\n\nexport async function drag(\n element: HTMLElement,\n {\n delta = undefined,\n toCoords = undefined,\n toElm = undefined,\n steps = 20,\n duration = 100\n }: { delta: Coordinates; toCoords: Coordinates; toElm: HTMLElement; steps: number; duration: number }\n) {\n const from = getElementClientCenter(element);\n const to = getCoords({ toElm, toCoords, delta, from });\n const step = {\n x: (to.x - from.x) / steps,\n y: (to.y - from.y) / steps\n };\n const current = {\n clientX: from.x,\n clientY: from.y\n };\n userEvent.hover(element);\n fireEvent.pointerEnter(element, current);\n fireEvent.pointerOver(element, current);\n fireEvent.pointerMove(element, current);\n fireEvent.pointerDown(element, current);\n for (let i = 0; i < steps; i++) {\n current.clientX += step.x;\n current.clientY += step.y;\n await delay(duration / steps);\n fireEvent.pointerMove(element, current);\n }\n fireEvent.pointerUp(element, current);\n}\n"],"names":["testFunctionWrapper","testFunc","_ref","canvasElement","args","__awaiter","_regeneratorRuntime","mark","_callee","canvas","wrap","_context","prev","next","getWithin","abrupt","stop","clearText","element","_callee2","_context2","userEvent","clear","logFunctionStart","name","expect","concat","toBeDefined","getElementClientCenter","_element$getBoundingC","getBoundingClientRect","x","left","width","y","top","height","getCoords","_ref2","toElm","toCoords","delta","from","Object","assign","canvasOrValidTestElement","HTMLElement","result","within","Error","getByRole","NavigationCommand","NavigationCommandType","resetFocus","_callee3","focusTrap","_context3","document","querySelector","click","interactionSuite","_ref3","_ref3$beforeEach","beforeEach","_ref3$beforeAll","beforeAll","_ref3$skip","skip","tests","_ref3$afterEach","afterEach","_ref3$afterAll","afterAll","_ref4","_callee4","_iterator","_step","test","fnName","_context4","_createForOfIteratorHelper","s","n","done","value","t0","e","f","finish","getByTestId","rootElement","dataTestId","getAllByTestId","getByPlaceholderText","text","getAllByPlaceholderText","getByClassName","className","getElementsByClassName","getFirstByClassName","role","options","arguments","length","undefined","getAllByRole","getByLabelText","getAllByLabelText","getByText","getAllByText","clickElement","hoverElement","hover","typeText","waitForDebounceMs","_callee5","promise","_context5","type","delay","sent","expectActiveElementToHaveExactText","activeElement","toHaveTextContent","RegExp","expectActiveElementToHavePartialText","pressNavigationKey","command","TAB","_callee6","_context6","tab","keyboard","timeout","Promise","resolve","setTimeout","waitForElementVisible","getterFunc","waitFor","_callee7","_context7","toBeVisible","then","typeMultipleTimes","count","_callee8","_context8","repeat","drag","_ref5","_ref5$delta","_ref5$toCoords","_ref5$toElm","_ref5$steps","steps","_ref5$duration","duration","to","step","current","clientX","clientY","fireEvent","pointerEnter","pointerOver","pointerMove","pointerDown","i","_context9","pointerUp","_callee9"],"mappings":"6XAUaA,EAAsB,SAACC,GAClC,OAAO,SAAAC,GAAA,IAASC,EAAaD,EAAbC,cAAeC,EAAIF,EAAJE,KAAI,OAA4DC,OAAA,OAAA,OAAA,EAAAC,IAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAA,OAAAH,IAAAI,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAEtD,OAAjCJ,EAASK,EAAUX,GAAcQ,EAAAI,OAAA,SAChCd,EAASQ,EAAQL,IAAK,KAAA,EAAA,IAAA,MAAA,OAAAO,EAAAK,OAAA,GAAAR,EAC9B,IAAA,CACH,EAEaS,EAAY,SAAOC,GAAoB,OAAIb,OAAA,OAAA,OAAA,EAAAC,IAAAC,MAAA,SAAAY,IAAA,OAAAb,IAAAI,MAAA,SAAAU,GAAA,cAAAA,EAAAR,KAAAQ,EAAAP,MAAA,KAAA,EACtDQ,EAAUC,MAAMJ,GAAS,KAAA,EAAA,IAAA,MAAA,OAAAE,EAAAJ,OAAA,GAAAG,EAC1B,IAAA,EAED,SAASI,EAAiBC,GACxBC,EAAM,OAAAC,OAAQF,IAAQG,aACxB,CAEA,SAASC,EAAuBV,GAC9B,IAAAW,EAAqCX,EAAQY,wBAC7C,MAAO,CACLC,EAFUF,EAAJG,KAAgBH,EAALI,MAEC,EAClBC,EAHeL,EAAHM,IAAkBN,EAANO,OAGN,EAEtB,CAEA,IAAMC,EAAY,SAAHC,GAUV,IATHC,EAAKD,EAALC,MACAC,EAAQF,EAARE,SACAC,EAAKH,EAALG,MACAC,EAAIJ,EAAJI,KAOA,OAAIF,EACUG,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,GAASF,GAEnBD,EACKX,EAAuBW,GAE5BE,EACK,CACLV,EAAGW,EAAKX,EAAIU,EAAMV,EAClBG,EAAGQ,EAAKR,EAAIO,EAAMP,GAGf,CACLH,EAAGW,EAAKX,EAAI,GACZG,EAAGQ,EAAKR,EAAI,EAEhB,EAEA,SAASpB,EAAU+B,GACjB,GAAIA,aAAoCC,YAAa,CACnD,IAAMC,EAASC,EAAOH,GACtB,GAAIE,aAAkBE,MACpB,MAAMF,EAER,OAAOA,CACR,CAAM,GAAIF,EAAyBK,UAAW,OAAOL,CACxD,CAGO,IAAMM,EAAoBC,EAGpBC,EAAa,WAAH,OAAchD,OAAA,OAAA,OAAA,EAAAC,IAAAC,MAAA,SAAA+C,IAAA,IAAAC,EAAA,OAAAjD,IAAAI,MAAA,SAAA8C,GAAA,cAAAA,EAAA5C,KAAA4C,EAAA3C,MAAA,KAAA,EACgC,KAA7D0C,EAAYE,SAASC,cAAc,4BAC5B,CAAAF,EAAA3C,KAAA,EAAA,KAAA,CACX,OADW2C,EAAA3C,KAAA,EACLQ,EAAUsC,MAAMJ,GAAyB,KAAA,EAAA,IAAA,MAAA,OAAAC,EAAAxC,OAAA,GAAAsC,EAElD,IAAA,EAEYM,EACX,SAD2BC,GAAA,IAAAC,EAAAD,EAEzBE,WAAAA,OAAa,IAAHD,EAAG,KAAIA,EAAAE,EAAAH,EACjBI,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAL,EAChBM,KAAAA,OAAO,IAAHD,GAAQA,EACZE,EAAKP,EAALO,MAAKC,EAAAR,EACLS,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAV,EAChBW,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAA,OASjB,SAAAE,GAAA,IAAStE,EAAasE,EAAbtE,cAAeC,EAAIqE,EAAJrE,KAAI,OAAMC,OAAA,OAAA,OAAA,EAAAC,IAAAC,MAAA,SAAAmE,IAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAAAxE,IAAAI,MAAA,SAAAqE,GAAA,cAAAA,EAAAnE,KAAAmE,EAAAlE,MAAA,KAAA,EAAA,IAC5BsD,EAAI,CAAAY,EAAAlE,KAAA,EAAA,KAAA,CAAA,OAAAkE,EAAAhE,OAAA,UAAA,KAAA,EAAA,IAEJkD,EAAS,CAAAc,EAAAlE,KAAA,EAAA,KAAA,CAEX,OADAU,EAAiB,eAAewD,EAAAlE,KAAA,EAC1Bb,EAAoBiE,EAApBjE,CAA+B,CAAEG,cAAAA,EAAeC,KAAAA,IAAO,KAAA,EAAAuE,EAAAK,EAG5CZ,GAAKW,EAAAnE,KAAA,EAAA+D,EAAAM,IAAA,KAAA,EAAA,IAAAL,EAAAD,EAAAO,KAAAC,KAAA,CAAAJ,EAAAlE,KAAA,GAAA,KAAA,CACE,GAAlBiE,GADGD,EAAID,EAAAQ,OACO5D,MAChBuC,EAAU,CAAAgB,EAAAlE,KAAA,GAAA,KAAA,CAEZ,OADAU,EAAgBG,WAAAA,OAAYoD,IAAUC,EAAAlE,KAAA,GAChCb,EAAoB+D,EAApB/D,CAAgC,CAAEG,cAAAA,EAAeC,KAAAA,IAAO,KAAA,GAIhE,OADAmB,EAAgBG,aAAAA,OAAcoD,IAAUC,EAAAlE,KAAA,GAClCb,EAAoB6E,EAApB7E,CAA0B,CAAEG,cAAAA,EAAeC,KAAAA,IAAO,KAAA,GAAA,IAEpDkE,EAAS,CAAAS,EAAAlE,KAAA,GAAA,KAAA,CAEX,OADAU,EAAgBG,UAAAA,OAAWoD,IAAUC,EAAAlE,KAAA,GAC/Bb,EAAoBsE,EAApBtE,CAA+B,CAAEG,cAAAA,EAAeC,KAAAA,IAAO,KAAA,GAAA2E,EAAAlE,KAAA,EAAA,MAAA,KAAA,GAAAkE,EAAAlE,KAAA,GAAA,MAAA,KAAA,GAAAkE,EAAAnE,KAAA,GAAAmE,EAAAM,GAAAN,EAAA,MAAA,GAAAJ,EAAAW,EAAAP,EAAAM,IAAA,KAAA,GAAA,OAAAN,EAAAnE,KAAA,GAAA+D,EAAAY,IAAAR,EAAAS,OAAA,IAAA,KAAA,GAAA,IAI7DhB,EAAQ,CAAAO,EAAAlE,KAAA,GAAA,KAAA,CAEV,OADAU,EAAiB,cAAcwD,EAAAlE,KAAA,GACzBb,EAAoBwE,EAApBxE,CAA8B,CAAEG,cAAAA,EAAeC,KAAAA,IAAO,KAAA,GAAA,IAAA,MAAA,OAAA2E,EAAA/D,OAAA,GAAA0D,EAAA,KAAA,CAAA,CAAA,EAAA,GAAA,GAAA,KAE/D,IAAA,CAAA,EAEUe,EAAc,SAACC,EAA2DC,GACrF,OAAO7E,EAAU4E,GAAaD,YAAYE,EAC5C,EAEaC,EAAiB,SAACF,EAA2DC,GACxF,OAAO7E,EAAU4E,GAAaE,eAAeD,EAC/C,EAEaE,EAAuB,SAACH,EAA2DI,GAC9F,OAAOhF,EAAU4E,GAAaG,qBAAqBC,EACrD,EAEaC,EAA0B,SAACL,EAA2DI,GACjG,OAAOhF,EAAU4E,GAAaK,wBAAwBD,EACxD,EAEaE,EAAiB,SAACC,GAC7B,OAAOxC,SAASyC,uBAAuBD,EACzC,EAEaE,EAAsB,SAACF,GAClC,OAAOxC,SAASyC,uBAAuBD,GAAW,EACpD,EAEa/C,EAAY,SAACwC,EAA2DU,GAA8B,IAAhBC,EAAOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EAC3G,OAAOxF,EAAU4E,GAAaxC,UAAUkD,EAAMC,EAChD,EAEaI,EAAe,SAACf,EAA2DU,GACtF,OAAOtF,EAAU4E,GAAae,aAAaL,EAC7C,EAEaM,EAAiB,SAAChB,EAA2DI,GACxF,OAAOhF,EAAU4E,GAAagB,eAAeZ,EAC/C,EAEaa,EAAoB,SAACjB,EAA0BI,GAC1D,OAAOhF,EAAU4E,GAAaiB,kBAAkBb,EAClD,EAEac,EAAY,SACvBlB,EACAI,GAEE,IADFO,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAkC,CAAA,EAElC,OAAOxF,EAAU4E,GAAakB,UAAUd,EAAMO,EAChD,EAEaQ,EAAe,SAACnB,EAA2DI,GACtF,OAAOhF,EAAU4E,GAAamB,aAAaf,EAC7C,EAEagB,EAAe,SAAC5F,GAC3B,OAAOG,EAAUsC,MAAMzC,EACzB,EAEa6F,EAAe,SAAC7F,GAC3B,OAAOG,EAAU2F,MAAM9F,EACzB,EAEa+F,EAAW,SAAO/F,EAAsB4E,GAAY,IAAEoB,EAAiBZ,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAG,OAAIjG,OAAA,OAAA,OAAA,EAAAC,IAAAC,MAAA,SAAA4G,IAAA,IAAAC,EAAArE,EAAA,OAAAzC,IAAAI,MAAA,SAAA2G,GAAA,cAAAA,EAAAzG,KAAAyG,EAAAxG,MAAA,KAAA,EAI7E,OAHTuG,EAAU/F,EAAUiG,KAAKpG,EAAS4E,EAAM,CAC5CyB,MAAO,KACPF,EAAAxG,KAAA,EACmBuG,EAAO,KAAA,EAC5B,OADMrE,EAAMsE,EAAAG,KAAAH,EAAAxG,KAAA,EACN0G,EAAML,GAAkB,KAAA,EAAA,OAAAG,EAAAtG,OAAA,SACvBgC,GAAM,KAAA,EAAA,IAAA,MAAA,OAAAsE,EAAArG,OAAA,GAAAmG,EACd,IAAA,EAEYM,EAAqC,SAAC3B,GACjDrE,EAAOgC,SAASiE,eAAeC,kBAAsBC,WAAMlG,OAAKoE,EAAI,MACtE,EAEa+B,EAAuC,SAAC/B,GACnDrE,EAAOgC,SAASiE,eAAeC,kBAAkB7B,EACnD,EAEagC,EAAqB,WAAH,IAAUC,EAAOzB,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAGlD,GAAAA,EAAsB4E,IAAKd,EAAiBZ,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAAC,OAAkBjG,OAAA,OAAA,OAAA,EAAAC,IAAAC,MAAA,SAAA0H,IAAA,IAAAb,EAAArE,EAAA,OAAAzC,IAAAI,MAAA,SAAAwH,GAAA,cAAAA,EAAAtH,KAAAsH,EAAArH,MAAA,KAAA,EAEpG,OADTuG,EAAUW,IAAY3E,EAAsB4E,IAAM3G,EAAU8G,MAAQ9G,EAAU+G,SAASL,GAAQG,EAAArH,KAAA,EAChFuG,EAAO,KAAA,EAC5B,OADMrE,EAAMmF,EAAAV,KAAAU,EAAArH,KAAA,EACN0G,EAAML,GAAkB,KAAA,EAAA,OAAAgB,EAAAnH,OAAA,SACvBgC,GAAM,KAAA,EAAA,IAAA,MAAA,OAAAmF,EAAAlH,OAAA,GAAAiH,EACd,IAAA,EAEK,SAAUV,EAAMc,GACpB,OAAO,IAAIC,SAAQ,SAACC,GAClB,IAAKF,EAAS,OAAOE,OAAQ/B,GAC7BgC,WAAWD,EAASF,EACtB,GACF,KAEaI,EAAwB,SAACC,GACpC,OAAO,IAAIJ,SAAQ,SAAAC,GACjB,IAAIrH,EACJyH,GAAQ,WAAA,OAAWtI,OAAA,OAAA,OAAA,EAAAC,IAAAC,MAAA,SAAAqI,IAAA,OAAAtI,IAAAI,MAAA,SAAAmI,GAAA,cAAAA,EAAAjI,KAAAiI,EAAAhI,MAAA,KAAA,EACP,OADOgI,EAAAhI,KAAA,EACD6H,IAAY,KAAA,EAC5BjH,EADAP,EAAO2H,EAAArB,MACSsB,cAAc,KAAA,EAAA,IAAA,MAAA,OAAAD,EAAA7H,OAAA,GAAA4H,EAC/B,QAAEG,MAAK,WACNR,EAAQrH,EACV,GACF,GACF,EAEa8H,EAAoB,SAAOlD,EAAcmD,GAAa,IAAE5C,EAAOC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAG,GAAA,CAAEiB,MAAO,IAAI,OAAIlH,OAAA,OAAA,OAAA,EAAAC,IAAAC,MAAA,SAAA2I,IAAA,OAAA5I,IAAAI,MAAA,SAAAyI,GAAA,cAAAA,EAAAvI,KAAAuI,EAAAtI,MAAA,KAAA,EAE9F,OADAiF,EAAOA,EAAKsD,OAAOH,GAAOE,EAAAtI,KAAA,EACpBQ,EAAU+G,SAAStC,EAAMO,GAAQ,KAAA,EAAA,IAAA,MAAA,OAAA8C,EAAAnI,OAAA,GAAAkI,EACxC,IAAA,EAEK,SAAgBG,EACpBnI,EAAoBoI,GAOiF,IAAAC,EAAAD,EALnG7G,MAAAA,OAAQ+D,IAAH+C,OAAG/C,EAAS+C,EAAAC,EAAAF,EACjB9G,SAAAA,OAAWgE,IAAHgD,OAAGhD,EAASgD,EAAAC,EAAAH,EACpB/G,MAAAA,OAAQiE,IAAHiD,OAAGjD,EAASiD,EAAAC,EAAAJ,EACjBK,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACVO,SAAAA,OAAW,IAAHD,EAAG,IAAGA,oIAGVlH,EAAOd,EAAuBV,GAC9B4I,EAAKzH,EAAU,CAAEE,MAAAA,EAAOC,SAAAA,EAAUC,MAAAA,EAAOC,KAAAA,IACzCqH,EAAO,CACXhI,GAAI+H,EAAG/H,EAAIW,EAAKX,GAAK4H,EACrBzH,GAAI4H,EAAG5H,EAAIQ,EAAKR,GAAKyH,GAEjBK,EAAU,CACdC,QAASvH,EAAKX,EACdmI,QAASxH,EAAKR,GAEhBb,EAAU2F,MAAM9F,GAChBiJ,EAAUC,aAAalJ,EAAS8I,GAChCG,EAAUE,YAAYnJ,EAAS8I,GAC/BG,EAAUG,YAAYpJ,EAAS8I,GAC/BG,EAAUI,YAAYrJ,EAAS8I,GACtBQ,EAAI,EAAC,KAAA,GAAA,GAAMb,GAAJa,EAAS,CAAAC,EAAA5J,KAAA,GAAA,KAAA,CAGvB,OAFAmJ,EAAQC,SAAWF,EAAKhI,EACxBiI,EAAQE,SAAWH,EAAK7H,EAAEuI,EAAA5J,KAAA,GACpB0G,EAAMsC,EAAWF,GAAM,KAAA,GAC7BQ,EAAUG,YAAYpJ,EAAS8I,GAAS,KAAA,GAJfQ,IAAGC,EAAA5J,KAAA,GAAA,MAAA,KAAA,GAM9BsJ,EAAUO,UAAUxJ,EAAS8I,GAAS,KAAA,GAAA,IAAA,MAAA,OAAAS,EAAAzJ,OAAA,GAAA2J,EACvC,IAAA"}

package/dist/mocked_classnames/src/types/Colors.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{contentColors as e}from"../utils/colors-vars-map.js";var o={positive:"--positive-color-selected",negative:"--negative-color-selected",primary:"--primary-selected-color",warning:"--warning-color-selected"},r={positive:"--positive-color-selected-hover",negative:"--negative-color-selected-hover",primary:"--primary-selected-hover-color",warning:"--warning-color-selected-hover"};function c(c){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return e.includes(c)?"var(--color-".concat(c).concat(t?"-selected":"",")"):Object.keys(r).includes(c)&&i?"var(".concat(r[c],")"):Object.keys(o).includes(c)&&t?"var(".concat(o[c],")"):c}export{c as getElementColor};
+import{contentColors as e}from"../utils/colors-vars-map.js";var o={positive:"--positive-color-selected",negative:"--negative-color-selected",primary:"--primary-selected-color",warning:"--warning-color-selected",neutral:"--ui-background-color"},r={positive:"--positive-color-selected-hover",negative:"--negative-color-selected-hover",primary:"--primary-selected-hover-color",warning:"--warning-color-selected-hover",neutral:"--ui-background-hover-color"};function c(c){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return e.includes(c)?"var(--color-".concat(c).concat(t?"-selected":"",")"):Object.keys(r).includes(c)&&i?"var(".concat(r[c],")"):Object.keys(o).includes(c)&&t?"var(".concat(o[c],")"):c}export{c as getElementColor};
 //# sourceMappingURL=Colors.js.map

package/dist/mocked_classnames/src/types/Colors.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Colors.js","sources":["../../../../src/types/Colors.ts"],"sourcesContent":["import { contentColors } from \"../utils/colors-vars-map\";\n\nconst MapStateSelectedColor = {\n positive: \"--positive-color-selected\",\n negative: \"--negative-color-selected\",\n primary: \"--primary-selected-color\",\n warning: \"--warning-color-selected\"\n};\n\nconst MapStateSelectedHoverColor = {\n positive: \"--positive-color-selected-hover\",\n negative: \"--negative-color-selected-hover\",\n primary: \"--primary-selected-hover-color\",\n warning: \"--warning-color-selected-hover\"\n};\n\ntype ContentColor = (typeof contentColors)[number];\ntype StateSelectedColorKeys = keyof typeof MapStateSelectedColor;\ntype StateSelectedHoverColorKeys = keyof typeof MapStateSelectedHoverColor;\n\nexport type ElementAllowedColor = ContentColor \| \"positive\" \| \"negative\" \| \"primary\" \| \"warning\";\n\nexport function getElementColor(\n colorValue: ContentColor \| StateSelectedColorKeys \| StateSelectedHoverColorKeys,\n isSelectedPalette = false,\n isSelectedHoverPalette = false\n): string {\n if (contentColors.includes(colorValue as ContentColor)) {\n return `var(--color-${colorValue}${isSelectedPalette ? \"-selected\" : \"\"})`;\n }\n if (\n Object.keys(MapStateSelectedHoverColor).includes(colorValue as StateSelectedHoverColorKeys) &&\n isSelectedHoverPalette\n ) {\n return `var(${MapStateSelectedHoverColor[colorValue as StateSelectedHoverColorKeys]})`;\n }\n if (Object.keys(MapStateSelectedColor).includes(colorValue as StateSelectedColorKeys) && isSelectedPalette) {\n return `var(${MapStateSelectedColor[colorValue as StateSelectedColorKeys]})`;\n }\n return colorValue;\n}\n\nexport type ColorStyle = \"regular\" \| \"hover\" \| \"selected\";\n"],"names":["MapStateSelectedColor","positive","negative","primary","warning","MapStateSelectedHoverColor","getElementColor","colorValue","isSelectedPalette","arguments","length","undefined","isSelectedHoverPalette","contentColors","includes","concat","Object","keys"],"mappings":"4DAEA,IAAMA,EAAwB,CAC5BC,SAAU,4BACVC,SAAU,4BACVC,QAAS,2BACTC,QAAS,~~4BAGLC~~,EAA6B,~~CACjCJ~~,SAAU,kCACVC,SAAU,kCACVC,QAAS,iCACTC,QAAS,~~kCASL~~,SAAUE,EACdC,GAE8B,IAD9BC,EAAiBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GACjBG,EAAsBH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEtB,OAAII,EAAcC,SAASP,GACzBQ,eAAAA,OAAsBR,GAAUQ,OAAGP,EAAoB,YAAc,GAAE,KAGvEQ,OAAOC,KAAKZ,GAA4BS,SAASP,IACjDK,EAEA,OAAAG,OAAcV,EAA2BE,GAA0C,KAEjFS,OAAOC,~~KAAKjB~~,~~GAAuBc~~,SAASP,IAAyCC,EACvF,OAAAO,~~OAAcf~~,~~EAAsBO~~,GAAqC,KAEpEA,CACT"}
1	+ {"version":3,"file":"Colors.js","sources":["../../../../src/types/Colors.ts"],"sourcesContent":["import { contentColors } from \"../utils/colors-vars-map\";\n\nconst MapStateSelectedColor = {\n positive: \"--positive-color-selected\",\n negative: \"--negative-color-selected\",\n primary: \"--primary-selected-color\",\n warning: \"--warning-color-selected\",\n neutral: \"--ui-background-color\"\n};\n\nconst MapStateSelectedHoverColor = {\n positive: \"--positive-color-selected-hover\",\n negative: \"--negative-color-selected-hover\",\n primary: \"--primary-selected-hover-color\",\n warning: \"--warning-color-selected-hover\",\n neutral: \"--ui-background-hover-color\"\n};\n\ntype ContentColor = (typeof contentColors)[number];\ntype StateSelectedColorKeys = keyof typeof MapStateSelectedColor;\ntype StateSelectedHoverColorKeys = keyof typeof MapStateSelectedHoverColor;\n\nexport type ElementAllowedColor = ContentColor \| \"positive\" \| \"negative\" \| \"primary\" \| \"warning\" \| \"neutral\";\n\nexport function getElementColor(\n colorValue: ContentColor \| StateSelectedColorKeys \| StateSelectedHoverColorKeys,\n isSelectedPalette = false,\n isSelectedHoverPalette = false\n): string {\n if (contentColors.includes(colorValue as ContentColor)) {\n return `var(--color-${colorValue}${isSelectedPalette ? \"-selected\" : \"\"})`;\n }\n if (\n Object.keys(MapStateSelectedHoverColor).includes(colorValue as StateSelectedHoverColorKeys) &&\n isSelectedHoverPalette\n ) {\n return `var(${MapStateSelectedHoverColor[colorValue as StateSelectedHoverColorKeys]})`;\n }\n if (Object.keys(MapStateSelectedColor).includes(colorValue as StateSelectedColorKeys) && isSelectedPalette) {\n return `var(${MapStateSelectedColor[colorValue as StateSelectedColorKeys]})`;\n }\n return colorValue;\n}\n\nexport type ColorStyle = \"regular\" \| \"hover\" \| \"selected\";\n"],"names":["MapStateSelectedColor","positive","negative","primary","warning","neutral","MapStateSelectedHoverColor","getElementColor","colorValue","isSelectedPalette","arguments","length","undefined","isSelectedHoverPalette","contentColors","includes","concat","Object","keys"],"mappings":"4DAEA,IAAMA,EAAwB,CAC5BC,SAAU,4BACVC,SAAU,4BACVC,QAAS,2BACTC,QAAS,2BACTC,QAAS,yBAGLC,EAA6B,CACjCL,SAAU,kCACVC,SAAU,kCACVC,QAAS,iCACTC,QAAS,iCACTC,QAAS,+BASL,SAAUE,EACdC,GAE8B,IAD9BC,EAAiBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GACjBG,EAAsBH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEtB,OAAII,EAAcC,SAASP,GACzBQ,eAAAA,OAAsBR,GAAUQ,OAAGP,EAAoB,YAAc,GAAE,KAGvEQ,OAAOC,KAAKZ,GAA4BS,SAASP,IACjDK,EAEA,OAAAG,OAAcV,EAA2BE,GAA0C,KAEjFS,OAAOC,KAAKlB,GAAuBe,SAASP,IAAyCC,EACvF,OAAAO,OAAchB,EAAsBQ,GAAqC,KAEpEA,CACT"}

package/dist/mocked_classnames/src/utils/colors-vars-map.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o=[{color:"--primary-color",description:"Use to emphasise main ui components"},{color:"--primary-on-secondary-color",description:"Use to emphasise main ui components on secondary background color"},{color:"--primary-hover-color",description:"Use only as a hover on primary color"},{color:"--primary-hover-on-secondary-color",description:"Use only as a hover on primary color on secondary background color"},{color:"--primary-selected-color",description:"Use to indicate selected state of primary items"},{color:"--primary-selected-hover-color",description:"Use to indicate hover state on a primary-selected-color items"},{color:"--primary-highlighted-color",description:"Use this to indicate highlighted components of primary items"},{color:"--primary-surface-color",description:"Use this as the surface of the main layout appearance"},{color:"--primary-selected-on-secondary-color",description:"Use to indicate selected state of primary items on secondary background color"},{color:"--primary-text-color",description:"Use for default text color"},{color:"--primary-text-on-secondary-color",description:"Use for default text color on secondary background color"},{color:"--secondary-text-color",description:"Use when you need text with lesser importance"},{color:"--secondary-text-on-secondary-color",description:"Use when you need text with lesser importance (on secondary background color)"},{color:"--primary-background-hover-color",description:"Use as hover color"},{color:"--primary-background-hover-on-secondary-color",description:"Use as hover color on secondary color"},{color:"--inverted-color-background",description:"Inverted background color (opposite of primary background color)"},{color:"--text-color-on-inverted",description:"Inverted text color (opposite of primary text color)"},{color:"--text-color-on-primary",description:"Use for text on primary color"},{color:"--fixed-light-color",description:"Use as color that should remain light in all themes"},{color:"--fixed-dark-color",description:"Use as color that should remain dark in all themes"},{color:"--positive-color",description:"Use to indicate a positive action/state (success, completion, approval...)"},{color:"--positive-color-hover",description:"Use only as hover color on positive color"},{color:"--positive-color-selected",description:"Use only as selected indication for a positive colors"},{color:"--positive-color-selected-hover",description:"Use to indicate hover state on a positive-color-selected items"},{color:"--negative-color",description:"Use to indicate a negative action/state (delete, error...)"},{color:"--negative-color-hover",description:"Use only as hover color on negative color"},{color:"--negative-color-selected",description:"Use as selected indication for negative colors"},{color:"--negative-color-selected-hover",description:"Use to indicate hover state on a negative-selected items"},{color:"--warning-color",description:"Use to indicate a warning action/state (severity, alert, caution...)"},{color:"--warning-color-hover",description:"Use only as hover color on warning color"},{color:"--warning-color-selected",description:"Use as selected indication for warning colors"},{color:"--warning-color-selected-hover",description:"Use to indicate hover state on a warning-selected items"},{color:"--ui-border-color",description:"Border color for ui elements and components (Button, Input...)"},{color:"--ui-border-on-secondary-color",description:"Border color for ui elements on secondary color"},{color:"--layout-border-color",description:"Border color for general layout and separators (Leftpane, Menu Divider...)"},{color:"--layout-border-on-secondary-color",description:"Border color for general layout on secondary background color"},{color:"--placeholder-color",description:"Use for placeholder text in inputs fields"},{color:"--placeholder-on-secondary-color",description:"Use for placeholder text in inputs fields on secondary background color"},{color:"--icon-color",description:"Default color for icons"},{color:"--icon-on-secondary-color",description:"Default color for icons on secondary background color"},{color:"--disabled-background-color",description:"Use as background for disabled elements (ui hovers or elements)"},{color:"--disabled-text-color",description:"Use as text in disabled components"},{color:"--disabled-background-on-secondary-color",description:"Use as background for disabled elements on secondary background"},{color:"--disabled-text-on-secondary-color",description:"Use as text in disabled components on secondary background color"},{color:"--link-color",description:"Use only for links"},{color:"--link-on-secondary-color",description:"Use only for links on secondary colors"},{color:"--primary-background-color",description:"Primary background color"},{color:"--secondary-background-color",description:"Secondary background color"},{color:"--grey-background-color",description:"Grey background color"},{color:"--allgrey-background-color",description:"Grey background color, stays grey in dark and black themes"},{color:"--ui-background-color",description:"Background color for UI elements and components"}];o.reduce((function(o,r){var e=r.color.substring(2);return o.set(e,r.description),o}),new Map);var r,e,c,i,n=["grass_green","done-green","bright-green","saladish","egg_yolk","working_orange","dark-orange","peach","sunset","stuck-red","dark-red","sofia_pink","lipstick","bubble","purple","dark_purple","berry","dark_indigo","indigo","navy","bright-blue","dark-blue","aquamarine","chili-blue","river","winter","explosive","american_gray","blackish","brown","orchid","tan","sky","coffee","royal","teal","lavender","steel","lilac","pecan"];!function(o){o.REGULAR="regular",o.HOVER="hover",o.SELECTED="selected"}(r||(r={})),function(o){o.GRASS_GREEN="grass_green",o.DONE_GREEN="done-green",o.BRIGHT_GREEN="bright-green",o.SALADISH="saladish",o.EGG_YOLK="egg_yolk",o.WORKING_ORANGE="working_orange",o.DARK_ORANGE="dark-orange",o.PEACH="peach",o.SUNSET="sunset",o.STUCK_RED="stuck-red",o.DARK_RED="dark-red",o.SOFIA_PINK="sofia_pink",o.LIPSTICK="lipstick",o.BUBBLE="bubble",o.PURPLE="purple",o.DARK_PURPLE="dark_purple",o.BERRY="berry",o.DARK_INDIGO="dark_indigo",o.INDIGO="indigo",o.NAVY="navy",o.BRIGHT_BLUE="bright-blue",o.DARK_BLUE="dark-blue",o.AQUAMARINE="aquamarine",o.CHILI_BLUE="chili-blue",o.RIVER="river",o.WINTER="winter",o.EXPLOSIVE="explosive",o.AMERICAN_GRAY="american_gray",o.BLACKISH="blackish",o.BROWN="brown",o.ORCHID="orchid",o.TAN="tan",o.SKY="sky",o.COFFEE="coffee",o.ROYAL="royal",o.TEAL="teal",o.LAVENDER="lavender",o.STEEL="steel",o.LILAC="lilac",o.PECAN="pecan"}(e||(e={})),function(o){o.POSITIVE="positive",o.NEGATIVE="negative",o.PRIMARY="primary",o.WARNING="warning"}(c||(c={})),function(o){o.POSITIVE="positive",o.NEGATIVE="negative",o.PRIMARY="primary"}(i||(i={}));var s=Object.assign(Object.assign(Object.assign({},e),c),i);Object.values(s).reduce((function(o,r){return o[r]=r,o}),{});export{r as ColorStyle,e as ContentColorByName,s as ElementAllowedColor,c as StateSelectedColor,i as StateSelectedHoverColor,o as colorsMap,n as contentColors};
+var o=[{color:"--primary-color",description:"Use to emphasise main ui components"},{color:"--primary-on-secondary-color",description:"Use to emphasise main ui components on secondary background color"},{color:"--primary-hover-color",description:"Use only as a hover on primary color"},{color:"--primary-hover-on-secondary-color",description:"Use only as a hover on primary color on secondary background color"},{color:"--primary-selected-color",description:"Use to indicate selected state of primary items"},{color:"--primary-selected-hover-color",description:"Use to indicate hover state on a primary-selected-color items"},{color:"--primary-highlighted-color",description:"Use this to indicate highlighted components of primary items"},{color:"--primary-surface-color",description:"Use this as the surface of the main layout appearance"},{color:"--primary-selected-on-secondary-color",description:"Use to indicate selected state of primary items on secondary background color"},{color:"--primary-text-color",description:"Use for default text color"},{color:"--primary-text-on-secondary-color",description:"Use for default text color on secondary background color"},{color:"--secondary-text-color",description:"Use when you need text with lesser importance"},{color:"--secondary-text-on-secondary-color",description:"Use when you need text with lesser importance (on secondary background color)"},{color:"--primary-background-hover-color",description:"Use as hover color"},{color:"--primary-background-hover-on-secondary-color",description:"Use as hover color on secondary color"},{color:"--inverted-color-background",description:"Inverted background color (opposite of primary background color)"},{color:"--text-color-on-inverted",description:"Inverted text color (opposite of primary text color)"},{color:"--text-color-on-primary",description:"Use for text on primary color"},{color:"--fixed-light-color",description:"Use as color that should remain light in all themes"},{color:"--fixed-dark-color",description:"Use as color that should remain dark in all themes"},{color:"--positive-color",description:"Use to indicate a positive action/state (success, completion, approval...)"},{color:"--positive-color-hover",description:"Use only as hover color on positive color"},{color:"--positive-color-selected",description:"Use only as selected indication for a positive colors"},{color:"--positive-color-selected-hover",description:"Use to indicate hover state on a positive-color-selected items"},{color:"--negative-color",description:"Use to indicate a negative action/state (delete, error...)"},{color:"--negative-color-hover",description:"Use only as hover color on negative color"},{color:"--negative-color-selected",description:"Use as selected indication for negative colors"},{color:"--negative-color-selected-hover",description:"Use to indicate hover state on a negative-selected items"},{color:"--warning-color",description:"Use to indicate a warning action/state (severity, alert, caution...)"},{color:"--warning-color-hover",description:"Use only as hover color on warning color"},{color:"--warning-color-selected",description:"Use as selected indication for warning colors"},{color:"--warning-color-selected-hover",description:"Use to indicate hover state on a warning-selected items"},{color:"--ui-border-color",description:"Border color for ui elements and components (Button, Input...)"},{color:"--ui-border-on-secondary-color",description:"Border color for ui elements on secondary color"},{color:"--layout-border-color",description:"Border color for general layout and separators (Leftpane, Menu Divider...)"},{color:"--layout-border-on-secondary-color",description:"Border color for general layout on secondary background color"},{color:"--placeholder-color",description:"Use for placeholder text in inputs fields"},{color:"--placeholder-on-secondary-color",description:"Use for placeholder text in inputs fields on secondary background color"},{color:"--icon-color",description:"Default color for icons"},{color:"--icon-on-secondary-color",description:"Default color for icons on secondary background color"},{color:"--disabled-background-color",description:"Use as background for disabled elements (ui hovers or elements)"},{color:"--disabled-text-color",description:"Use as text in disabled components"},{color:"--disabled-background-on-secondary-color",description:"Use as background for disabled elements on secondary background"},{color:"--disabled-text-on-secondary-color",description:"Use as text in disabled components on secondary background color"},{color:"--link-color",description:"Use only for links"},{color:"--link-on-secondary-color",description:"Use only for links on secondary colors"},{color:"--primary-background-color",description:"Primary background color"},{color:"--secondary-background-color",description:"Secondary background color"},{color:"--grey-background-color",description:"Grey background color"},{color:"--allgrey-background-color",description:"Grey background color, stays grey in dark and black themes"},{color:"--ui-background-color",description:"Background color for UI elements and components"}];o.reduce((function(o,r){var e=r.color.substring(2);return o.set(e,r.description),o}),new Map);var r,e,c,i,n=["grass_green","done-green","bright-green","saladish","egg_yolk","working_orange","dark-orange","peach","sunset","stuck-red","dark-red","sofia_pink","lipstick","bubble","purple","dark_purple","berry","dark_indigo","indigo","navy","bright-blue","dark-blue","aquamarine","chili-blue","river","winter","explosive","american_gray","blackish","brown","orchid","tan","sky","coffee","royal","teal","lavender","steel","lilac","pecan"];!function(o){o.REGULAR="regular",o.HOVER="hover",o.SELECTED="selected"}(r||(r={})),function(o){o.GRASS_GREEN="grass_green",o.DONE_GREEN="done-green",o.BRIGHT_GREEN="bright-green",o.SALADISH="saladish",o.EGG_YOLK="egg_yolk",o.WORKING_ORANGE="working_orange",o.DARK_ORANGE="dark-orange",o.PEACH="peach",o.SUNSET="sunset",o.STUCK_RED="stuck-red",o.DARK_RED="dark-red",o.SOFIA_PINK="sofia_pink",o.LIPSTICK="lipstick",o.BUBBLE="bubble",o.PURPLE="purple",o.DARK_PURPLE="dark_purple",o.BERRY="berry",o.DARK_INDIGO="dark_indigo",o.INDIGO="indigo",o.NAVY="navy",o.BRIGHT_BLUE="bright-blue",o.DARK_BLUE="dark-blue",o.AQUAMARINE="aquamarine",o.CHILI_BLUE="chili-blue",o.RIVER="river",o.WINTER="winter",o.EXPLOSIVE="explosive",o.AMERICAN_GRAY="american_gray",o.BLACKISH="blackish",o.BROWN="brown",o.ORCHID="orchid",o.TAN="tan",o.SKY="sky",o.COFFEE="coffee",o.ROYAL="royal",o.TEAL="teal",o.LAVENDER="lavender",o.STEEL="steel",o.LILAC="lilac",o.PECAN="pecan"}(e||(e={})),function(o){o.POSITIVE="positive",o.NEGATIVE="negative",o.PRIMARY="primary",o.WARNING="warning",o.NEUTRAL="neutral"}(c||(c={})),function(o){o.POSITIVE="positive",o.NEGATIVE="negative",o.PRIMARY="primary",o.NEUTRAL="neutral"}(i||(i={}));var a=Object.assign(Object.assign(Object.assign({},e),c),i);Object.values(a).reduce((function(o,r){return o[r]=r,o}),{});export{r as ColorStyle,e as ContentColorByName,a as ElementAllowedColor,c as StateSelectedColor,i as StateSelectedHoverColor,o as colorsMap,n as contentColors};
 //# sourceMappingURL=colors-vars-map.js.map

package/dist/mocked_classnames/src/utils/colors-vars-map.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"colors-vars-map.js","sources":["../../../../src/utils/colors-vars-map.ts"],"sourcesContent":["export const colorsMap = [\n { color: \"--primary-color\", description: \"Use to emphasise main ui components\" },\n {\n color: \"--primary-on-secondary-color\",\n description: \"Use to emphasise main ui components on secondary background color\"\n },\n { color: \"--primary-hover-color\", description: \"Use only as a hover on primary color\" },\n {\n color: \"--primary-hover-on-secondary-color\",\n description: \"Use only as a hover on primary color on secondary background color\"\n },\n { color: \"--primary-selected-color\", description: \"Use to indicate selected state of primary items\" },\n {\n color: \"--primary-selected-hover-color\",\n description: \"Use to indicate hover state on a primary-selected-color items\"\n },\n {\n color: \"--primary-highlighted-color\",\n description: \"Use this to indicate highlighted components of primary items\"\n },\n {\n color: \"--primary-surface-color\",\n description: \"Use this as the surface of the main layout appearance\"\n },\n {\n color: \"--primary-selected-on-secondary-color\",\n description: \"Use to indicate selected state of primary items on secondary background color\"\n },\n { color: \"--primary-text-color\", description: \"Use for default text color\" },\n {\n color: \"--primary-text-on-secondary-color\",\n description: \"Use for default text color on secondary background color\"\n },\n { color: \"--secondary-text-color\", description: \"Use when you need text with lesser importance\" },\n {\n color: \"--secondary-text-on-secondary-color\",\n description: \"Use when you need text with lesser importance (on secondary background color)\"\n },\n { color: \"--primary-background-hover-color\", description: \"Use as hover color\" },\n { color: \"--primary-background-hover-on-secondary-color\", description: \"Use as hover color on secondary color\" },\n {\n color: \"--inverted-color-background\",\n description: \"Inverted background color (opposite of primary background color)\"\n },\n { color: \"--text-color-on-inverted\", description: \"Inverted text color (opposite of primary text color)\" },\n { color: \"--text-color-on-primary\", description: \"Use for text on primary color\" },\n { color: \"--fixed-light-color\", description: \"Use as color that should remain light in all themes\" },\n { color: \"--fixed-dark-color\", description: \"Use as color that should remain dark in all themes\" },\n // states\n {\n color: \"--positive-color\",\n description: \"Use to indicate a positive action/state (success, completion, approval...)\"\n },\n { color: \"--positive-color-hover\", description: \"Use only as hover color on positive color\" },\n { color: \"--positive-color-selected\", description: \"Use only as selected indication for a positive colors\" },\n {\n color: \"--positive-color-selected-hover\",\n description: \"Use to indicate hover state on a positive-color-selected items\"\n },\n {\n color: \"--negative-color\",\n description: \"Use to indicate a negative action/state (delete, error...)\"\n },\n { color: \"--negative-color-hover\", description: \"Use only as hover color on negative color\" },\n { color: \"--negative-color-selected\", description: \"Use as selected indication for negative colors\" },\n {\n color: \"--negative-color-selected-hover\",\n description: \"Use to indicate hover state on a negative-selected items\"\n },\n {\n color: \"--warning-color\",\n description: \"Use to indicate a warning action/state (severity, alert, caution...)\"\n },\n { color: \"--warning-color-hover\", description: \"Use only as hover color on warning color\" },\n { color: \"--warning-color-selected\", description: \"Use as selected indication for warning colors\" },\n {\n color: \"--warning-color-selected-hover\",\n description: \"Use to indicate hover state on a warning-selected items\"\n },\n // borders\n { color: \"--ui-border-color\", description: \"Border color for ui elements and components (Button, Input...)\" },\n { color: \"--ui-border-on-secondary-color\", description: \"Border color for ui elements on secondary color\" },\n {\n color: \"--layout-border-color\",\n description: \"Border color for general layout and separators (Leftpane, Menu Divider...)\"\n },\n {\n color: \"--layout-border-on-secondary-color\",\n description: \"Border color for general layout on secondary background color\"\n },\n { color: \"--placeholder-color\", description: \"Use for placeholder text in inputs fields\" },\n {\n color: \"--placeholder-on-secondary-color\",\n description: \"Use for placeholder text in inputs fields on secondary background color\"\n },\n { color: \"--icon-color\", description: \"Default color for icons\" },\n { color: \"--icon-on-secondary-color\", description: \"Default color for icons on secondary background color\" },\n // disabled\n {\n color: \"--disabled-background-color\",\n description: \"Use as background for disabled elements (ui hovers or elements)\"\n },\n { color: \"--disabled-text-color\", description: \"Use as text in disabled components\" },\n {\n color: \"--disabled-background-on-secondary-color\",\n description: \"Use as background for disabled elements on secondary background\"\n },\n {\n color: \"--disabled-text-on-secondary-color\",\n description: \"Use as text in disabled components on secondary background color\"\n },\n // Link\n { color: \"--link-color\", description: \"Use only for links\" },\n { color: \"--link-on-secondary-color\", description: \"Use only for links on secondary colors\" },\n // Backgrounds\n { color: \"--primary-background-color\", description: \"Primary background color\" },\n { color: \"--secondary-background-color\", description: \"Secondary background color\" },\n { color: \"--grey-background-color\", description: \"Grey background color\" },\n { color: \"--allgrey-background-color\", description: \"Grey background color, stays grey in dark and black themes\" },\n { color: \"--ui-background-color\", description: \"Background color for UI elements and components\" }\n];\n\nexport const colorsHashMap = colorsMap.reduce((map, current) => {\n const newColorName = current.color.substring(2);\n map.set(newColorName, current.description);\n return map;\n}, new Map());\n\nexport const contentColors = [\n \"grass_green\",\n \"done-green\",\n \"bright-green\",\n \"saladish\",\n \"egg_yolk\",\n \"working_orange\",\n \"dark-orange\",\n \"peach\",\n \"sunset\",\n \"stuck-red\",\n \"dark-red\",\n \"sofia_pink\",\n \"lipstick\",\n \"bubble\",\n \"purple\",\n \"dark_purple\",\n \"berry\",\n \"dark_indigo\",\n \"indigo\",\n \"navy\",\n \"bright-blue\",\n \"dark-blue\",\n \"aquamarine\",\n \"chili-blue\",\n \"river\",\n \"winter\",\n \"explosive\",\n \"american_gray\",\n \"blackish\",\n \"brown\",\n \"orchid\",\n \"tan\",\n \"sky\",\n \"coffee\",\n \"royal\",\n \"teal\",\n \"lavender\",\n \"steel\",\n \"lilac\",\n \"pecan\"\n] as const;\n\nexport type CONTENT_COLORS_VALUES = (typeof contentColors)[number];\n\n/*\n @deprecated\n /\nexport enum ColorStyle {\n REGULAR = \"regular\",\n HOVER = \"hover\",\n SELECTED = \"selected\"\n}\n\nexport enum ContentColorByName {\n GRASS_GREEN = \"grass_green\",\n DONE_GREEN = \"done-green\",\n BRIGHT_GREEN = \"bright-green\",\n SALADISH = \"saladish\",\n EGG_YOLK = \"egg_yolk\",\n WORKING_ORANGE = \"working_orange\",\n DARK_ORANGE = \"dark-orange\",\n PEACH = \"peach\",\n SUNSET = \"sunset\",\n STUCK_RED = \"stuck-red\",\n DARK_RED = \"dark-red\",\n SOFIA_PINK = \"sofia_pink\",\n LIPSTICK = \"lipstick\",\n BUBBLE = \"bubble\",\n PURPLE = \"purple\",\n DARK_PURPLE = \"dark_purple\",\n BERRY = \"berry\",\n DARK_INDIGO = \"dark_indigo\",\n INDIGO = \"indigo\",\n NAVY = \"navy\",\n BRIGHT_BLUE = \"bright-blue\",\n DARK_BLUE = \"dark-blue\",\n AQUAMARINE = \"aquamarine\",\n CHILI_BLUE = \"chili-blue\",\n RIVER = \"river\",\n WINTER = \"winter\",\n EXPLOSIVE = \"explosive\",\n AMERICAN_GRAY = \"american_gray\",\n BLACKISH = \"blackish\",\n BROWN = \"brown\",\n ORCHID = \"orchid\",\n TAN = \"tan\",\n SKY = \"sky\",\n COFFEE = \"coffee\",\n ROYAL = \"royal\",\n TEAL = \"teal\",\n LAVENDER = \"lavender\",\n STEEL = \"steel\",\n LILAC = \"lilac\",\n PECAN = \"pecan\"\n}\n\n/\n @deprecated\n /\nexport enum StateSelectedColor {\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n PRIMARY = \"primary\",\n WARNING = \"warning\"\n}\n\n/\n @deprecated\n /\nexport enum StateSelectedHoverColor {\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n PRIMARY = \"primary\"\n}\n\n/\n @deprecated\n /\nexport const ElementAllowedColor = {\n ...ContentColorByName,\n ...StateSelectedColor,\n ...StateSelectedHoverColor\n};\n\n/\n @deprecated\n */\nexport type ElementColor = (typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] \| string;\n\nexport const elementColorsNames = Object.values(ElementAllowedColor).reduce((acc: Record<string, string>, key) => {\n acc[key] = key;\n return acc;\n}, {});\n\nconst getColorKeyByValue = (colorValue: string, colors: Record<string, string>) => {\n return Object.keys(colors)[Object.values(colors).indexOf(colorValue)];\n};\n\nexport function getElementColor(\n colorValue: keyof typeof ElementAllowedColor \| string,\n isSelectedPalette = false,\n isSelectedHoverPalette = false\n): string {\n const colorKey = getColorKeyByValue(colorValue, ElementAllowedColor);\n if (!colorKey) {\n return colorValue;\n }\n\n if (ContentColorByName[colorKey as keyof typeof ContentColorByName]) {\n return `var(--color-${ContentColorByName[colorKey as keyof typeof ContentColorByName]}${\n isSelectedPalette ? \"-selected\" : \"\"\n })`;\n }\n if (StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor] && isSelectedHoverPalette) {\n return `var(${StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor]})`;\n }\n if (StateSelectedColor[colorKey as keyof typeof StateSelectedColor] && isSelectedPalette) {\n return `var(${StateSelectedColor[colorKey as keyof typeof StateSelectedColor]})`;\n }\n}\n"],"names":["colorsMap","color","description","reduce","map","current","newColorName","substring","set","Map","ColorStyle","ContentColorByName","StateSelectedColor","StateSelectedHoverColor","contentColors","ElementAllowedColor","Object","assign","values","acc","key"],"mappings":"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"}
1	+ {"version":3,"file":"colors-vars-map.js","sources":["../../../../src/utils/colors-vars-map.ts"],"sourcesContent":["export const colorsMap = [\n { color: \"--primary-color\", description: \"Use to emphasise main ui components\" },\n {\n color: \"--primary-on-secondary-color\",\n description: \"Use to emphasise main ui components on secondary background color\"\n },\n { color: \"--primary-hover-color\", description: \"Use only as a hover on primary color\" },\n {\n color: \"--primary-hover-on-secondary-color\",\n description: \"Use only as a hover on primary color on secondary background color\"\n },\n { color: \"--primary-selected-color\", description: \"Use to indicate selected state of primary items\" },\n {\n color: \"--primary-selected-hover-color\",\n description: \"Use to indicate hover state on a primary-selected-color items\"\n },\n {\n color: \"--primary-highlighted-color\",\n description: \"Use this to indicate highlighted components of primary items\"\n },\n {\n color: \"--primary-surface-color\",\n description: \"Use this as the surface of the main layout appearance\"\n },\n {\n color: \"--primary-selected-on-secondary-color\",\n description: \"Use to indicate selected state of primary items on secondary background color\"\n },\n { color: \"--primary-text-color\", description: \"Use for default text color\" },\n {\n color: \"--primary-text-on-secondary-color\",\n description: \"Use for default text color on secondary background color\"\n },\n { color: \"--secondary-text-color\", description: \"Use when you need text with lesser importance\" },\n {\n color: \"--secondary-text-on-secondary-color\",\n description: \"Use when you need text with lesser importance (on secondary background color)\"\n },\n { color: \"--primary-background-hover-color\", description: \"Use as hover color\" },\n { color: \"--primary-background-hover-on-secondary-color\", description: \"Use as hover color on secondary color\" },\n {\n color: \"--inverted-color-background\",\n description: \"Inverted background color (opposite of primary background color)\"\n },\n { color: \"--text-color-on-inverted\", description: \"Inverted text color (opposite of primary text color)\" },\n { color: \"--text-color-on-primary\", description: \"Use for text on primary color\" },\n { color: \"--fixed-light-color\", description: \"Use as color that should remain light in all themes\" },\n { color: \"--fixed-dark-color\", description: \"Use as color that should remain dark in all themes\" },\n // states\n {\n color: \"--positive-color\",\n description: \"Use to indicate a positive action/state (success, completion, approval...)\"\n },\n { color: \"--positive-color-hover\", description: \"Use only as hover color on positive color\" },\n { color: \"--positive-color-selected\", description: \"Use only as selected indication for a positive colors\" },\n {\n color: \"--positive-color-selected-hover\",\n description: \"Use to indicate hover state on a positive-color-selected items\"\n },\n {\n color: \"--negative-color\",\n description: \"Use to indicate a negative action/state (delete, error...)\"\n },\n { color: \"--negative-color-hover\", description: \"Use only as hover color on negative color\" },\n { color: \"--negative-color-selected\", description: \"Use as selected indication for negative colors\" },\n {\n color: \"--negative-color-selected-hover\",\n description: \"Use to indicate hover state on a negative-selected items\"\n },\n {\n color: \"--warning-color\",\n description: \"Use to indicate a warning action/state (severity, alert, caution...)\"\n },\n { color: \"--warning-color-hover\", description: \"Use only as hover color on warning color\" },\n { color: \"--warning-color-selected\", description: \"Use as selected indication for warning colors\" },\n {\n color: \"--warning-color-selected-hover\",\n description: \"Use to indicate hover state on a warning-selected items\"\n },\n // borders\n { color: \"--ui-border-color\", description: \"Border color for ui elements and components (Button, Input...)\" },\n { color: \"--ui-border-on-secondary-color\", description: \"Border color for ui elements on secondary color\" },\n {\n color: \"--layout-border-color\",\n description: \"Border color for general layout and separators (Leftpane, Menu Divider...)\"\n },\n {\n color: \"--layout-border-on-secondary-color\",\n description: \"Border color for general layout on secondary background color\"\n },\n { color: \"--placeholder-color\", description: \"Use for placeholder text in inputs fields\" },\n {\n color: \"--placeholder-on-secondary-color\",\n description: \"Use for placeholder text in inputs fields on secondary background color\"\n },\n { color: \"--icon-color\", description: \"Default color for icons\" },\n { color: \"--icon-on-secondary-color\", description: \"Default color for icons on secondary background color\" },\n // disabled\n {\n color: \"--disabled-background-color\",\n description: \"Use as background for disabled elements (ui hovers or elements)\"\n },\n { color: \"--disabled-text-color\", description: \"Use as text in disabled components\" },\n {\n color: \"--disabled-background-on-secondary-color\",\n description: \"Use as background for disabled elements on secondary background\"\n },\n {\n color: \"--disabled-text-on-secondary-color\",\n description: \"Use as text in disabled components on secondary background color\"\n },\n // Link\n { color: \"--link-color\", description: \"Use only for links\" },\n { color: \"--link-on-secondary-color\", description: \"Use only for links on secondary colors\" },\n // Backgrounds\n { color: \"--primary-background-color\", description: \"Primary background color\" },\n { color: \"--secondary-background-color\", description: \"Secondary background color\" },\n { color: \"--grey-background-color\", description: \"Grey background color\" },\n { color: \"--allgrey-background-color\", description: \"Grey background color, stays grey in dark and black themes\" },\n { color: \"--ui-background-color\", description: \"Background color for UI elements and components\" }\n];\n\nexport const colorsHashMap = colorsMap.reduce((map, current) => {\n const newColorName = current.color.substring(2);\n map.set(newColorName, current.description);\n return map;\n}, new Map());\n\nexport const contentColors = [\n \"grass_green\",\n \"done-green\",\n \"bright-green\",\n \"saladish\",\n \"egg_yolk\",\n \"working_orange\",\n \"dark-orange\",\n \"peach\",\n \"sunset\",\n \"stuck-red\",\n \"dark-red\",\n \"sofia_pink\",\n \"lipstick\",\n \"bubble\",\n \"purple\",\n \"dark_purple\",\n \"berry\",\n \"dark_indigo\",\n \"indigo\",\n \"navy\",\n \"bright-blue\",\n \"dark-blue\",\n \"aquamarine\",\n \"chili-blue\",\n \"river\",\n \"winter\",\n \"explosive\",\n \"american_gray\",\n \"blackish\",\n \"brown\",\n \"orchid\",\n \"tan\",\n \"sky\",\n \"coffee\",\n \"royal\",\n \"teal\",\n \"lavender\",\n \"steel\",\n \"lilac\",\n \"pecan\"\n] as const;\n\nexport type CONTENT_COLORS_VALUES = (typeof contentColors)[number];\n\n/*\n @deprecated\n /\nexport enum ColorStyle {\n REGULAR = \"regular\",\n HOVER = \"hover\",\n SELECTED = \"selected\"\n}\n\nexport enum ContentColorByName {\n GRASS_GREEN = \"grass_green\",\n DONE_GREEN = \"done-green\",\n BRIGHT_GREEN = \"bright-green\",\n SALADISH = \"saladish\",\n EGG_YOLK = \"egg_yolk\",\n WORKING_ORANGE = \"working_orange\",\n DARK_ORANGE = \"dark-orange\",\n PEACH = \"peach\",\n SUNSET = \"sunset\",\n STUCK_RED = \"stuck-red\",\n DARK_RED = \"dark-red\",\n SOFIA_PINK = \"sofia_pink\",\n LIPSTICK = \"lipstick\",\n BUBBLE = \"bubble\",\n PURPLE = \"purple\",\n DARK_PURPLE = \"dark_purple\",\n BERRY = \"berry\",\n DARK_INDIGO = \"dark_indigo\",\n INDIGO = \"indigo\",\n NAVY = \"navy\",\n BRIGHT_BLUE = \"bright-blue\",\n DARK_BLUE = \"dark-blue\",\n AQUAMARINE = \"aquamarine\",\n CHILI_BLUE = \"chili-blue\",\n RIVER = \"river\",\n WINTER = \"winter\",\n EXPLOSIVE = \"explosive\",\n AMERICAN_GRAY = \"american_gray\",\n BLACKISH = \"blackish\",\n BROWN = \"brown\",\n ORCHID = \"orchid\",\n TAN = \"tan\",\n SKY = \"sky\",\n COFFEE = \"coffee\",\n ROYAL = \"royal\",\n TEAL = \"teal\",\n LAVENDER = \"lavender\",\n STEEL = \"steel\",\n LILAC = \"lilac\",\n PECAN = \"pecan\"\n}\n\n/\n @deprecated\n /\nexport enum StateSelectedColor {\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n PRIMARY = \"primary\",\n WARNING = \"warning\",\n NEUTRAL = \"neutral\"\n}\n\n/\n @deprecated\n /\nexport enum StateSelectedHoverColor {\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n PRIMARY = \"primary\",\n NEUTRAL = \"neutral\"\n}\n\n/\n @deprecated\n /\nexport const ElementAllowedColor = {\n ...ContentColorByName,\n ...StateSelectedColor,\n ...StateSelectedHoverColor\n};\n\n/\n @deprecated\n */\nexport type ElementColor = (typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] \| string;\n\nexport const elementColorsNames = Object.values(ElementAllowedColor).reduce((acc: Record<string, string>, key) => {\n acc[key] = key;\n return acc;\n}, {});\n\nconst getColorKeyByValue = (colorValue: string, colors: Record<string, string>) => {\n return Object.keys(colors)[Object.values(colors).indexOf(colorValue)];\n};\n\nexport function getElementColor(\n colorValue: keyof typeof ElementAllowedColor \| string,\n isSelectedPalette = false,\n isSelectedHoverPalette = false\n): string {\n const colorKey = getColorKeyByValue(colorValue, ElementAllowedColor);\n if (!colorKey) {\n return colorValue;\n }\n\n if (ContentColorByName[colorKey as keyof typeof ContentColorByName]) {\n return `var(--color-${ContentColorByName[colorKey as keyof typeof ContentColorByName]}${\n isSelectedPalette ? \"-selected\" : \"\"\n })`;\n }\n if (StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor] && isSelectedHoverPalette) {\n return `var(${StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor]})`;\n }\n if (StateSelectedColor[colorKey as keyof typeof StateSelectedColor] && isSelectedPalette) {\n return `var(${StateSelectedColor[colorKey as keyof typeof StateSelectedColor]})`;\n }\n}\n"],"names":["colorsMap","color","description","reduce","map","current","newColorName","substring","set","Map","ColorStyle","ContentColorByName","StateSelectedColor","StateSelectedHoverColor","contentColors","ElementAllowedColor","Object","assign","values","acc","key"],"mappings":"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"}

package/dist/mocked_classnames/tests/interactions-utils.d.ts CHANGED Viewed

@@ -13,6 +13,7 @@ export declare const testFunctionWrapper: (testFunc: TestFunction) => ({ canvasE
 }) => Promise<unknown>;
 export declare const clearText: (element: HTMLElement) => Promise<void>;
 export declare const NavigationCommand: typeof NavigationCommandType;
+export declare const resetFocus: () => Promise<void>;
 export declare const interactionSuite: ({ beforeEach, beforeAll, skip, tests, afterEach, afterAll }: {
     beforeEach?: TestFunction;
     beforeAll?: TestFunction;

package/dist/mocked_classnames/types/Colors.d.ts CHANGED Viewed

@@ -4,17 +4,19 @@ declare const MapStateSelectedColor: {
     negative: string;
     primary: string;
     warning: string;
+    neutral: string;
 };
 declare const MapStateSelectedHoverColor: {
     positive: string;
     negative: string;
     primary: string;
     warning: string;
+    neutral: string;
 };
 type ContentColor = (typeof contentColors)[number];
 type StateSelectedColorKeys = keyof typeof MapStateSelectedColor;
 type StateSelectedHoverColorKeys = keyof typeof MapStateSelectedHoverColor;
-export type ElementAllowedColor = ContentColor | "positive" | "negative" | "primary" | "warning";
+export type ElementAllowedColor = ContentColor | "positive" | "negative" | "primary" | "warning" | "neutral";
 export declare function getElementColor(colorValue: ContentColor | StateSelectedColorKeys | StateSelectedHoverColorKeys, isSelectedPalette?: boolean, isSelectedHoverPalette?: boolean): string;
 export type ColorStyle = "regular" | "hover" | "selected";
 export {};

package/dist/mocked_classnames/utils/colors-vars-map.d.ts CHANGED Viewed

@@ -62,7 +62,8 @@ export declare enum StateSelectedColor {
     POSITIVE = "positive",
     NEGATIVE = "negative",
     PRIMARY = "primary",
-    WARNING = "warning"
+    WARNING = "warning",
+    NEUTRAL = "neutral"
 }
 /**
  * @deprecated
@@ -70,7 +71,8 @@ export declare enum StateSelectedColor {
 export declare enum StateSelectedHoverColor {
     POSITIVE = "positive",
     NEGATIVE = "negative",
-    PRIMARY = "primary"
+    PRIMARY = "primary",
+    NEUTRAL = "neutral"
 }
 /**
  * @deprecated
@@ -79,6 +81,7 @@ export declare const ElementAllowedColor: {
     POSITIVE: StateSelectedHoverColor.POSITIVE;
     NEGATIVE: StateSelectedHoverColor.NEGATIVE;
     PRIMARY: StateSelectedHoverColor.PRIMARY;
+    NEUTRAL: StateSelectedHoverColor.NEUTRAL;
     WARNING: StateSelectedColor.WARNING;
     GRASS_GREEN: ContentColorByName.GRASS_GREEN;
     DONE_GREEN: ContentColorByName.DONE_GREEN;

package/dist/packages/style/dist/index.min.css.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o=":root{--motion-productive-short:70ms;--motion-productive-medium:100ms;--motion-productive-long:150ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 1);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter)}:root{--spacing-xs:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px}:root{--border-width:1px;--border-style:solid}:root{--border-radius-small:4px;--border-radius-medium:8px;--border-radius-big:16px}:root{--disabled-component-opacity:0.38}:root{--font-family:Figtree,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Poppins,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:500;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:700 32px/40px var(--title-font-family);--font-h1-medium:600 32px/40px var(--title-font-family);--font-h1-normal:500 32px/40px var(--title-font-family);--font-h1-light:300 32px/40px var(--title-font-family);--font-h2-bold:700 24px/30px var(--title-font-family);--font-h2-medium:600 24px/30px var(--title-font-family);--font-h2-normal:500 24px/30px var(--title-font-family);--font-h2-light:300 24px/30px var(--title-font-family);--font-h3-bold:700 18px/24px var(--title-font-family);--font-h3-medium:600 18px/24px var(--title-font-family);--font-h3-normal:500 18px/24px var(--title-font-family);--font-h3-light:300 18px/24px var(--title-font-family);--font-text1-bold:700 16px/22px var(--font-family);--font-text1-medium:600 16px/22px var(--font-family);--font-text1-normal:400 16px/22px var(--font-family);--font-text2-bold:700 14px/20px var(--font-family);--font-text2-medium:600 14px/20px var(--font-family);--font-text2-normal:400 14px/20px var(--font-family);--font-text3-bold:700 12px/16px var(--font-family);--font-text3-medium:600 12px/16px var(--font-family);--font-text3-normal:400 12px/16px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px}.default-app-theme,.light-app-theme,:root{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#cce5ff;--primary-selected-hover-color:#aed4fc;--primary-highlighted-color:#f0f7ff;--primary-surface-color:#eceff8;--primary-text-color:#323338;--secondary-text-color:#676879;--text-color-on-inverted:#ffffff;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(50, 51, 56, var(--disabled-component-opacity));--inverted-color-background:#323338;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#ffffff;--primary-background-hover-color:rgba(103, 104, 121, 0.1);--secondary-background-color:#ffffff;--allgrey-background-color:#f6f7fb;--backdrop-color:rgba(41, 47, 76, 0.7);--ui-border-color:#c3c6d4;--ui-background-color:#e7e9ef;--ui-background-hover-color:#d8d9e0;--layout-border-color:#d0d4e4;--placeholder-color:#676879;--icon-color:#676879;--disabled-background-color:#ecedf5;--link-color:#1f76c2;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#cce5ff;--brand-selected-hover-color:#aed4fc;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#bbdbc9;--positive-color-selected-hover:#b5cec0;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#f4c3cb;--negative-color-selected-hover:#ecb7bf;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#fceba1;--warning-color-selected-hover:#f2d973;--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-riverstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-black:#000000;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--grey-background-color:#f6f7fb;--text-color-on-brand:#ffffff;--box-shadow-xs:0px 4px 6px -4px rgba(0, 0, 0, 0.1);--box-shadow-small:0px 4px 8px rgba(0, 0, 0, 0.2);--box-shadow-medium:0px 6px 20px rgba(0, 0, 0, 0.2);--box-shadow-large:0px 15px 50px rgba(0, 0, 0, 0.3);--color-grass_green:#037f4c;--color-grass_green-hover:#116846;--color-grass_green-selected:#81bfa5;--color-done-green:#00c875;--color-done-green-hover:#0f9b63;--color-done-green-selected:#80e3ba;--color-done-green-selected-with-opacity:rgba(128, 227, 186, 0.6);--color-bright-green:#9cd326;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#cde992;--color-saladish:#cab641;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#e4daa0;--color-egg_yolk:#ffcb00;--color-egg_yolk-hover:#eaaa15;--color-egg_yolk-selected:#ffe580;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdab3d;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#fed59e;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#ffb196;--color-peach:#ffadad;--color-peach-hover:#c2888a;--color-peach-selected:#ffd6d6;--color-sunset:#ff7575;--color-sunset-hover:#c26163;--color-sunset-selected:#ffbaba;--color-sunset-selected-with-opacity:rgba(255, 186, 186, 0.6);--color-stuck-red:#df2f4a;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#f0a1ad;--color-dark-red:#bb3354;--color-dark-red-hover:#92334c;--color-dark-red-selected:#dd99a9;--color-sofia_pink:#e50073;--color-sofia_pink-hover:#c20062;--color-sofia_pink-selected:#ff8ac4;--color-lipstick:#ff5ac4;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#fface1;--color-bubble:#faa1f1;--color-bubble-hover:#be80ba;--color-bubble-selected:#fcd0f8;--color-purple:#9d50dd;--color-purple-hover:#7d45b0;--color-purple-selected:#d0aeed;--color-dark_purple:#784bd1;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#bba5e8;--color-berry:#7e3b8a;--color-berry-hover:#673971;--color-berry-selected:#be9dc4;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#a08bc9;--color-indigo:#5559df;--color-indigo-hover:#4b4ead;--color-indigo-selected:#aaacef;--color-navy:#225091;--color-navy-hover:#274776;--color-navy-selected:#90a7c8;--color-bright-blue:#579bfc;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#abcdfd;--color-dark-blue:#007eb5;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#80c2df;--color-aquamarine:#4eccc6;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#a6e5e2;--color-chili-blue:#66ccff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#b2e5ff;--color-river:#74afcc;--color-river-hover:#588095;--color-river-selected:#b3d0de;--color-winter:#9aadbd;--color-winter-hover:#7b8895;--color-winter-selected:#ccd6de;--color-explosive:#c4c4c4;--color-explosive-hover:#98999a;--color-explosive-selected:#e1e1e1;--color-american_gray:#757575;--color-american_gray-hover:#69696a;--color-american_gray-selected:#bfbfbf;--color-blackish:#333333;--color-blackish-hover:#222222;--color-blackish-selected:#999999;--color-brown:#7f5347;--color-brown-hover:#684943;--color-brown-selected:#bfa9a3;--color-orchid:#e484bd;--color-orchid-hover:#ae5d8d;--color-orchid-selected:#ecbad7;--color-tan:#bca58a;--color-tan-hover:#8a7862;--color-tan-selected:#d6cabc;--color-sky:#a1e3f6;--color-sky-hover:#81b6c5;--color-sky-selected:#d0f1fa;--color-coffee:#cd9282;--color-coffee-hover:#976758;--color-coffee-selected:#dec0b7;--color-royal:#216edf;--color-royal-hover:#225eb7;--color-royal-selected:#95bbf2;--color-teal:#175a63;--color-teal-hover:#12484f;--color-teal-selected:#8bacb1;--color-lavender:#bda8f9;--color-lavender-hover:#9786c7;--color-lavender-selected:#ded4fc;--color-steel:#a9bee8;--color-steel-hover:#8798ba;--color-steel-selected:#d4dff4;--color-lilac:#9d99b9;--color-lilac-hover:#7e7a94;--color-lilac-selected:#ceccdc;--color-pecan:#563e3e;--color-pecan-hover:#453232;--color-pecan-selected:#ab9f9f;--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#757575;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff007f;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#9d50dd;--color-dark-purple:#784bd1;--color-blue_links:#007eb5;--color-blue-links:#007eb5;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#df2f4a;--color-red-shadow:#df2f4a;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--secondary-text-on-secondary-color:#676879;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--primary-background-color-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--secondary-background-color-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(50, 51, 56, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d0d4e4;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.dark-app-theme{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--primary-surface-color:#181b34;--primary-text-color:#d5d8df;--secondary-text-color:#9699a6;--text-color-on-inverted:#323338;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(213, 216, 223, var(--disabled-component-opacity));--inverted-color-background:#ffffff;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#181b34;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#30324e;--allgrey-background-color:#30324e;--backdrop-color:rgba(41, 47, 76, 0.7);--ui-border-color:#797e93;--ui-background-color:#434660;--ui-background-hover-color:#35384d;--layout-border-color:#4b4e69;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--disabled-background-color:#3c3f59;--link-color:#69a7ef;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--grey-background-color:#181b34;--text-color-on-brand:#ffffff;--color-surface:#292f4c;--box-shadow-xs:0px 4px 6px -4px rgba(9, 11, 25, 0.5);--box-shadow-small:0px 4px 8px rgba(9, 11, 25, 0.5);--box-shadow-medium:0px 6px 20px rgba(9, 11, 25, 0.5);--box-shadow-large:0px 15px 50px rgba(9, 11, 25, 0.5);--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-done-green-selected-with-opacity:rgba(14, 115, 88, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-sunset-selected-with-opacity:rgba(141, 74, 88, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#4d3941;--color-orchid-hover:#b4739a;--color-orchid-selected:#85597b;--color-tan-hover:#978977;--color-tan-selected:#716863;--color-sky-hover:#90bac6;--color-sky-selected:#6c8a9a;--color-coffee-hover:#a27b6f;--color-coffee-selected:#795e5d;--color-royal-hover:#4474bb;--color-royal-selected:#375993;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#79709c;--color-steel-hover:#95a2be;--color-steel-selected:#707a95;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#6b697f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(213, 216, 223, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.black-app-theme{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#eeeeee;--secondary-text-color:#aaaaaa;--text-color-on-inverted:#111111;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--inverted-color-background:#eeeeee;--fixed-dark-color:#111111;--fixed-light-color:#ffffff;--primary-background-color:#111111;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#2c2c2c;--allgrey-background-color:#2c2c2c;--backdrop-color:rgba(33, 33, 33, 0.7);--ui-border-color:#8d8d8d;--ui-background-color:#4d4d4d;--ui-background-hover-color:#3b3b3b;--layout-border-color:#636363;--placeholder-color:#aaaaaa;--icon-color:#aaaaaa;--disabled-background-color:#3a3a3a;--link-color:#69a7ef;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--text-color-on-brand:#ffffff;--color-surface:#212121;--grey-background-color:#111111;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--primary-background-color-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--secondary-background-color-rgb:44,44,44;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.hacker_theme-app-theme{--primary-color:#fe78c6;--primary-hover-color:#fe5ab9;--primary-selected-color:#9f4077;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#d5d8df;--secondary-text-color:#9699a6;--text-color-on-inverted:#323338;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--inverted-color-background:#ffffff;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#282a36;--primary-background-hover-color:#4b4e69;--secondary-background-color:#30324e;--allgrey-background-color:#282a36;--ui-border-color:#797e93;--ui-background-color:#4b4e69;--ui-background-hover-color:#3b3b3b;--layout-border-color:#414458;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--disabled-background-color:#3a3a3a;--link-color:#bd93f9;--brand-color:#fe78c6;--brand-hover-color:#fe5ab9;--brand-selected-color:#9f4077;--brand-selected-hover-color:#0d2e65;--positive-color:#50fa7b;--positive-color-hover:#007038;--positive-color-selected:#26503e;--positive-color-selected-hover:#194733;--negative-color:#ff5555;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--grey-background-color:#282a36;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--primary-selected-color-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}";!function(o){const e="s_id-bc5763391c34_3_71_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(o);export{o as default};
+var o=":root{--motion-productive-short:70ms;--motion-productive-medium:100ms;--motion-productive-long:150ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 1);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter)}:root{--spacing-xs:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px}:root{--border-width:1px;--border-style:solid}:root{--border-radius-small:4px;--border-radius-medium:8px;--border-radius-big:16px}:root{--disabled-component-opacity:0.38}:root{--font-family:Figtree,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Poppins,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:500;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:700 32px/40px var(--title-font-family);--font-h1-medium:600 32px/40px var(--title-font-family);--font-h1-normal:500 32px/40px var(--title-font-family);--font-h1-light:300 32px/40px var(--title-font-family);--font-h2-bold:700 24px/30px var(--title-font-family);--font-h2-medium:600 24px/30px var(--title-font-family);--font-h2-normal:500 24px/30px var(--title-font-family);--font-h2-light:300 24px/30px var(--title-font-family);--font-h3-bold:700 18px/24px var(--title-font-family);--font-h3-medium:600 18px/24px var(--title-font-family);--font-h3-normal:500 18px/24px var(--title-font-family);--font-h3-light:300 18px/24px var(--title-font-family);--font-text1-bold:700 16px/22px var(--font-family);--font-text1-medium:600 16px/22px var(--font-family);--font-text1-normal:400 16px/22px var(--font-family);--font-text2-bold:700 14px/20px var(--font-family);--font-text2-medium:600 14px/20px var(--font-family);--font-text2-normal:400 14px/20px var(--font-family);--font-text3-bold:700 12px/16px var(--font-family);--font-text3-medium:600 12px/16px var(--font-family);--font-text3-normal:400 12px/16px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px}.default-app-theme,.light-app-theme,:root{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#cce5ff;--primary-selected-hover-color:#aed4fc;--primary-highlighted-color:#f0f7ff;--primary-surface-color:#eceff8;--primary-text-color:#323338;--secondary-text-color:#676879;--text-color-on-inverted:#ffffff;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(50, 51, 56, var(--disabled-component-opacity));--inverted-color-background:#323338;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#ffffff;--primary-background-hover-color:rgba(103, 104, 121, 0.1);--secondary-background-color:#ffffff;--allgrey-background-color:#f6f7fb;--backdrop-color:rgba(41, 47, 76, 0.7);--ui-border-color:#c3c6d4;--ui-background-color:#e7e9ef;--ui-background-hover-color:#d8d9e0;--layout-border-color:#d0d4e4;--placeholder-color:#676879;--icon-color:#676879;--disabled-background-color:#ecedf5;--link-color:#1f76c2;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#cce5ff;--brand-selected-hover-color:#aed4fc;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#bbdbc9;--positive-color-selected-hover:#b5cec0;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#f4c3cb;--negative-color-selected-hover:#ecb7bf;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#fceba1;--warning-color-selected-hover:#f2d973;--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-riverstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-black:#000000;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--grey-background-color:#f6f7fb;--text-color-on-brand:#ffffff;--box-shadow-xs:0px 4px 6px -4px rgba(0, 0, 0, 0.1);--box-shadow-small:0px 4px 8px rgba(0, 0, 0, 0.2);--box-shadow-medium:0px 6px 20px rgba(0, 0, 0, 0.2);--box-shadow-large:0px 15px 50px rgba(0, 0, 0, 0.3);--color-grass_green:#037f4c;--color-grass_green-hover:#116846;--color-grass_green-selected:#81bfa5;--color-done-green:#00c875;--color-done-green-hover:#0f9b63;--color-done-green-selected:#80e3ba;--color-done-green-selected-with-opacity:rgba(128, 227, 186, 0.6);--color-bright-green:#9cd326;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#cde992;--color-saladish:#cab641;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#e4daa0;--color-egg_yolk:#ffcb00;--color-egg_yolk-hover:#eaaa15;--color-egg_yolk-selected:#ffe580;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdab3d;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#fed59e;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#ffb196;--color-peach:#ffadad;--color-peach-hover:#c2888a;--color-peach-selected:#ffd6d6;--color-sunset:#ff7575;--color-sunset-hover:#c26163;--color-sunset-selected:#ffbaba;--color-sunset-selected-with-opacity:rgba(255, 186, 186, 0.6);--color-stuck-red:#df2f4a;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#f0a1ad;--color-dark-red:#bb3354;--color-dark-red-hover:#92334c;--color-dark-red-selected:#dd99a9;--color-sofia_pink:#e50073;--color-sofia_pink-hover:#c20062;--color-sofia_pink-selected:#ff8ac4;--color-lipstick:#ff5ac4;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#fface1;--color-bubble:#faa1f1;--color-bubble-hover:#be80ba;--color-bubble-selected:#fcd0f8;--color-purple:#9d50dd;--color-purple-hover:#7d45b0;--color-purple-selected:#d0aeed;--color-dark_purple:#784bd1;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#bba5e8;--color-berry:#7e3b8a;--color-berry-hover:#673971;--color-berry-selected:#be9dc4;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#a08bc9;--color-indigo:#5559df;--color-indigo-hover:#4b4ead;--color-indigo-selected:#aaacef;--color-navy:#225091;--color-navy-hover:#274776;--color-navy-selected:#90a7c8;--color-bright-blue:#579bfc;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#abcdfd;--color-dark-blue:#007eb5;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#80c2df;--color-aquamarine:#4eccc6;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#a6e5e2;--color-chili-blue:#66ccff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#b2e5ff;--color-river:#74afcc;--color-river-hover:#588095;--color-river-selected:#b3d0de;--color-winter:#9aadbd;--color-winter-hover:#7b8895;--color-winter-selected:#ccd6de;--color-explosive:#c4c4c4;--color-explosive-hover:#98999a;--color-explosive-selected:#e1e1e1;--color-american_gray:#757575;--color-american_gray-hover:#69696a;--color-american_gray-selected:#bfbfbf;--color-blackish:#333333;--color-blackish-hover:#222222;--color-blackish-selected:#999999;--color-brown:#7f5347;--color-brown-hover:#684943;--color-brown-selected:#bfa9a3;--color-orchid:#e484bd;--color-orchid-hover:#ae5d8d;--color-orchid-selected:#ecbad7;--color-tan:#bca58a;--color-tan-hover:#8a7862;--color-tan-selected:#d6cabc;--color-sky:#a1e3f6;--color-sky-hover:#81b6c5;--color-sky-selected:#d0f1fa;--color-coffee:#cd9282;--color-coffee-hover:#976758;--color-coffee-selected:#dec0b7;--color-royal:#216edf;--color-royal-hover:#225eb7;--color-royal-selected:#95bbf2;--color-teal:#175a63;--color-teal-hover:#12484f;--color-teal-selected:#8bacb1;--color-lavender:#bda8f9;--color-lavender-hover:#9786c7;--color-lavender-selected:#ded4fc;--color-steel:#a9bee8;--color-steel-hover:#8798ba;--color-steel-selected:#d4dff4;--color-lilac:#9d99b9;--color-lilac-hover:#7e7a94;--color-lilac-selected:#ceccdc;--color-pecan:#563e3e;--color-pecan-hover:#453232;--color-pecan-selected:#ab9f9f;--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#757575;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff007f;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#9d50dd;--color-dark-purple:#784bd1;--color-blue_links:#007eb5;--color-blue-links:#007eb5;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#df2f4a;--color-red-shadow:#df2f4a;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--secondary-text-on-secondary-color:#676879;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--primary-background-color-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--secondary-background-color-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(50, 51, 56, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d0d4e4;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.dark-app-theme{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--primary-surface-color:#181b34;--primary-text-color:#d5d8df;--secondary-text-color:#9699a6;--text-color-on-inverted:#323338;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(213, 216, 223, var(--disabled-component-opacity));--inverted-color-background:#ffffff;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#181b34;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#30324e;--allgrey-background-color:#30324e;--backdrop-color:rgba(41, 47, 76, 0.7);--ui-border-color:#797e93;--ui-background-color:#434660;--ui-background-hover-color:#35384d;--layout-border-color:#4b4e69;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--disabled-background-color:#3c3f59;--link-color:#69a7ef;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--grey-background-color:#181b34;--text-color-on-brand:#ffffff;--color-surface:#292f4c;--box-shadow-xs:0px 4px 6px -4px rgba(9, 11, 25, 0.5);--box-shadow-small:0px 4px 8px rgba(9, 11, 25, 0.5);--box-shadow-medium:0px 6px 20px rgba(9, 11, 25, 0.5);--box-shadow-large:0px 15px 50px rgba(9, 11, 25, 0.5);--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-done-green-selected-with-opacity:rgba(14, 115, 88, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-sunset-selected-with-opacity:rgba(141, 74, 88, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#4d3941;--color-orchid-hover:#b4739a;--color-orchid-selected:#85597b;--color-tan-hover:#978977;--color-tan-selected:#716863;--color-sky-hover:#90bac6;--color-sky-selected:#6c8a9a;--color-coffee-hover:#a27b6f;--color-coffee-selected:#795e5d;--color-royal-hover:#4474bb;--color-royal-selected:#375993;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#79709c;--color-steel-hover:#95a2be;--color-steel-selected:#707a95;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#6b697f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(213, 216, 223, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.black-app-theme{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#eeeeee;--secondary-text-color:#aaaaaa;--text-color-on-inverted:#111111;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--inverted-color-background:#eeeeee;--fixed-dark-color:#111111;--fixed-light-color:#ffffff;--primary-background-color:#111111;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#2c2c2c;--allgrey-background-color:#2c2c2c;--backdrop-color:rgba(33, 33, 33, 0.7);--ui-border-color:#8d8d8d;--ui-background-color:#4d4d4d;--ui-background-hover-color:#3b3b3b;--layout-border-color:#636363;--placeholder-color:#aaaaaa;--icon-color:#aaaaaa;--disabled-background-color:#3a3a3a;--link-color:#69a7ef;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--text-color-on-brand:#ffffff;--color-surface:#212121;--grey-background-color:#111111;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--primary-background-color-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--secondary-background-color-rgb:44,44,44;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.hacker_theme-app-theme{--primary-color:#fe78c6;--primary-hover-color:#fe5ab9;--primary-selected-color:#9f4077;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#d5d8df;--secondary-text-color:#9699a6;--text-color-on-inverted:#323338;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--inverted-color-background:#ffffff;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#282a36;--primary-background-hover-color:#4b4e69;--secondary-background-color:#30324e;--allgrey-background-color:#282a36;--ui-border-color:#797e93;--ui-background-color:#4b4e69;--ui-background-hover-color:#3b3b3b;--layout-border-color:#414458;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--disabled-background-color:#3a3a3a;--link-color:#bd93f9;--brand-color:#fe78c6;--brand-hover-color:#fe5ab9;--brand-selected-color:#9f4077;--brand-selected-hover-color:#0d2e65;--positive-color:#50fa7b;--positive-color-hover:#007038;--positive-color-selected:#26503e;--positive-color-selected-hover:#194733;--negative-color:#ff5555;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--grey-background-color:#282a36;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--primary-selected-color-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}";!function(o){const e="s_id-bc5763391c34_3_72_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(o);export{o as default};
 //# sourceMappingURL=index.min.css.js.map

package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={accordion:"accordion_37d9a590ba",accordionItemExpandCollapse:"accordionItemExpandCollapse_3181327c26",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast_d6a120cac4"};!function(e){const o="s_id-e9215f4fd1c6_3_71_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion_37d9a590ba {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion_37d9a590ba .accordionItemExpandCollapse_3181327c26 {\n  border-radius: 0;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion_37d9a590ba .accordionItemExpandCollapseLast_d6a120cac4 {\n  border-bottom: none;\n}");export{e as default};
+var e={accordion:"accordion_d3ca07e66d",accordionItemExpandCollapse:"accordionItemExpandCollapse_619e1feb69",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast_1bc44f9821"};!function(e){const o="s_id-e9215f4fd1c6_3_72_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion_d3ca07e66d {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion_d3ca07e66d .accordionItemExpandCollapse_619e1feb69 {\n  border-radius: 0;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion_d3ca07e66d .accordionItemExpandCollapseLast_1bc44f9821 {\n  border-bottom: none;\n}");export{e as default};
 //# sourceMappingURL=Accordion.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBanner.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={alertBanner:"alertBanner_83e1377653",primary:"primary_990c31aa96",positive:"positive_d464c45592",negative:"negative_66f9a2b27e",dark:"dark_aa74e3ae48",warning:"warning_dfa923bdcd",closeBtn:"closeBtn_58d74b161c",content:"content_c29e39b329",closeButtonWrapper:"closeButtonWrapper_13ce9cb7ba",ellipsis:"ellipsis_28f4355d2c",contentItem:"contentItem_3b32d3a4f6",contentItemText:"contentItemText_3700eeaf74"};!function(n){const e="s_id-2b16d36a7fd0_3_71_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner_83e1377653 {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary_990c31aa96 {\n  background-color: var(--primary-color);\n}\n\n.positive_d464c45592 {\n  background-color: var(--positive-color);\n}\n\n.negative_66f9a2b27e {\n  background-color: var(--negative-color);\n}\n\n.dark_aa74e3ae48 {\n  background-color: var(--inverted-color-background);\n}\n\n.warning_dfa923bdcd {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning_dfa923bdcd .closeBtn_58d74b161c {\n  color: var(--fixed-dark-color);\n}\n\n.content_c29e39b329 {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: var(--spacing-medium);\n}\n\n.closeButtonWrapper_13ce9cb7ba {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn_58d74b161c {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n}\n\n.ellipsis_28f4355d2c {\n  flex: 0 1 auto;\n}\n\n.contentItem_3b32d3a4f6 {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText_3700eeaf74 {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
+var n={alertBanner:"alertBanner_2e64ac67ac",primary:"primary_7ffbd22b98",positive:"positive_d2ef93592a",negative:"negative_0f535be28b",dark:"dark_1c548d3558",warning:"warning_1bd2d3e0cc",closeBtn:"closeBtn_63c9474b5e",content:"content_597a842dd8",closeButtonWrapper:"closeButtonWrapper_8d51015f74",ellipsis:"ellipsis_69d32641b5",contentItem:"contentItem_c0f0173b43",contentItemText:"contentItemText_ca195f94a8"};!function(n){const e="s_id-2b16d36a7fd0_3_72_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner_2e64ac67ac {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary_7ffbd22b98 {\n  background-color: var(--primary-color);\n}\n\n.positive_d2ef93592a {\n  background-color: var(--positive-color);\n}\n\n.negative_0f535be28b {\n  background-color: var(--negative-color);\n}\n\n.dark_1c548d3558 {\n  background-color: var(--inverted-color-background);\n}\n\n.warning_1bd2d3e0cc {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning_1bd2d3e0cc .closeBtn_63c9474b5e {\n  color: var(--fixed-dark-color);\n}\n\n.content_597a842dd8 {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: var(--spacing-medium);\n}\n\n.closeButtonWrapper_8d51015f74 {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn_63c9474b5e {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n}\n\n.ellipsis_69d32641b5 {\n  flex: 0 1 auto;\n}\n\n.contentItem_c0f0173b43 {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText_ca195f94a8 {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
 //# sourceMappingURL=AlertBanner.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={bannerButton:"bannerButton_836ef95575",darkBackground:"darkBackground_836ef95575",marginLeft:"marginLeft_12e26f2cbc"};!function(e){const n="s_id-b41ba610a75a_3_71_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerButton_836ef95575 {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground_836ef95575 .bannerButton_836ef95575 {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft_12e26f2cbc {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={bannerButton:"bannerButton_98cd5c5e9b",darkBackground:"darkBackground_98cd5c5e9b",marginLeft:"marginLeft_385a08c306"};!function(e){const n="s_id-b41ba610a75a_3_72_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerButton_98cd5c5e9b {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground_98cd5c5e9b .bannerButton_98cd5c5e9b {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft_385a08c306 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=AlertBannerButton.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={bannerLink:"bannerLink_ed38e7990b",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_f0fa797ea3",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_7bc1f19db7",marginLeft:"marginLeft_12e26f2cbc"};!function(n){const e="s_id-59c5b2cdc5e5_3_71_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink_ed38e7990b {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_f0fa797ea3 {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_7bc1f19db7 {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft_12e26f2cbc {\n  margin-left: var(--spacing-small);\n}");export{n as default};
+var n={bannerLink:"bannerLink_9ae09f970f",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_b42641cfda",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_953862cb72",marginLeft:"marginLeft_385a08c306"};!function(n){const e="s_id-59c5b2cdc5e5_3_72_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink_9ae09f970f {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_b42641cfda {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_953862cb72 {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft_385a08c306 {\n  margin-left: var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerLink.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={bannerText:"bannerText_a013984337",marginLeft:"marginLeft_12e26f2cbc"};!function(e){const n="s_id-35d8b4a93255_3_71_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText_a013984337 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft_12e26f2cbc {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={bannerText:"bannerText_f76db5a152",marginLeft:"marginLeft_385a08c306"};!function(e){const n="s_id-35d8b4a93255_3_72_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText_f76db5a152 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft_385a08c306 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=AlertBannerText.module.scss.js.map

package/dist/src/components/AttentionBox/AttentionBox.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={attentionBox:"attentionBox_ae43da3c14",entryAnimation:"entryAnimation_da0818b1b8",closeIconWrapper:"closeIconWrapper_de14e24353",closeIcon:"closeIcon_1364f74ceb",icon:"icon_e12e32a3b0",title:"title_e250b27c99",text:"text_64ed3ad007",titleContainer:"titleContainer_1364f74ceb",typePrimary:"typePrimary_b91b327d4f",typeDanger:"typeDanger_5c568cc7bb",typeSuccess:"typeSuccess_ec03abbf93",typeDark:"typeDark_2076ec9f4f",typeWarning:"typeWarning_d1bb689be3",closeIconCompact:"closeIconCompact_a7bb560087",compact:"compact_b44114abcd",dismissible:"dismissible_48aa2f9ebe",paragraph:"paragraph_7f29a64f75"};!function(n){const e="s_id-7d53612c3785_3_71_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes entryAnimation_da0818b1b8 {\n  0% {\n    transform: translateY(-10px);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n.attentionBox_ae43da3c14 {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox_ae43da3c14.entryAnimation_da0818b1b8 {\n  animation: entryAnimation_da0818b1b8 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.attentionBox_ae43da3c14 .closeIconWrapper_de14e24353 .closeIcon_1364f74ceb {\n  color: var(--primary-text-color);\n}\n.attentionBox_ae43da3c14 .icon_e12e32a3b0 {\n  flex-shrink: 0;\n}\n.title_e250b27c99 {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text_64ed3ad007,\n.titleContainer_1364f74ceb {\n  color: var(--primary-text-color);\n}\n.typePrimary_b91b327d4f {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger_5c568cc7bb {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess_ec03abbf93 {\n  background-color: var(--positive-color-selected);\n}\n.typeDark_2076ec9f4f {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning_d1bb689be3 {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer_1364f74ceb {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer_1364f74ceb:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper_de14e24353 {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact_a7bb560087 {\n  top: calc(50% - 16px);\n}\n.text_64ed3ad007.compact_b44114abcd {\n  flex: 1;\n}\n.text_64ed3ad007.compact_b44114abcd.dismissible_48aa2f9ebe {\n  padding-right: var(--spacing-xl);\n}\n.text_64ed3ad007.paragraph_7f29a64f75 {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
+var n={attentionBox:"attentionBox_36fc02fd26",entryAnimation:"entryAnimation_6e62ae8698",closeIconWrapper:"closeIconWrapper_638c66395b",closeIcon:"closeIcon_467eb5ba5f",icon:"icon_fbaf854db7",title:"title_9ddbdebdc0",text:"text_4377b54183",titleContainer:"titleContainer_467eb5ba5f",typePrimary:"typePrimary_ddee4b5455",typeDanger:"typeDanger_68698dba19",typeSuccess:"typeSuccess_d37772c29d",typeDark:"typeDark_c3faa6f104",typeWarning:"typeWarning_11a31705d2",closeIconCompact:"closeIconCompact_51cf462256",compact:"compact_069a2b5774",dismissible:"dismissible_6b31809f34",paragraph:"paragraph_0c82e0c241"};!function(n){const e="s_id-7d53612c3785_3_72_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes entryAnimation_6e62ae8698 {\n  0% {\n    transform: translateY(-10px);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n.attentionBox_36fc02fd26 {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox_36fc02fd26.entryAnimation_6e62ae8698 {\n  animation: entryAnimation_6e62ae8698 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.attentionBox_36fc02fd26 .closeIconWrapper_638c66395b .closeIcon_467eb5ba5f {\n  color: var(--primary-text-color);\n}\n.attentionBox_36fc02fd26 .icon_fbaf854db7 {\n  flex-shrink: 0;\n}\n.title_9ddbdebdc0 {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text_4377b54183,\n.titleContainer_467eb5ba5f {\n  color: var(--primary-text-color);\n}\n.typePrimary_ddee4b5455 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger_68698dba19 {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess_d37772c29d {\n  background-color: var(--positive-color-selected);\n}\n.typeDark_c3faa6f104 {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning_11a31705d2 {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer_467eb5ba5f {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer_467eb5ba5f:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper_638c66395b {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact_51cf462256 {\n  top: calc(50% - 16px);\n}\n.text_4377b54183.compact_069a2b5774 {\n  flex: 1;\n}\n.text_4377b54183.compact_069a2b5774.dismissible_6b31809f34 {\n  padding-right: var(--spacing-xl);\n}\n.text_4377b54183.paragraph_0c82e0c241 {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map