npm - @heliux-org/design-system-core - Versions diffs - 0.0.157 → 0.0.159 - Mend

@heliux-org/design-system-core 0.0.157 → 0.0.159

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 (1602) hide show

package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-a004d249e1c1_0_0_156";if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}(".comboboxCategory {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
+var e={comboboxCategory:"comboboxCategory"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-a004d249e1c1_0_0_158";if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}(".comboboxCategory {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ComboboxCategory.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer",optionsContainer:"optionsContainer",firstCategory:"firstCategory",categoryWithOptions:"categoryWithOptions",categoryWithoutOptions:"categoryWithoutOptions"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-7de573ecf1ec_0_0_156";if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}(".scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.optionsContainer {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.firstCategory {\n  padding-top: 0;\n}\n.categoryWithOptions {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions {\n  margin-bottom: 0;\n}");export{t as default};
+var t={scrollableContainer:"scrollableContainer",optionsContainer:"optionsContainer",firstCategory:"firstCategory",categoryWithOptions:"categoryWithOptions",categoryWithoutOptions:"categoryWithoutOptions"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-7de573ecf1ec_0_0_158";if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}(".scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.optionsContainer {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.firstCategory {\n  padding-top: 0;\n}\n.categoryWithOptions {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions {\n  margin-bottom: 0;\n}");export{t as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption",disabled:"disabled",selected:"selected",active:"active",activeOutline:"activeOutline",optionLabel:"optionLabel",optionIcon:"optionIcon",left:"left"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-8651683ae470_0_0_156";if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}(".comboboxOption {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption.disabled {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.comboboxOption.disabled:hover {\n  background-color: transparent;\n}\n\n.comboboxOption.selected {\n  background-color: var(--surface-selected);\n}\n\n.comboboxOption:hover:not(.disabled):not(.selected),\n.comboboxOption.active {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  position: relative;\n}\n\n.comboboxOption.activeOutline {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--surface-level-100);\n}\n\n.comboboxOption .optionLabel {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption .optionIcon {\n  flex: 0 0 auto;\n}\n\n.comboboxOption .optionIcon.left {\n  margin-right: 4px;\n}");export{o as default};
+var o={comboboxOption:"comboboxOption",disabled:"disabled",selected:"selected",active:"active",activeOutline:"activeOutline",optionLabel:"optionLabel",optionIcon:"optionIcon",left:"left"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-8651683ae470_0_0_158";if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}(".comboboxOption {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption.disabled {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.comboboxOption.disabled:hover {\n  background-color: transparent;\n}\n\n.comboboxOption.selected {\n  background-color: var(--surface-selected);\n}\n\n.comboboxOption:hover:not(.disabled):not(.selected),\n.comboboxOption.active {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  position: relative;\n}\n\n.comboboxOption.activeOutline {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--surface-level-100);\n}\n\n.comboboxOption .optionLabel {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption .optionIcon {\n  flex: 0 0 auto;\n}\n\n.comboboxOption .optionIcon.left {\n  margin-right: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7fd28c7f6b31_0_0_156";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".stickyCategoryHeader {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--surface-level-100);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={stickyCategoryHeader:"stickyCategoryHeader"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7fd28c7f6b31_0_0_158";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".stickyCategoryHeader {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--surface-level-100);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=StickyCategoryHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Comments/Comments.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,regeneratorRuntime as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as n}from"../../../_virtual/_tslib.js";import{jsxs as s,jsx as r,Fragment as c}from"react/jsx-runtime";import{useRef as a,useEffect as i,createElement as o,useState as l,useCallback as m}from"react";import"./comments.scss.js";import p from"../Avatar/Avatar.js";import d from"../TextAreaField/TextAreaField.js";import u from"../Flex/Flex.js";import"../Avatar/AvatarContent.js";import{AvatarType as h}from"../Avatar/AvatarConstants.js";import"../Avatar/AvatarBadge.js";import g from"../Button/Button.js";import{FlexDirection as b,FlexGap as T,FlexAlign as j}from"../Flex/FlexConstants.js";import y from"../Icon/Icons/components/Info.js";import v from"../Text/Text.js";import f from"../Icon/Icon.js";import A from"../Icon/Icons/components/Attach.js";function O(e){var t=e.comments,n=e.currentUser,c=e.onCommentSubmitted,l=e.isLabel,m=void 0!==l&&l,p=e.label,d=e.onClickAttachment,h=e.attachmentText,g=a(null);return i((function(){g.current&&(g.current.scrollTop=g.current.scrollHeight)}),[t]),s("div",Object.assign({className:"comments"},{children:[t.length>0&&r(u,Object.assign({ref:g,className:"message-container",direction:b.COLUMN,gap:T.MEDIUM,align:j.STRETCH},{children:t.map((function(e,t){return o(C,Object.assign({},e,{currentUser:n,key:t}))}))})),r(x,{onCommentSubmitted:c,currentUser:n,isLabel:m,label:p,onClickAttachment:d,attachmentText:h})]}))}function x(a){var i=this,o=a.onCommentSubmitted,p=a.isLabel,h=void 0!==p&&p,b=a.label,T=a.onClickAttachment,j=a.attachmentText,O=l(!1),x=e(O,2),C=x[0],S=x[1],E=l(""),L=e(E,2),N=L[0],k=L[1],U=m((function(e){return n(i,void 0,void 0,t().mark((function n(){var s;return t().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return S(!0),t.next=3,o(e);case 3:s=t.sent,S(!1),s&&k("");case 6:case"end":return t.stop()}}),n)})))}),[o]);return s("div",Object.assign({className:"comments-top"},{children:[s(u,Object.assign({gap:u.gaps.SMALL},{children:[h&&"internal"===b.status&&s(c,{children:[r(f,{iconType:f.type.SVG,style:{color:"#757575"},icon:y,iconSize:20,clickable:!1}),r(v,Object.assign({type:v.types.TEXT1,color:v.colors.SECONDARY},{children:"This is an internal conversation"}))]}),h&&"external"===b.status&&s(c,{children:[r(f,{iconType:f.type.SVG,style:{color:"#FF0020"},icon:y,iconSize:20,clickable:!1}),r(v,Object.assign({type:v.types.TEXT1,style:{color:"#BB0018"}},{children:"This is an external conversation"}))]})]})),s("div",Object.assign({className:"comments-buttons"},{children:[r(d,{disabled:C,onChange:k,placeholder:"What’s on your mind...",rows:3,value:N,isResizeable:!1}),r(g,Object.assign({disabled:!N||C,onClick:function(){return U(N)},size:g.sizes.SMALL,style:{width:"100%"}},{children:"Send"}))]})),s(g,Object.assign({onClick:T,size:g.sizes.SMALL,kind:g.kinds.TERTIARY,style:{marginTop:"var(--spacing-small)"}},{children:[r(f,{iconType:f.type.SVG,style:{color:"#375D81",transform:"rotate(30deg)"},icon:A,iconSize:17,clickable:!1}),j&&r(v,Object.assign({type:v.types.TEXT2,style:{color:"#375D81",marginTop:"2px"}},{children:j}))]}))]}))}function C(e){var t=e.author,n=e.commentedAt,c=e.label,a=e.text,i=e.currentUser;return s(u,Object.assign({direction:b.COLUMN,align:j.STRETCH,className:"comment"},{children:[s(u,Object.assign({direction:b.ROW,gap:T.SMALL,className:"comment-data"},{children:[!!c&&r(v,Object.assign({className:"comment-label",type:v.types.TEXT2},{children:c})),r("div",Object.assign({className:"comment-user"},{children:t&&r(S,{user:t})})),r(v,Object.assign({className:"comment-date",color:v.colors.SECONDARY,type:v.types.TEXT2},{children:n.toLocaleString()}))]})),r(v,Object.assign({className:"comment-text ".concat(i.id===t.id&&"comment-currentUser"),type:v.types.TEXT1},{children:a}))]}))}function S(e){var t=e.user;return s(u,Object.assign({gap:T.XS},{children:[r(p,{size:p.sizes.MEDIUM,type:h.TEXT,backgroundColor:p.colors.STEEL_DARK,text:E(t.name)}),r("div",Object.assign({className:"comment-user-name"},{children:r(v,Object.assign({type:v.types.TEXT2,weight:v.weights.BOLD},{children:t.name}))}))]}))}function E(e){var t=e.split(" ");return 1===t.length?t[0].charAt(0).toUpperCase():"".concat(t[0].charAt(0)).concat(t[t.length-1].charAt(0)).toUpperCase()}export{C as Comment,x as CommentForm,O as Comments,S as UserCard};
+import{slicedToArray as e,regeneratorRuntime as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as n}from"../../../_virtual/_tslib.js";import{jsxs as s,jsx as r,Fragment as i}from"react/jsx-runtime";import{useRef as a,useEffect as c,createElement as o,useState as l,useCallback as m}from"react";import"./comments.scss.js";import u from"../Avatar/Avatar.js";import d from"../TextAreaField/TextAreaField.js";import p from"../Flex/Flex.js";import"../Avatar/AvatarContent.js";import{AvatarType as g}from"../Avatar/AvatarConstants.js";import"../Avatar/AvatarBadge.js";import j from"../Button/Button.js";import{FlexDirection as b,FlexGap as h,FlexAlign as T}from"../Flex/FlexConstants.js";import f from"../Icon/Icons/components/Info.js";import y from"../Text/Text.js";import v from"../Icon/Icon.js";function O(e){var t=e.comments,n=e.currentUser,i=e.onCommentSubmitted,l=e.isLabel,m=void 0!==l&&l,u=e.label,d=a(null);return c((function(){d.current&&(d.current.scrollTop=d.current.scrollHeight)}),[t]),s("div",Object.assign({className:"comments"},{children:[r(p,t.length>0?Object.assign({ref:d,className:"message-container",direction:b.COLUMN,gap:h.MEDIUM,justify:p.justify.END,align:T.START},{children:t.map((function(e,t){return o(E,Object.assign({},e,{currentUser:n,key:t}))}))}):Object.assign({className:"message-container",direction:b.COLUMN,gap:h.MEDIUM,align:T.STRETCH,justify:p.justify.CENTER},{children:r(y,Object.assign({align:y.align.CENTER},{children:"No Comments Yet."}))})),r(C,{onCommentSubmitted:i,currentUser:n,isLabel:m,label:u})]}))}function C(a){var c=this,o=a.onCommentSubmitted,u=a.isLabel,g=void 0!==u&&u,b=a.label,h=l(!1),T=e(h,2),O=T[0],C=T[1],E=l(""),N=e(E,2),A=N[0],S=N[1],x=m((function(e){return n(c,void 0,void 0,t().mark((function n(){var s;return t().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return C(!0),t.next=3,o(e);case 3:s=t.sent,C(!1),s&&S("");case 6:case"end":return t.stop()}}),n)})))}),[o]);return s(p,Object.assign({className:"comments-top",direction:p.directions.COLUMN,justify:p.justify.END,align:p.align.STRETCH},{children:[s(p,Object.assign({gap:p.gaps.SMALL},{children:[g&&"internal"===b.status&&s(i,{children:[r(v,{iconType:v.type.SVG,style:{color:"#757575"},icon:f,iconSize:20,clickable:!1}),r(y,Object.assign({type:y.types.TEXT1,color:y.colors.SECONDARY},{children:"This is an internal conversation"}))]}),g&&"external"===b.status&&s(i,{children:[r(v,{iconType:v.type.SVG,style:{color:"#FF0020"},icon:f,iconSize:20,clickable:!1}),r(y,Object.assign({type:y.types.TEXT1,style:{color:"#BB0018"}},{children:"This is an external conversation"}))]})]})),s("div",Object.assign({className:"comments-buttons"},{children:[r(d,{disabled:O,onChange:S,placeholder:"What’s on your mind...",rows:3,value:A,isResizeable:!1}),r(j,Object.assign({disabled:!A||O,onClick:function(){return x(A)},size:j.sizes.SMALL,style:{width:"100%"}},{children:"Send"}))]}))]}))}function E(e){var t=e.author,n=e.commentedAt,i=e.label,a=e.text,c=e.currentUser;return s(p,Object.assign({direction:b.COLUMN,align:T.STRETCH,className:"comment"},{children:[s(p,Object.assign({direction:b.ROW,gap:h.SMALL,className:"comment-data"},{children:[!!i&&r(y,Object.assign({className:"comment-label",type:y.types.TEXT2},{children:i})),r("div",Object.assign({className:"comment-user"},{children:t&&r(N,{user:t})})),r(y,Object.assign({className:"comment-date",color:y.colors.SECONDARY,type:y.types.TEXT2},{children:n.toLocaleString()}))]})),r(y,Object.assign({className:"comment-text ".concat(c.id===t.id&&"comment-currentUser"),type:y.types.TEXT1},{children:a}))]}))}function N(e){var t=e.user;return s(p,Object.assign({gap:h.XS},{children:[r(u,{size:u.sizes.MEDIUM,type:g.TEXT,backgroundColor:u.colors.STEEL_DARK,text:A(t.name)}),r("div",Object.assign({className:"comment-user-name"},{children:r(y,Object.assign({type:y.types.TEXT2,weight:y.weights.BOLD},{children:t.name}))}))]}))}function A(e){var t=e.split(" ");return 1===t.length?t[0].charAt(0).toUpperCase():"".concat(t[0].charAt(0)).concat(t[t.length-1].charAt(0)).toUpperCase()}export{E as Comment,C as CommentForm,O as Comments,N as UserCard};
 //# sourceMappingURL=Comments.js.map

package/dist/mocked_classnames_esm/src/components/Comments/Comments.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Comments.js","sources":["../../../../../src/components/Comments/Comments.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport './comments.scss';\nimport Avatar from '../Avatar/Avatar';\nimport TextAreaField from '../TextAreaField/TextAreaField';\nimport Flex from '../Flex/Flex';\nimport { AvatarType } from '../Avatar';\nimport Button from '../Button/Button';\nimport { FlexAlign, FlexDirection, FlexGap } from '../Flex';\nimport Info from '../Icon/Icons/components/Info';\nimport Text from '../Text/Text';\nimport Icon from '../Icon/Icon';\nimport Attach from '../Icon/Icons/components/Attach';\n\nexport interface CommentProps {\n text: string;\n label?: string;\n author: User;\n commentedAt: Date;\n}\n\nexport interface User {\n id: string;\n email: string;\n name: string;\n}\n\nexport interface CommentFormProps {\n currentUser: User;\n onCommentSubmitted: (text: string) => Promise<boolean>;\n isLabel?: boolean;\n label?: { status: \"external\" \| \"internal\" };\n onClickAttachment?: () => void;\n attachmentText?: string;\n}\n\nexport interface CommentsProps extends CommentFormProps {\n comments: CommentProps[];\n}\n\n\nexport function Comments({ comments, currentUser, onCommentSubmitted, isLabel = false, label, onClickAttachment, attachmentText }: CommentsProps) {\n const messageContainerRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (messageContainerRef.current) {\n messageContainerRef.current.scrollTop = messageContainerRef.current.scrollHeight;\n }\n }, [comments]);\n \n return (\n <div className={'comments'}>\n {comments.length > 0 && (\n <Flex ref={messageContainerRef} className='message-container' direction={FlexDirection.COLUMN} gap={FlexGap.MEDIUM} align={FlexAlign.STRETCH}>\n {comments.map((comment, i) => <Comment {...comment} currentUser={currentUser} key={i} />)}\n </Flex>\n )}\n <CommentForm onCommentSubmitted={onCommentSubmitted} currentUser={currentUser} isLabel={isLabel} label={label} onClickAttachment={onClickAttachment} attachmentText={attachmentText} />\n </div>\n );\n}\n\nexport function CommentForm({ onCommentSubmitted, currentUser, isLabel = false, label, onClickAttachment, attachmentText }: CommentFormProps) {\n const [isWaiting, setIsWaiting] = useState<boolean>(false);\n const [text, setText] = useState<string>('');\n\n const onSubmit = useCallback(async (text: string) => {\n setIsWaiting(true);\n const succeeded = await onCommentSubmitted(text);\n setIsWaiting(false);\n\n if (succeeded) {\n setText('');\n }\n }, [onCommentSubmitted]);\n return (\n <div className={'comments-top'}>\n <Flex gap={Flex.gaps.SMALL}>\n {isLabel && label.status === \"internal\" && (\n <>\n <Icon\n iconType={Icon.type.SVG}\n style={{ color: \"#757575\" }}\n icon={Info}\n iconSize={20}\n clickable={false}\n />\n <Text type={Text.types.TEXT1} color={Text.colors.SECONDARY}>\n This is an internal conversation\n </Text>\n </>\n )}\n {isLabel && label.status === \"external\" && (\n <>\n <Icon\n iconType={Icon.type.SVG}\n style={{ color: \"#FF0020\" }}\n icon={Info}\n iconSize={20}\n clickable={false}\n />\n <Text type={Text.types.TEXT1} style={{ color: \"#BB0018\" }}>\n This is an external conversation\n </Text>\n </>\n )}\n </Flex>\n <div className={'comments-buttons'}>\n <TextAreaField\n disabled={isWaiting}\n onChange={setText}\n placeholder={'What’s on your mind...'}\n rows={3}\n value={text}\n isResizeable={false}\n />\n <Button\n disabled={!text \|\| isWaiting}\n onClick={() => onSubmit(text)}\n size={Button.sizes.SMALL}\n style={{ width: \"100%\" }}\n >\n Send\n </Button>\n </div>\n <Button\n onClick={onClickAttachment}\n size={Button.sizes.SMALL}\n kind={Button.kinds.TERTIARY}\n style={{ marginTop: \"var(--spacing-small)\" }}\n >\n <Icon iconType={Icon.type.SVG} style={{ color: \"#375D81\", transform: \"rotate(30deg)\" }} icon={Attach} iconSize={17} clickable={false} />\n {attachmentText && <Text type={Text.types.TEXT2} style={{ color: \"#375D81\", marginTop: \"2px\" }}>{attachmentText}</Text>}\n </Button>\n </div>\n );\n}\n\nexport function Comment({ author, commentedAt, label, text, currentUser }: { currentUser: User } & CommentProps) {\n return (\n <Flex direction={FlexDirection.COLUMN} align={FlexAlign.STRETCH} className={'comment'}>\n <Flex direction={FlexDirection.ROW} gap={FlexGap.SMALL} className={'comment-data'}>\n {!!label && (\n <Text className={'comment-label'} type={Text.types.TEXT2}>{label}</Text>\n )}\n <div className={'comment-user'}>\n {author && <UserCard user={author} />}\n </div>\n <Text className={'comment-date'} color={Text.colors.SECONDARY} type={Text.types.TEXT2}>{commentedAt.toLocaleString()}</Text>\n </Flex>\n <Text className={`comment-text ${currentUser.id === author.id && \"comment-currentUser\"}`} type={Text.types.TEXT1}>{text}</Text>\n </Flex>\n );\n}\n\nexport function UserCard({ user }: { user: User }) {\n return (\n <Flex gap={FlexGap.XS}>\n <Avatar\n size={Avatar.sizes.MEDIUM}\n type={AvatarType.TEXT}\n backgroundColor={Avatar.colors.STEEL_DARK}\n text={toInitials(user.name)}\n />\n <div className={'comment-user-name'}>\n <Text type={Text.types.TEXT2} weight={Text.weights.BOLD}>{user.name}</Text>\n </div>\n </Flex>\n );\n}\n\nfunction toInitials(fullName: string) {\n const names = fullName.split(' ');\n\n if (names.length === 1) {\n return names[0].charAt(0).toUpperCase();\n }\n\n return `${names[0].charAt(0)}${names[names.length - 1].charAt(0)}`.toUpperCase();\n}\n\n"],"names":["Comments","_ref","comments","currentUser","onCommentSubmitted","_ref$isLabel","isLabel","label","onClickAttachment","attachmentText","messageContainerRef","useRef","useEffect","current","scrollTop","scrollHeight","_jsxs","className","children","length","_jsx","Flex","Object","assign","ref","direction","FlexDirection","COLUMN","gap","FlexGap","MEDIUM","align","FlexAlign","STRETCH","map","comment","i","_createElement","Comment","key","CommentForm","_ref2","_this","this","_ref2$isLabel","_useState","useState","_useState2","_slicedToArray","isWaiting","setIsWaiting","_useState3","_useState4","text","setText","onSubmit","useCallback","__awaiter","_regeneratorRuntime","mark","_callee","succeeded","wrap","_context","prev","next","sent","stop","gaps","SMALL","status","_Fragment","Icon","iconType","type","SVG","style","color","icon","Info","iconSize","clickable","Text","types","TEXT1","colors","SECONDARY","TextAreaField","disabled","onChange","placeholder","rows","value","isResizeable","Button","onClick","size","sizes","width","kind","kinds","TERTIARY","marginTop","transform","Attach","TEXT2","_ref3","author","commentedAt","ROW","UserCard","user","toLocaleString","concat","id","_ref4","XS","Avatar","AvatarType","TEXT","backgroundColor","STEEL_DARK","toInitials","name","weight","weights","BOLD","fullName","names","split","charAt","toUpperCase"],"mappings":"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"}
1	+ {"version":3,"file":"Comments.js","sources":["../../../../../src/components/Comments/Comments.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport './comments.scss';\nimport Avatar from '../Avatar/Avatar';\nimport TextAreaField from '../TextAreaField/TextAreaField';\nimport Flex from '../Flex/Flex';\nimport { AvatarType } from '../Avatar';\nimport Button from '../Button/Button';\nimport { FlexAlign, FlexDirection, FlexGap } from '../Flex';\nimport Info from '../Icon/Icons/components/Info';\nimport Text from '../Text/Text';\nimport Icon from '../Icon/Icon';\n// import Attach from '../Icon/Icons/components/Attach';\n\nexport interface CommentProps {\n text: string;\n label?: string;\n author: User;\n commentedAt: Date;\n}\n\nexport interface User {\n id: string;\n email: string;\n name: string;\n}\n\nexport interface CommentFormProps {\n currentUser: User;\n onCommentSubmitted: (text: string) => Promise<boolean>;\n isLabel?: boolean;\n label?: { status: \"external\" \| \"internal\" };\n // onClickAttachment?: () => void;\n}\n\nexport interface CommentsProps extends CommentFormProps {\n comments: CommentProps[];\n}\n\n\nexport function Comments({ comments, currentUser, onCommentSubmitted, isLabel = false, label }: CommentsProps) {\n const messageContainerRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (messageContainerRef.current) {\n messageContainerRef.current.scrollTop = messageContainerRef.current.scrollHeight;\n }\n }, [comments]);\n return (\n <div className={'comments'}>\n {comments.length > 0\n ? (\n <Flex ref={messageContainerRef} className='message-container' direction={FlexDirection.COLUMN} gap={FlexGap.MEDIUM} justify={Flex.justify.END} align={FlexAlign.START}>\n {comments.map((comment, i) => <Comment {...comment} currentUser={currentUser} key={i} />)}\n </Flex>\n )\n : (\n <Flex className='message-container' direction={FlexDirection.COLUMN} gap={FlexGap.MEDIUM} align={FlexAlign.STRETCH} justify={Flex.justify.CENTER}>\n <Text align={Text.align.CENTER}>\n No Comments Yet.\n </Text>\n </Flex>\n )\n }\n <CommentForm onCommentSubmitted={onCommentSubmitted} currentUser={currentUser} isLabel={isLabel} label={label} />\n </div>\n );\n}\n\nexport function CommentForm({ onCommentSubmitted, currentUser, isLabel = false, label }: CommentFormProps) {\n const [isWaiting, setIsWaiting] = useState<boolean>(false);\n const [text, setText] = useState<string>('');\n\n const onSubmit = useCallback(async (text: string) => {\n setIsWaiting(true);\n const succeeded = await onCommentSubmitted(text);\n setIsWaiting(false);\n\n if (succeeded) {\n setText('');\n }\n }, [onCommentSubmitted]);\n return (\n <Flex className={'comments-top'} direction={Flex.directions.COLUMN} justify={Flex.justify.END} align={Flex.align.STRETCH}>\n <Flex gap={Flex.gaps.SMALL}>\n {isLabel && label.status === \"internal\" && (\n <>\n <Icon\n iconType={Icon.type.SVG}\n style={{ color: \"#757575\" }}\n icon={Info}\n iconSize={20}\n clickable={false}\n />\n <Text type={Text.types.TEXT1} color={Text.colors.SECONDARY}>\n This is an internal conversation\n </Text>\n </>\n )}\n {isLabel && label.status === \"external\" && (\n <>\n <Icon\n iconType={Icon.type.SVG}\n style={{ color: \"#FF0020\" }}\n icon={Info}\n iconSize={20}\n clickable={false}\n />\n <Text type={Text.types.TEXT1} style={{ color: \"#BB0018\" }}>\n This is an external conversation\n </Text>\n </>\n )}\n </Flex>\n <div className={'comments-buttons'}>\n <TextAreaField\n disabled={isWaiting}\n onChange={setText}\n placeholder={'What’s on your mind...'}\n rows={3}\n value={text}\n isResizeable={false}\n />\n <Button\n disabled={!text \|\| isWaiting}\n onClick={() => onSubmit(text)}\n size={Button.sizes.SMALL}\n style={{ width: \"100%\" }}\n >\n Send\n </Button>\n </div>\n {/* <Button\n onClick={onClickAttachment}\n size={Button.sizes.SMALL}\n kind={Button.kinds.TERTIARY}\n style={{ marginTop: \"var(--spacing-small)\" }}\n >\n <Icon iconType={Icon.type.SVG} style={{ color: \"#375D81\", transform: \"rotate(30deg)\" }} icon={Attach} iconSize={17} clickable={false} />\n <Text type={Text.types.TEXT2} style={{ color: \"#375D81\", marginTop: \"2px\" }}>Attachment</Text>\n </Button> */}\n </Flex>\n );\n}\n\nexport function Comment({ author, commentedAt, label, text, currentUser }: { currentUser: User } & CommentProps) {\n return (\n <Flex direction={FlexDirection.COLUMN} align={FlexAlign.STRETCH} className={'comment'}>\n <Flex direction={FlexDirection.ROW} gap={FlexGap.SMALL} className={'comment-data'}>\n {!!label && (\n <Text className={'comment-label'} type={Text.types.TEXT2}>{label}</Text>\n )}\n <div className={'comment-user'}>\n {author && <UserCard user={author} />}\n </div>\n <Text className={'comment-date'} color={Text.colors.SECONDARY} type={Text.types.TEXT2}>{commentedAt.toLocaleString()}</Text>\n </Flex>\n <Text className={`comment-text ${currentUser.id === author.id && \"comment-currentUser\"}`} type={Text.types.TEXT1}>{text}</Text>\n </Flex>\n );\n}\n\nexport function UserCard({ user }: { user: User }) {\n return (\n <Flex gap={FlexGap.XS}>\n <Avatar\n size={Avatar.sizes.MEDIUM}\n type={AvatarType.TEXT}\n backgroundColor={Avatar.colors.STEEL_DARK}\n text={toInitials(user.name)}\n />\n <div className={'comment-user-name'}>\n <Text type={Text.types.TEXT2} weight={Text.weights.BOLD}>{user.name}</Text>\n </div>\n </Flex>\n );\n}\n\nfunction toInitials(fullName: string) {\n const names = fullName.split(' ');\n\n if (names.length === 1) {\n return names[0].charAt(0).toUpperCase();\n }\n\n return `${names[0].charAt(0)}${names[names.length - 1].charAt(0)}`.toUpperCase();\n}\n\n"],"names":["Comments","_ref","comments","currentUser","onCommentSubmitted","_ref$isLabel","isLabel","label","messageContainerRef","useRef","useEffect","current","scrollTop","scrollHeight","_jsxs","Object","assign","className","_jsx","Flex","length","ref","direction","FlexDirection","COLUMN","gap","FlexGap","MEDIUM","justify","END","align","FlexAlign","START","children","map","comment","i","_createElement","Comment","key","STRETCH","CENTER","Text","CommentForm","_ref2","_this","this","_ref2$isLabel","_useState","useState","_useState2","_slicedToArray","isWaiting","setIsWaiting","_useState3","_useState4","text","setText","onSubmit","useCallback","__awaiter","_regeneratorRuntime","mark","_callee","succeeded","wrap","_context","prev","next","sent","stop","directions","gaps","SMALL","status","_Fragment","Icon","iconType","type","SVG","style","color","icon","Info","iconSize","clickable","types","TEXT1","colors","SECONDARY","TextAreaField","disabled","onChange","placeholder","rows","value","isResizeable","Button","onClick","size","sizes","width","_ref3","author","commentedAt","ROW","TEXT2","UserCard","user","toLocaleString","concat","id","_ref4","XS","Avatar","AvatarType","TEXT","backgroundColor","STEEL_DARK","toInitials","name","weight","weights","BOLD","fullName","names","split","charAt","toUpperCase"],"mappings":"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"}

package/dist/mocked_classnames_esm/src/components/Comments/comments.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n=".comments {\n  height: 100%;\n}\n.comments .message-container {\n  margin-bottom: var(--spacing-large);\n  max-width: 345px;\n  height: 72%;\n  overflow-y: auto;\n}\n.comments .comments-top {\n  height: 23%;\n  margin-bottom: 0 !important;\n  width: 345px !important;\n}\n.comments .comment-data {\n  margin-bottom: var(--spacing-small);\n}\n.comments .comment-buttons {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.comments .comment-user {\n  font: var(--font-text1-normal);\n}\n.comments .comment-currentUser {\n  background-color: var(--surface-level-200);\n}\n.comments .comment-label {\n  font: var(--font-text1-normal);\n}\n.comments .comment-date {\n  font: var(--font-text1-normal);\n}\n.comments .comment-text {\n  padding: 10px;\n  border-radius: 6px 0px 6px 6px;\n  margin-left: var(--spacing-xl);\n  width: fit-content;\n  max-width: 15rem;\n  white-space: normal;\n  overflow-wrap: break-word;\n}";!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-0085097a83ce_0_0_156";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n=".comments {\n  height: 100%;\n}\n.comments .message-container {\n  margin-bottom: var(--spacing-large);\n  max-width: 345px;\n  height: 72%;\n  overflow-y: auto;\n}\n.comments .comments-top {\n  height: 23%;\n  margin-bottom: 0 !important;\n  width: 345px !important;\n}\n.comments .comment-data {\n  margin-bottom: var(--spacing-small);\n}\n.comments .comment-buttons {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.comments .comment-user {\n  font: var(--font-text1-normal);\n}\n.comments .comment-currentUser {\n  background-color: var(--surface-level-200);\n}\n.comments .comment-label {\n  font: var(--font-text1-normal);\n}\n.comments .comment-date {\n  font: var(--font-text1-normal);\n}\n.comments .comment-text {\n  padding: 10px;\n  border-radius: 6px 0px 6px 6px;\n  margin-left: var(--spacing-xl);\n  width: fit-content;\n  max-width: 15rem;\n  white-space: normal;\n  overflow-wrap: break-word;\n}";!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-0085097a83ce_0_0_158";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(n);export{n as default};
 //# sourceMappingURL=comments.scss.js.map

package/dist/mocked_classnames_esm/src/components/Counter/Counter.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={counter:"counter",withAnimation:"withAnimation",counterPopElastic:"counterPopElastic",sizeSmall:"sizeSmall",sizeLarge:"sizeLarge",kindFill:"kindFill",colorPrimary:"colorPrimary",colorDark:"colorDark",colorNegative:"colorNegative",colorWarning:"colorWarning",colorLight:"colorLight",kindLine:"kindLine",fadeEnter:"fadeEnter",fadeEnterActive:"fadeEnterActive",fadeExit:"fadeExit",fadeExitActive:"fadeExitActive","counter-pop-elastic":"counter-pop-elastic"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],r="s_id-7af1f4daeef9_0_0_156";if(o.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}(".counter {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation {\n  animation: counterPopElastic var(--motion-expressive-short);\n}\n.sizeSmall {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 14px;\n  padding: 2px;\n}\n.sizeLarge {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill.colorPrimary {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill.colorDark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--surface-inverse);\n}\n.kindFill.colorNegative {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill.colorWarning {\n  background-color: var(--warning-color);\n}\n.kindFill.colorLight {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindLine {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine.colorPrimary {\n  color: var(--primary-color);\n}\n.kindLine.colorDark {\n  color: var(--surface-inverse);\n}\n.kindLine.colorNegative {\n  color: var(--negative-color);\n}\n.kindLine.colorLight {\n  color: var(--text-primary);\n  box-shadow: 0 0 0 1px var(--surface-level-200) inset !important;\n}\n/* New number enters */\n.fadeEnter {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
+var n={counter:"counter",withAnimation:"withAnimation",counterPopElastic:"counterPopElastic",sizeSmall:"sizeSmall",sizeLarge:"sizeLarge",kindFill:"kindFill",colorPrimary:"colorPrimary",colorDark:"colorDark",colorNegative:"colorNegative",colorWarning:"colorWarning",colorLight:"colorLight",kindLine:"kindLine",fadeEnter:"fadeEnter",fadeEnterActive:"fadeEnterActive",fadeExit:"fadeExit",fadeExitActive:"fadeExitActive","counter-pop-elastic":"counter-pop-elastic"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],r="s_id-7af1f4daeef9_0_0_158";if(o.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}(".counter {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation {\n  animation: counterPopElastic var(--motion-expressive-short);\n}\n.sizeSmall {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 14px;\n  padding: 2px;\n}\n.sizeLarge {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill.colorPrimary {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill.colorDark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--surface-inverse);\n}\n.kindFill.colorNegative {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill.colorWarning {\n  background-color: var(--warning-color);\n}\n.kindFill.colorLight {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindLine {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine.colorPrimary {\n  color: var(--primary-color);\n}\n.kindLine.colorDark {\n  color: var(--surface-inverse);\n}\n.kindLine.colorNegative {\n  color: var(--negative-color);\n}\n.kindLine.colorLight {\n  color: var(--text-primary);\n  box-shadow: 0 0 0 1px var(--surface-level-200) inset !important;\n}\n/* New number enters */\n.fadeEnter {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
 //# sourceMappingURL=Counter.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={navigationItemContainer:"navigationItemContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0631eeee63bb_0_0_156";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".navigationItemContainer {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-primary);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
+var e={navigationItemContainer:"navigationItemContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0631eeee63bb_0_0_158";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".navigationItemContainer {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-primary);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=DateNavigationItem.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/DatePicker/DatePicker.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={datepickerContainer:"datepickerContainer",monthYearSelection:"monthYearSelection",rangePickerMode:"rangePickerMode",withWeekNumber:"withWeekNumber",calendarDayWeekNumber:"calendarDayWeekNumber"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-efb8b12c27d8_0_0_156";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}('.datepickerContainer {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer td {\n  border: none;\n}\n.datepickerContainer.monthYearSelection table tbody {\n  opacity: 0;\n}\n.datepickerContainer.monthYearSelection .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer .CalendarMonthGrid {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .CalendarMonth {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .DayPicker__horizontal {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--surface-level-100);\n  border-top: 1px solid var(--surface-level-100);\n  border-bottom: 1px solid var(--surface-level-100);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--surface-level-200);\n  border-bottom: 1px solid var(--surface-level-200);\n}\n.datepickerContainer .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--surface-level-100-hover);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__blocked_calendar, .datepickerContainer .CalendarDay__blocked_calendar:active, .datepickerContainer .CalendarDay__blocked_calendar:hover {\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--text-tertiary);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--text-primary);\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover::before, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span {\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover {\n  color: var(--text-primary);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer.withWeekNumber {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer.withWeekNumber .CalendarDay .calendarDayWeekNumber {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber {\n  display: flex;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber {\n  display: none;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer.withWeekNumber .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer.withWeekNumber .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer",monthYearSelection:"monthYearSelection",rangePickerMode:"rangePickerMode",withWeekNumber:"withWeekNumber",calendarDayWeekNumber:"calendarDayWeekNumber"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-efb8b12c27d8_0_0_158";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}('.datepickerContainer {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer td {\n  border: none;\n}\n.datepickerContainer.monthYearSelection table tbody {\n  opacity: 0;\n}\n.datepickerContainer.monthYearSelection .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer .CalendarMonthGrid {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .CalendarMonth {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .DayPicker__horizontal {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--surface-level-100);\n  border-top: 1px solid var(--surface-level-100);\n  border-bottom: 1px solid var(--surface-level-100);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--surface-level-200);\n  border-bottom: 1px solid var(--surface-level-200);\n}\n.datepickerContainer .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--surface-level-100-hover);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__blocked_calendar, .datepickerContainer .CalendarDay__blocked_calendar:active, .datepickerContainer .CalendarDay__blocked_calendar:hover {\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--text-tertiary);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--text-primary);\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover::before, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span {\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover {\n  color: var(--text-primary);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer.withWeekNumber {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer.withWeekNumber .CalendarDay .calendarDayWeekNumber {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber {\n  display: flex;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber {\n  display: none;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer.withWeekNumber .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer.withWeekNumber .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={datePickerHeader:"datePickerHeader",button:"button",buttonContent:"buttonContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-89778422f1e0_0_0_156";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".datePickerHeader {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader .button {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader .button .buttonContent {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader .button .buttonContent:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader",button:"button",buttonContent:"buttonContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-89778422f1e0_0_0_158";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".datePickerHeader {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader .button {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader .button .buttonContent {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader .button .buttonContent:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/DatePicker/YearPicker/YearPicker.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={monthYearPicker:"monthYearPicker",navigationWrapper:"navigationWrapper",navigationLeft:"navigationLeft",navigationRight:"navigationRight",pickerOptions:"pickerOptions"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-ae0835531883_0_0_156";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".monthYearPicker {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker .navigationWrapper {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker .navigationWrapper.navigationLeft {\n  left: 21px;\n}\n.monthYearPicker .navigationWrapper.navigationRight {\n  right: 21px;\n}\n.monthYearPicker .pickerOptions {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--surface-level-100);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
+var n={monthYearPicker:"monthYearPicker",navigationWrapper:"navigationWrapper",navigationLeft:"navigationLeft",navigationRight:"navigationRight",pickerOptions:"pickerOptions"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-ae0835531883_0_0_158";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".monthYearPicker {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker .navigationWrapper {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker .navigationWrapper.navigationLeft {\n  left: 21px;\n}\n.monthYearPicker .navigationWrapper.navigationRight {\n  right: 21px;\n}\n.monthYearPicker .pickerOptions {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--surface-level-100);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dialog/Dialog.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={arrow:"arrow"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c86e07e1dadb_0_0_156";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".arrow {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--surface-level-100);\n}\n\n.arrow[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
+var e={arrow:"arrow"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c86e07e1dadb_0_0_158";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".arrow {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--surface-level-100);\n}\n\n.arrow[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
 //# sourceMappingURL=Dialog.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dialog/DialogContent/DialogContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-ab05e651da40_0_0_156";if(e.querySelector("#"+n))return;const p=document.createElement("style");p.id=n,e.firstChild?e.insertBefore(p,e.firstChild):e.appendChild(p),p.appendChild(document.createTextNode(t))}(".contentWrapper {\n  outline: 0;\n  z-index: 100;\n}\n.contentWrapper.top, .contentWrapper.right, .contentWrapper.left, .contentWrapper.bottom {\n  padding: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent:focus {\n  outline: none;\n}\n.contentComponent.hasTooltip {\n  padding: 6px;\n}\n.opacitySlideAppear {\n  opacity: 0;\n}\n.opacitySlideAppear.top {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear.right {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.bottom {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.left {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive.top, .opacitySlideAppearActive.bottom {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive.right, .opacitySlideAppearActive.left {\n  transform: translateX(0);\n}\n.expandAppear,\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear.top, .expandAppear.topStart, .expandAppear.topEnd,\n.expandExit.top,\n.expandExit.topStart,\n.expandExit.topEnd {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear.top.edgeBottom, .expandAppear.topStart.edgeBottom, .expandAppear.topEnd.edgeBottom,\n.expandExit.top.edgeBottom,\n.expandExit.topStart.edgeBottom,\n.expandExit.topEnd.edgeBottom {\n  transform-origin: bottom left;\n}\n.expandAppear.top.edgeTop, .expandAppear.topStart.edgeTop, .expandAppear.topEnd.edgeTop,\n.expandExit.top.edgeTop,\n.expandExit.topStart.edgeTop,\n.expandExit.topEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandAppear.right, .expandAppear.rightStart, .expandAppear.rightEnd,\n.expandExit.right,\n.expandExit.rightStart,\n.expandExit.rightEnd {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear.right.edgeBottom, .expandAppear.rightStart.edgeBottom, .expandAppear.rightEnd.edgeBottom,\n.expandExit.right.edgeBottom,\n.expandExit.rightStart.edgeBottom,\n.expandExit.rightEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.right.edgeTop, .expandAppear.rightStart.edgeTop, .expandAppear.rightEnd.edgeTop,\n.expandExit.right.edgeTop,\n.expandExit.rightStart.edgeTop,\n.expandExit.rightEnd.edgeTop {\n  transform-origin: bottom left;\n}\n.expandAppear.bottom, .expandAppear.bottomStart, .expandAppear.bottomEnd,\n.expandExit.bottom,\n.expandExit.bottomStart,\n.expandExit.bottomEnd {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear.bottom.edgeBottom, .expandAppear.bottomStart.edgeBottom, .expandAppear.bottomEnd.edgeBottom,\n.expandExit.bottom.edgeBottom,\n.expandExit.bottomStart.edgeBottom,\n.expandExit.bottomEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.bottom.edgeTop, .expandAppear.bottomStart.edgeTop, .expandAppear.bottomEnd.edgeTop,\n.expandExit.bottom.edgeTop,\n.expandExit.bottomStart.edgeTop,\n.expandExit.bottomEnd.edgeTop {\n  transform-origin: top right;\n}\n.expandAppear.left, .expandAppear.leftStart, .expandAppear.leftEnd,\n.expandExit.left,\n.expandExit.leftStart,\n.expandExit.leftEnd {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear.left.edgeBottom, .expandAppear.leftStart.edgeBottom, .expandAppear.leftEnd.edgeBottom,\n.expandExit.left.edgeBottom,\n.expandExit.leftStart.edgeBottom,\n.expandExit.leftEnd.edgeBottom {\n  transform-origin: top right;\n}\n.expandAppear.left.edgeTop, .expandAppear.leftStart.edgeTop, .expandAppear.leftEnd.edgeTop,\n.expandExit.left.edgeTop,\n.expandExit.leftStart.edgeTop,\n.expandExit.leftEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive.top, .expandAppearActive.topStart, .expandAppearActive.topEnd, .expandAppearActive.bottom, .expandAppearActive.bottomStart, .expandAppearActive.bottomEnd, .expandAppearActive.right, .expandAppearActive.rightStart, .expandAppearActive.rightEnd, .expandAppearActive.left, .expandAppearActive.leftStart, .expandAppearActive.leftEnd {\n  transform: scale(1);\n}");export{t as default};
+var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-ab05e651da40_0_0_158";if(e.querySelector("#"+n))return;const p=document.createElement("style");p.id=n,e.firstChild?e.insertBefore(p,e.firstChild):e.appendChild(p),p.appendChild(document.createTextNode(t))}(".contentWrapper {\n  outline: 0;\n  z-index: 100;\n}\n.contentWrapper.top, .contentWrapper.right, .contentWrapper.left, .contentWrapper.bottom {\n  padding: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent:focus {\n  outline: none;\n}\n.contentComponent.hasTooltip {\n  padding: 6px;\n}\n.opacitySlideAppear {\n  opacity: 0;\n}\n.opacitySlideAppear.top {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear.right {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.bottom {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.left {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive.top, .opacitySlideAppearActive.bottom {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive.right, .opacitySlideAppearActive.left {\n  transform: translateX(0);\n}\n.expandAppear,\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear.top, .expandAppear.topStart, .expandAppear.topEnd,\n.expandExit.top,\n.expandExit.topStart,\n.expandExit.topEnd {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear.top.edgeBottom, .expandAppear.topStart.edgeBottom, .expandAppear.topEnd.edgeBottom,\n.expandExit.top.edgeBottom,\n.expandExit.topStart.edgeBottom,\n.expandExit.topEnd.edgeBottom {\n  transform-origin: bottom left;\n}\n.expandAppear.top.edgeTop, .expandAppear.topStart.edgeTop, .expandAppear.topEnd.edgeTop,\n.expandExit.top.edgeTop,\n.expandExit.topStart.edgeTop,\n.expandExit.topEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandAppear.right, .expandAppear.rightStart, .expandAppear.rightEnd,\n.expandExit.right,\n.expandExit.rightStart,\n.expandExit.rightEnd {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear.right.edgeBottom, .expandAppear.rightStart.edgeBottom, .expandAppear.rightEnd.edgeBottom,\n.expandExit.right.edgeBottom,\n.expandExit.rightStart.edgeBottom,\n.expandExit.rightEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.right.edgeTop, .expandAppear.rightStart.edgeTop, .expandAppear.rightEnd.edgeTop,\n.expandExit.right.edgeTop,\n.expandExit.rightStart.edgeTop,\n.expandExit.rightEnd.edgeTop {\n  transform-origin: bottom left;\n}\n.expandAppear.bottom, .expandAppear.bottomStart, .expandAppear.bottomEnd,\n.expandExit.bottom,\n.expandExit.bottomStart,\n.expandExit.bottomEnd {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear.bottom.edgeBottom, .expandAppear.bottomStart.edgeBottom, .expandAppear.bottomEnd.edgeBottom,\n.expandExit.bottom.edgeBottom,\n.expandExit.bottomStart.edgeBottom,\n.expandExit.bottomEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.bottom.edgeTop, .expandAppear.bottomStart.edgeTop, .expandAppear.bottomEnd.edgeTop,\n.expandExit.bottom.edgeTop,\n.expandExit.bottomStart.edgeTop,\n.expandExit.bottomEnd.edgeTop {\n  transform-origin: top right;\n}\n.expandAppear.left, .expandAppear.leftStart, .expandAppear.leftEnd,\n.expandExit.left,\n.expandExit.leftStart,\n.expandExit.leftEnd {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear.left.edgeBottom, .expandAppear.leftStart.edgeBottom, .expandAppear.leftEnd.edgeBottom,\n.expandExit.left.edgeBottom,\n.expandExit.leftStart.edgeBottom,\n.expandExit.leftEnd.edgeBottom {\n  transform-origin: top right;\n}\n.expandAppear.left.edgeTop, .expandAppear.leftStart.edgeTop, .expandAppear.leftEnd.edgeTop,\n.expandExit.left.edgeTop,\n.expandExit.leftStart.edgeTop,\n.expandExit.leftEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive.top, .expandAppearActive.topStart, .expandAppearActive.topEnd, .expandAppearActive.bottom, .expandAppearActive.bottomStart, .expandAppearActive.bottomEnd, .expandAppearActive.right, .expandAppearActive.rightStart, .expandAppearActive.rightEnd, .expandAppearActive.left, .expandAppearActive.leftStart, .expandAppearActive.leftEnd {\n  transform: scale(1);\n}");export{t as default};
 //# sourceMappingURL=DialogContent.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/DialogContentContainer/DialogContentContainer.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-74fbbb1e1848_0_0_156";if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".dialogContentContainer:focus {\n  outline: none;\n}\n\n.sizeSmall {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium {\n  padding: var(--spacing-small);\n}\n\n.sizeLarge {\n  padding: var(--spacing-large);\n}\n\n.typePopover {\n  box-shadow: var(--box-shadow-small);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--surface-level-100);\n  border: 1px solid var(--divider-primary);\n}\n\n.typeModal {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--surface-level-100);\n}");export{e as default};
+var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-74fbbb1e1848_0_0_158";if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".dialogContentContainer:focus {\n  outline: none;\n}\n\n.sizeSmall {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium {\n  padding: var(--spacing-small);\n}\n\n.sizeLarge {\n  padding: var(--spacing-large);\n}\n\n.typePopover {\n  box-shadow: var(--box-shadow-small);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--surface-level-100);\n  border: 1px solid var(--divider-primary);\n}\n\n.typeModal {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--surface-level-100);\n}");export{e as default};
 //# sourceMappingURL=DialogContentContainer.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Divider/Divider.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var i={divider_primary:"divider_primary",divider_secondary:"divider_secondary",divider_overlay:"divider_overlay",divider:"divider",withoutMargin:"withoutMargin",horizontal:"horizontal",vertical:"vertical"};!function(i){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],e="s_id-dc9d649ac894_0_0_156";if(r.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(i))}(".divider_primary {\n  background-color: var(--divider-primary);\n}\n\n.divider_secondary {\n  background-color: var(--divider-secondary);\n}\n\n.divider_overlay {\n  background-color: var(--divider-overlay);\n}\n\n.divider.withoutMargin {\n  margin: 0;\n}\n\n.horizontal {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{i as default};
+var i={divider_primary:"divider_primary",divider_secondary:"divider_secondary",divider_overlay:"divider_overlay",divider:"divider",withoutMargin:"withoutMargin",horizontal:"horizontal",vertical:"vertical"};!function(i){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],e="s_id-dc9d649ac894_0_0_158";if(r.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(i))}(".divider_primary {\n  background-color: var(--divider-primary);\n}\n\n.divider_secondary {\n  background-color: var(--divider-secondary);\n}\n\n.divider_overlay {\n  background-color: var(--divider-overlay);\n}\n\n.divider.withoutMargin {\n  margin: 0;\n}\n\n.horizontal {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{i as default};
 //# sourceMappingURL=Divider.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/Dropdown.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={dropdown:"dropdown"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-bfa3893f967b_0_0_156";if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}(".dropdown .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--text-primary);\n  cursor: pointer;\n  border-radius: var(--border-radius-medium);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) ease var(--motion-timing-enter);\n}\n\n.dropdown .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-focused {\n  color: var(--text-primary);\n  background-color: var(--surface-selected);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown .fast-option-focused:hover {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.dropdown .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--surface-selected);\n  cursor: pointer;\n}");export{o as default};
+var o={dropdown:"dropdown"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-bfa3893f967b_0_0_158";if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}(".dropdown .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--text-primary);\n  cursor: pointer;\n  border-radius: var(--border-radius-medium);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) ease var(--motion-timing-enter);\n}\n\n.dropdown .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-focused {\n  color: var(--text-primary);\n  background-color: var(--surface-selected);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown .fast-option-focused:hover {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.dropdown .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--surface-selected);\n  cursor: pointer;\n}");export{o as default};
 //# sourceMappingURL=Dropdown.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={valueContainer:"valueContainer",avatar:"avatar"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-4abedbfd291c_0_0_156";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".valueContainer {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n}\n.valueContainer .avatar {\n  flex-shrink: 0;\n}");export{e as default};
+var e={valueContainer:"valueContainer",avatar:"avatar"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-4abedbfd291c_0_0_158";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".valueContainer {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n}\n.valueContainer .avatar {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=ChildrenContent.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={"tag-with-input-wrapper":"tag-with-input-wrapper","placeholder-container":"placeholder-container","multiselect-tag-multi-line":"multiselect-tag-multi-line","multiselect-tag-single-line":"multiselect-tag-single-line","multiselect-tag-disabled":"multiselect-tag-disabled","value-container":"value-container","value-container-tags":"value-container-tags","without-placeholder":"without-placeholder",valueDialogContent:"valueDialogContent",tags:"tags"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1b3a4517e405_0_0_156";if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}(".tag-with-input-wrapper {\n  display: flex;\n}\n\n.placeholder-container {\n  margin-left: 6px;\n}\n\n.multiselect-tag-multi-line {\n  --tags-margin: 2px;\n}\n\n.multiselect-tag-single-line {\n  --tags-margin: 5px 2px;\n}\n\n.multiselect-tag-disabled {\n  background-color: var(--surface-level-200) !important;\n}\n\n.value-container {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-tags {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-tags.without-placeholder {\n  margin-left: 6px;\n}\n\n.valueDialogContent {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n\n.valueDialogContent .tags {\n  flex-shrink: 0;\n}");export{e as default};
+var e={"tag-with-input-wrapper":"tag-with-input-wrapper","placeholder-container":"placeholder-container","multiselect-tag-multi-line":"multiselect-tag-multi-line","multiselect-tag-single-line":"multiselect-tag-single-line","multiselect-tag-disabled":"multiselect-tag-disabled","value-container":"value-container","value-container-tags":"value-container-tags","without-placeholder":"without-placeholder",valueDialogContent:"valueDialogContent",tags:"tags"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1b3a4517e405_0_0_158";if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}(".tag-with-input-wrapper {\n  display: flex;\n}\n\n.placeholder-container {\n  margin-left: 6px;\n}\n\n.multiselect-tag-multi-line {\n  --tags-margin: 2px;\n}\n\n.multiselect-tag-single-line {\n  --tags-margin: 5px 2px;\n}\n\n.multiselect-tag-disabled {\n  background-color: var(--surface-level-200) !important;\n}\n\n.value-container {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-tags {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-tags.without-placeholder {\n  margin-left: 6px;\n}\n\n.valueDialogContent {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n\n.valueDialogContent .tags {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=MultiValueContainer.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/components/menu/menu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={dropdownMenuWrapper:"dropdownMenuWrapper",fadeIn:"fadeIn",withoutAnimation:"withoutAnimation",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-11829aafa26c_0_0_156";if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".dropdownMenuWrapper {\n  animation: fadeIn var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper.withoutAnimation {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{n as default};
+var n={dropdownMenuWrapper:"dropdownMenuWrapper",fadeIn:"fadeIn",withoutAnimation:"withoutAnimation",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-11829aafa26c_0_0_158";if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".dropdownMenuWrapper {\n  animation: fadeIn var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper.withoutAnimation {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{n as default};
 //# sourceMappingURL=menu.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/components/option/option.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={optionReset:"optionReset"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-64f14b86843f_0_0_156";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}(".optionReset {\n  height: auto;\n}");export{e as default};
+var e={optionReset:"optionReset"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-64f14b86843f_0_0_158";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}(".optionReset {\n  height: auto;\n}");export{e as default};
 //# sourceMappingURL=option.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/components/singleValue/singleValue.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={singleValue:"singleValue"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a262ceec984a_0_0_156";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".singleValue {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
+var e={singleValue:"singleValue"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a262ceec984a_0_0_158";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".singleValue {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=singleValue.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/EditableHeading/EditableHeading.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={h1Bold:"h1Bold",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Normal:"h3Normal",h3Light:"h3Light",h4Bold:"h4Bold",h4Normal:"h4Normal",h4Light:"h4Light",h5Bold:"h5Bold",h5Normal:"h5Normal",h5Light:"h5Light",h6Bold:"h6Bold",h6Normal:"h6Normal",h6Light:"h6Light"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d5086c024e3d_0_0_156";if(n.querySelector("#"+t))return;const h=document.createElement("style");h.id=t,n.firstChild?n.insertBefore(h,n.firstChild):n.appendChild(h),h.appendChild(document.createTextNode(o))}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Bold {\n  font: var(--font-h4-bold);\n  letter-spacing: var(--letter-spacing-h4-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Normal {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Light {\n  font: var(--font-h4-light);\n  letter-spacing: var(--letter-spacing-h4-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Bold {\n  font: var(--font-h5-bold);\n  letter-spacing: var(--letter-spacing-h5-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Normal {\n  font: var(--font-h5-normal);\n  letter-spacing: var(--letter-spacing-h5-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Light {\n  font: var(--font-h5-light);\n  letter-spacing: var(--letter-spacing-h5-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Bold {\n  font: var(--font-h6-bold);\n  letter-spacing: var(--letter-spacing-h6-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Normal {\n  font: var(--font-h6-normal);\n  letter-spacing: var(--letter-spacing-h6-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Light {\n  font: var(--font-h6-light);\n  letter-spacing: var(--letter-spacing-h6-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{o as default};
+var o={h1Bold:"h1Bold",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Normal:"h3Normal",h3Light:"h3Light",h4Bold:"h4Bold",h4Normal:"h4Normal",h4Light:"h4Light",h5Bold:"h5Bold",h5Normal:"h5Normal",h5Light:"h5Light",h6Bold:"h6Bold",h6Normal:"h6Normal",h6Light:"h6Light"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d5086c024e3d_0_0_158";if(n.querySelector("#"+t))return;const h=document.createElement("style");h.id=t,n.firstChild?n.insertBefore(h,n.firstChild):n.appendChild(h),h.appendChild(document.createTextNode(o))}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Bold {\n  font: var(--font-h4-bold);\n  letter-spacing: var(--letter-spacing-h4-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Normal {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Light {\n  font: var(--font-h4-light);\n  letter-spacing: var(--letter-spacing-h4-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Bold {\n  font: var(--font-h5-bold);\n  letter-spacing: var(--letter-spacing-h5-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Normal {\n  font: var(--font-h5-normal);\n  letter-spacing: var(--letter-spacing-h5-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Light {\n  font: var(--font-h5-light);\n  letter-spacing: var(--letter-spacing-h5-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Bold {\n  font: var(--font-h6-bold);\n  letter-spacing: var(--letter-spacing-h6-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Normal {\n  font: var(--font-h6-normal);\n  letter-spacing: var(--letter-spacing-h6-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Light {\n  font: var(--font-h6-light);\n  letter-spacing: var(--letter-spacing-h6-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{o as default};
 //# sourceMappingURL=EditableHeading.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/EditableInput/EditableInput.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={editableInputWrapper:"editableInputWrapper",noResize:"noResize"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-78caa1f98416_0_0_156";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".editableInputWrapper {\n  background-color: var(--surface-level-100);\n  display: inline-block;\n  width: 100%;\n  min-width: 0;\n  max-height: 100%;\n  margin: auto 0;\n  padding: 0 4px;\n  outline: none;\n  border: 1px solid;\n  border-radius: var(--border-radius-small);\n  border-color: var(--primary-color);\n  vertical-align: top;\n  text-align: left;\n}\n\n.editableInputWrapper.noResize {\n  resize: none;\n}");export{e as default};
+var e={editableInputWrapper:"editableInputWrapper",noResize:"noResize"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-78caa1f98416_0_0_158";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".editableInputWrapper {\n  background-color: var(--surface-level-100);\n  display: inline-block;\n  width: 100%;\n  min-width: 0;\n  max-height: 100%;\n  margin: auto 0;\n  padding: 0 4px;\n  outline: none;\n  border: 1px solid;\n  border-radius: var(--border-radius-small);\n  border-color: var(--primary-color);\n  vertical-align: top;\n  text-align: left;\n}\n\n.editableInputWrapper.noResize {\n  resize: none;\n}");export{e as default};
 //# sourceMappingURL=EditableInput.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/EditableText/EditableText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",editableText:"editableText",typography:"typography"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-a769de070bc9_0_0_156";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.editableText .typography {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",editableText:"editableText",typography:"typography"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-a769de070bc9_0_0_158";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.editableText .typography {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/EditableTypography/EditableTypography.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={editableTypography:"editableTypography",input:"input",typography:"typography",disabled:"disabled",hidden:"hidden",placeholder:"placeholder"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-0ccb44d36994_0_0_156";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".editableTypography {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography .input {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.editableTypography .input:focus, .editableTypography .input:active {\n  outline: none;\n}\n.editableTypography .typography {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography .typography:hover:not(.disabled) {\n  border-color: var(--divider-primary);\n}\n.editableTypography .typography.hidden {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography .typography.placeholder {\n  color: var(--text-secondary);\n}");export{e as default};
+var e={editableTypography:"editableTypography",input:"input",typography:"typography",disabled:"disabled",hidden:"hidden",placeholder:"placeholder"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-0ccb44d36994_0_0_158";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".editableTypography {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography .input {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.editableTypography .input:focus, .editableTypography .input:active {\n  outline: none;\n}\n.editableTypography .typography {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography .typography:hover:not(.disabled) {\n  border-color: var(--divider-primary);\n}\n.editableTypography .typography.hidden {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography .typography.placeholder {\n  color: var(--text-secondary);\n}");export{e as default};
 //# sourceMappingURL=EditableTypography.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ExpandCollapse/ExpandCollapse.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={expandCollapse:"expandCollapse",header:"header","focus-visible":"focus-visible",headerContent:"headerContent",iconComponent:"iconComponent",content:"content",section:"section",hideBorder:"hideBorder",hideBorderBottom:"hideBorderBottom",showBorder:"showBorder",animateIconOpen:"animateIconOpen",animateIconClose:"animateIconClose",iconNextToTitle:"iconNextToTitle"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-5845ed564a71_0_0_156";if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".expandCollapse {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: inherit;\n  color: var(--text-primary);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-medium);\n}\n\n.header {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  width: 100%;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.header:focus-visible, .header.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.header:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.header:hover {\n  background-color: var(--surface-level-200);\n}\n\n.header:active {\n  transform: scale(1);\n}\n\n.header .headerContent {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 22px;\n  font-style: normal;\n}\n\n.header .iconComponent {\n  color: var(--icon-primary);\n}\n\n.content {\n  padding: var(--spacing-medium);\n}\n\n.section {\n  width: 100%;\n}\n\n.hideBorder {\n  border: none;\n}\n\n.hideBorderBottom {\n  border-bottom: none;\n}\n\n.showBorder {\n  border: 1px solid var(--divider-primary);\n}\n\n.animateIconOpen,\n.animateIconClose {\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconOpen {\n  transform: rotate(-180deg);\n}\n\n.animateIconClose {\n  transform: rotate(0deg);\n}\n\n.iconNextToTitle .header {\n  justify-content: flex-start;\n}");export{n as default};
+var n={expandCollapse:"expandCollapse",header:"header","focus-visible":"focus-visible",headerContent:"headerContent",iconComponent:"iconComponent",content:"content",section:"section",hideBorder:"hideBorder",hideBorderBottom:"hideBorderBottom",showBorder:"showBorder",animateIconOpen:"animateIconOpen",animateIconClose:"animateIconClose",iconNextToTitle:"iconNextToTitle"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-5845ed564a71_0_0_158";if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".expandCollapse {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: inherit;\n  color: var(--text-primary);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-medium);\n}\n\n.header {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  width: 100%;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.header:focus-visible, .header.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.header:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.header:hover {\n  background-color: var(--surface-level-200);\n}\n\n.header:active {\n  transform: scale(1);\n}\n\n.header .headerContent {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 22px;\n  font-style: normal;\n}\n\n.header .iconComponent {\n  color: var(--icon-primary);\n}\n\n.content {\n  padding: var(--spacing-medium);\n}\n\n.section {\n  width: 100%;\n}\n\n.hideBorder {\n  border: none;\n}\n\n.hideBorderBottom {\n  border-bottom: none;\n}\n\n.showBorder {\n  border: 1px solid var(--divider-primary);\n}\n\n.animateIconOpen,\n.animateIconClose {\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconOpen {\n  transform: rotate(-180deg);\n}\n\n.animateIconClose {\n  transform: rotate(0deg);\n}\n\n.iconNextToTitle .header {\n  justify-content: flex-start;\n}");export{n as default};
 //# sourceMappingURL=ExpandCollapse.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/FieldLabel/FieldLabel.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={labelComponentWrapper:"labelComponentWrapper",labelComponentIcon:"labelComponentIcon",labelComponentText:"labelComponentText",requiredAsterisk:"requiredAsterisk"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-484230ead780_0_0_156";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".labelComponentWrapper {\n  font: var(--font-text1-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--text-secondary);\n}\n\n.labelComponentText {\n  color: var(--text-primary);\n  padding-block: 2px;\n}\n\n.requiredAsterisk {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper",labelComponentIcon:"labelComponentIcon",labelComponentText:"labelComponentText",requiredAsterisk:"requiredAsterisk"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-484230ead780_0_0_158";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".labelComponentWrapper {\n  font: var(--font-text1-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--text-secondary);\n}\n\n.labelComponentText {\n  color: var(--text-primary);\n  padding-block: 2px;\n}\n\n.requiredAsterisk {\n  color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=FieldLabel.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Flex/Flex.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={container:"container",justifyStart:"justifyStart",justifyEnd:"justifyEnd",justifyCenter:"justifyCenter",justifySpaceBetween:"justifySpaceBetween",justifySpaceAround:"justifySpaceAround",justifyInital:"justifyInital",alignStart:"alignStart",alignEnd:"alignEnd",alignCenter:"alignCenter",alignStretch:"alignStretch",alignBaseline:"alignBaseline",alignInitial:"alignInitial",directionColumn:"directionColumn",wrap:"wrap"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-25bee08dcd37_0_0_156";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".container {\n  display: flex;\n  flex-direction: row;\n}\n.container.justifyStart {\n  justify-content: flex-start;\n}\n.container.justifyEnd {\n  justify-content: flex-end;\n}\n.container.justifyCenter {\n  justify-content: center;\n}\n.container.justifySpaceBetween {\n  justify-content: space-between;\n}\n.container.justifySpaceAround {\n  justify-content: space-around;\n}\n.container.justifyInital {\n  justify-content: initial;\n}\n.container.alignStart {\n  align-items: flex-start;\n}\n.container.alignEnd {\n  align-items: flex-end;\n}\n.container.alignCenter {\n  align-items: center;\n}\n.container.alignStretch {\n  align-items: stretch;\n}\n.container.alignBaseline {\n  align-items: baseline;\n}\n.container.alignInitial {\n  align-items: initial;\n}\n.container.directionColumn {\n  flex-direction: column;\n}\n.container.wrap {\n  flex-wrap: wrap;\n}");export{n as default};
+var n={container:"container",justifyStart:"justifyStart",justifyEnd:"justifyEnd",justifyCenter:"justifyCenter",justifySpaceBetween:"justifySpaceBetween",justifySpaceAround:"justifySpaceAround",justifyInital:"justifyInital",alignStart:"alignStart",alignEnd:"alignEnd",alignCenter:"alignCenter",alignStretch:"alignStretch",alignBaseline:"alignBaseline",alignInitial:"alignInitial",directionColumn:"directionColumn",wrap:"wrap"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-25bee08dcd37_0_0_158";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".container {\n  display: flex;\n  flex-direction: row;\n}\n.container.justifyStart {\n  justify-content: flex-start;\n}\n.container.justifyEnd {\n  justify-content: flex-end;\n}\n.container.justifyCenter {\n  justify-content: center;\n}\n.container.justifySpaceBetween {\n  justify-content: space-between;\n}\n.container.justifySpaceAround {\n  justify-content: space-around;\n}\n.container.justifyInital {\n  justify-content: initial;\n}\n.container.alignStart {\n  align-items: flex-start;\n}\n.container.alignEnd {\n  align-items: flex-end;\n}\n.container.alignCenter {\n  align-items: center;\n}\n.container.alignStretch {\n  align-items: stretch;\n}\n.container.alignBaseline {\n  align-items: baseline;\n}\n.container.alignInitial {\n  align-items: initial;\n}\n.container.directionColumn {\n  flex-direction: column;\n}\n.container.wrap {\n  flex-wrap: wrap;\n}");export{n as default};
 //# sourceMappingURL=Flex.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/FormattedNumber/FormattedNumber.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={formattedNumberComponent:"formattedNumberComponent",prefix:"prefix",suffix:"suffix"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d821b20045aa_0_0_156";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".formattedNumberComponent {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix {\n  white-space: pre;\n}\n\n.suffix {\n  white-space: pre;\n}");export{e as default};
+var e={formattedNumberComponent:"formattedNumberComponent",prefix:"prefix",suffix:"suffix"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d821b20045aa_0_0_158";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".formattedNumberComponent {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix {\n  white-space: pre;\n}\n\n.suffix {\n  white-space: pre;\n}");export{e as default};
 //# sourceMappingURL=FormattedNumber.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/HeaderActions/HeaderActions.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={h1Bold:"h1Bold",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Normal:"h3Normal",h3Light:"h3Light",h4Bold:"h4Bold",h4Normal:"h4Normal",h4Light:"h4Light",h5Bold:"h5Bold",h5Normal:"h5Normal",h5Light:"h5Light",h6Bold:"h6Bold",h6Normal:"h6Normal",h6Light:"h6Light",heading:"heading"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-7b3706ef5cf5_0_0_156";if(n.querySelector("#"+t))return;const h=document.createElement("style");h.id=t,n.firstChild?n.insertBefore(h,n.firstChild):n.appendChild(h),h.appendChild(document.createTextNode(o))}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Bold {\n  font: var(--font-h4-bold);\n  letter-spacing: var(--letter-spacing-h4-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Normal {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Light {\n  font: var(--font-h4-light);\n  letter-spacing: var(--letter-spacing-h4-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Bold {\n  font: var(--font-h5-bold);\n  letter-spacing: var(--letter-spacing-h5-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Normal {\n  font: var(--font-h5-normal);\n  letter-spacing: var(--letter-spacing-h5-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Light {\n  font: var(--font-h5-light);\n  letter-spacing: var(--letter-spacing-h5-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Bold {\n  font: var(--font-h6-bold);\n  letter-spacing: var(--letter-spacing-h6-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Normal {\n  font: var(--font-h6-normal);\n  letter-spacing: var(--letter-spacing-h6-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Light {\n  font: var(--font-h6-light);\n  letter-spacing: var(--letter-spacing-h6-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading {\n  margin: 0;\n}");export{o as default};
+var o={h1Bold:"h1Bold",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Normal:"h3Normal",h3Light:"h3Light",h4Bold:"h4Bold",h4Normal:"h4Normal",h4Light:"h4Light",h5Bold:"h5Bold",h5Normal:"h5Normal",h5Light:"h5Light",h6Bold:"h6Bold",h6Normal:"h6Normal",h6Light:"h6Light",heading:"heading"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-7b3706ef5cf5_0_0_158";if(n.querySelector("#"+t))return;const h=document.createElement("style");h.id=t,n.firstChild?n.insertBefore(h,n.firstChild):n.appendChild(h),h.appendChild(document.createTextNode(o))}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Bold {\n  font: var(--font-h4-bold);\n  letter-spacing: var(--letter-spacing-h4-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Normal {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Light {\n  font: var(--font-h4-light);\n  letter-spacing: var(--letter-spacing-h4-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Bold {\n  font: var(--font-h5-bold);\n  letter-spacing: var(--letter-spacing-h5-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Normal {\n  font: var(--font-h5-normal);\n  letter-spacing: var(--letter-spacing-h5-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Light {\n  font: var(--font-h5-light);\n  letter-spacing: var(--letter-spacing-h5-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Bold {\n  font: var(--font-h6-bold);\n  letter-spacing: var(--letter-spacing-h6-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Normal {\n  font: var(--font-h6-normal);\n  letter-spacing: var(--letter-spacing-h6-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Light {\n  font: var(--font-h6-light);\n  letter-spacing: var(--letter-spacing-h6-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading {\n  margin: 0;\n}");export{o as default};
 //# sourceMappingURL=HeaderActions.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Heading/Heading.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={h1Bold:"h1Bold",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Normal:"h3Normal",h3Light:"h3Light",h4Bold:"h4Bold",h4Normal:"h4Normal",h4Light:"h4Light",h5Bold:"h5Bold",h5Normal:"h5Normal",h5Light:"h5Light",h6Bold:"h6Bold",h6Normal:"h6Normal",h6Light:"h6Light",heading:"heading"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-7b3706ef5cf5_0_0_156";if(n.querySelector("#"+t))return;const h=document.createElement("style");h.id=t,n.firstChild?n.insertBefore(h,n.firstChild):n.appendChild(h),h.appendChild(document.createTextNode(o))}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Bold {\n  font: var(--font-h4-bold);\n  letter-spacing: var(--letter-spacing-h4-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Normal {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Light {\n  font: var(--font-h4-light);\n  letter-spacing: var(--letter-spacing-h4-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Bold {\n  font: var(--font-h5-bold);\n  letter-spacing: var(--letter-spacing-h5-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Normal {\n  font: var(--font-h5-normal);\n  letter-spacing: var(--letter-spacing-h5-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Light {\n  font: var(--font-h5-light);\n  letter-spacing: var(--letter-spacing-h5-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Bold {\n  font: var(--font-h6-bold);\n  letter-spacing: var(--letter-spacing-h6-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Normal {\n  font: var(--font-h6-normal);\n  letter-spacing: var(--letter-spacing-h6-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Light {\n  font: var(--font-h6-light);\n  letter-spacing: var(--letter-spacing-h6-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading {\n  margin: 0;\n}");export{o as default};
+var o={h1Bold:"h1Bold",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Normal:"h3Normal",h3Light:"h3Light",h4Bold:"h4Bold",h4Normal:"h4Normal",h4Light:"h4Light",h5Bold:"h5Bold",h5Normal:"h5Normal",h5Light:"h5Light",h6Bold:"h6Bold",h6Normal:"h6Normal",h6Light:"h6Light",heading:"heading"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-7b3706ef5cf5_0_0_158";if(n.querySelector("#"+t))return;const h=document.createElement("style");h.id=t,n.firstChild?n.insertBefore(h,n.firstChild):n.appendChild(h),h.appendChild(document.createTextNode(o))}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Bold {\n  font: var(--font-h4-bold);\n  letter-spacing: var(--letter-spacing-h4-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Normal {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Light {\n  font: var(--font-h4-light);\n  letter-spacing: var(--letter-spacing-h4-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Bold {\n  font: var(--font-h5-bold);\n  letter-spacing: var(--letter-spacing-h5-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Normal {\n  font: var(--font-h5-normal);\n  letter-spacing: var(--letter-spacing-h5-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Light {\n  font: var(--font-h5-light);\n  letter-spacing: var(--letter-spacing-h5-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Bold {\n  font: var(--font-h6-bold);\n  letter-spacing: var(--letter-spacing-h6-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Normal {\n  font: var(--font-h6-normal);\n  letter-spacing: var(--letter-spacing-h6-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Light {\n  font: var(--font-h6-light);\n  letter-spacing: var(--letter-spacing-h6-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading {\n  margin: 0;\n}");export{o as default};
 //# sourceMappingURL=Heading.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/HiddenText/HiddenText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={hiddenTextWrapper:"hiddenTextWrapper"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5ac012179a41_0_0_156";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".hiddenTextWrapper {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
+var e={hiddenTextWrapper:"hiddenTextWrapper"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5ac012179a41_0_0_158";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".hiddenTextWrapper {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
 //# sourceMappingURL=HiddenText.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Icon/Icon.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={icon:"icon",noFocusStyle:"noFocusStyle",clickable:"clickable"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-039c30c54242_0_0_156";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".icon {\n  position: relative;\n}\n\n.icon:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle:focus {\n  outline: none;\n}\n\n.clickable {\n  cursor: pointer;\n}");export{e as default};
+var e={icon:"icon",noFocusStyle:"noFocusStyle",clickable:"clickable"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-039c30c54242_0_0_158";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".icon {\n  position: relative;\n}\n\n.icon:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle:focus {\n  outline: none;\n}\n\n.clickable {\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=Icon.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/IconButton/IconButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",referenceWrapper:"referenceWrapper"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-995cd2610043_0_0_156";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".wrapper {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper {\n  display: inline-flex;\n}");export{e as default};
+var e={wrapper:"wrapper",referenceWrapper:"referenceWrapper"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-995cd2610043_0_0_158";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".wrapper {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper {\n  display: inline-flex;\n}");export{e as default};
 //# sourceMappingURL=IconButton.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/InlineEdit/InlineEdit.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={input_container:"input_container",input:"input",container:"container","inline-vertical":"inline-vertical","inline-horizontal":"inline-horizontal",cross_icon:"cross_icon",tick_icon:"tick_icon",confirmButton:"confirmButton",cancelButton:"cancelButton",button_group:"button_group",button_ungroup:"button_ungroup",readButton:"readButton",readOnly:"readOnly",editing:"editing"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-7945e52c9d48_0_0_156";if(t.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".input_container {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.input {\n  padding: 8px !important;\n}\n\n.container {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  min-height: 28px;\n  padding: 2px 6px;\n  background-color: transparent;\n}\n\n.inline-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.inline-horizontal {\n  flex-direction: row;\n}\n\n.cross_icon {\n  width: 16px;\n  height: 16px;\n}\n\n.tick_icon {\n  color: var(--text-color-on-primary);\n  width: 16px;\n  height: 16px;\n}\n\n.tick_icon:hover {\n  color: var(--text-primary);\n}\n\n.confirmButton {\n  height: 24px !important;\n  width: 24px !important;\n  background-color: var(--primary-color);\n  border: 1px solid #10181b;\n  border-radius: 4px;\n}\n\n.confirmButton:hover {\n  background-color: #3b4652 !important;\n}\n\n.cancelButton {\n  height: 24px !important;\n  width: 24px !important;\n  padding: 5px !important;\n  border-radius: 4px;\n  border: 1px solid var(--divider-secondary);\n}\n\n.cancelButton[class*=_Button--icon] {\n  height: 24px;\n  height: 24px;\n}\n\n.button_group {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n  display: flex;\n  gap: 0.25rem;\n}\n\n.button_ungroup {\n  position: relative;\n  display: flex;\n  gap: 0.25rem;\n}\n\n.readButton {\n  display: inline-block;\n  padding: 8px 16px;\n  border-radius: 4px;\n}\n\n.readButton:hover {\n  background: #ececec;\n  cursor: pointer;\n}\n\n.readButton:focus-visible {\n  border-radius: 6px;\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n  outline: 0;\n  z-index: 2;\n}\n\n.readOnly {\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.readOnly:hover {\n  background-color: var(--surface-level-200);\n  border-radius: 5px;\n  cursor: pointer;\n}\n\n.editing {\n  background-color: transparent;\n}");export{n as default};
+var n={input_container:"input_container",input:"input",container:"container","inline-vertical":"inline-vertical","inline-horizontal":"inline-horizontal",cross_icon:"cross_icon",tick_icon:"tick_icon",confirmButton:"confirmButton",cancelButton:"cancelButton",button_group:"button_group",button_ungroup:"button_ungroup",readButton:"readButton",readOnly:"readOnly",editing:"editing"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-7945e52c9d48_0_0_158";if(t.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".input_container {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.input {\n  padding: 8px !important;\n}\n\n.container {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  min-height: 28px;\n  padding: 2px 6px;\n  background-color: transparent;\n}\n\n.inline-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.inline-horizontal {\n  flex-direction: row;\n}\n\n.cross_icon {\n  width: 16px;\n  height: 16px;\n}\n\n.tick_icon {\n  color: var(--text-color-on-primary);\n  width: 16px;\n  height: 16px;\n}\n\n.tick_icon:hover {\n  color: var(--text-primary);\n}\n\n.confirmButton {\n  height: 24px !important;\n  width: 24px !important;\n  background-color: var(--primary-color);\n  border: 1px solid #10181b;\n  border-radius: 4px;\n}\n\n.confirmButton:hover {\n  background-color: #3b4652 !important;\n}\n\n.cancelButton {\n  height: 24px !important;\n  width: 24px !important;\n  padding: 5px !important;\n  border-radius: 4px;\n  border: 1px solid var(--divider-secondary);\n}\n\n.cancelButton[class*=_Button--icon] {\n  height: 24px;\n  height: 24px;\n}\n\n.button_group {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n  display: flex;\n  gap: 0.25rem;\n}\n\n.button_ungroup {\n  position: relative;\n  display: flex;\n  gap: 0.25rem;\n}\n\n.readButton {\n  display: inline-block;\n  padding: 8px 16px;\n  border-radius: 4px;\n}\n\n.readButton:hover {\n  background: #ececec;\n  cursor: pointer;\n}\n\n.readButton:focus-visible {\n  border-radius: 6px;\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n  outline: 0;\n  z-index: 2;\n}\n\n.readOnly {\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.readOnly:hover {\n  background-color: var(--surface-level-200);\n  border-radius: 5px;\n  cursor: pointer;\n}\n\n.editing {\n  background-color: transparent;\n}");export{n as default};
 //# sourceMappingURL=InlineEdit.module.scss.js.map