@kaizen/components 0.0.0-canary-js-tokens-20231102052541 → 0.0.0-canary-reset-20231103000558
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/ErrorPage/hooks/useErrorMessages.cjs +1 -1
- package/dist/cjs/ErrorPage/hooks/useErrorMessages.cjs.map +1 -1
- package/dist/cjs/index.css +5 -5
- package/dist/esm/ErrorPage/hooks/useErrorMessages.mjs +1 -1
- package/dist/esm/ErrorPage/hooks/useErrorMessages.mjs.map +1 -1
- package/dist/esm/index.css +3 -3
- package/dist/styles.css +1 -1
- package/package.json +2 -2
|
@@ -48,7 +48,7 @@ var useErrorMessages = function (code) {
|
|
|
48
48
|
}),
|
|
49
49
|
message: formatMessage({
|
|
50
50
|
id: "kzErrorPage.404.message",
|
|
51
|
-
defaultMessage: "Sorry but we can't
|
|
51
|
+
defaultMessage: "Sorry but we can't find the page you're looking for. Go back and try again, or head to Home",
|
|
52
52
|
description: "Call to action instructions for the user"
|
|
53
53
|
})
|
|
54
54
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useErrorMessages.cjs","sources":["../../../../src/ErrorPage/hooks/useErrorMessages.ts"],"sourcesContent":["import { useIntl } from \"@cultureamp/i18n-react-intl\"\nexport const statusCodes = [\n \"400\",\n \"401\",\n \"403\",\n \"404\",\n \"422\",\n \"500\",\n \"502\",\n \"503\",\n \"504\",\n] as const\n\nexport type ErrorStatuses = (typeof statusCodes)[number]\ntype TranslationMap = Record<ErrorStatuses, { title: string; message: string }>\n\nexport const useErrorMessages = (\n code: ErrorStatuses\n): TranslationMap[ErrorStatuses] => {\n const { formatMessage } = useIntl()\n\n const translationsMap: TranslationMap = {\n 400: {\n title: formatMessage({\n id: \"kzErrorPage.400.title\",\n defaultMessage: \"Your request has slipped into the void\",\n description: \"Heading for page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.400.message\",\n defaultMessage:\n \"Sorry but your request couldn’t be completed. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 401: {\n title: formatMessage({\n id: \"kzErrorPage.401.title\",\n defaultMessage: \"You can't view this page\",\n description: \"Main title for page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.401.message\",\n defaultMessage:\n \"Sorry but we can't verify if you're able to view this page. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 403: {\n title: formatMessage({\n id: \"kzErrorPage.403.title\",\n defaultMessage: \"You can't view this page\",\n description: \"Main title for page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.403.message\",\n defaultMessage:\n \"Sorry but it looks like you don’t have permission to view this page. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 404: {\n title: formatMessage({\n id: \"kzErrorPage.404.title\",\n defaultMessage: \"Missing pages are one of life's mysteries\",\n description: \"Main title of page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.404.message\",\n defaultMessage:\n \"Sorry but we can't
|
|
1
|
+
{"version":3,"file":"useErrorMessages.cjs","sources":["../../../../src/ErrorPage/hooks/useErrorMessages.ts"],"sourcesContent":["import { useIntl } from \"@cultureamp/i18n-react-intl\"\nexport const statusCodes = [\n \"400\",\n \"401\",\n \"403\",\n \"404\",\n \"422\",\n \"500\",\n \"502\",\n \"503\",\n \"504\",\n] as const\n\nexport type ErrorStatuses = (typeof statusCodes)[number]\ntype TranslationMap = Record<ErrorStatuses, { title: string; message: string }>\n\nexport const useErrorMessages = (\n code: ErrorStatuses\n): TranslationMap[ErrorStatuses] => {\n const { formatMessage } = useIntl()\n\n const translationsMap: TranslationMap = {\n 400: {\n title: formatMessage({\n id: \"kzErrorPage.400.title\",\n defaultMessage: \"Your request has slipped into the void\",\n description: \"Heading for page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.400.message\",\n defaultMessage:\n \"Sorry but your request couldn’t be completed. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 401: {\n title: formatMessage({\n id: \"kzErrorPage.401.title\",\n defaultMessage: \"You can't view this page\",\n description: \"Main title for page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.401.message\",\n defaultMessage:\n \"Sorry but we can't verify if you're able to view this page. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 403: {\n title: formatMessage({\n id: \"kzErrorPage.403.title\",\n defaultMessage: \"You can't view this page\",\n description: \"Main title for page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.403.message\",\n defaultMessage:\n \"Sorry but it looks like you don’t have permission to view this page. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 404: {\n title: formatMessage({\n id: \"kzErrorPage.404.title\",\n defaultMessage: \"Missing pages are one of life's mysteries\",\n description: \"Main title of page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.404.message\",\n defaultMessage:\n \"Sorry but we can't find the page you're looking for. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 422: {\n title: formatMessage({\n id: \"kzErrorPage.422.title\",\n defaultMessage: \"Change never comes easy\",\n description: \"Main title of page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.422.message\",\n defaultMessage:\n \"Sorry but your change couldn't be made. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 500: {\n title: formatMessage({\n id: \"kzErrorPage.500.title\",\n defaultMessage: \"Something's gone wrong on our side\",\n description: \"Main title of page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.500\",\n defaultMessage:\n \"Sorry there's an issue with our system and this page can't be displayed. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 502: {\n title: formatMessage({\n id: \"kzErrorPage.502.title\",\n defaultMessage: \"You can't view this page\",\n description: \"Main title of page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.502.message\",\n defaultMessage:\n \"Sorry about this. The best thing to do is go back and try again.\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 503: {\n title: formatMessage({\n id: \"kzErrorPage.503.title\",\n defaultMessage: \"You can't view this page\",\n description: \"Main title of page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.503.message\",\n defaultMessage:\n \"Sorry about this. The best thing to do is go back and try again.\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 504: {\n title: formatMessage({\n id: \"kzErrorPage.504.title\",\n defaultMessage: \"You can't view this page\",\n description: \"Main title of page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.504.message\",\n defaultMessage:\n \"Sorry about this. The best thing to do is go back and try again.\",\n description: \"Call to action instructions for the user\",\n }),\n },\n }\n\n return (\n translationsMap[code] || {\n title: \"\",\n message: \"\",\n }\n )\n}\n"],"names":["useErrorMessages","code","formatMessage","useIntl","translationsMap","title","id","defaultMessage","description","message"],"mappings":"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"}
|
package/dist/cjs/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
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
3
|
.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)}
|
|
4
|
-
.
|
|
4
|
+
.Main-module_main__hMyB1{z-index:0}
|
|
5
5
|
.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}
|
|
6
|
+
.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}
|
|
6
7
|
.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}
|
|
7
|
-
.Main-module_main__hMyB1{z-index:0}
|
|
8
8
|
.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}}
|
|
9
|
-
.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
9
|
.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)}
|
|
11
|
-
.
|
|
10
|
+
.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}
|
|
12
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)}}
|
|
13
|
-
.
|
|
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}
|
|
14
13
|
.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}}
|
|
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}}
|
|
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}
|
|
@@ -46,7 +46,7 @@ var useErrorMessages = function (code) {
|
|
|
46
46
|
}),
|
|
47
47
|
message: formatMessage({
|
|
48
48
|
id: "kzErrorPage.404.message",
|
|
49
|
-
defaultMessage: "Sorry but we can't
|
|
49
|
+
defaultMessage: "Sorry but we can't find the page you're looking for. Go back and try again, or head to Home",
|
|
50
50
|
description: "Call to action instructions for the user"
|
|
51
51
|
})
|
|
52
52
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useErrorMessages.mjs","sources":["../../../../src/ErrorPage/hooks/useErrorMessages.ts"],"sourcesContent":["import { useIntl } from \"@cultureamp/i18n-react-intl\"\nexport const statusCodes = [\n \"400\",\n \"401\",\n \"403\",\n \"404\",\n \"422\",\n \"500\",\n \"502\",\n \"503\",\n \"504\",\n] as const\n\nexport type ErrorStatuses = (typeof statusCodes)[number]\ntype TranslationMap = Record<ErrorStatuses, { title: string; message: string }>\n\nexport const useErrorMessages = (\n code: ErrorStatuses\n): TranslationMap[ErrorStatuses] => {\n const { formatMessage } = useIntl()\n\n const translationsMap: TranslationMap = {\n 400: {\n title: formatMessage({\n id: \"kzErrorPage.400.title\",\n defaultMessage: \"Your request has slipped into the void\",\n description: \"Heading for page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.400.message\",\n defaultMessage:\n \"Sorry but your request couldn’t be completed. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 401: {\n title: formatMessage({\n id: \"kzErrorPage.401.title\",\n defaultMessage: \"You can't view this page\",\n description: \"Main title for page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.401.message\",\n defaultMessage:\n \"Sorry but we can't verify if you're able to view this page. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 403: {\n title: formatMessage({\n id: \"kzErrorPage.403.title\",\n defaultMessage: \"You can't view this page\",\n description: \"Main title for page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.403.message\",\n defaultMessage:\n \"Sorry but it looks like you don’t have permission to view this page. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 404: {\n title: formatMessage({\n id: \"kzErrorPage.404.title\",\n defaultMessage: \"Missing pages are one of life's mysteries\",\n description: \"Main title of page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.404.message\",\n defaultMessage:\n \"Sorry but we can't
|
|
1
|
+
{"version":3,"file":"useErrorMessages.mjs","sources":["../../../../src/ErrorPage/hooks/useErrorMessages.ts"],"sourcesContent":["import { useIntl } from \"@cultureamp/i18n-react-intl\"\nexport const statusCodes = [\n \"400\",\n \"401\",\n \"403\",\n \"404\",\n \"422\",\n \"500\",\n \"502\",\n \"503\",\n \"504\",\n] as const\n\nexport type ErrorStatuses = (typeof statusCodes)[number]\ntype TranslationMap = Record<ErrorStatuses, { title: string; message: string }>\n\nexport const useErrorMessages = (\n code: ErrorStatuses\n): TranslationMap[ErrorStatuses] => {\n const { formatMessage } = useIntl()\n\n const translationsMap: TranslationMap = {\n 400: {\n title: formatMessage({\n id: \"kzErrorPage.400.title\",\n defaultMessage: \"Your request has slipped into the void\",\n description: \"Heading for page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.400.message\",\n defaultMessage:\n \"Sorry but your request couldn’t be completed. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 401: {\n title: formatMessage({\n id: \"kzErrorPage.401.title\",\n defaultMessage: \"You can't view this page\",\n description: \"Main title for page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.401.message\",\n defaultMessage:\n \"Sorry but we can't verify if you're able to view this page. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 403: {\n title: formatMessage({\n id: \"kzErrorPage.403.title\",\n defaultMessage: \"You can't view this page\",\n description: \"Main title for page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.403.message\",\n defaultMessage:\n \"Sorry but it looks like you don’t have permission to view this page. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 404: {\n title: formatMessage({\n id: \"kzErrorPage.404.title\",\n defaultMessage: \"Missing pages are one of life's mysteries\",\n description: \"Main title of page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.404.message\",\n defaultMessage:\n \"Sorry but we can't find the page you're looking for. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 422: {\n title: formatMessage({\n id: \"kzErrorPage.422.title\",\n defaultMessage: \"Change never comes easy\",\n description: \"Main title of page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.422.message\",\n defaultMessage:\n \"Sorry but your change couldn't be made. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 500: {\n title: formatMessage({\n id: \"kzErrorPage.500.title\",\n defaultMessage: \"Something's gone wrong on our side\",\n description: \"Main title of page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.500\",\n defaultMessage:\n \"Sorry there's an issue with our system and this page can't be displayed. Go back and try again, or head to Home\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 502: {\n title: formatMessage({\n id: \"kzErrorPage.502.title\",\n defaultMessage: \"You can't view this page\",\n description: \"Main title of page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.502.message\",\n defaultMessage:\n \"Sorry about this. The best thing to do is go back and try again.\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 503: {\n title: formatMessage({\n id: \"kzErrorPage.503.title\",\n defaultMessage: \"You can't view this page\",\n description: \"Main title of page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.503.message\",\n defaultMessage:\n \"Sorry about this. The best thing to do is go back and try again.\",\n description: \"Call to action instructions for the user\",\n }),\n },\n 504: {\n title: formatMessage({\n id: \"kzErrorPage.504.title\",\n defaultMessage: \"You can't view this page\",\n description: \"Main title of page\",\n }),\n message: formatMessage({\n id: \"kzErrorPage.504.message\",\n defaultMessage:\n \"Sorry about this. The best thing to do is go back and try again.\",\n description: \"Call to action instructions for the user\",\n }),\n },\n }\n\n return (\n translationsMap[code] || {\n title: \"\",\n message: \"\",\n }\n )\n}\n"],"names":["useErrorMessages","code","formatMessage","useIntl","translationsMap","title","id","defaultMessage","description","message"],"mappings":"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"}
|
package/dist/esm/index.css
CHANGED
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
.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)}
|
|
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
|
.Main-module_main__hMyB1{z-index:0}
|
|
6
|
-
.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}
|
|
7
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}
|
|
8
|
-
.
|
|
7
|
+
.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}
|
|
8
|
+
.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}}
|
|
9
9
|
.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
10
|
.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)}
|
|
11
|
-
.
|
|
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
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
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}}
|