npm - @vibe/core - Versions diffs - 3.68.0-alpha-cd9cf.0 → 3.68.0 - Mend

@vibe/core 3.68.0-alpha-cd9cf.0 → 3.68.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 (3508) hide show

package/dist/src/tests/constants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"constants.js","sources":["../../../src/tests/constants.ts"],"sourcesContent":["export enum ComponentDefaultTestId {\n // Don't remove next line\n // plop_marker:default-data-testid-declarations\n EMPTY_STATE = \"empty-state\",\n TRANSITION_VIEW = \"transition-view\",\n TEXT_AREA = \"text-area\",\n EDITABLE_TEXT = \"editable-text\",\n TIPSEEN_MEDIA = \"tipseen-media\",\n INDICATOR = \"indicator\",\n BADGE = \"badge\",\n TITLE = \"title\",\n TEXT = \"text\",\n COMBOBOX = \"combobox\",\n COMBOBOX_CATEGORY = \"combobox-category\",\n COMBOBOX_OPTION = \"combobox-option\",\n COLOR_PICKER = \"color-picker\",\n CHECKBOX = \"checkbox\",\n CHECKBOX_LABEL = \"checkbox-label\",\n CHECKBOX_CHECKBOX = \"checkbox-checkbox\",\n DROPDOWN = \"dropdown\",\n DROPDOWN_OPTION_CONTENT = \"dropdown-option-content\",\n BUTTON = \"button\",\n BUTTON_GROUP = \"button-group\",\n CLICKABLE = \"clickable\",\n VIRTUALIZED_LIST = \"virtualized-list\",\n VIRTUALIZED_GRID = \"virtualized-grid\",\n TEXT_FIELD = \"text-field\",\n TEXT_FIELD_SECONDARY_BUTTON = \"text-field-secondary-button\",\n SEARCH = \"search\",\n CLEAN_SEARCH_BUTTON = \"clean-search-button\",\n COLOR_PICKER_ITEM = \"color-picker-item\",\n ICON_BUTTON = \"icon-button\",\n SVG_ICON = \"svg-icon\",\n CHIP = \"chip\",\n RADIO_BUTTON = \"radio-button\",\n RADIO_BUTTON_LABEL = \"radio-button-label\",\n RADIO_BUTTON_CONTROL = \"radio-button-control\",\n TAB = \"tab\",\n TAB_PANEL = \"tab-panel\",\n TAB_PANELS = \"tab-panels\",\n TAB_LIST = \"tab-list\",\n TABS_CONTEXT = \"tabs-context\",\n ALERT_BANNER = \"alert-banner\",\n ALERT_BANNER_BUTTON = \"alert-banner-button\",\n ALERT_BANNER_LINK = \"alert-banner-link\",\n ALERT_BANNER_TEXT = \"alert-banner-text\",\n ATTENTION_BOX = \"attention-box\",\n BOX = \"box\",\n AVATAR = \"avatar\",\n AVATAR_BADGE = \"avatar-badge\",\n AVATAR_CONTENT = \"avatar-content\",\n BREADCRUMB_ITEM = \"breadcrumb-item\",\n BREADCRUMBS_BAR = \"breadcrumbs-bar\",\n BREADCRUMB_MENU = \"breadcrumb-menu\",\n BREADCRUMB_MENU_ITEM = \"breadcrumb-menu-item\",\n LINEAR_PROGRESS_BAR = \"linear-progress-bar\",\n BAR = \"bar\",\n BAR_PRIMARY = \"bar-primary\",\n BAR_SECONDARY = \"bar-secondary\",\n COLOR_PICKER_ITEM_COMPONENT = \"color-picker-item-component\",\n COUNTER = \"counter\",\n MENU = \"menu\",\n OPTION = \"option\",\n EXPAND_COLLAPSE = \"expand-collapse\",\n EDITABLE_INPUT = \"editable-input\",\n EDITABLE_HEADING = \"editable-heading\",\n HEADING = \"heading\",\n LABEL = \"label\",\n LINK = \"link\",\n MENU_DIVIDER = \"menu-divider\",\n MENU_ITEM = \"menu-item\",\n MENU_ITEM_BUTTON = \"menu-item-button\",\n MENU_TITLE = \"menu-title\",\n MENU_TITLE_CAPTION = \"menu-title-caption\",\n MENU_GRID_ITEM = \"menu-grid-item\",\n MENU_BUTTON = \"menu-button\",\n STEP_INDICATOR = \"step-indicator\",\n STEPS = \"steps\",\n STEPS_FORWARD_COMMAND = \"steps-forward-command\",\n STEPS_BACKWARD_COMMAND = \"steps-backward-command\",\n MULTI_STEP_INDICATOR = \"multi-step-indicator\",\n SKELETON = \"skeleton\",\n SPLIT_BUTTON = \"split-button\",\n SPLIT_BUTTON_PRIMARY_BUTTON = \"split-button-primary-button\",\n SPLIT_BUTTON_SECONDARY_BUTTON = \"split-button-secondary-button\",\n TEXT_WITH_HIGHLIGHT = \"text-with-highlight\",\n TOAST = \"toast\",\n TOAST_CONTENT = \"toast-content\",\n TOAST_LINK = \"toast-link\",\n TOAST_BUTTON = \"toast-button\",\n TOAST_CLOSE_BUTTON = \"toast-close-button\",\n TOGGLE = \"toggle\",\n TIPSEEN = \"tipseen\",\n TIPSEEN_CONTENT = \"tipseen-content\",\n TIPSEEN_CONTENT_SUBMIT = \"tipseen-content-submit\",\n TIPSEEN_CONTENT_DISMISS = \"tipseen-content-dismiss\",\n TIPSEEN_TITLE = \"tipseen-title\",\n DIVIDER = \"divider\",\n DATEPICKER = \"date-picker\",\n DATEPICKER_HEADER = \"date-picker-header\",\n DATEPICKER_YEAR_SELECTION = \"date-picker-year-selection\",\n LOADER = \"loader\",\n ICON = \"icon\",\n RESPONSIVE_LIST = \"responsive-list\",\n LIST = \"list\",\n MODAL = \"monday-dialog-container\",\n MODAL_OVERLAY = \"monday-modal-overlay\",\n MODAL_CONTENT = \"modal-content\",\n MODAL_HEADER = \"modal-header\",\n MODAL_FOOTER_BUTTONS = \"modal-footer-buttons\",\n MODAL_NEXT = \"modal\",\n MODAL_NEXT_OVERLAY = \"modal-overlay\",\n MODAL_NEXT_HEADER = \"modal-header\",\n MODAL_NEXT_CLOSE_BUTTON = \"modal-close-button\",\n MODAL_NEXT_CONTENT = \"modal-content\",\n MODAL_NEXT_FOOTER = \"modal-footer\",\n MODAL_NEXT_MEDIA = \"modal-media\",\n MODAL_NEXT_BASIC_LAYOUT = \"modal-basic-layout\",\n MODAL_NEXT_SIDE_BY_SIDE_LAYOUT = \"modal-side-by-side-layout\",\n MODAL_NEXT_MEDIA_LAYOUT = \"modal-media-layout\",\n FORMATTED_NUMBER = \"formatted-number\",\n HIDDEN_TEXT = \"hidden-text\",\n DIALOG_CONTENT_CONTAINER = \"dialog-content-container\",\n FLEX = \"flex\",\n TOOLTIP = \"tooltip\",\n DIALOG = \"dialog\",\n TABLE = \"table\",\n TABLE_CONTAINER = \"table-container\",\n TABLE_BODY = \"table-body\",\n TABLE_VIRTUALIZED_BODY = \"table-virtualized-body\",\n TABLE_CELL = \"table-cell\",\n TABLE_HEADER = \"table-header\",\n TABLE_HEADER_CELL = \"table-header-cell\",\n TABLE_ROW = \"table-row\",\n TABLE_ROW_MENU = \"table-row-menu\"\n}\n\nexport enum NavigationCommand {\n RIGHT_ARROW = \"{arrowright}\",\n LEFT_ARROW = \"{arrowleft}\",\n UP_ARROW = \"{arrowup}\",\n DOWN_ARROW = \"{arrowdown}\",\n TAB = \"#TAB#\",\n ENTER = \"{enter}\",\n PAGE_UP = \"{pageup}\",\n PAGE_DOWN = \"{pagedown}\"\n}\n\nexport enum ComponentVibeId {\n ACCORDION = \"Accordion\",\n ALERT_BANNER = \"AlertBanner\",\n ATTENTION_BOX = \"AttentionBox\",\n AVATAR = \"Avatar\",\n AVATAR_GROUP = \"AvatarGroup\",\n BADGE = \"Badge\",\n BOX = \"Box\",\n BREADCRUMBS_BAR = \"BreadcrumbsBar\",\n BUTTON = \"Button\",\n BUTTON_GROUP = \"ButtonGroup\",\n CHECKBOX = \"Checkbox\",\n CHIPS = \"Chips\",\n COLOR_PICKER = \"ColorPicker\",\n COMBOBOX = \"Combobox\",\n COUNTER = \"Counter\",\n DATE_PICKER = \"DatePicker\",\n DIALOG = \"Dialog\",\n DIVIDER = \"Divider\",\n DROPDOWN = \"Dropdown\",\n EDITABLE_HEADING = \"EditableHeading\",\n EDITABLE_TEXT = \"EditableText\",\n EMPTY_STATE = \"EmptyState\",\n EXPAND_COLLAPSE = \"ExpandCollapse\",\n FLEX = \"Flex\",\n HEADING = \"Heading\",\n ICON = \"Icon\",\n ICON_BUTTON = \"IconButton\",\n LABEL = \"Label\",\n LINEAR_PROGRESS_BAR = \"LinearProgressBar\",\n LINK = \"Link\",\n LIST = \"List\",\n LOADER = \"Loader\",\n MENU = \"Menu\",\n MENU_BUTTON = \"MenuButton\",\n MODAL = \"Modal\",\n MULTI_STEP_INDICATOR = \"MultiStepIndicator\",\n NUMBER_FIELD = \"NumberField\",\n RADIO_BUTTON = \"RadioButton\",\n SEARCH = \"Search\",\n SKELETON = \"Skeleton\",\n SLIDER = \"Slider\",\n SPLIT_BUTTON = \"SplitButton\",\n STEPS = \"Steps\",\n TAB = \"Tab\",\n TABLE = \"Table\",\n TEXT = \"Text\",\n TEXT_AREA = \"TextArea\",\n TEXT_FIELD = \"TextField\",\n TEXT_WITH_HIGHLIGHT = \"TextWithHighlight\",\n THEME_PROVIDER = \"ThemeProvider\",\n TIPSEEN = \"Tipseen\",\n TOAST = \"Toast\",\n TOGGLE = \"Toggle\",\n TOOLTIP = \"Tooltip\",\n VIRTUALIZED_GRID = \"VirtualizedGrid\",\n VIRTUALIZED_LIST = \"VirtualizedList\"\n}\n"],"names":["ComponentDefaultTestId","NavigationCommand","ComponentVibeId"],"mappings":"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"}

package/dist/src/tests/interactionsTests.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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};
2	+ //# sourceMappingURL=interactionsTests.js.map

package/dist/src/tests/interactionsTests.js.map ADDED Viewed

@@ -0,0 +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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"}

package/dist/src/tests/testIds.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{ComponentDefaultTestId as t}from"./constants.js";var n=t,o=function(t,n){var o=""+(null!=n?n:"");return"".concat(t).concat(o&&"_".concat(o))};export{n as ComponentDefaultTestId,o as getTestId};
2	+ //# sourceMappingURL=testIds.js.map

package/dist/src/tests/testIds.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"testIds.js","sources":["../../../src/tests/test-ids-utils.ts"],"sourcesContent":["import { ComponentDefaultTestId as TestIds } from \"./constants\";\nexport const ComponentDefaultTestId = TestIds;\nexport const getTestId = (elementType: TestIds, id?: string | number) => {\n const formattedId = (id ?? \"\").toString();\n return `${elementType}${formattedId && `_${formattedId}`}`;\n};\n"],"names":["ComponentDefaultTestId","TestIds","getTestId","elementType","id","formattedId","concat"],"mappings":"wDACO,IAAMA,EAAyBC,EACzBC,EAAY,SAACC,EAAsBC,GAC9C,IAAMC,EAAc,IAACD,QAAAA,EAAM,IAC3B,MAAAE,GAAAA,OAAUH,GAAWG,OAAGD,GAAWC,IAAAA,OAAQD,GAC7C"}

package/dist/src/types/Colors.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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};
2	+ //# sourceMappingURL=Colors.js.map

package/dist/src/types/Colors.js.map ADDED Viewed

@@ -0,0 +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"}

package/dist/src/types/withStaticProps.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var n=function(n,t){return Object.assign(n,t)},t=function(n,t){return Object.assign(n,t)};export{n as withStaticProps,t as withStaticPropsWithoutForwardRef};
2	+ //# sourceMappingURL=withStaticProps.js.map

package/dist/src/types/withStaticProps.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"withStaticProps.js","sources":["../../../src/types/withStaticProps.ts"],"sourcesContent":["import { type FC, type ForwardRefExoticComponent, type RefAttributes } from \"react\";\ntype Required<T> = {\n [P in keyof T]-?: T[P];\n};\n\nexport const withStaticProps = <Props, StaticProps, Ref = HTMLElement>(\n component: ForwardRefExoticComponent<Props & RefAttributes<Ref>>,\n staticProps: Required<StaticProps>\n) => Object.assign(component, staticProps);\n\nexport const withStaticPropsWithoutForwardRef = <Props, StaticProps>(\n component: FC<Props>,\n staticProps: Required<StaticProps>\n) => Object.assign(component, staticProps);\n"],"names":["withStaticProps","component","staticProps","Object","assign","withStaticPropsWithoutForwardRef"],"mappings":"AAKO,IAAMA,EAAkB,SAC7BC,EACAC,GAAkC,OAC/BC,OAAOC,OAAOH,EAAWC,EAAY,EAE7BG,EAAmC,SAC9CJ,EACAC,GAAkC,OAC/BC,OAAOC,OAAOH,EAAWC,EAAY"}

package/dist/src/utils/colors-utils.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{ColorStyle as o,contentColors as r}from"./colors-vars-map.js";var t=Object.freeze({modes:o,contentColors:r,getMondayColorAsStyle:function(o){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"regular",t=2>=arguments.length\|\|void 0===arguments[2]\|\|arguments[2];return"".concat(t?"var(":"","--color-").concat(o).concat("regular"!==r?"-".concat(r):"").concat(t?")":"")}});export{t as default};
2	+ //# sourceMappingURL=colors-utils.js.map

package/dist/src/utils/colors-utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"colors-utils.js","sources":["../../../src/utils/colors-utils.ts"],"sourcesContent":["import { ColorStyle as ColorStyleEnum, contentColors } from \"./colors-vars-map\";\nimport { type ColorStyle } from \"../types/Colors\";\n\nconst ColorUtils = {\n modes: ColorStyleEnum,\n contentColors,\n getMondayColorAsStyle: (color: string, mode: ColorStyle = \"regular\", withVar = true) => {\n return `${withVar ? \"var(\" : \"\"}--color-${color}${mode !== \"regular\" ? `-${mode}` : \"\"}${withVar ? \")\" : \"\"}`;\n }\n};\n\nexport default Object.freeze(ColorUtils);\n"],"names":["ColorUtils$1","Object","freeze","modes","ColorStyleEnum","contentColors","getMondayColorAsStyle","color","mode","arguments","length","undefined","withVar","concat"],"mappings":"qEAGA,IAQAA,EAAeC,OAAOC,OARH,CACjBC,MAAOC,EACPC,cAAAA,EACAC,sBAAuB,SAACC,GAA+D,IAAhDC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAmB,UAAWG,EAAO,GAAAH,UAAAC,aAAAC,IAAAF,UAAA,IAAAA,UAAA,GAC1E,MAAA,GAAAI,OAAUD,EAAU,OAAS,GAAE,YAAAC,OAAWN,GAAKM,OAAY,YAATL,EAAkBK,IAAAA,OAAOL,GAAS,IAAEK,OAAGD,EAAU,IAAM,GAC3G"}

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

	@@ -0,0 +1,2 @@
1	+ 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};
2	+ //# sourceMappingURL=colors-vars-map.js.map

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

@@ -0,0 +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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"}

package/dist/src/utils/dom-event-utils.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ function n(n,r,t){return!!n&&(n.keyCode===r\|\|n.which===r\|\|t&&n.key===t)}function r(r){return n(r,38)}function t(r){return n(r,40)}function u(r){return n(r,39)}function e(r){return n(r,37)}function o(r){return n(r,33)}function c(r){return n(r,34)}function i(r){return n(r,35)}function f(r){return n(r,36)}export{t as isArrowDownEvent,e as isArrowLeftEvent,u as isArrowRightEvent,r as isArrowUpEvent,i as isEndEvent,f as isHomeEvent,c as isPageDownEvent,o as isPageUpEvent};
2	+ //# sourceMappingURL=dom-event-utils.js.map

package/dist/src/utils/dom-event-utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dom-event-utils.js","sources":["../../../src/utils/dom-event-utils.ts"],"sourcesContent":["import type React from \"react\";\n\nconst ENTER_KEY_CODE = 13;\nconst ESCAPE_KEY_CODE = 27;\nconst BACKSPACE = 8;\nconst TAB = 9;\nconst SPACE = 32;\nconst PAGE_UP = 33;\nconst PAGE_DOWN = 34;\nconst END = 35;\nconst HOME = 36;\nconst ARROW_LEFT_KEY_CODE = 37;\nconst ARROW_UP_KEY_CODE = 38;\nconst ARROW_RIGHT_KEY_CODE = 39;\nconst ARROW_DOWN_KEY_CODE = 40;\n\nfunction validateEvent(\n event: React.KeyboardEvent,\n keyCode: React.KeyboardEvent[\"keyCode\"] | React.KeyboardEvent[\"which\"],\n key?: React.KeyboardEvent[\"key\"]\n) {\n if (!event) return false;\n return event.keyCode === keyCode || event.which === keyCode || (key && event.key === key);\n}\n\nexport function isEnterEvent(event: React.KeyboardEvent) {\n return validateEvent(event, ENTER_KEY_CODE);\n}\n\nexport function isShiftEnterEvent(event: React.KeyboardEvent) {\n return event.shiftKey && isEnterEvent(event);\n}\n\nexport function isEscapeEvent(event: React.KeyboardEvent) {\n return validateEvent(event, ESCAPE_KEY_CODE);\n}\n\nexport function isArrowUpEvent(event: React.KeyboardEvent) {\n return validateEvent(event, ARROW_UP_KEY_CODE);\n}\n\nexport function isArrowDownEvent(event: React.KeyboardEvent) {\n return validateEvent(event, ARROW_DOWN_KEY_CODE);\n}\n\nexport function isArrowRightEvent(event: React.KeyboardEvent) {\n return validateEvent(event, ARROW_RIGHT_KEY_CODE);\n}\n\nexport function isArrowLeftEvent(event: React.KeyboardEvent) {\n return validateEvent(event, ARROW_LEFT_KEY_CODE);\n}\n\nexport function isBackspaceEvent(event: React.KeyboardEvent) {\n return validateEvent(event, BACKSPACE);\n}\n\nexport function isSpaceEvent(event: React.KeyboardEvent) {\n return validateEvent(event, SPACE);\n}\n\nexport function isTabEvent(event: React.KeyboardEvent) {\n return validateEvent(event, TAB);\n}\n\nexport function isPageUpEvent(event: React.KeyboardEvent) {\n return validateEvent(event, PAGE_UP);\n}\n\nexport function isPageDownEvent(event: React.KeyboardEvent) {\n return validateEvent(event, PAGE_DOWN);\n}\n\nexport function isEndEvent(event: React.KeyboardEvent) {\n return validateEvent(event, END);\n}\n\nexport function isHomeEvent(event: React.KeyboardEvent) {\n return validateEvent(event, HOME);\n}\n\nexport function isShiftTabEvent(event: React.KeyboardEvent) {\n return event.shiftKey && isTabEvent(event);\n}\n"],"names":["validateEvent","event","keyCode","key","which","isArrowUpEvent","isArrowDownEvent","isArrowRightEvent","isArrowLeftEvent","isPageUpEvent","isPageDownEvent","isEndEvent","isHomeEvent"],"mappings":"AAgBA,SAASA,EACPC,EACAC,EACAC,GAEA,QAAKF,IACEA,EAAMC,UAAYA,GAAWD,EAAMG,QAAUF,GAAYC,GAAOF,EAAME,MAAQA,EACvF,CAcM,SAAUE,EAAeJ,GAC7B,OAAOD,EAAcC,EA1BG,GA2B1B,CAEM,SAAUK,EAAiBL,GAC/B,OAAOD,EAAcC,EA5BK,GA6B5B,CAEM,SAAUM,EAAkBN,GAChC,OAAOD,EAAcC,EAjCM,GAkC7B,CAEM,SAAUO,EAAiBP,GAC/B,OAAOD,EAAcC,EAvCK,GAwC5B,CAcM,SAAUQ,EAAcR,GAC5B,OAAOD,EAAcC,EA3DP,GA4DhB,CAEM,SAAUS,EAAgBT,GAC9B,OAAOD,EAAcC,EA9DL,GA+DlB,CAEM,SAAUU,EAAWV,GACzB,OAAOD,EAAcC,EAjEX,GAkEZ,CAEM,SAAUW,EAAYX,GAC1B,OAAOD,EAAcC,EApEV,GAqEb"}

package/dist/src/utils/dom-utils.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{memoize as e}from"es-toolkit";function t(e,t){return!!t&&(r=Array.isArray(t)?t.map((function(e){return".".concat(e)})).join(","):".".concat(t),!!e.parentElement.closest(r));var r}var r=e((function(e){if(!e)return null;for(;e.parentElement;){if(n(e.parentElement))return e.parentElement;e=e.parentElement}return document.body}),{getCacheKey:function(e){return e.outerHTML}}),n=function(e){return["auto","scroll"].includes(getComputedStyle(e).getPropertyValue("overflow-y"))};export{r as getScrollableParent,t as isInsideClass};
2	+ //# sourceMappingURL=dom-utils.js.map

package/dist/src/utils/dom-utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dom-utils.js","sources":["../../../src/utils/dom-utils.ts"],"sourcesContent":["import { memoize as _memoize } from \"es-toolkit\";\n\nexport function isInsideClass(domElement: HTMLElement, classOrClassesName: Array<string> | string) {\n if (!classOrClassesName) return false;\n let selector;\n\n if (Array.isArray(classOrClassesName)) {\n selector = classOrClassesName.map(c => `.${c}`).join(\",\");\n } else {\n selector = `.${classOrClassesName}`;\n }\n\n return !!domElement.parentElement.closest(selector);\n}\n\nconst _getScrollableParent = _memoize(\n (node: HTMLElement): HTMLElement => {\n if (!node) {\n return null;\n }\n while (node.parentElement) {\n if (isNodeVerticallyScrollable(node.parentElement)) {\n return node.parentElement;\n }\n node = node.parentElement;\n }\n return document.body;\n },\n {\n getCacheKey: (node: HTMLElement) => node.outerHTML\n }\n);\n\nexport const getScrollableParent: (node: HTMLElement) => HTMLElement = _getScrollableParent;\n\nconst isNodeVerticallyScrollable = (node: HTMLElement): boolean => {\n return [\"auto\", \"scroll\"].includes(getComputedStyle(node).getPropertyValue(\"overflow-y\"));\n};\n"],"names":["isInsideClass","domElement","classOrClassesName","selector","Array","isArray","map","c","concat","join","parentElement","closest","getScrollableParent","_memoize","node","isNodeVerticallyScrollable","document","body","getCacheKey","outerHTML","includes","getComputedStyle","getPropertyValue"],"mappings":"qCAEgB,SAAAA,EAAcC,EAAyBC,GACrD,QAAKA,IAIHC,EADEC,MAAMC,QAAQH,GACLA,EAAmBI,KAAI,SAAAC,GAAC,MAAAC,IAAAA,OAAQD,EAAC,IAAIE,KAAK,KAE7CD,IAAAA,OAAON,KAGRD,EAAWS,cAAcC,QAAQR,IAR1C,IAAIA,CASN,CAEA,IAkBaS,EAlBgBC,GAC3B,SAACC,GACC,IAAKA,EACH,OAAO,KAET,KAAOA,EAAKJ,eAAe,CACzB,GAAIK,EAA2BD,EAAKJ,eAClC,OAAOI,EAAKJ,cAEdI,EAAOA,EAAKJ,aACb,CACD,OAAOM,SAASC,IAClB,GACA,CACEC,YAAa,SAACJ,GAAiB,OAAKA,EAAKK,SAAS,IAMhDJ,EAA6B,SAACD,GAClC,MAAO,CAAC,OAAQ,UAAUM,SAASC,iBAAiBP,GAAMQ,iBAAiB,cAC7E"}

package/dist/src/utils/function-utils.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{isFunction as r}from"es-toolkit";function n(n){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return function(o){for(var e=0;n.length>e;e++){var i=n[e];try{var u=void 0;if(r(i)?u=i(o):i&&(i.current=o),!1===u&&t)return}catch(r){return void console.error(r)}}}}function t(r){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return function(t){for(var o=0;r.length>o;o++){var e=r[o];try{if(!1===(e&&e(t))&&n)return}catch(r){return void console.error(r)}}}}function o(r){return Array.isArray(r)?r:[r]}function e(){}export{e as NOOP,t as chainFunctions,n as chainRefFunctions,o as convertToArray};
2	+ //# sourceMappingURL=function-utils.js.map

package/dist/src/utils/function-utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"function-utils.js","sources":["../../../src/utils/function-utils.ts"],"sourcesContent":["import { isFunction } from \"es-toolkit\";\nimport { type MutableRefObject } from \"react\";\n\nexport function chainRefFunctions(\n funcsOrRefs: Array<MutableRefObject<HTMLElement> | ((element: HTMLElement) => void | boolean)>,\n allowBreak = false\n) {\n return (args: HTMLElement) => {\n for (let i = 0; i < funcsOrRefs.length; i++) {\n const funcOrRef = funcsOrRefs[i];\n try {\n let result;\n if (isFunction(funcOrRef)) {\n result = funcOrRef(args);\n } else if (funcOrRef) {\n funcOrRef.current = args;\n }\n if (result === false && allowBreak) {\n return;\n }\n } catch (e) {\n console.error(e);\n return;\n }\n }\n };\n}\n\nexport function chainFunctions(funcs: Array<(args: any) => void | boolean>, allowBreak = false) {\n return (args: any) => {\n for (let i = 0; i < funcs.length; i++) {\n const func = funcs[i];\n try {\n const result = func && func(args);\n if (result === false && allowBreak) {\n return;\n }\n } catch (e) {\n console.error(e);\n return;\n }\n }\n };\n}\n\nexport function convertToArray<T>(input: T | Array<T>): Array<T> {\n return Array.isArray(input) ? input : [input];\n}\n\nexport function NOOP() {}\n"],"names":["chainRefFunctions","funcsOrRefs","allowBreak","arguments","length","undefined","args","i","funcOrRef","result","isFunction","current","e","console","error","chainFunctions","funcs","func","convertToArray","input","Array","isArray","NOOP"],"mappings":"iDAGgBA,EACdC,GACkB,IAAlBC,EAAUC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEV,OAAO,SAACG,GACN,IAAK,IAAIC,EAAI,EAAON,EAAYG,OAAhBG,EAAwBA,IAAK,CAC3C,IAAMC,EAAYP,EAAYM,GAC9B,IACE,IAAIE,OAAM,EAMV,GALIC,EAAWF,GACbC,EAASD,EAAUF,GACVE,IACTA,EAAUG,QAAUL,IAEP,IAAXG,GAAoBP,EACtB,MAEH,CAAC,MAAOU,GAEP,YADAC,QAAQC,MAAMF,EAEf,CACF,EAEL,UAEgBG,EAAeC,GAA+D,IAAlBd,EAAUC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GACpF,OAAO,SAACG,GACN,IAAK,IAAIC,EAAI,EAAOS,EAAMZ,OAAVG,EAAkBA,IAAK,CACrC,IAAMU,EAAOD,EAAMT,GACnB,IAEE,IAAe,KADAU,GAAQA,EAAKX,KACJJ,EACtB,MAEH,CAAC,MAAOU,GAEP,YADAC,QAAQC,MAAMF,EAEf,CACF,EAEL,CAEM,SAAUM,EAAkBC,GAChC,OAAOC,MAAMC,QAAQF,GAASA,EAAQ,CAACA,EACzC,CAEM,SAAUG,IAAI"}

package/dist/src/utils/media-query-utils.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineProperty as n}from"../../_virtual/_rollupPluginBabelHelpers.js";var d=1,a=2,e=3,i=4,x=5,p=6,r=n(n(n(n(n(n({},1,"screen and (max-width: 767px)"),2,"screen and (max-width: 1023px) and (min-width: 768px)"),3,"screen and (max-width: 1279px) and (min-width: 1024px)"),4,"screen and (max-width: 1439px) and (min-width: 1280px)"),5,"screen and (max-width: 1919px) and (min-width: 1440px)"),6,"screen and (min-width: 1920px)"),t=[r[1],r[2],r[3],r[4],r[5],r[6]],m={SMALL1:1,SMALL2:2,MEDIUM1:3,MEDIUM2:4,LARGE:5,XLARGE:6};export{x as LARGE,r as MEDIA_QUERY_QUERIES,m as MEDIA_QUERY_SIZES,e as MEDIUM1,i as MEDIUM2,d as SMALL1,a as SMALL2,t as VIBE_MEDIA_QUERIES,p as XLARGE};
2	+ //# sourceMappingURL=media-query-utils.js.map

package/dist/src/utils/media-query-utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"media-query-utils.js","sources":["../../../src/utils/media-query-utils.ts"],"sourcesContent":["export const SMALL1 = 1;\nexport const SMALL2 = 2;\nexport const MEDIUM1 = 3;\nexport const MEDIUM2 = 4;\nexport const LARGE = 5;\nexport const XLARGE = 6;\n\nexport const MEDIA_QUERY_QUERIES = {\n [SMALL1]: \"screen and (max-width: 767px)\",\n [SMALL2]: \"screen and (max-width: 1023px) and (min-width: 768px)\",\n [MEDIUM1]: \"screen and (max-width: 1279px) and (min-width: 1024px)\",\n [MEDIUM2]: \"screen and (max-width: 1439px) and (min-width: 1280px)\",\n [LARGE]: \"screen and (max-width: 1919px) and (min-width: 1440px)\",\n [XLARGE]: \"screen and (min-width: 1920px)\"\n};\n\nexport const VIBE_MEDIA_QUERIES = [\n MEDIA_QUERY_QUERIES[SMALL1],\n MEDIA_QUERY_QUERIES[SMALL2],\n MEDIA_QUERY_QUERIES[MEDIUM1],\n MEDIA_QUERY_QUERIES[MEDIUM2],\n MEDIA_QUERY_QUERIES[LARGE],\n MEDIA_QUERY_QUERIES[XLARGE]\n];\n\nexport const MEDIA_QUERY_SIZES = {\n SMALL1,\n SMALL2,\n MEDIUM1,\n MEDIUM2,\n LARGE,\n XLARGE\n};\n"],"names":["SMALL1","SMALL2","MEDIUM1","MEDIUM2","LARGE","XLARGE","MEDIA_QUERY_QUERIES","_defineProperty","VIBE_MEDIA_QUERIES","MEDIA_QUERY_SIZES"],"mappings":"6EAAO,IAAMA,EAAS,EACTC,EAAS,EACTC,EAAU,EACVC,EAAU,EACVC,EAAQ,EACRC,EAAS,EAETC,EAAmBC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAC7BP,CAAAA,EARmB,EAQV,iCAPU,EAQV,yDAPW,EAQV,0DAPU,EAQV,0DAPQ,EAQV,0DAPW,EAQV,kCAGCQ,EAAqB,CAChCF,EAjBoB,GAkBpBA,EAjBoB,GAkBpBA,EAjBqB,GAkBrBA,EAjBqB,GAkBrBA,EAjBmB,GAkBnBA,EAjBoB,IAoBTG,EAAoB,CAC/BT,OA1BoB,EA2BpBC,OA1BoB,EA2BpBC,QA1BqB,EA2BrBC,QA1BqB,EA2BrBC,MA1BmB,EA2BnBC,OA1BoB"}

package/dist/src/utils/ssr-utils.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var n=function(){return"undefined"!=typeof window};export{n as isClient};
2	+ //# sourceMappingURL=ssr-utils.js.map

package/dist/src/utils/ssr-utils.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ssr-utils.js","sources":["../../../src/utils/ssr-utils.ts"],"sourcesContent":["export const isClient = () => typeof window !== \"undefined\";\nexport const isServer = () => !isClient();\n"],"names":["isClient","window"],"mappings":"AAAaA,IAAAA,EAAW,WAAH,MAA2B,oBAAXC,MAAsB"}

package/dist/src/utils/user-agent-utils.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ function e(){return!!/Firefox\/([0-9.]+)(?:\s\|$)/.exec(window.navigator.userAgent)}export{e as isFirefox};
2	+ //# sourceMappingURL=user-agent-utils.js.map

package/dist/src/utils/user-agent-utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"user-agent-utils.js","sources":["../../../src/utils/user-agent-utils.ts"],"sourcesContent":["export function isFirefox() {\n return !!/Firefox\\/([0-9.]+)(?:\\s|$)/.exec(window.navigator.userAgent);\n}\n\nexport function isIE11() {\n return !!window.MSInputMethodContext && !!document.documentMode;\n}\n"],"names":["isFirefox","exec","window","navigator","userAgent"],"mappings":"SAAgBA,IACd,QAAS,6BAA6BC,KAAKC,OAAOC,UAAUC,UAC9D"}

package/dist/style/dist/index.min.css.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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;--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;--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;--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;--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-bc9505c8a63f_3_67_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};
2	+ //# sourceMappingURL=index.min.css.js.map

package/dist/style/dist/index.min.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.min.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/style-imports.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ import "monday-ui-style/dist/index.min.css";

package/dist/tests/constants.d.ts ADDED Viewed

@@ -0,0 +1,202 @@
+export declare enum ComponentDefaultTestId {
+    EMPTY_STATE = "empty-state",
+    TRANSITION_VIEW = "transition-view",
+    TEXT_AREA = "text-area",
+    EDITABLE_TEXT = "editable-text",
+    TIPSEEN_MEDIA = "tipseen-media",
+    INDICATOR = "indicator",
+    BADGE = "badge",
+    TITLE = "title",
+    TEXT = "text",
+    COMBOBOX = "combobox",
+    COMBOBOX_CATEGORY = "combobox-category",
+    COMBOBOX_OPTION = "combobox-option",
+    COLOR_PICKER = "color-picker",
+    CHECKBOX = "checkbox",
+    CHECKBOX_LABEL = "checkbox-label",
+    CHECKBOX_CHECKBOX = "checkbox-checkbox",
+    DROPDOWN = "dropdown",
+    DROPDOWN_OPTION_CONTENT = "dropdown-option-content",
+    BUTTON = "button",
+    BUTTON_GROUP = "button-group",
+    CLICKABLE = "clickable",
+    VIRTUALIZED_LIST = "virtualized-list",
+    VIRTUALIZED_GRID = "virtualized-grid",
+    TEXT_FIELD = "text-field",
+    TEXT_FIELD_SECONDARY_BUTTON = "text-field-secondary-button",
+    SEARCH = "search",
+    CLEAN_SEARCH_BUTTON = "clean-search-button",
+    COLOR_PICKER_ITEM = "color-picker-item",
+    ICON_BUTTON = "icon-button",
+    SVG_ICON = "svg-icon",
+    CHIP = "chip",
+    RADIO_BUTTON = "radio-button",
+    RADIO_BUTTON_LABEL = "radio-button-label",
+    RADIO_BUTTON_CONTROL = "radio-button-control",
+    TAB = "tab",
+    TAB_PANEL = "tab-panel",
+    TAB_PANELS = "tab-panels",
+    TAB_LIST = "tab-list",
+    TABS_CONTEXT = "tabs-context",
+    ALERT_BANNER = "alert-banner",
+    ALERT_BANNER_BUTTON = "alert-banner-button",
+    ALERT_BANNER_LINK = "alert-banner-link",
+    ALERT_BANNER_TEXT = "alert-banner-text",
+    ATTENTION_BOX = "attention-box",
+    BOX = "box",
+    AVATAR = "avatar",
+    AVATAR_BADGE = "avatar-badge",
+    AVATAR_CONTENT = "avatar-content",
+    BREADCRUMB_ITEM = "breadcrumb-item",
+    BREADCRUMBS_BAR = "breadcrumbs-bar",
+    BREADCRUMB_MENU = "breadcrumb-menu",
+    BREADCRUMB_MENU_ITEM = "breadcrumb-menu-item",
+    LINEAR_PROGRESS_BAR = "linear-progress-bar",
+    BAR = "bar",
+    BAR_PRIMARY = "bar-primary",
+    BAR_SECONDARY = "bar-secondary",
+    COLOR_PICKER_ITEM_COMPONENT = "color-picker-item-component",
+    COUNTER = "counter",
+    MENU = "menu",
+    OPTION = "option",
+    EXPAND_COLLAPSE = "expand-collapse",
+    EDITABLE_INPUT = "editable-input",
+    EDITABLE_HEADING = "editable-heading",
+    HEADING = "heading",
+    LABEL = "label",
+    LINK = "link",
+    MENU_DIVIDER = "menu-divider",
+    MENU_ITEM = "menu-item",
+    MENU_ITEM_BUTTON = "menu-item-button",
+    MENU_TITLE = "menu-title",
+    MENU_TITLE_CAPTION = "menu-title-caption",
+    MENU_GRID_ITEM = "menu-grid-item",
+    MENU_BUTTON = "menu-button",
+    STEP_INDICATOR = "step-indicator",
+    STEPS = "steps",
+    STEPS_FORWARD_COMMAND = "steps-forward-command",
+    STEPS_BACKWARD_COMMAND = "steps-backward-command",
+    MULTI_STEP_INDICATOR = "multi-step-indicator",
+    SKELETON = "skeleton",
+    SPLIT_BUTTON = "split-button",
+    SPLIT_BUTTON_PRIMARY_BUTTON = "split-button-primary-button",
+    SPLIT_BUTTON_SECONDARY_BUTTON = "split-button-secondary-button",
+    TEXT_WITH_HIGHLIGHT = "text-with-highlight",
+    TOAST = "toast",
+    TOAST_CONTENT = "toast-content",
+    TOAST_LINK = "toast-link",
+    TOAST_BUTTON = "toast-button",
+    TOAST_CLOSE_BUTTON = "toast-close-button",
+    TOGGLE = "toggle",
+    TIPSEEN = "tipseen",
+    TIPSEEN_CONTENT = "tipseen-content",
+    TIPSEEN_CONTENT_SUBMIT = "tipseen-content-submit",
+    TIPSEEN_CONTENT_DISMISS = "tipseen-content-dismiss",
+    TIPSEEN_TITLE = "tipseen-title",
+    DIVIDER = "divider",
+    DATEPICKER = "date-picker",
+    DATEPICKER_HEADER = "date-picker-header",
+    DATEPICKER_YEAR_SELECTION = "date-picker-year-selection",
+    LOADER = "loader",
+    ICON = "icon",
+    RESPONSIVE_LIST = "responsive-list",
+    LIST = "list",
+    MODAL = "monday-dialog-container",
+    MODAL_OVERLAY = "monday-modal-overlay",
+    MODAL_CONTENT = "modal-content",
+    MODAL_HEADER = "modal-header",
+    MODAL_FOOTER_BUTTONS = "modal-footer-buttons",
+    MODAL_NEXT = "modal",
+    MODAL_NEXT_OVERLAY = "modal-overlay",
+    MODAL_NEXT_HEADER = "modal-header",
+    MODAL_NEXT_CLOSE_BUTTON = "modal-close-button",
+    MODAL_NEXT_CONTENT = "modal-content",
+    MODAL_NEXT_FOOTER = "modal-footer",
+    MODAL_NEXT_MEDIA = "modal-media",
+    MODAL_NEXT_BASIC_LAYOUT = "modal-basic-layout",
+    MODAL_NEXT_SIDE_BY_SIDE_LAYOUT = "modal-side-by-side-layout",
+    MODAL_NEXT_MEDIA_LAYOUT = "modal-media-layout",
+    FORMATTED_NUMBER = "formatted-number",
+    HIDDEN_TEXT = "hidden-text",
+    DIALOG_CONTENT_CONTAINER = "dialog-content-container",
+    FLEX = "flex",
+    TOOLTIP = "tooltip",
+    DIALOG = "dialog",
+    TABLE = "table",
+    TABLE_CONTAINER = "table-container",
+    TABLE_BODY = "table-body",
+    TABLE_VIRTUALIZED_BODY = "table-virtualized-body",
+    TABLE_CELL = "table-cell",
+    TABLE_HEADER = "table-header",
+    TABLE_HEADER_CELL = "table-header-cell",
+    TABLE_ROW = "table-row",
+    TABLE_ROW_MENU = "table-row-menu"
+}
+export declare enum NavigationCommand {
+    RIGHT_ARROW = "{arrowright}",
+    LEFT_ARROW = "{arrowleft}",
+    UP_ARROW = "{arrowup}",
+    DOWN_ARROW = "{arrowdown}",
+    TAB = "#TAB#",
+    ENTER = "{enter}",
+    PAGE_UP = "{pageup}",
+    PAGE_DOWN = "{pagedown}"
+}
+export declare enum ComponentVibeId {
+    ACCORDION = "Accordion",
+    ALERT_BANNER = "AlertBanner",
+    ATTENTION_BOX = "AttentionBox",
+    AVATAR = "Avatar",
+    AVATAR_GROUP = "AvatarGroup",
+    BADGE = "Badge",
+    BOX = "Box",
+    BREADCRUMBS_BAR = "BreadcrumbsBar",
+    BUTTON = "Button",
+    BUTTON_GROUP = "ButtonGroup",
+    CHECKBOX = "Checkbox",
+    CHIPS = "Chips",
+    COLOR_PICKER = "ColorPicker",
+    COMBOBOX = "Combobox",
+    COUNTER = "Counter",
+    DATE_PICKER = "DatePicker",
+    DIALOG = "Dialog",
+    DIVIDER = "Divider",
+    DROPDOWN = "Dropdown",
+    EDITABLE_HEADING = "EditableHeading",
+    EDITABLE_TEXT = "EditableText",
+    EMPTY_STATE = "EmptyState",
+    EXPAND_COLLAPSE = "ExpandCollapse",
+    FLEX = "Flex",
+    HEADING = "Heading",
+    ICON = "Icon",
+    ICON_BUTTON = "IconButton",
+    LABEL = "Label",
+    LINEAR_PROGRESS_BAR = "LinearProgressBar",
+    LINK = "Link",
+    LIST = "List",
+    LOADER = "Loader",
+    MENU = "Menu",
+    MENU_BUTTON = "MenuButton",
+    MODAL = "Modal",
+    MULTI_STEP_INDICATOR = "MultiStepIndicator",
+    NUMBER_FIELD = "NumberField",
+    RADIO_BUTTON = "RadioButton",
+    SEARCH = "Search",
+    SKELETON = "Skeleton",
+    SLIDER = "Slider",
+    SPLIT_BUTTON = "SplitButton",
+    STEPS = "Steps",
+    TAB = "Tab",
+    TABLE = "Table",
+    TEXT = "Text",
+    TEXT_AREA = "TextArea",
+    TEXT_FIELD = "TextField",
+    TEXT_WITH_HIGHLIGHT = "TextWithHighlight",
+    THEME_PROVIDER = "ThemeProvider",
+    TIPSEEN = "Tipseen",
+    TOAST = "Toast",
+    TOGGLE = "Toggle",
+    TOOLTIP = "Tooltip",
+    VIRTUALIZED_GRID = "VirtualizedGrid",
+    VIRTUALIZED_LIST = "VirtualizedList"
+}