@kaizen/components 1.37.0 → 1.37.1
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.
- package/dist/cjs/KaizenProvider/KaizenProvider.cjs +15 -1
- package/dist/cjs/KaizenProvider/KaizenProvider.cjs.map +1 -1
- package/dist/cjs/index.css +3 -3
- package/dist/esm/KaizenProvider/KaizenProvider.mjs +16 -2
- package/dist/esm/KaizenProvider/KaizenProvider.mjs.map +1 -1
- package/dist/esm/index.css +5 -5
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/src/KaizenProvider/KaizenProvider.tsx +26 -12
- package/src/Modal/GenericModal/GenericModal.spec.tsx +34 -45
|
@@ -13,9 +13,23 @@ const KaizenProvider = /*#__PURE__*/function () {
|
|
|
13
13
|
var children = _a.children,
|
|
14
14
|
_b = _a.locale,
|
|
15
15
|
locale = _b === void 0 ? "en" : _b;
|
|
16
|
+
var _c = React.useState(false),
|
|
17
|
+
documentIsAvailable = _c[0],
|
|
18
|
+
setDocumentIsAvailable = _c[1];
|
|
19
|
+
var _d = React.useState(),
|
|
20
|
+
notificationsList = _d[0],
|
|
21
|
+
setNotificationsList = _d[1];
|
|
22
|
+
React.useEffect(function () {
|
|
23
|
+
// SSR does not have a document, which is required for ToastNotificationsList.
|
|
24
|
+
// Await document render before rendering the component.
|
|
25
|
+
if (document !== undefined) {
|
|
26
|
+
setNotificationsList(React.createElement(ToastNotificationsList.ToastNotificationsList, null));
|
|
27
|
+
setDocumentIsAvailable(true);
|
|
28
|
+
}
|
|
29
|
+
}, [documentIsAvailable]);
|
|
16
30
|
return React.createElement(OptionalIntlProvider.OptionalIntlProvider, {
|
|
17
31
|
locale: locale
|
|
18
|
-
}, React.createElement(React.Fragment, null, React.createElement(ToastNotificationContext.ToastNotificationProvider, null,
|
|
32
|
+
}, React.createElement(React.Fragment, null, React.createElement(ToastNotificationContext.ToastNotificationProvider, null, notificationsList, children), React.createElement(FontDefinitions.FontDefinitions, null)));
|
|
19
33
|
};
|
|
20
34
|
KaizenProvider.displayName = "KaizenProvider";
|
|
21
35
|
return KaizenProvider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KaizenProvider.cjs","sources":["../../../src/KaizenProvider/KaizenProvider.tsx"],"sourcesContent":["import React from \"react\"\nimport { ToastNotificationsList } from \"~components/Notification\"\nimport { ToastNotificationProvider } from \"~components/Notification/ToastNotification/context/ToastNotificationContext\"\nimport { FontDefinitions } from \"./subcomponents/FontDefinitions\"\nimport { OptionalIntlProvider } from \"./subcomponents/OptionalIntlProvider\"\n\nexport type KaizenProviderProps = {\n children: React.ReactNode\n locale?: string\n}\n\nexport const KaizenProvider = ({\n children,\n locale = \"en\",\n}: KaizenProviderProps): JSX.Element => (\n <OptionalIntlProvider locale={locale}>\n
|
|
1
|
+
{"version":3,"file":"KaizenProvider.cjs","sources":["../../../src/KaizenProvider/KaizenProvider.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { ToastNotificationsList } from \"~components/Notification\"\nimport { ToastNotificationProvider } from \"~components/Notification/ToastNotification/context/ToastNotificationContext\"\nimport { FontDefinitions } from \"./subcomponents/FontDefinitions\"\nimport { OptionalIntlProvider } from \"./subcomponents/OptionalIntlProvider\"\n\nexport type KaizenProviderProps = {\n children: React.ReactNode\n locale?: string\n}\n\nexport const KaizenProvider = ({\n children,\n locale = \"en\",\n}: KaizenProviderProps): JSX.Element => {\n const [documentIsAvailable, setDocumentIsAvailable] = useState<boolean>(false)\n const [notificationsList, setNotificationsList] = useState<JSX.Element>()\n\n useEffect(() => {\n // SSR does not have a document, which is required for ToastNotificationsList.\n // Await document render before rendering the component.\n if (document !== undefined) {\n setNotificationsList(<ToastNotificationsList />)\n setDocumentIsAvailable(true)\n }\n }, [documentIsAvailable])\n\n return (\n <OptionalIntlProvider locale={locale}>\n <>\n <ToastNotificationProvider>\n {notificationsList}\n {children}\n </ToastNotificationProvider>\n <FontDefinitions />\n </>\n </OptionalIntlProvider>\n )\n}\n\nKaizenProvider.displayName = \"KaizenProvider\"\n"],"names":["KaizenProvider","_a","children","_b","locale","_c","useState","documentIsAvailable","setDocumentIsAvailable","_d","notificationsList","setNotificationsList","useEffect","document","undefined","React","createElement","ToastNotificationsList","OptionalIntlProvider","Fragment","ToastNotificationProvider","FontDefinitions","displayName"],"mappings":";;;;;;;;;;MAWaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAGT,EAAA;IAFpB,IAAAC,QAAQ,cAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,MAAa;MAAbA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAAA,EAAA;IAEP,IAAAE,EAAA,GAAgDC,KAAAA,CAAAA,QAAQ,CAAU,KAAK,CAAC;MAAvEC,mBAAmB,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,sBAAsB,GAAAH,EAAA,CAAA,CAAA,CAA4B;IACxE,IAAAI,EAAA,GAA4CH,cAAQ,CAAe,CAAA;MAAlEI,iBAAiB,GAAAD,EAAA,CAAA,CAAA,CAAA;MAAEE,oBAAoB,GAAAF,EAAA,CAAA,CAAA,CAA2B;IAEzEG,KAAAA,CAAAA,SAAS,CAAC,YAAA;;;MAGR,IAAIC,QAAQ,KAAKC,SAAS,EAAE;QAC1BH,oBAAoB,CAACI,KAAA,CAAAC,aAAA,CAACC,sBAAAA,CAAAA,sBAAsB,EAAA,IAAA,CAAG,CAAC;QAChDT,sBAAsB,CAAC,IAAI,CAAC;MAC7B;IACH,CAAC,EAAE,CAACD,mBAAmB,CAAC,CAAC;IAEzB,OACEQ,KAAC,CAAAC,aAAA,CAAAE,oBAAoB,CAAAA,oBAAA,EAAC;MAAAd,MAAM,EAAEA;IAAM,CAAA,EAClCW,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAI,QAAA,EAAA,IAAA,EACEJ,KAAA,CAAAC,aAAA,CAACI,wBAAAA,CAAAA,yBAAyB,EAAA,IAAA,EACvBV,iBAAiB,EACjBR,QAAQ,CACiB,EAC5Ba,KAAA,CAAAC,aAAA,CAACK,eAAAA,CAAAA,eAAe,EAAA,IAAA,CAAG,CAClB,CACkB;EAE3B,CAAC;EAEDrB,cAAc,CAACsB,WAAW,GAAG,gBAAgB;EAAA,OA7BhCtB,cAAc;AAAA;"}
|
package/dist/cjs/index.css
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
.Select-module_container__TaMKg{position:relative;width:100%}.Select-module_notFullWidth__Mr-3G{width:180px}
|
|
2
|
-
.RemovableTag-module_removableTag__IwJHj{padding:var(--spacing-4,.25rem) var(--spacing-4,.25rem) var(--spacing-4,.25rem) var(--spacing-8,.5rem);padding-block:var(--spacing-4,.25rem);padding-inline:var(--spacing-8,.5rem) var(--spacing-4,.25rem)}
|
|
3
2
|
.Tag-module_tag__Ef8Iu{align-items:center;border-radius:28px;display:inline-flex;font-family:var(--typography-paragraph-intro-lede-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-small-font-size,.875rem);font-weight:var(--typography-paragraph-small-font-weight,400);gap:var(--spacing-4,.25rem);line-height:var(--typography-paragraph-small-line-height,1.125rem);padding:var(--spacing-4,.25rem) var(--spacing-8,.5rem);white-space:nowrap}.Tag-module_iconContainer__tEPTW{display:inline-flex}.Tag-module_gray__4YmDZ{background-color:var(--color-gray-300,#eaeaec);color:var(--color-purple-800,#2f2438)}.Tag-module_blue__CjyTI{background-color:var(--color-blue-100,#e6f6ff);color:var(--color-blue-700,#003157)}.Tag-module_blue__CjyTI .Tag-module_iconContainer__tEPTW{color:var(--color-blue-500,#0168b3)}.Tag-module_green__uC0TU{background-color:var(--color-green-100,#e8f8f4);color:var(--color-green-700,#22594a)}.Tag-module_green__uC0TU .Tag-module_iconContainer__tEPTW{color:var(--color-green-500,#44a289)}.Tag-module_yellow__wEk5Z{background-color:var(--color-yellow-100,#fff9e4);color:var(--color-yellow-700,#876400)}.Tag-module_yellow__wEk5Z .Tag-module_iconContainer__tEPTW{color:var(--color-yellow-500,#ffb600)}.Tag-module_orange__V-KdG{background-color:var(--color-orange-100,#fff0e8);color:var(--color-orange-700,#903c00)}.Tag-module_orange__V-KdG .Tag-module_iconContainer__tEPTW{color:var(--color-orange-500,#e96c2f)}.Tag-module_red__cg1Rf{background-color:var(--color-red-100,#fdeaee);color:var(--color-red-700,#6c1e20)}.Tag-module_red__cg1Rf .Tag-module_iconContainer__tEPTW{color:var(--color-red-500,#c93b55)}.Tag-module_purple__OR2Jt{background-color:var(--color-purple-100,#f4edf8);color:var(--color-purple-700,#4a234d)}.Tag-module_purple__OR2Jt .Tag-module_iconContainer__tEPTW{color:var(--color-purple-500,#844587)}
|
|
3
|
+
.RemovableTag-module_removableTag__IwJHj{padding:var(--spacing-4,.25rem) var(--spacing-4,.25rem) var(--spacing-4,.25rem) var(--spacing-8,.5rem);padding-block:var(--spacing-4,.25rem);padding-inline:var(--spacing-8,.5rem) var(--spacing-4,.25rem)}
|
|
4
4
|
.Popover-module_popover__B7k5I{background:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 8px 40px rgba(0,0,0,.08),0 3px 9px rgba(0,0,0,.1));box-sizing:border-box;overflow:auto}
|
|
5
5
|
.RemoveButton-module_removeButton__9yzxJ{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:50%;color:inherit;color:rgba(var(--color-purple-800-rgb,47,36,56),.7);display:inline;display:inline-flex;font:inherit;margin:0;padding:0;position:relative}.RemoveButton-module_removeButton__9yzxJ:focus,.RemoveButton-module_removeButton__9yzxJ:focus-visible{outline:none}.RemoveButton-module_removeButton__9yzxJ:focus-visible:after,.RemoveButton-module_removeButton__9yzxJ:focus:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:50%;border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:-3px;position:absolute}.RemoveButton-module_removeButton__9yzxJ:before{border-radius:50%;content:"";inset:-5px;position:absolute}.RemoveButton-module_removeButton__9yzxJ:focus,.RemoveButton-module_removeButton__9yzxJ:focus-visible,.RemoveButton-module_removeButton__9yzxJ:hover{background-color:rgba(var(--color-gray-600-rgb,82,78,86),.2);color:var(--color-purple-800,#2f2438);cursor:pointer}
|
|
6
6
|
.Main-module_main__hMyB1{z-index:0}
|
|
7
7
|
.Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
|
|
8
|
-
.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
|
|
9
8
|
.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
|
|
10
|
-
.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
|
|
11
9
|
.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
|
|
12
10
|
.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
|
|
13
11
|
.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
|
|
12
|
+
.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
|
|
13
|
+
.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
|
|
14
14
|
.Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
|
|
15
15
|
.SVG-module_icon__8J5Ev{display:inline-block;height:20px;width:20px}.SVG-module_icon__8J5Ev>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG-module_icon__8J5Ev{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__8J5Ev{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__8J5Ev{color:#000}}.SVG-module_inheritSize__Q8iam{display:block;height:inherit;width:inherit}
|
|
16
16
|
.Avatar-module_wrapper__LY2q2{align-items:center;background:var(--color-gray-300,#eaeaec);border-radius:100%;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS){border:3px solid var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1))}.Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7--{background:var(--color-orange-100,#fff0e8)}.Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl{background:var(--color-gray-300,#eaeaec)}.Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE{background:var(--color-white,#fff);border:0;border-radius:var(--border-solid-border-radius,7px);padding:6px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS{height:1.25rem;width:1.25rem}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE{padding:0}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8{height:3rem;width:3rem}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs{height:4.5rem;width:4.5rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG{height:6rem;width:6rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq{height:7.75rem;width:7.75rem}.Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q{speak-as:spell-out;border-bottom:none;text-decoration:none}.Avatar-module_avatarImage__FuULy{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy{display:none}.Avatar-module_companyAvatarImage__7rlfG{border-radius:4px;box-sizing:border-box;-o-object-fit:contain;object-fit:contain}.Avatar-module_fallbackIcon__MPWxq{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);width:28px}.Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq{width:75px}.Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq{width:60px}.Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq{width:35px}.Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:25px}.Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:10px}.Avatar-module_initials__VDY2Q{box-sizing:border-box;color:var(--color-purple-800,#2f2438);font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:22px;font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);padding-left:5px;padding-right:5px;text-align:center;width:100%}.Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf):before{content:"";display:block;margin-top:-.001em}.Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q,.Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q{font-size:34px;letter-spacing:var(--typography-heading-1-letter-spacing,normal)}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{font-size:16px}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q,.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-size:8px}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import '../Notification/InlineNotification/InlineNotification.mjs';
|
|
3
3
|
import '../Notification/GlobalNotification/GlobalNotification.mjs';
|
|
4
4
|
import '../Notification/ToastNotification/ToastNotification/ToastNotification.mjs';
|
|
@@ -11,9 +11,23 @@ const KaizenProvider = /*#__PURE__*/function () {
|
|
|
11
11
|
var children = _a.children,
|
|
12
12
|
_b = _a.locale,
|
|
13
13
|
locale = _b === void 0 ? "en" : _b;
|
|
14
|
+
var _c = useState(false),
|
|
15
|
+
documentIsAvailable = _c[0],
|
|
16
|
+
setDocumentIsAvailable = _c[1];
|
|
17
|
+
var _d = useState(),
|
|
18
|
+
notificationsList = _d[0],
|
|
19
|
+
setNotificationsList = _d[1];
|
|
20
|
+
useEffect(function () {
|
|
21
|
+
// SSR does not have a document, which is required for ToastNotificationsList.
|
|
22
|
+
// Await document render before rendering the component.
|
|
23
|
+
if (document !== undefined) {
|
|
24
|
+
setNotificationsList( /*#__PURE__*/React.createElement(ToastNotificationsList, null));
|
|
25
|
+
setDocumentIsAvailable(true);
|
|
26
|
+
}
|
|
27
|
+
}, [documentIsAvailable]);
|
|
14
28
|
return /*#__PURE__*/React.createElement(OptionalIntlProvider, {
|
|
15
29
|
locale: locale
|
|
16
|
-
}, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ToastNotificationProvider, null,
|
|
30
|
+
}, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ToastNotificationProvider, null, notificationsList, children), /*#__PURE__*/React.createElement(FontDefinitions, null)));
|
|
17
31
|
};
|
|
18
32
|
KaizenProvider.displayName = "KaizenProvider";
|
|
19
33
|
return KaizenProvider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KaizenProvider.mjs","sources":["../../../src/KaizenProvider/KaizenProvider.tsx"],"sourcesContent":["import React from \"react\"\nimport { ToastNotificationsList } from \"~components/Notification\"\nimport { ToastNotificationProvider } from \"~components/Notification/ToastNotification/context/ToastNotificationContext\"\nimport { FontDefinitions } from \"./subcomponents/FontDefinitions\"\nimport { OptionalIntlProvider } from \"./subcomponents/OptionalIntlProvider\"\n\nexport type KaizenProviderProps = {\n children: React.ReactNode\n locale?: string\n}\n\nexport const KaizenProvider = ({\n children,\n locale = \"en\",\n}: KaizenProviderProps): JSX.Element => (\n <OptionalIntlProvider locale={locale}>\n
|
|
1
|
+
{"version":3,"file":"KaizenProvider.mjs","sources":["../../../src/KaizenProvider/KaizenProvider.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { ToastNotificationsList } from \"~components/Notification\"\nimport { ToastNotificationProvider } from \"~components/Notification/ToastNotification/context/ToastNotificationContext\"\nimport { FontDefinitions } from \"./subcomponents/FontDefinitions\"\nimport { OptionalIntlProvider } from \"./subcomponents/OptionalIntlProvider\"\n\nexport type KaizenProviderProps = {\n children: React.ReactNode\n locale?: string\n}\n\nexport const KaizenProvider = ({\n children,\n locale = \"en\",\n}: KaizenProviderProps): JSX.Element => {\n const [documentIsAvailable, setDocumentIsAvailable] = useState<boolean>(false)\n const [notificationsList, setNotificationsList] = useState<JSX.Element>()\n\n useEffect(() => {\n // SSR does not have a document, which is required for ToastNotificationsList.\n // Await document render before rendering the component.\n if (document !== undefined) {\n setNotificationsList(<ToastNotificationsList />)\n setDocumentIsAvailable(true)\n }\n }, [documentIsAvailable])\n\n return (\n <OptionalIntlProvider locale={locale}>\n <>\n <ToastNotificationProvider>\n {notificationsList}\n {children}\n </ToastNotificationProvider>\n <FontDefinitions />\n </>\n </OptionalIntlProvider>\n )\n}\n\nKaizenProvider.displayName = \"KaizenProvider\"\n"],"names":["KaizenProvider","_a","children","_b","locale","_c","useState","documentIsAvailable","setDocumentIsAvailable","_d","notificationsList","setNotificationsList","useEffect","document","undefined","React","createElement","ToastNotificationsList","OptionalIntlProvider","Fragment","ToastNotificationProvider","FontDefinitions","displayName"],"mappings":";;;;;;;;MAWaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAGT,EAAA;IAFpB,IAAAC,QAAQ,cAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,MAAa;MAAbA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAAA,EAAA;IAEP,IAAAE,EAAA,GAAgDC,QAAQ,CAAU,KAAK,CAAC;MAAvEC,mBAAmB,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,sBAAsB,GAAAH,EAAA,CAAA,CAAA,CAA4B;IACxE,IAAAI,EAAA,GAA4CH,QAAQ,CAAe,CAAA;MAAlEI,iBAAiB,GAAAD,EAAA,CAAA,CAAA,CAAA;MAAEE,oBAAoB,GAAAF,EAAA,CAAA,CAAA,CAA2B;IAEzEG,SAAS,CAAC,YAAA;;;MAGR,IAAIC,QAAQ,KAAKC,SAAS,EAAE;QAC1BH,oBAAoB,eAACI,KAAA,CAAAC,aAAA,CAACC,sBAAsB,EAAA,IAAA,CAAG,CAAC;QAChDT,sBAAsB,CAAC,IAAI,CAAC;MAC7B;IACH,CAAC,EAAE,CAACD,mBAAmB,CAAC,CAAC;IAEzB,oBACEQ,KAAC,CAAAC,aAAA,CAAAE,oBAAoB,EAAC;MAAAd,MAAM,EAAEA;IAAM,CAAA,eAClCW,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAI,QAAA,EAAA,IAAA,eACEJ,KAAA,CAAAC,aAAA,CAACI,yBAAyB,EAAA,IAAA,EACvBV,iBAAiB,EACjBR,QAAQ,CACiB,eAC5Ba,KAAA,CAAAC,aAAA,CAACK,eAAe,EAAA,IAAA,CAAG,CAClB,CACkB;EAE3B,CAAC;EAEDrB,cAAc,CAACsB,WAAW,GAAG,gBAAgB;EAAA,OA7BhCtB,cAAc;AAAA;"}
|
package/dist/esm/index.css
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
.Select-module_container__TaMKg{position:relative;width:100%}.Select-module_notFullWidth__Mr-3G{width:180px}
|
|
2
|
-
.RemovableTag-module_removableTag__IwJHj{padding:var(--spacing-4,.25rem) var(--spacing-4,.25rem) var(--spacing-4,.25rem) var(--spacing-8,.5rem);padding-block:var(--spacing-4,.25rem);padding-inline:var(--spacing-8,.5rem) var(--spacing-4,.25rem)}
|
|
3
2
|
.Tag-module_tag__Ef8Iu{align-items:center;border-radius:28px;display:inline-flex;font-family:var(--typography-paragraph-intro-lede-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-small-font-size,.875rem);font-weight:var(--typography-paragraph-small-font-weight,400);gap:var(--spacing-4,.25rem);line-height:var(--typography-paragraph-small-line-height,1.125rem);padding:var(--spacing-4,.25rem) var(--spacing-8,.5rem);white-space:nowrap}.Tag-module_iconContainer__tEPTW{display:inline-flex}.Tag-module_gray__4YmDZ{background-color:var(--color-gray-300,#eaeaec);color:var(--color-purple-800,#2f2438)}.Tag-module_blue__CjyTI{background-color:var(--color-blue-100,#e6f6ff);color:var(--color-blue-700,#003157)}.Tag-module_blue__CjyTI .Tag-module_iconContainer__tEPTW{color:var(--color-blue-500,#0168b3)}.Tag-module_green__uC0TU{background-color:var(--color-green-100,#e8f8f4);color:var(--color-green-700,#22594a)}.Tag-module_green__uC0TU .Tag-module_iconContainer__tEPTW{color:var(--color-green-500,#44a289)}.Tag-module_yellow__wEk5Z{background-color:var(--color-yellow-100,#fff9e4);color:var(--color-yellow-700,#876400)}.Tag-module_yellow__wEk5Z .Tag-module_iconContainer__tEPTW{color:var(--color-yellow-500,#ffb600)}.Tag-module_orange__V-KdG{background-color:var(--color-orange-100,#fff0e8);color:var(--color-orange-700,#903c00)}.Tag-module_orange__V-KdG .Tag-module_iconContainer__tEPTW{color:var(--color-orange-500,#e96c2f)}.Tag-module_red__cg1Rf{background-color:var(--color-red-100,#fdeaee);color:var(--color-red-700,#6c1e20)}.Tag-module_red__cg1Rf .Tag-module_iconContainer__tEPTW{color:var(--color-red-500,#c93b55)}.Tag-module_purple__OR2Jt{background-color:var(--color-purple-100,#f4edf8);color:var(--color-purple-700,#4a234d)}.Tag-module_purple__OR2Jt .Tag-module_iconContainer__tEPTW{color:var(--color-purple-500,#844587)}
|
|
3
|
+
.RemovableTag-module_removableTag__IwJHj{padding:var(--spacing-4,.25rem) var(--spacing-4,.25rem) var(--spacing-4,.25rem) var(--spacing-8,.5rem);padding-block:var(--spacing-4,.25rem);padding-inline:var(--spacing-8,.5rem) var(--spacing-4,.25rem)}
|
|
4
4
|
.Popover-module_popover__B7k5I{background:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 8px 40px rgba(0,0,0,.08),0 3px 9px rgba(0,0,0,.1));box-sizing:border-box;overflow:auto}
|
|
5
5
|
.RemoveButton-module_removeButton__9yzxJ{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:50%;color:inherit;color:rgba(var(--color-purple-800-rgb,47,36,56),.7);display:inline;display:inline-flex;font:inherit;margin:0;padding:0;position:relative}.RemoveButton-module_removeButton__9yzxJ:focus,.RemoveButton-module_removeButton__9yzxJ:focus-visible{outline:none}.RemoveButton-module_removeButton__9yzxJ:focus-visible:after,.RemoveButton-module_removeButton__9yzxJ:focus:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:50%;border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:-3px;position:absolute}.RemoveButton-module_removeButton__9yzxJ:before{border-radius:50%;content:"";inset:-5px;position:absolute}.RemoveButton-module_removeButton__9yzxJ:focus,.RemoveButton-module_removeButton__9yzxJ:focus-visible,.RemoveButton-module_removeButton__9yzxJ:hover{background-color:rgba(var(--color-gray-600-rgb,82,78,86),.2);color:var(--color-purple-800,#2f2438);cursor:pointer}
|
|
6
|
-
.Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
|
|
7
6
|
.Main-module_main__hMyB1{z-index:0}
|
|
7
|
+
.Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
|
|
8
|
+
.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
|
|
9
|
+
.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
|
|
10
|
+
.Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
|
|
8
11
|
.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
|
|
9
12
|
.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
|
|
10
13
|
.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
|
|
11
|
-
.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
|
|
12
|
-
.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
|
|
13
14
|
.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
|
|
14
|
-
.Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
|
|
15
15
|
.SVG-module_icon__8J5Ev{display:inline-block;height:20px;width:20px}.SVG-module_icon__8J5Ev>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG-module_icon__8J5Ev{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__8J5Ev{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__8J5Ev{color:#000}}.SVG-module_inheritSize__Q8iam{display:block;height:inherit;width:inherit}
|
|
16
16
|
.Avatar-module_wrapper__LY2q2{align-items:center;background:var(--color-gray-300,#eaeaec);border-radius:100%;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS){border:3px solid var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1))}.Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7--{background:var(--color-orange-100,#fff0e8)}.Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl{background:var(--color-gray-300,#eaeaec)}.Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE{background:var(--color-white,#fff);border:0;border-radius:var(--border-solid-border-radius,7px);padding:6px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS{height:1.25rem;width:1.25rem}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE{padding:0}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8{height:3rem;width:3rem}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs{height:4.5rem;width:4.5rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG{height:6rem;width:6rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq{height:7.75rem;width:7.75rem}.Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q{speak-as:spell-out;border-bottom:none;text-decoration:none}.Avatar-module_avatarImage__FuULy{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy{display:none}.Avatar-module_companyAvatarImage__7rlfG{border-radius:4px;box-sizing:border-box;-o-object-fit:contain;object-fit:contain}.Avatar-module_fallbackIcon__MPWxq{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);width:28px}.Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq{width:75px}.Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq{width:60px}.Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq{width:35px}.Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:25px}.Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:10px}.Avatar-module_initials__VDY2Q{box-sizing:border-box;color:var(--color-purple-800,#2f2438);font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:22px;font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);padding-left:5px;padding-right:5px;text-align:center;width:100%}.Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf):before{content:"";display:block;margin-top:-.001em}.Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q,.Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q{font-size:34px;letter-spacing:var(--typography-heading-1-letter-spacing,normal)}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{font-size:16px}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q,.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-size:8px}
|
|
17
17
|
.AvatarGroup-module_AvatarGroup__bdL0o{display:inline-flex;list-style:none;margin:0;padding:0}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-.625rem}[dir=rtl] .AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-1.5rem}[dir=rtl] .AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-2.25rem}[dir=rtl] .AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_AvatarCounter__PKFzl{align-items:center;background:var(--color-gray-300,#eaeaec);border:3px solid var(--color-white,#fff);border-radius:100%;box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{border:none;box-shadow:none;font-size:.5rem;height:1.25rem;width:1.25rem}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl,.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-5-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl{font-size:var(--typography-heading-5-font-size,1rem);height:3rem;width:3rem}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-3-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-3-font-size,1.375rem);font-weight:var(--typography-heading-3-font-weight,700);height:4.5rem;letter-spacing:var(--typography-heading-3-letter-spacing,normal);width:4.5rem}[dir=rtl] .AvatarGroup-module_AvatarCounter__PKFzl{direction:ltr;margin-left:0}
|