@axa-fr/design-system-slash-css 0.2.0-beta.297 → 0.2.0-beta.299
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/Alert/Alert.client.css.map +1 -1
- package/dist/Button/Button.client.css.map +1 -1
- package/dist/Button/Button.client.scss +1 -1
- package/dist/Card/Card.client.css.map +1 -1
- package/dist/Form/Checkbox/Client/Checkbox.css.map +1 -1
- package/dist/Form/Checkbox/Client/Checkbox.scss +1 -1
- package/dist/Form/FileUpload/Client/FileUpload.client.css.map +1 -1
- package/dist/Form/FileUpload/Client/FileUpload.client.scss +1 -1
- package/dist/Form/Radio/Client/Radio.css.map +1 -1
- package/dist/Form/Radio/Client/Radio.scss +1 -1
- package/dist/Form/Select/Client/Select.client.css.map +1 -1
- package/dist/Form/Select/Client/Select.client.scss +1 -1
- package/dist/Form/Text/Client/Text.client.css.map +1 -1
- package/dist/Form/Text/Client/Text.client.scss +1 -1
- package/dist/Layout/Footer/Footer.client.css.map +1 -1
- package/dist/Layout/Header/Client/Header.client.css.map +1 -1
- package/dist/Layout/Header/Client/NavBar/NavBar.css.map +1 -1
- package/dist/Link/Link.client.css.map +1 -1
- package/dist/List/ClickList/ClickList.client.css.map +1 -1
- package/dist/List/ClickList/ClickList.client.scss +1 -1
- package/dist/List/ContentItemDuo/ContentItemDuo.css.map +1 -1
- package/dist/List/ContentItemMono/ContentItemMono.css.map +1 -1
- package/dist/List/ContentTabList/ContentTabList.client.css.map +1 -1
- package/dist/Modal/Modal.client.css.map +1 -1
- package/dist/Stepper/Stepper.client.css.map +1 -1
- package/dist/Stepper/Stepper.client.scss +2 -2
- package/dist/Tabs/Tabs.client.css.map +1 -1
- package/dist/Tag/Tag.client.css.map +1 -1
- package/dist/Title/Client/Title.css.map +1 -1
- package/dist/client.css.map +1 -1
- package/dist/common/common.client.scss +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/Form/Text/Client/Text.client.scss%23sass","../../../../src/Form/Text/Client/Text.client.scss","../../../../src/common/common.client.scss"],"names":[],"mappings":"AAGE,0BAGE,sBAAA,CAFA,YAAA,CCFJ,qBAEA,CDKE,sBAIE,UAAA,CAFA,kBAAA,CACA,eAAA,CAFA,QCAJ,CDME,4BAIE,aEaa,CFfb,cAAA,CACA,eAAA,CAFA,kBCDJ,CDOE,uBAGE,aAAA,CADA,eAAA,CADA,gBCHJ,CDQE,qBAIE,wBAAA,CACA,iBAAA,CAEA,UAAA,CADA,kBAAA,CALA,gBAAA,CAEA,6BCFJ,CDQI,4BACE,wBCNN,CDUM,uEAEE,wBAAA,CACA,YCTR,CDaI,qFACE,wBAAA,CACA,YCXN","file":"Text.client.css","sourcesContent":["@use \"../../../common/common.client.scss\" as common;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n\n &__input-label {\n margin: 0;\n font-size: 1.125rem;\n font-weight: 600;\n color: common.$color-gray-900;\n }\n\n &__input-description {\n margin-top: -0.25rem;\n font-size: 1rem;\n font-weight: 400;\n color: common.$color-gray-700;\n }\n\n &__input-helper {\n margin-top: 0.2rem;\n font-size: 0.9rem;\n color: common.$color-gray-700;\n }\n\n &__input-text {\n margin-top: 0.5rem;\n padding: 1rem;\n padding-right: 2.5rem;\n border: 1px solid common.$color-gray;\n border-radius:
|
|
1
|
+
{"version":3,"sources":["../../../../src/Form/Text/Client/Text.client.scss%23sass","../../../../src/Form/Text/Client/Text.client.scss","../../../../src/common/common.client.scss"],"names":[],"mappings":"AAGE,0BAGE,sBAAA,CAFA,YAAA,CCFJ,qBAEA,CDKE,sBAIE,UAAA,CAFA,kBAAA,CACA,eAAA,CAFA,QCAJ,CDME,4BAIE,aEaa,CFfb,cAAA,CACA,eAAA,CAFA,kBCDJ,CDOE,uBAGE,aAAA,CADA,eAAA,CADA,gBCHJ,CDQE,qBAIE,wBAAA,CACA,iBAAA,CAEA,UAAA,CADA,kBAAA,CALA,gBAAA,CAEA,6BCFJ,CDQI,4BACE,wBCNN,CDUM,uEAEE,wBAAA,CACA,YCTR,CDaI,qFACE,wBAAA,CACA,YCXN","file":"Text.client.css","sourcesContent":["@use \"../../../common/common.client.scss\" as common;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n\n &__input-label {\n margin: 0;\n font-size: 1.125rem;\n font-weight: 600;\n color: common.$color-gray-900;\n }\n\n &__input-description {\n margin-top: -0.25rem;\n font-size: 1rem;\n font-weight: 400;\n color: common.$color-gray-700;\n }\n\n &__input-helper {\n margin-top: 0.2rem;\n font-size: 0.9rem;\n color: common.$color-gray-700;\n }\n\n &__input-text {\n margin-top: 0.5rem;\n padding: 1rem;\n padding-right: 2.5rem;\n border: 1px solid common.$color-gray;\n border-radius: common.$default-border-radius;\n font-size: 1.125rem;\n color: common.$color-gray-900;\n\n &--error {\n border: 2px solid common.$color-red-700;\n }\n\n &:enabled {\n &:focus,\n &:active {\n border: 1px solid common.$color-axa;\n outline: none;\n }\n }\n\n &:not(:disabled, :focus, :active, &--error):hover {\n border: 2px solid common.$color-axa;\n outline: none;\n }\n }\n}\n","@use \"../../../common/common.client.scss\" as common;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n\n &__input-label {\n margin: 0;\n font-size: 1.125rem;\n font-weight: 600;\n color: common.$color-gray-900;\n }\n\n &__input-description {\n margin-top: -0.25rem;\n font-size: 1rem;\n font-weight: 400;\n color: common.$color-gray-700;\n }\n\n &__input-helper {\n margin-top: 0.2rem;\n font-size: 0.9rem;\n color: common.$color-gray-700;\n }\n\n &__input-text {\n margin-top: 0.5rem;\n padding: 1rem;\n padding-right: 2.5rem;\n border: 1px solid common.$color-gray;\n border-radius: common.$default-border-radius;\n font-size: 1.125rem;\n color: common.$color-gray-900;\n\n &--error {\n border: 2px solid common.$color-red-700;\n }\n\n &:enabled {\n &:focus,\n &:active {\n border: 1px solid common.$color-axa;\n outline: none;\n }\n }\n\n &:not(:disabled, :focus, :active, &--error):hover {\n border: 2px solid common.$color-axa;\n outline: none;\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Layout/Footer/Footer.client.scss%23sass","../../../src/common/common.client.scss","../../../src/Layout/Footer/Footer.client.scss"],"names":[],"mappings":"AAEA,WAOE,wBCkBgB,CDnBhB,UAAA,CENF,YAAA,CFGE,qBAAA,CACA,4BAAA,CACA,wBAAA,CAJA,WEKF,CFGE,sBAIE,gBAAA,CAHA,QAAA,CAEA,eAAA,CADA,SAAA,CAGA,qCEDJ,CFKI,+BACE,WAAA,CACA,cAAA,CACA,wCEHN,CFSE,wBACE,iBAAA,CACA,sBAAA,CACA,0DAAA,CACA,+CEPJ,CFSI,iCACE,YEPN,CFWE,qBAIE,UCpCU,CDiCV,aAAA,CACA,qBAAA,CACA,oBERJ,CFWI,2BACE,aETN,CFaE,4BAIE,sBAAA,CAAA,kBAAA,CAHA,YAAA,CAIA,kBAAA,CAEA,UAAA,CADA,sBAAA,CAJA,oBENJ,CFcE,0BACE,iBAAA,CACA,UCvDU,CDwDV,SEZJ,CFcI,gCACE,aAAA,CACA,YEZN,CFgBE,6BACE,SAAA,CAEA,qBAAA,CADA,YAAA,CAIA,6BAAA,CADA,qBAAA,CADA,UEZJ,CFiBE,iCAEE,UAAA,CADA,eEdJ,CFkBE,yBACE,aEhBJ,CFmBE,0BACE,iBEjBJ,CFoBE,iBAGE,iBAAA,CADA,WAAA,CADA,UAAA,CAGA,SElBJ,CFsBA,yCAEI,sBAME,gBAAA,CE1BJ,YAAA,CFwBI,kBAAA,CAFA,WAAA,CElBJ,6BAAA,CAFA,gBAIA,CFsBI,mCEpBJ,iBACA,CFwBE,qBAGE,iBAAA,CADA,2BAAA,CAEA,UAAA,CAHA,gBEnBJ,CACF,4BAEA,WAAA,CACE,UAAA,CFsBI,kCErBJ,CF2BE,sBAIE,aAAA,CADA,gBAAA,CADA,UErBJ,CF4BE,0CARE,YAAA,CAIA,kBAAA,CACA,6BElBJ,CFqBE,oBAEE,aAAA,CAGA,oBE1BJ,CF6BE,6BACE,YAAA,CACA,mCE3BJ,CF+BE,yBAEE,0BAAA,CADA,SAAA,CAEA,gBE7BJ,CFgCE,8BAGE,aAAA,CADA,gBAAA,CADA,UE5BJ,CFiCE,0BACE,YAAA,CAEA,wBAAA,CADA,4BE9BJ,CACF","file":"Footer.client.css","sourcesContent":["@use \"../../common/common.client.scss\" as common;\n\n.af-footer {\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n text-transform: uppercase;\n color: common.$color-white;\n background-color: common.$color-oceanBlue;\n\n &__menuLinks {\n height: 0;\n padding: 0;\n overflow: hidden;\n background: transparent;\n transition:\n background 0ms,\n padding 0ms;\n\n &--display {\n height: auto;\n padding: 0 2rem;\n transition:\n background 250ms,\n padding 125ms;\n }\n }\n\n &__iconTrigger {\n align-self: center;\n justify-content: center;\n transform: rotate3d(var(--rotate-x, 0), 0, 0, 180deg) !important;\n transition: transform 250ms ease-in-out !important;\n\n &--display {\n --rotate-x: 1;\n }\n }\n\n &__linkItem {\n display: block;\n padding: 1.2rem common.$spacing-u3;\n text-decoration: none;\n color: common.$color-white;\n\n &:hover {\n color: common.$color-blue-1;\n }\n }\n\n &__footerMenuIcons {\n display: flex;\n padding: common.$spacing-u2 common.$spacing-u1;\n border: 1px solid rgba(255, 255, 255, 20%);\n border-width: 1px 0;\n flex-direction: row;\n justify-content: center;\n gap: common.$spacing-u3;\n }\n\n &__menuIconLinks {\n align-self: center;\n color: common.$color-white;\n fill: common.$color-white;\n\n &:hover {\n color: common.$color-blue-1;\n fill: common.$color-blue-1;\n }\n }\n\n &__menuAboutTrigger {\n all: unset;\n display: flex;\n box-sizing: border-box;\n width: 100%;\n padding: common.$spacing-u2 common.$spacing-u4;\n justify-content: space-between;\n }\n\n &__menuAboutTriggerText {\n font-weight: bold;\n color: common.$color-white;\n }\n\n &__footerBottom {\n padding: common.$spacing-u1;\n }\n\n &__textCopyright {\n font-size: 0.875rem;\n }\n\n &__icon {\n width: 16px;\n height: 16px;\n align-self: center;\n fill: common.$color-white;\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-footer {\n &__menuLinks {\n display: flex;\n height: auto;\n padding: 1.2rem 0;\n flex-direction: row;\n justify-content: space-between;\n background: transparent;\n\n & :first-child {\n border-left: unset;\n }\n }\n\n &__linkItem {\n padding: 0 common.$spacing-u2;\n border-left: 1px solid rgba(255, 255, 255, 20%);\n align-self: center;\n color: common.$color-white;\n }\n\n &__footerMenuIcons {\n padding: common.$spacing-u2 common.$spacing-u4 common.$spacing-u2\n common.$spacing-u1;\n border: none;\n gap: common.$spacing-u2;\n }\n\n &__footerTop {\n display: flex;\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n flex-direction: row;\n justify-content: space-between;\n }\n\n &__menuTop {\n display: flex;\n padding: common.$spacing-u1;\n flex-direction: row;\n justify-content: space-between;\n text-decoration: none;\n }\n\n &__menuAboutTrigger {\n display: none;\n padding: common.$spacing-u2 common.$spacing-u2 common.$spacing-u2\n common.$spacing-u4;\n }\n\n &__footerBottom {\n padding: 0;\n border-top: 1px solid rgba(255, 255, 255, 20%);\n text-align: right;\n }\n\n &__footerBottomWidth {\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n }\n\n &__textCopyright {\n display: flex;\n padding: common.$spacing-u1 common.$spacing-u4 common.$spacing-u1 0;\n justify-content: flex-end;\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$component-border-radius: 8px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n","@use \"../../common/common.client.scss\" as common;\n\n.af-footer {\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n text-transform: uppercase;\n color: common.$color-white;\n background-color: common.$color-oceanBlue;\n\n &__menuLinks {\n height: 0;\n padding: 0;\n overflow: hidden;\n background: transparent;\n transition:\n background 0ms,\n padding 0ms;\n\n &--display {\n height: auto;\n padding: 0 2rem;\n transition:\n background 250ms,\n padding 125ms;\n }\n }\n\n &__iconTrigger {\n align-self: center;\n justify-content: center;\n transform: rotate3d(var(--rotate-x, 0), 0, 0, 180deg) !important;\n transition: transform 250ms ease-in-out !important;\n\n &--display {\n --rotate-x: 1;\n }\n }\n\n &__linkItem {\n display: block;\n padding: 1.2rem common.$spacing-u3;\n text-decoration: none;\n color: common.$color-white;\n\n &:hover {\n color: common.$color-blue-1;\n }\n }\n\n &__footerMenuIcons {\n display: flex;\n padding: common.$spacing-u2 common.$spacing-u1;\n border: 1px solid rgba(255, 255, 255, 20%);\n border-width: 1px 0;\n flex-direction: row;\n justify-content: center;\n gap: common.$spacing-u3;\n }\n\n &__menuIconLinks {\n align-self: center;\n color: common.$color-white;\n fill: common.$color-white;\n\n &:hover {\n color: common.$color-blue-1;\n fill: common.$color-blue-1;\n }\n }\n\n &__menuAboutTrigger {\n all: unset;\n display: flex;\n box-sizing: border-box;\n width: 100%;\n padding: common.$spacing-u2 common.$spacing-u4;\n justify-content: space-between;\n }\n\n &__menuAboutTriggerText {\n font-weight: bold;\n color: common.$color-white;\n }\n\n &__footerBottom {\n padding: common.$spacing-u1;\n }\n\n &__textCopyright {\n font-size: 0.875rem;\n }\n\n &__icon {\n width: 16px;\n height: 16px;\n align-self: center;\n fill: common.$color-white;\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-footer {\n &__menuLinks {\n display: flex;\n height: auto;\n padding: 1.2rem 0;\n flex-direction: row;\n justify-content: space-between;\n background: transparent;\n\n & :first-child {\n border-left: unset;\n }\n }\n\n &__linkItem {\n padding: 0 common.$spacing-u2;\n border-left: 1px solid rgba(255, 255, 255, 20%);\n align-self: center;\n color: common.$color-white;\n }\n\n &__footerMenuIcons {\n padding: common.$spacing-u2 common.$spacing-u4 common.$spacing-u2\n common.$spacing-u1;\n border: none;\n gap: common.$spacing-u2;\n }\n\n &__footerTop {\n display: flex;\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n flex-direction: row;\n justify-content: space-between;\n }\n\n &__menuTop {\n display: flex;\n padding: common.$spacing-u1;\n flex-direction: row;\n justify-content: space-between;\n text-decoration: none;\n }\n\n &__menuAboutTrigger {\n display: none;\n padding: common.$spacing-u2 common.$spacing-u2 common.$spacing-u2\n common.$spacing-u4;\n }\n\n &__footerBottom {\n padding: 0;\n border-top: 1px solid rgba(255, 255, 255, 20%);\n text-align: right;\n }\n\n &__footerBottomWidth {\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n }\n\n &__textCopyright {\n display: flex;\n padding: common.$spacing-u1 common.$spacing-u4 common.$spacing-u1 0;\n justify-content: flex-end;\n }\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/Layout/Footer/Footer.client.scss%23sass","../../../src/common/common.client.scss","../../../src/Layout/Footer/Footer.client.scss"],"names":[],"mappings":"AAEA,WAOE,wBCkBgB,CDnBhB,UAAA,CENF,YAAA,CFGE,qBAAA,CACA,4BAAA,CACA,wBAAA,CAJA,WEKF,CFGE,sBAIE,gBAAA,CAHA,QAAA,CAEA,eAAA,CADA,SAAA,CAGA,qCEDJ,CFKI,+BACE,WAAA,CACA,cAAA,CACA,wCEHN,CFSE,wBACE,iBAAA,CACA,sBAAA,CACA,0DAAA,CACA,+CEPJ,CFSI,iCACE,YEPN,CFWE,qBAIE,UCpCU,CDiCV,aAAA,CACA,qBAAA,CACA,oBERJ,CFWI,2BACE,aETN,CFaE,4BAIE,sBAAA,CAAA,kBAAA,CAHA,YAAA,CAIA,kBAAA,CAEA,UAAA,CADA,sBAAA,CAJA,oBENJ,CFcE,0BACE,iBAAA,CACA,UCvDU,CDwDV,SEZJ,CFcI,gCACE,aAAA,CACA,YEZN,CFgBE,6BACE,SAAA,CAEA,qBAAA,CADA,YAAA,CAIA,6BAAA,CADA,qBAAA,CADA,UEZJ,CFiBE,iCAEE,UAAA,CADA,eEdJ,CFkBE,yBACE,aEhBJ,CFmBE,0BACE,iBEjBJ,CFoBE,iBAGE,iBAAA,CADA,WAAA,CADA,UAAA,CAGA,SElBJ,CFsBA,yCAEI,sBAME,gBAAA,CE1BJ,YAAA,CFwBI,kBAAA,CAFA,WAAA,CElBJ,6BAAA,CAFA,gBAIA,CFsBI,mCEpBJ,iBACA,CFwBE,qBAGE,iBAAA,CADA,2BAAA,CAEA,UAAA,CAHA,gBEnBJ,CACF,4BAEA,WAAA,CACE,UAAA,CFsBI,kCErBJ,CF2BE,sBAIE,aAAA,CADA,gBAAA,CADA,UErBJ,CF4BE,0CARE,YAAA,CAIA,kBAAA,CACA,6BElBJ,CFqBE,oBAEE,aAAA,CAGA,oBE1BJ,CF6BE,6BACE,YAAA,CACA,mCE3BJ,CF+BE,yBAEE,0BAAA,CADA,SAAA,CAEA,gBE7BJ,CFgCE,8BAGE,aAAA,CADA,gBAAA,CADA,UE5BJ,CFiCE,0BACE,YAAA,CAEA,wBAAA,CADA,4BE9BJ,CACF","file":"Footer.client.css","sourcesContent":["@use \"../../common/common.client.scss\" as common;\n\n.af-footer {\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n text-transform: uppercase;\n color: common.$color-white;\n background-color: common.$color-oceanBlue;\n\n &__menuLinks {\n height: 0;\n padding: 0;\n overflow: hidden;\n background: transparent;\n transition:\n background 0ms,\n padding 0ms;\n\n &--display {\n height: auto;\n padding: 0 2rem;\n transition:\n background 250ms,\n padding 125ms;\n }\n }\n\n &__iconTrigger {\n align-self: center;\n justify-content: center;\n transform: rotate3d(var(--rotate-x, 0), 0, 0, 180deg) !important;\n transition: transform 250ms ease-in-out !important;\n\n &--display {\n --rotate-x: 1;\n }\n }\n\n &__linkItem {\n display: block;\n padding: 1.2rem common.$spacing-u3;\n text-decoration: none;\n color: common.$color-white;\n\n &:hover {\n color: common.$color-blue-1;\n }\n }\n\n &__footerMenuIcons {\n display: flex;\n padding: common.$spacing-u2 common.$spacing-u1;\n border: 1px solid rgba(255, 255, 255, 20%);\n border-width: 1px 0;\n flex-direction: row;\n justify-content: center;\n gap: common.$spacing-u3;\n }\n\n &__menuIconLinks {\n align-self: center;\n color: common.$color-white;\n fill: common.$color-white;\n\n &:hover {\n color: common.$color-blue-1;\n fill: common.$color-blue-1;\n }\n }\n\n &__menuAboutTrigger {\n all: unset;\n display: flex;\n box-sizing: border-box;\n width: 100%;\n padding: common.$spacing-u2 common.$spacing-u4;\n justify-content: space-between;\n }\n\n &__menuAboutTriggerText {\n font-weight: bold;\n color: common.$color-white;\n }\n\n &__footerBottom {\n padding: common.$spacing-u1;\n }\n\n &__textCopyright {\n font-size: 0.875rem;\n }\n\n &__icon {\n width: 16px;\n height: 16px;\n align-self: center;\n fill: common.$color-white;\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-footer {\n &__menuLinks {\n display: flex;\n height: auto;\n padding: 1.2rem 0;\n flex-direction: row;\n justify-content: space-between;\n background: transparent;\n\n & :first-child {\n border-left: unset;\n }\n }\n\n &__linkItem {\n padding: 0 common.$spacing-u2;\n border-left: 1px solid rgba(255, 255, 255, 20%);\n align-self: center;\n color: common.$color-white;\n }\n\n &__footerMenuIcons {\n padding: common.$spacing-u2 common.$spacing-u4 common.$spacing-u2\n common.$spacing-u1;\n border: none;\n gap: common.$spacing-u2;\n }\n\n &__footerTop {\n display: flex;\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n flex-direction: row;\n justify-content: space-between;\n }\n\n &__menuTop {\n display: flex;\n padding: common.$spacing-u1;\n flex-direction: row;\n justify-content: space-between;\n text-decoration: none;\n }\n\n &__menuAboutTrigger {\n display: none;\n padding: common.$spacing-u2 common.$spacing-u2 common.$spacing-u2\n common.$spacing-u4;\n }\n\n &__footerBottom {\n padding: 0;\n border-top: 1px solid rgba(255, 255, 255, 20%);\n text-align: right;\n }\n\n &__footerBottomWidth {\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n }\n\n &__textCopyright {\n display: flex;\n padding: common.$spacing-u1 common.$spacing-u4 common.$spacing-u1 0;\n justify-content: flex-end;\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n","@use \"../../common/common.client.scss\" as common;\n\n.af-footer {\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n text-transform: uppercase;\n color: common.$color-white;\n background-color: common.$color-oceanBlue;\n\n &__menuLinks {\n height: 0;\n padding: 0;\n overflow: hidden;\n background: transparent;\n transition:\n background 0ms,\n padding 0ms;\n\n &--display {\n height: auto;\n padding: 0 2rem;\n transition:\n background 250ms,\n padding 125ms;\n }\n }\n\n &__iconTrigger {\n align-self: center;\n justify-content: center;\n transform: rotate3d(var(--rotate-x, 0), 0, 0, 180deg) !important;\n transition: transform 250ms ease-in-out !important;\n\n &--display {\n --rotate-x: 1;\n }\n }\n\n &__linkItem {\n display: block;\n padding: 1.2rem common.$spacing-u3;\n text-decoration: none;\n color: common.$color-white;\n\n &:hover {\n color: common.$color-blue-1;\n }\n }\n\n &__footerMenuIcons {\n display: flex;\n padding: common.$spacing-u2 common.$spacing-u1;\n border: 1px solid rgba(255, 255, 255, 20%);\n border-width: 1px 0;\n flex-direction: row;\n justify-content: center;\n gap: common.$spacing-u3;\n }\n\n &__menuIconLinks {\n align-self: center;\n color: common.$color-white;\n fill: common.$color-white;\n\n &:hover {\n color: common.$color-blue-1;\n fill: common.$color-blue-1;\n }\n }\n\n &__menuAboutTrigger {\n all: unset;\n display: flex;\n box-sizing: border-box;\n width: 100%;\n padding: common.$spacing-u2 common.$spacing-u4;\n justify-content: space-between;\n }\n\n &__menuAboutTriggerText {\n font-weight: bold;\n color: common.$color-white;\n }\n\n &__footerBottom {\n padding: common.$spacing-u1;\n }\n\n &__textCopyright {\n font-size: 0.875rem;\n }\n\n &__icon {\n width: 16px;\n height: 16px;\n align-self: center;\n fill: common.$color-white;\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-footer {\n &__menuLinks {\n display: flex;\n height: auto;\n padding: 1.2rem 0;\n flex-direction: row;\n justify-content: space-between;\n background: transparent;\n\n & :first-child {\n border-left: unset;\n }\n }\n\n &__linkItem {\n padding: 0 common.$spacing-u2;\n border-left: 1px solid rgba(255, 255, 255, 20%);\n align-self: center;\n color: common.$color-white;\n }\n\n &__footerMenuIcons {\n padding: common.$spacing-u2 common.$spacing-u4 common.$spacing-u2\n common.$spacing-u1;\n border: none;\n gap: common.$spacing-u2;\n }\n\n &__footerTop {\n display: flex;\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n flex-direction: row;\n justify-content: space-between;\n }\n\n &__menuTop {\n display: flex;\n padding: common.$spacing-u1;\n flex-direction: row;\n justify-content: space-between;\n text-decoration: none;\n }\n\n &__menuAboutTrigger {\n display: none;\n padding: common.$spacing-u2 common.$spacing-u2 common.$spacing-u2\n common.$spacing-u4;\n }\n\n &__footerBottom {\n padding: 0;\n border-top: 1px solid rgba(255, 255, 255, 20%);\n text-align: right;\n }\n\n &__footerBottomWidth {\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n }\n\n &__textCopyright {\n display: flex;\n padding: common.$spacing-u1 common.$spacing-u4 common.$spacing-u1 0;\n justify-content: flex-end;\n }\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/Layout/Header/Client/Header.client.scss%23sass","../../../../src/Layout/Header/Client/Header.client.scss","../../../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,WAIE,qBAAA,CAHA,eAAA,CAEA,KAAA,CCHF,WAGA,CDIA,qBAME,kBAAA,CAFA,4BAAA,CAOA,aAAA,CAVA,YAAA,CAIA,kBAAA,CAGA,4CEjBuB,CFkBvB,iBAAA,CACA,eAAA,CAPA,WAAA,CAIA,6BAAA,CCPF,UAUA,CDGE,oCACE,cCDJ,CDGI,wCACE,YCDN,CDMA,SCAA,iBAAA,CAFA,WAAA,CDKE,cAAA,CAFA,UCAF,CDMA,yBACE,YCHF,CDMA,sBCAA,kBAAA,CDCE,YAAA,CAEA,kBAAA,CAEA,SAAA,CCPF,cAIA,CDMA,uCACE,qBCAA,4BAAA,CDEE,WAAA,CCHJ,gBAAA,CAFA,UAIE,CDKE,wCACE,aCHJ,CDOA,SAEE,WAAA,CADA,UCJF,CDQA,qBAIE,kBAAA,CAHA,YAAA,CAEA,kBAAA,CCLF,UAAA,CAHA,WAIA,CDQE,yBACE,aCNJ,CDUA,sBAEE,UEnBS,CFkBT,QCPF,CACF","file":"Header.client.css","sourcesContent":["@use \"../../../common/common.client.scss\" as common;\n\n.af-header {\n position: sticky;\n z-index: 100;\n top: 0;\n background-color: common.$color-white;\n}\n\n.af-header-container {\n display: flex;\n width: 100%;\n height: 72px;\n border-bottom: 1px solid common.$color-gray-1;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-family: common.$font-family-sans-serif;\n font-size: 1.25rem;\n font-weight: 600;\n color: common.$color-axa;\n\n & .af-btn-client {\n min-width: initial;\n\n & > svg {\n display: none;\n }\n }\n}\n\n.af-logo {\n width: 40px;\n height: 40px;\n margin: 0 common.$spacing-u1;\n align-self: center;\n}\n\n.af-header-left-item > nav {\n display: none;\n}\n\n.af-header-right-item {\n display: flex;\n margin: 0 common.$spacing-u1;\n flex-direction: row;\n align-items: center;\n gap: common.$spacing-u1;\n}\n\n@media only screen and (width >=64em) {\n .af-header-container {\n width: auto;\n height: 80px;\n padding: 0 common.$spacing-u4;\n border-top: 2px solid common.$color-axa;\n\n & .af-btn-client > svg {\n display: block;\n }\n }\n\n .af-logo {\n width: 56px;\n height: 56px;\n }\n\n .af-header-left-item {\n display: flex;\n height: 5rem;\n flex-direction: row;\n align-items: center;\n gap: 1.5rem;\n\n & > nav {\n display: block;\n }\n }\n\n .af-header-right-item {\n margin: 0;\n gap: common.$spacing-u2;\n }\n}\n","@use \"../../../common/common.client.scss\" as common;\n\n.af-header {\n position: sticky;\n z-index: 100;\n top: 0;\n background-color: common.$color-white;\n}\n\n.af-header-container {\n display: flex;\n width: 100%;\n height: 72px;\n border-bottom: 1px solid common.$color-gray-1;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-family: common.$font-family-sans-serif;\n font-size: 1.25rem;\n font-weight: 600;\n color: common.$color-axa;\n\n & .af-btn-client {\n min-width: initial;\n\n & > svg {\n display: none;\n }\n }\n}\n\n.af-logo {\n width: 40px;\n height: 40px;\n margin: 0 common.$spacing-u1;\n align-self: center;\n}\n\n.af-header-left-item > nav {\n display: none;\n}\n\n.af-header-right-item {\n display: flex;\n margin: 0 common.$spacing-u1;\n flex-direction: row;\n align-items: center;\n gap: common.$spacing-u1;\n}\n\n@media only screen and (width >=64em) {\n .af-header-container {\n width: auto;\n height: 80px;\n padding: 0 common.$spacing-u4;\n border-top: 2px solid common.$color-axa;\n\n & .af-btn-client > svg {\n display: block;\n }\n }\n\n .af-logo {\n width: 56px;\n height: 56px;\n }\n\n .af-header-left-item {\n display: flex;\n height: 5rem;\n flex-direction: row;\n align-items: center;\n gap: 1.5rem;\n\n & > nav {\n display: block;\n }\n }\n\n .af-header-right-item {\n margin: 0;\n gap: common.$spacing-u2;\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$
|
|
1
|
+
{"version":3,"sources":["../../../../src/Layout/Header/Client/Header.client.scss%23sass","../../../../src/Layout/Header/Client/Header.client.scss","../../../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,WAIE,qBAAA,CAHA,eAAA,CAEA,KAAA,CCHF,WAGA,CDIA,qBAME,kBAAA,CAFA,4BAAA,CAOA,aAAA,CAVA,YAAA,CAIA,kBAAA,CAGA,4CEjBuB,CFkBvB,iBAAA,CACA,eAAA,CAPA,WAAA,CAIA,6BAAA,CCPF,UAUA,CDGE,oCACE,cCDJ,CDGI,wCACE,YCDN,CDMA,SCAA,iBAAA,CAFA,WAAA,CDKE,cAAA,CAFA,UCAF,CDMA,yBACE,YCHF,CDMA,sBCAA,kBAAA,CDCE,YAAA,CAEA,kBAAA,CAEA,SAAA,CCPF,cAIA,CDMA,uCACE,qBCAA,4BAAA,CDEE,WAAA,CCHJ,gBAAA,CAFA,UAIE,CDKE,wCACE,aCHJ,CDOA,SAEE,WAAA,CADA,UCJF,CDQA,qBAIE,kBAAA,CAHA,YAAA,CAEA,kBAAA,CCLF,UAAA,CAHA,WAIA,CDQE,yBACE,aCNJ,CDUA,sBAEE,UEnBS,CFkBT,QCPF,CACF","file":"Header.client.css","sourcesContent":["@use \"../../../common/common.client.scss\" as common;\n\n.af-header {\n position: sticky;\n z-index: 100;\n top: 0;\n background-color: common.$color-white;\n}\n\n.af-header-container {\n display: flex;\n width: 100%;\n height: 72px;\n border-bottom: 1px solid common.$color-gray-1;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-family: common.$font-family-sans-serif;\n font-size: 1.25rem;\n font-weight: 600;\n color: common.$color-axa;\n\n & .af-btn-client {\n min-width: initial;\n\n & > svg {\n display: none;\n }\n }\n}\n\n.af-logo {\n width: 40px;\n height: 40px;\n margin: 0 common.$spacing-u1;\n align-self: center;\n}\n\n.af-header-left-item > nav {\n display: none;\n}\n\n.af-header-right-item {\n display: flex;\n margin: 0 common.$spacing-u1;\n flex-direction: row;\n align-items: center;\n gap: common.$spacing-u1;\n}\n\n@media only screen and (width >=64em) {\n .af-header-container {\n width: auto;\n height: 80px;\n padding: 0 common.$spacing-u4;\n border-top: 2px solid common.$color-axa;\n\n & .af-btn-client > svg {\n display: block;\n }\n }\n\n .af-logo {\n width: 56px;\n height: 56px;\n }\n\n .af-header-left-item {\n display: flex;\n height: 5rem;\n flex-direction: row;\n align-items: center;\n gap: 1.5rem;\n\n & > nav {\n display: block;\n }\n }\n\n .af-header-right-item {\n margin: 0;\n gap: common.$spacing-u2;\n }\n}\n","@use \"../../../common/common.client.scss\" as common;\n\n.af-header {\n position: sticky;\n z-index: 100;\n top: 0;\n background-color: common.$color-white;\n}\n\n.af-header-container {\n display: flex;\n width: 100%;\n height: 72px;\n border-bottom: 1px solid common.$color-gray-1;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-family: common.$font-family-sans-serif;\n font-size: 1.25rem;\n font-weight: 600;\n color: common.$color-axa;\n\n & .af-btn-client {\n min-width: initial;\n\n & > svg {\n display: none;\n }\n }\n}\n\n.af-logo {\n width: 40px;\n height: 40px;\n margin: 0 common.$spacing-u1;\n align-self: center;\n}\n\n.af-header-left-item > nav {\n display: none;\n}\n\n.af-header-right-item {\n display: flex;\n margin: 0 common.$spacing-u1;\n flex-direction: row;\n align-items: center;\n gap: common.$spacing-u1;\n}\n\n@media only screen and (width >=64em) {\n .af-header-container {\n width: auto;\n height: 80px;\n padding: 0 common.$spacing-u4;\n border-top: 2px solid common.$color-axa;\n\n & .af-btn-client > svg {\n display: block;\n }\n }\n\n .af-logo {\n width: 56px;\n height: 56px;\n }\n\n .af-header-left-item {\n display: flex;\n height: 5rem;\n flex-direction: row;\n align-items: center;\n gap: 1.5rem;\n\n & > nav {\n display: block;\n }\n }\n\n .af-header-right-item {\n margin: 0;\n gap: common.$spacing-u2;\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/Layout/Header/Client/NavBar/NavBar.scss%23sass","../../../../../src/Layout/Header/Client/NavBar/NavBar.scss","../../../../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,qBAME,kBAAA,CALA,YAAA,CAIA,kBAAA,CAEA,UAAA,CCPF,WAAA,CDQE,oBAAA,CALA,QAAA,CACA,SCGF,CDIA,gBCAA,cAAA,CDCE,WCAF,CDGE,sBAEE,qBAAA,CAUA,UAAA,CAXA,oBAAA,CAKA,4CEvBqB,CFwBrB,kBAAA,CACA,eAAA,CAJA,WAAA,CAKA,kBAAA,CANA,gBAAA,CAEA,oBAAA,CAKA,iBAAA,CACA,oBCAJ,CDGI,0DAEE,+BAAA,CAIA,aAAA,CAHA,eAAA,CACA,kBAAA,CAGA,YAAA,CAFA,oBCAN,CDKI,iDACE,+BAAA,CAIA,UAAA,CAHA,eAAA,CACA,kBAAA,CACA,oBCFN","file":"NavBar.css","sourcesContent":["@use \"../../../../common/common.client.scss\" as common;\n\n.af-navbar-container {\n display: flex;\n height: 5rem;\n margin: 0;\n padding: 0;\n flex-direction: row;\n align-items: center;\n gap: 1.6rem;\n list-style-type: none;\n}\n\n.af-navbar-item {\n height: 100%;\n cursor: pointer;\n\n &__link {\n display: inline-block;\n box-sizing: border-box;\n min-width: 8.4rem;\n height: 100%;\n padding: 1.75rem 1rem;\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.4rem;\n text-align: center;\n text-decoration: none;\n color: common.$color-gray-900;\n\n &:focus,\n &--active {\n border-bottom: 4px solid common.$color-axa;\n font-weight: 600;\n line-height: 1.6rem;\n text-decoration: none;\n color: common.$color-axa;\n outline: none;\n }\n\n &:not(:focus, --active):hover {\n border-bottom: 2px solid common.$color-gray-300;\n font-weight: 400;\n line-height: 1.4rem;\n text-decoration: none;\n color: common.$color-gray-900;\n }\n }\n}\n","@use \"../../../../common/common.client.scss\" as common;\n\n.af-navbar-container {\n display: flex;\n height: 5rem;\n margin: 0;\n padding: 0;\n flex-direction: row;\n align-items: center;\n gap: 1.6rem;\n list-style-type: none;\n}\n\n.af-navbar-item {\n height: 100%;\n cursor: pointer;\n\n &__link {\n display: inline-block;\n box-sizing: border-box;\n min-width: 8.4rem;\n height: 100%;\n padding: 1.75rem 1rem;\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.4rem;\n text-align: center;\n text-decoration: none;\n color: common.$color-gray-900;\n\n &:focus,\n &--active {\n border-bottom: 4px solid common.$color-axa;\n font-weight: 600;\n line-height: 1.6rem;\n text-decoration: none;\n color: common.$color-axa;\n outline: none;\n }\n\n &:not(:focus, --active):hover {\n border-bottom: 2px solid common.$color-gray-300;\n font-weight: 400;\n line-height: 1.4rem;\n text-decoration: none;\n color: common.$color-gray-900;\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$
|
|
1
|
+
{"version":3,"sources":["../../../../../src/Layout/Header/Client/NavBar/NavBar.scss%23sass","../../../../../src/Layout/Header/Client/NavBar/NavBar.scss","../../../../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,qBAME,kBAAA,CALA,YAAA,CAIA,kBAAA,CAEA,UAAA,CCPF,WAAA,CDQE,oBAAA,CALA,QAAA,CACA,SCGF,CDIA,gBCAA,cAAA,CDCE,WCAF,CDGE,sBAEE,qBAAA,CAUA,UAAA,CAXA,oBAAA,CAKA,4CEvBqB,CFwBrB,kBAAA,CACA,eAAA,CAJA,WAAA,CAKA,kBAAA,CANA,gBAAA,CAEA,oBAAA,CAKA,iBAAA,CACA,oBCAJ,CDGI,0DAEE,+BAAA,CAIA,aAAA,CAHA,eAAA,CACA,kBAAA,CAGA,YAAA,CAFA,oBCAN,CDKI,iDACE,+BAAA,CAIA,UAAA,CAHA,eAAA,CACA,kBAAA,CACA,oBCFN","file":"NavBar.css","sourcesContent":["@use \"../../../../common/common.client.scss\" as common;\n\n.af-navbar-container {\n display: flex;\n height: 5rem;\n margin: 0;\n padding: 0;\n flex-direction: row;\n align-items: center;\n gap: 1.6rem;\n list-style-type: none;\n}\n\n.af-navbar-item {\n height: 100%;\n cursor: pointer;\n\n &__link {\n display: inline-block;\n box-sizing: border-box;\n min-width: 8.4rem;\n height: 100%;\n padding: 1.75rem 1rem;\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.4rem;\n text-align: center;\n text-decoration: none;\n color: common.$color-gray-900;\n\n &:focus,\n &--active {\n border-bottom: 4px solid common.$color-axa;\n font-weight: 600;\n line-height: 1.6rem;\n text-decoration: none;\n color: common.$color-axa;\n outline: none;\n }\n\n &:not(:focus, --active):hover {\n border-bottom: 2px solid common.$color-gray-300;\n font-weight: 400;\n line-height: 1.4rem;\n text-decoration: none;\n color: common.$color-gray-900;\n }\n }\n}\n","@use \"../../../../common/common.client.scss\" as common;\n\n.af-navbar-container {\n display: flex;\n height: 5rem;\n margin: 0;\n padding: 0;\n flex-direction: row;\n align-items: center;\n gap: 1.6rem;\n list-style-type: none;\n}\n\n.af-navbar-item {\n height: 100%;\n cursor: pointer;\n\n &__link {\n display: inline-block;\n box-sizing: border-box;\n min-width: 8.4rem;\n height: 100%;\n padding: 1.75rem 1rem;\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.4rem;\n text-align: center;\n text-decoration: none;\n color: common.$color-gray-900;\n\n &:focus,\n &--active {\n border-bottom: 4px solid common.$color-axa;\n font-weight: 600;\n line-height: 1.6rem;\n text-decoration: none;\n color: common.$color-axa;\n outline: none;\n }\n\n &:not(:focus, --active):hover {\n border-bottom: 2px solid common.$color-gray-300;\n font-weight: 400;\n line-height: 1.4rem;\n text-decoration: none;\n color: common.$color-gray-900;\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Link/Link.client.scss%23sass","../../src/common/common.client.scss","../../src/Link/Link.client.scss"],"names":[],"mappings":"AAEA,SAIE,kBAAA,CAGA,aAAA,CANA,mBAAA,CAIA,4CCPuB,CDKvB,uBAAA,CAAA,kBAAA,CAGA,yBAAA,CENF,sBAAA,CAAA,iBAAA,CFQE,YEDF,CFQE,8CAEE,aAAA,CACA,YEHJ,CFME,uBACE,sBAAA,CACA,kBEJJ,CFOE,uBACE,eAAA,CACA,oBELJ,CFOI,6BACE,oBELN,CFQI,2BAGE,cAAA,CADA,cAAA,CAEA,iBAAA,CAHA,aEHN","file":"Link.client.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-link {\n display: inline-flex;\n width: fit-content;\n height: fit-content;\n align-items: center;\n font-family: common.$font-family-base;\n text-decoration: underline;\n color: common.$color-axa;\n fill: common.$color-axa;\n\n &:hover {\n color: common.$color-blue-1;\n fill: common.$color-blue-1;\n }\n\n &:active,\n &:focus {\n color: common.$color-blue-1;\n fill: common.$color-blue-1;\n }\n\n &:focus-visible {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n\n &--openInNewTab {\n font-weight: 600;\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n }\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n aspect-ratio: 1;\n margin-left: 0.2rem;\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$
|
|
1
|
+
{"version":3,"sources":["../../src/Link/Link.client.scss%23sass","../../src/common/common.client.scss","../../src/Link/Link.client.scss"],"names":[],"mappings":"AAEA,SAIE,kBAAA,CAGA,aAAA,CANA,mBAAA,CAIA,4CCPuB,CDKvB,uBAAA,CAAA,kBAAA,CAGA,yBAAA,CENF,sBAAA,CAAA,iBAAA,CFQE,YEDF,CFQE,8CAEE,aAAA,CACA,YEHJ,CFME,uBACE,sBAAA,CACA,kBEJJ,CFOE,uBACE,eAAA,CACA,oBELJ,CFOI,6BACE,oBELN,CFQI,2BAGE,cAAA,CADA,cAAA,CAEA,iBAAA,CAHA,aEHN","file":"Link.client.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-link {\n display: inline-flex;\n width: fit-content;\n height: fit-content;\n align-items: center;\n font-family: common.$font-family-base;\n text-decoration: underline;\n color: common.$color-axa;\n fill: common.$color-axa;\n\n &:hover {\n color: common.$color-blue-1;\n fill: common.$color-blue-1;\n }\n\n &:active,\n &:focus {\n color: common.$color-blue-1;\n fill: common.$color-blue-1;\n }\n\n &:focus-visible {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n\n &--openInNewTab {\n font-weight: 600;\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n }\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n aspect-ratio: 1;\n margin-left: 0.2rem;\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n","@use \"../common/common.client.scss\" as common;\n\n.af-link {\n display: inline-flex;\n width: fit-content;\n height: fit-content;\n align-items: center;\n font-family: common.$font-family-base;\n text-decoration: underline;\n color: common.$color-axa;\n fill: common.$color-axa;\n\n &:hover {\n color: common.$color-blue-1;\n fill: common.$color-blue-1;\n }\n\n &:active,\n &:focus {\n color: common.$color-blue-1;\n fill: common.$color-blue-1;\n }\n\n &:focus-visible {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n\n &--openInNewTab {\n font-weight: 600;\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n }\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n aspect-ratio: 1;\n margin-left: 0.2rem;\n }\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/common/reboot.scss","../../../src/List/ClickList/ClickList.client.scss","../../../src/List/ClickList/ClickList.client.scss%23sass","../../../src/common/common.client.scss"],"names":[],"mappings":"AAAA,iBCGA,qBACA,CDEA,KACE,sBAAA,CACA,gBAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBAAA,CACA,uCCCF,CDEA,sEAUE,aCCF,CDEA,KAQE,qBAAA,CADA,UAAA,CALA,4CAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CAJA,QAAA,CAKA,eCGF,CDEA,sBACE,mBCCF,CDEA,GACE,kBAAA,CACA,QAAA,CACA,gBCCF,CDEA,kBAOE,mBAAA,CADA,YCEF,CDEA,EAEE,kBAAA,CADA,YCEF,CDEA,sCAEE,eAAA,CAIA,WAAA,CAHA,yBAAA,CACA,wCAAA,CAAA,gCAAA,CACA,qCAAA,CAAA,6BCEF,CDEA,QAEE,iBAAA,CACA,mBCCF,CDEA,iBALE,kBCUF,CDLA,SAGE,YCEF,CDEA,wBAIE,eCCF,CDEA,GACE,eCCF,CDEA,GACE,mBAAA,CACA,aCCF,CDEA,WACE,eCCF,CDEA,SAEE,kBCCF,CDEA,MACE,aCCF,CDEA,QAIE,aAAA,CACA,aAAA,CAHA,iBAAA,CACA,sBCGF,CDEA,IACE,aCCF,CDEA,IACE,SCCF,CDEA,EAGE,wBAAA,CADA,aAAA,CADA,oBCGF,CDEA,QAEE,aAAA,CADA,yBCEF,CDOA,uFAGE,aAAA,CADA,oBCEF,CDEA,+BACE,SCCF,CDEA,kBAIE,sFAAA,CAEA,aCAF,CDGA,IAEE,kBAAA,CADA,YAAA,CAEA,aCAF,CDGA,OACE,eCAF,CDGA,IACE,iBCCF,CDGA,QAHE,qBCKF,CDFA,IAEE,eCAF,CDGA,MACE,wBCAF,CDGA,QAGE,mBAAA,CAEA,aAAA,CAHA,oBAAA,CADA,iBAAA,CAGA,eCCF,CDGA,GACE,kBCAF,CDGA,MACE,oBAAA,CACA,mBCAF,CDGA,OACE,eCAF,CDGA,sCAME,mBAAA,CACA,iBAAA,CACA,mBAAA,CAHA,QCGF,CDGA,aAEE,gBCAF,CDGA,cAEE,mBCAF,CDGA,OACE,gBCAF,CDGA,gDAIE,yBAAA,CAAA,iBCAF,CDGA,aACE,kBAAA,CACA,yCCAF,CDGA,4GAIE,cCAF,CDGA,wHAKE,iBAAA,CADA,SCCF,CDGA,uCAEE,qBAAA,CACA,SCAF,CDGA,+EAIE,0BAAA,CAAA,kBCAF,CDGA,SACE,aAAA,CACA,eCAF,CDGA,SAIE,QAAA,CAFA,QAAA,CADA,WAAA,CAEA,SCCF,CDGA,OASE,aAAA,CARA,aAAA,CAKA,gBAAA,CACA,mBAAA,CAHA,mBAAA,CADA,cAAA,CAEA,SAAA,CAGA,kBAAA,CANA,UCOF,CDGA,SACE,sBCAF,CDGA,kFAEE,WCAF,CDGA,cAEE,uBAAA,CAAA,eAAA,CADA,mBCCF,CDGA,yCACE,uBAAA,CAAA,eCAF,CDGA,6BAEE,yBAAA,CAAA,iBAAA,CADA,YCCF,CDGA,OACE,oBCAF,CDGA,QAEE,cAAA,CADA,iBCCF,CDGA,SACE,YCAF,CDGA,SACE,sBCAF,CC5UA,qBACE,SD+UF,CC7UE,yCAEE,WAAA,CADA,uBDgVJ,CC5UE,oCACE,SD8UJ,CC3UM,2DAEE,mBAAA,CADA,eAAA,CAEA,QD6UR,CCzUQ,oEAEE,aAAA,CADA,YAAA,CAEA,YD2UV,CCxUQ,iEACE,eD0UV,CCtUU,uEAKE,UCJK,CDCL,cAAA,CACA,eAAA,CACA,kBAAA,CAHA,QD4UZ,CCrUU,0EAKE,aCbK,CDUL,cAAA,CACA,eAAA,CACA,kBAAA,CAHA,QD2UZ,CCpUU,2EAKE,aCrBK,CDkBL,iBAAA,CACA,eAAA,CACA,kBAAA,CAHA,QD0UZ,CCjUM,0DACE,gBDmUR,CCjUQ,8DAEE,aAAA,CADA,YAAA,CAEA,YDmUV,CC5TI,iEACE,kBAAA,CACA,eAAA,CACA,kBD8TN,CCrTM,iJACE,kBAAA,CACA,kBD2TR,CCtTE,0DAME,kBAAA,CAGA,eAAA,CALA,WAAA,CACA,iBAAA,CAGA,aAAA,CAEA,cAAA,CATA,YAAA,CAMA,SAAA,CAJA,YAAA,CADA,UDgUJ,CCtTI,mEACE,cDwTN,CCpTU,mGACE,SDsTZ,CC/SU,yZAGE,UDkTZ,CC9SQ,6FACE,SDgTV,CC1SM,wEACE,gCD4SR,CCzSM,yEACE,sCAAA,CACA,YD2SR,CCxSM,wEACE,YD0SR,CCvSM,gFACE,qBAAA,CACA,YDySR,CCnSA,wBAGM,kDACE,iBAAA,CACA,kBDoSN,CChSM,mHAEE,iBAAA,CACA,mBDiSR,CC3RI,iEACE,cAAA,CACA,eAAA,CACA,mBD6RN,CCzRM,iJAEE,cAAA,CACA,mBD0RR,CCjRM,4GACE,eDsRR,CC/QU,iVAGE,aDkRZ,CC7QM,0DACE,eD+QR,CCxQU,qVAGE,aD2QZ,CCtQM,iEAEE,qBDwQR,CACF","file":"ClickList.client.css","sourcesContent":["*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n text-size-adjust: 100%;\n -webkit-tap-highlight-color: transparent;\n}\n\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: \"Source Sans Pro\", Arial, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n color: #333;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[data-original-title],\nabbr[title] {\n border-bottom: 0;\n text-decoration: underline;\n text-decoration: underline dotted;\n text-decoration-skip-ink: none;\n cursor: help;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\ndl,\nol,\nul {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: 0.5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\na {\n text-decoration: none;\n color: #00008f;\n background-color: transparent;\n}\n\na:hover {\n text-decoration: underline;\n color: #000043;\n}\n\na:not([href], [tabindex]) {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus,\na:not([href], [tabindex]):hover {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus {\n outline: 0;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n border-style: none;\n vertical-align: middle;\n}\n\nsvg {\n vertical-align: middle;\n overflow: hidden;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n caption-side: bottom;\n text-align: left;\n color: #6c757d;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: 0.5rem;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"],\nbutton {\n appearance: button;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled),\nbutton:not(:disabled) {\n cursor: pointer;\n}\n\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"],\ninput[type=\"time\"] {\n appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n margin-bottom: 0.5rem;\n padding: 0;\n font-size: 1.5rem;\n line-height: inherit;\n white-space: normal;\n color: inherit;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n","@use \"../../common/reboot\";\n@use \"../../common/common.client.scss\" as common;\n\n.af-card--click-list {\n padding: 0;\n\n .af-list__separator {\n width: calc(100% - 2rem);\n margin: auto;\n }\n\n .af-list__item {\n padding: 0;\n\n .af-list-item {\n &__content {\n display: inherit;\n align-items: inherit;\n gap: 12px;\n }\n\n &-content {\n &__icon svg {\n width: 1.4rem;\n height: 1.4rem;\n fill: common.$color-axa;\n }\n\n &__label {\n text-align: left;\n }\n\n &-label {\n &__title {\n margin: 0;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-gray-900;\n }\n\n &__subtitle {\n margin: 0;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n\n &__secondary {\n margin: 0;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n color: common.$color-gray-700;\n }\n }\n }\n\n &__action {\n margin-left: auto;\n\n svg {\n width: 1.4rem;\n height: 1.4rem;\n fill: common.$color-axa;\n }\n }\n }\n }\n\n &.af-card--large .af-list-item {\n &-content__label {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-content-label {\n &__title {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__subtitle {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n }\n }\n\n .af-list__item .af-list-item__button {\n display: flex;\n width: 100%;\n padding: 1rem;\n border: none;\n border-radius: 4px;\n align-items: center;\n gap: 0.5rem;\n color: inherit;\n background: none;\n cursor: pointer;\n\n &:disabled {\n cursor: default;\n\n .af-list-item {\n &-content {\n &__icon svg {\n fill: common.$color-gray-500;\n }\n\n &__label {\n color: common.$color-gray-500;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-gray-500;\n }\n }\n\n &__action svg {\n fill: common.$color-gray-500;\n }\n }\n }\n\n &:enabled {\n &:hover {\n box-shadow: 0 4px 8px 0 hsla(230deg, 60%, 16%, 8%);\n }\n\n &:active {\n box-shadow: 0 2px 8px 0 hsla(0deg, 0%, 0%, 15%) inset;\n outline: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 2px solid common.$color-focus;\n outline: none;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--click-list {\n .af-list-item-content {\n &__label {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &-label {\n &__title,\n &__subtitle {\n font-size: 0.875rem;\n line-height: 1.25rem;\n }\n }\n }\n\n &.af-card--large .af-list-item-content {\n &__label {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n }\n\n &-label {\n &__title,\n &__subtitle {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n }\n\n .af-list-item__button {\n &:enabled {\n box-shadow: none;\n\n &:hover {\n box-shadow: none;\n\n .af-list-item {\n &__label {\n color: common.$color-axa;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-axa;\n }\n }\n }\n\n &:active {\n box-shadow: none;\n\n .af-list-item {\n &__label {\n color: common.$color-blue-1;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-blue-1;\n }\n }\n }\n\n &:focus-visible {\n border: none;\n border: 1px solid common.$color-focus;\n }\n }\n }\n }\n}\n","@use \"../../common/reboot\";\n@use \"../../common/common.client.scss\" as common;\n\n.af-card--click-list {\n padding: 0;\n\n .af-list__separator {\n width: calc(100% - 2rem);\n margin: auto;\n }\n\n .af-list__item {\n padding: 0;\n\n .af-list-item {\n &__content {\n display: inherit;\n align-items: inherit;\n gap: 12px;\n }\n\n &-content {\n &__icon svg {\n width: 1.4rem;\n height: 1.4rem;\n fill: common.$color-axa;\n }\n\n &__label {\n text-align: left;\n }\n\n &-label {\n &__title {\n margin: 0;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-gray-900;\n }\n\n &__subtitle {\n margin: 0;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n\n &__secondary {\n margin: 0;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n color: common.$color-gray-700;\n }\n }\n }\n\n &__action {\n margin-left: auto;\n\n svg {\n width: 1.4rem;\n height: 1.4rem;\n fill: common.$color-axa;\n }\n }\n }\n }\n\n &.af-card--large .af-list-item {\n &-content__label {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-content-label {\n &__title {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__subtitle {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n }\n }\n\n .af-list__item .af-list-item__button {\n display: flex;\n width: 100%;\n padding: 1rem;\n border: none;\n border-radius: 4px;\n align-items: center;\n gap: 0.5rem;\n color: inherit;\n background: none;\n cursor: pointer;\n\n &:disabled {\n cursor: default;\n\n .af-list-item {\n &-content {\n &__icon svg {\n fill: common.$color-gray-500;\n }\n\n &__label {\n color: common.$color-gray-500;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-gray-500;\n }\n }\n\n &__action svg {\n fill: common.$color-gray-500;\n }\n }\n }\n\n &:enabled {\n &:hover {\n box-shadow: 0 4px 8px 0 hsla(230deg, 60%, 16%, 8%);\n }\n\n &:active {\n box-shadow: 0 2px 8px 0 hsla(0deg, 0%, 0%, 15%) inset;\n outline: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 2px solid common.$color-focus;\n outline: none;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--click-list {\n .af-list-item-content {\n &__label {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &-label {\n &__title,\n &__subtitle {\n font-size: 0.875rem;\n line-height: 1.25rem;\n }\n }\n }\n\n &.af-card--large .af-list-item-content {\n &__label {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n }\n\n &-label {\n &__title,\n &__subtitle {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n }\n\n .af-list-item__button {\n &:enabled {\n box-shadow: none;\n\n &:hover {\n box-shadow: none;\n\n .af-list-item {\n &__label {\n color: common.$color-axa;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-axa;\n }\n }\n }\n\n &:active {\n box-shadow: none;\n\n .af-list-item {\n &__label {\n color: common.$color-blue-1;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-blue-1;\n }\n }\n }\n\n &:focus-visible {\n border: none;\n border: 1px solid common.$color-focus;\n }\n }\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$component-border-radius: 8px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/common/reboot.scss","../../../src/List/ClickList/ClickList.client.scss","../../../src/List/ClickList/ClickList.client.scss%23sass","../../../src/common/common.client.scss"],"names":[],"mappings":"AAAA,iBCGA,qBACA,CDEA,KACE,sBAAA,CACA,gBAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBAAA,CACA,uCCCF,CDEA,sEAUE,aCCF,CDEA,KAQE,qBAAA,CADA,UAAA,CALA,4CAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CAJA,QAAA,CAKA,eCGF,CDEA,sBACE,mBCCF,CDEA,GACE,kBAAA,CACA,QAAA,CACA,gBCCF,CDEA,kBAOE,mBAAA,CADA,YCEF,CDEA,EAEE,kBAAA,CADA,YCEF,CDEA,sCAEE,eAAA,CAIA,WAAA,CAHA,yBAAA,CACA,wCAAA,CAAA,gCAAA,CACA,qCAAA,CAAA,6BCEF,CDEA,QAEE,iBAAA,CACA,mBCCF,CDEA,iBALE,kBCUF,CDLA,SAGE,YCEF,CDEA,wBAIE,eCCF,CDEA,GACE,eCCF,CDEA,GACE,mBAAA,CACA,aCCF,CDEA,WACE,eCCF,CDEA,SAEE,kBCCF,CDEA,MACE,aCCF,CDEA,QAIE,aAAA,CACA,aAAA,CAHA,iBAAA,CACA,sBCGF,CDEA,IACE,aCCF,CDEA,IACE,SCCF,CDEA,EAGE,wBAAA,CADA,aAAA,CADA,oBCGF,CDEA,QAEE,aAAA,CADA,yBCEF,CDOA,uFAGE,aAAA,CADA,oBCEF,CDEA,+BACE,SCCF,CDEA,kBAIE,sFAAA,CAEA,aCAF,CDGA,IAEE,kBAAA,CADA,YAAA,CAEA,aCAF,CDGA,OACE,eCAF,CDGA,IACE,iBCCF,CDGA,QAHE,qBCKF,CDFA,IAEE,eCAF,CDGA,MACE,wBCAF,CDGA,QAGE,mBAAA,CAEA,aAAA,CAHA,oBAAA,CADA,iBAAA,CAGA,eCCF,CDGA,GACE,kBCAF,CDGA,MACE,oBAAA,CACA,mBCAF,CDGA,OACE,eCAF,CDGA,sCAME,mBAAA,CACA,iBAAA,CACA,mBAAA,CAHA,QCGF,CDGA,aAEE,gBCAF,CDGA,cAEE,mBCAF,CDGA,OACE,gBCAF,CDGA,gDAIE,yBAAA,CAAA,iBCAF,CDGA,aACE,kBAAA,CACA,yCCAF,CDGA,4GAIE,cCAF,CDGA,wHAKE,iBAAA,CADA,SCCF,CDGA,uCAEE,qBAAA,CACA,SCAF,CDGA,+EAIE,0BAAA,CAAA,kBCAF,CDGA,SACE,aAAA,CACA,eCAF,CDGA,SAIE,QAAA,CAFA,QAAA,CADA,WAAA,CAEA,SCCF,CDGA,OASE,aAAA,CARA,aAAA,CAKA,gBAAA,CACA,mBAAA,CAHA,mBAAA,CADA,cAAA,CAEA,SAAA,CAGA,kBAAA,CANA,UCOF,CDGA,SACE,sBCAF,CDGA,kFAEE,WCAF,CDGA,cAEE,uBAAA,CAAA,eAAA,CADA,mBCCF,CDGA,yCACE,uBAAA,CAAA,eCAF,CDGA,6BAEE,yBAAA,CAAA,iBAAA,CADA,YCCF,CDGA,OACE,oBCAF,CDGA,QAEE,cAAA,CADA,iBCCF,CDGA,SACE,YCAF,CDGA,SACE,sBCAF,CC5UA,qBACE,SD+UF,CC7UE,yCAEE,WAAA,CADA,uBDgVJ,CC5UE,oCACE,SD8UJ,CC3UM,2DAEE,mBAAA,CADA,eAAA,CAEA,QD6UR,CCzUQ,oEAEE,aAAA,CADA,YAAA,CAEA,YD2UV,CCxUQ,iEACE,eD0UV,CCtUU,uEAKE,UCJK,CDCL,cAAA,CACA,eAAA,CACA,kBAAA,CAHA,QD4UZ,CCrUU,0EAKE,aCbK,CDUL,cAAA,CACA,eAAA,CACA,kBAAA,CAHA,QD2UZ,CCpUU,2EAKE,aCrBK,CDkBL,iBAAA,CACA,eAAA,CACA,kBAAA,CAHA,QD0UZ,CCjUM,0DACE,gBDmUR,CCjUQ,8DAEE,aAAA,CADA,YAAA,CAEA,YDmUV,CC5TI,iEACE,kBAAA,CACA,eAAA,CACA,kBD8TN,CCrTM,iJACE,kBAAA,CACA,kBD2TR,CCtTE,0DAME,kBAAA,CAGA,eAAA,CALA,WAAA,CACA,iBCvDoB,CD0DpB,aAAA,CAEA,cAAA,CATA,YAAA,CAMA,SAAA,CAJA,YAAA,CADA,UDgUJ,CCtTI,mEACE,cDwTN,CCpTU,mGACE,SDsTZ,CC/SU,yZAGE,UDkTZ,CC9SQ,6FACE,SDgTV,CC1SM,wEACE,gCD4SR,CCzSM,yEACE,sCAAA,CACA,YD2SR,CCxSM,wEACE,YD0SR,CCvSM,gFACE,qBAAA,CACA,YDySR,CCnSA,wBAGM,kDACE,iBAAA,CACA,kBDoSN,CChSM,mHAEE,iBAAA,CACA,mBDiSR,CC3RI,iEACE,cAAA,CACA,eAAA,CACA,mBD6RN,CCzRM,iJAEE,cAAA,CACA,mBD0RR,CCjRM,4GACE,eDsRR,CC/QU,iVAGE,aDkRZ,CC7QM,0DACE,eD+QR,CCxQU,qVAGE,aD2QZ,CCtQM,iEAEE,qBDwQR,CACF","file":"ClickList.client.css","sourcesContent":["*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n text-size-adjust: 100%;\n -webkit-tap-highlight-color: transparent;\n}\n\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: \"Source Sans Pro\", Arial, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n color: #333;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[data-original-title],\nabbr[title] {\n border-bottom: 0;\n text-decoration: underline;\n text-decoration: underline dotted;\n text-decoration-skip-ink: none;\n cursor: help;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\ndl,\nol,\nul {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: 0.5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\na {\n text-decoration: none;\n color: #00008f;\n background-color: transparent;\n}\n\na:hover {\n text-decoration: underline;\n color: #000043;\n}\n\na:not([href], [tabindex]) {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus,\na:not([href], [tabindex]):hover {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus {\n outline: 0;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n border-style: none;\n vertical-align: middle;\n}\n\nsvg {\n vertical-align: middle;\n overflow: hidden;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n caption-side: bottom;\n text-align: left;\n color: #6c757d;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: 0.5rem;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"],\nbutton {\n appearance: button;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled),\nbutton:not(:disabled) {\n cursor: pointer;\n}\n\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"],\ninput[type=\"time\"] {\n appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n margin-bottom: 0.5rem;\n padding: 0;\n font-size: 1.5rem;\n line-height: inherit;\n white-space: normal;\n color: inherit;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n","@use \"../../common/reboot\";\n@use \"../../common/common.client.scss\" as common;\n\n.af-card--click-list {\n padding: 0;\n\n .af-list__separator {\n width: calc(100% - 2rem);\n margin: auto;\n }\n\n .af-list__item {\n padding: 0;\n\n .af-list-item {\n &__content {\n display: inherit;\n align-items: inherit;\n gap: 12px;\n }\n\n &-content {\n &__icon svg {\n width: 1.4rem;\n height: 1.4rem;\n fill: common.$color-axa;\n }\n\n &__label {\n text-align: left;\n }\n\n &-label {\n &__title {\n margin: 0;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-gray-900;\n }\n\n &__subtitle {\n margin: 0;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n\n &__secondary {\n margin: 0;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n color: common.$color-gray-700;\n }\n }\n }\n\n &__action {\n margin-left: auto;\n\n svg {\n width: 1.4rem;\n height: 1.4rem;\n fill: common.$color-axa;\n }\n }\n }\n }\n\n &.af-card--large .af-list-item {\n &-content__label {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-content-label {\n &__title {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__subtitle {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n }\n }\n\n .af-list__item .af-list-item__button {\n display: flex;\n width: 100%;\n padding: 1rem;\n border: none;\n border-radius: common.$default-border-radius;\n align-items: center;\n gap: 0.5rem;\n color: inherit;\n background: none;\n cursor: pointer;\n\n &:disabled {\n cursor: default;\n\n .af-list-item {\n &-content {\n &__icon svg {\n fill: common.$color-gray-500;\n }\n\n &__label {\n color: common.$color-gray-500;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-gray-500;\n }\n }\n\n &__action svg {\n fill: common.$color-gray-500;\n }\n }\n }\n\n &:enabled {\n &:hover {\n box-shadow: 0 4px 8px 0 hsla(230deg, 60%, 16%, 8%);\n }\n\n &:active {\n box-shadow: 0 2px 8px 0 hsla(0deg, 0%, 0%, 15%) inset;\n outline: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 2px solid common.$color-focus;\n outline: none;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--click-list {\n .af-list-item-content {\n &__label {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &-label {\n &__title,\n &__subtitle {\n font-size: 0.875rem;\n line-height: 1.25rem;\n }\n }\n }\n\n &.af-card--large .af-list-item-content {\n &__label {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n }\n\n &-label {\n &__title,\n &__subtitle {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n }\n\n .af-list-item__button {\n &:enabled {\n box-shadow: none;\n\n &:hover {\n box-shadow: none;\n\n .af-list-item {\n &__label {\n color: common.$color-axa;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-axa;\n }\n }\n }\n\n &:active {\n box-shadow: none;\n\n .af-list-item {\n &__label {\n color: common.$color-blue-1;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-blue-1;\n }\n }\n }\n\n &:focus-visible {\n border: none;\n border: 1px solid common.$color-focus;\n }\n }\n }\n }\n}\n","@use \"../../common/reboot\";\n@use \"../../common/common.client.scss\" as common;\n\n.af-card--click-list {\n padding: 0;\n\n .af-list__separator {\n width: calc(100% - 2rem);\n margin: auto;\n }\n\n .af-list__item {\n padding: 0;\n\n .af-list-item {\n &__content {\n display: inherit;\n align-items: inherit;\n gap: 12px;\n }\n\n &-content {\n &__icon svg {\n width: 1.4rem;\n height: 1.4rem;\n fill: common.$color-axa;\n }\n\n &__label {\n text-align: left;\n }\n\n &-label {\n &__title {\n margin: 0;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-gray-900;\n }\n\n &__subtitle {\n margin: 0;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n\n &__secondary {\n margin: 0;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n color: common.$color-gray-700;\n }\n }\n }\n\n &__action {\n margin-left: auto;\n\n svg {\n width: 1.4rem;\n height: 1.4rem;\n fill: common.$color-axa;\n }\n }\n }\n }\n\n &.af-card--large .af-list-item {\n &-content__label {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-content-label {\n &__title {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__subtitle {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n }\n }\n\n .af-list__item .af-list-item__button {\n display: flex;\n width: 100%;\n padding: 1rem;\n border: none;\n border-radius: common.$default-border-radius;\n align-items: center;\n gap: 0.5rem;\n color: inherit;\n background: none;\n cursor: pointer;\n\n &:disabled {\n cursor: default;\n\n .af-list-item {\n &-content {\n &__icon svg {\n fill: common.$color-gray-500;\n }\n\n &__label {\n color: common.$color-gray-500;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-gray-500;\n }\n }\n\n &__action svg {\n fill: common.$color-gray-500;\n }\n }\n }\n\n &:enabled {\n &:hover {\n box-shadow: 0 4px 8px 0 hsla(230deg, 60%, 16%, 8%);\n }\n\n &:active {\n box-shadow: 0 2px 8px 0 hsla(0deg, 0%, 0%, 15%) inset;\n outline: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 2px solid common.$color-focus;\n outline: none;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--click-list {\n .af-list-item-content {\n &__label {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &-label {\n &__title,\n &__subtitle {\n font-size: 0.875rem;\n line-height: 1.25rem;\n }\n }\n }\n\n &.af-card--large .af-list-item-content {\n &__label {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n }\n\n &-label {\n &__title,\n &__subtitle {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n }\n\n .af-list-item__button {\n &:enabled {\n box-shadow: none;\n\n &:hover {\n box-shadow: none;\n\n .af-list-item {\n &__label {\n color: common.$color-axa;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-axa;\n }\n }\n }\n\n &:active {\n box-shadow: none;\n\n .af-list-item {\n &__label {\n color: common.$color-blue-1;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-blue-1;\n }\n }\n }\n\n &:focus-visible {\n border: none;\n border: 1px solid common.$color-focus;\n }\n }\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/List/ContentItemDuo/ContentItemDuo.scss%23sass","../../../src/List/ContentItemDuo/ContentItemDuo.scss","../../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,qBACE,YAAA,CAEA,oDAAA,CAGA,kCAAA,CACA,aAAA,CCPF,UAIA,CDKE,2BAGE,cAAA,CADA,mBAAA,CADA,kBCDJ,CDKI,+BAEE,aAAA,CADA,YCFN,CDOM,qCACE,YCLR,CDUM,sCACE,YCRR,CDaE,wDAGE,4CAAA,CACA,cAAA,CACA,mBAAA,CAHA,QAAA,CAIA,wBCZJ,CDeE,4BAIE,aEda,CFab,eAAA,CADA,eAAA,CADA,iBCVJ,CDgBE,4BAIE,UAAA,CAFA,eAAA,CADA,eAAA,CAEA,cCbJ,CDiBE,6BACE,gBAAA,CACA,gBCfJ,CDkBE,4BACE,cChBJ,CDmBM,uDACE,iBCjBR,CDoBM,gHAEE,kBAAA,CACA,kBCnBR,CDsBM,wDACE,mBCpBR,CDuBM,wDACE,gBCrBR,CDwBM,yDACE,kBCtBR,CD2BE,+BAKE,kBAAA,CAJA,iDAAA,CAGA,mCC1BJ,CD8BM,0DAEE,cAAA,CADA,kBC3BR,CD+BM,sHAGE,kBAAA,CACA,kBAAA,CAFA,cAAA,CAGA,gBC9BR,CDiCM,2DACE,QC/BR,CDkCM,4DAEE,gBAAA,CADA,aC/BR,CDsCA,wBAEI,4BACE,aCpCJ,CDuCM,uDACE,kBCrCR,CDwCM,gHAEE,cAAA,CACA,mBCvCR,CD0CM,wDACE,iBCxCR,CD2CM,wDACE,cCzCR,CD4CM,yDAEE,gBAAA,CADA,aCzCR,CD+CE,+BACE,eC7CJ,CDgDM,sHAEE,cAAA,CACA,mBAAA,CACA,gBC/CR,CACF","file":"ContentItemDuo.css","sourcesContent":["@use \"../../common/common.client.scss\" as common;\n\n.af-content-item-duo {\n display: grid;\n width: 100%;\n grid-template:\n \"icon label value\"\n \"icon label button\";\n grid-template-columns: auto 1fr 1fr;\n row-gap: 0.5rem;\n\n &__icon {\n margin-top: 0.125rem;\n margin-right: 0.75rem;\n grid-area: icon;\n\n svg {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n &--done {\n svg {\n fill: common.$color-axa;\n }\n }\n\n &--close {\n svg {\n fill: common.$color-red-700;\n }\n }\n }\n\n &__label,\n &__value {\n margin: 0;\n font-family: common.$font-family-base;\n font-size: 1rem;\n line-height: 1.25rem;\n overflow-wrap: break-word;\n }\n\n &__label {\n margin-right: 1rem;\n grid-area: label;\n font-weight: 400;\n color: common.$color-gray-700;\n }\n\n &__value {\n grid-area: value;\n font-weight: 600;\n text-align: end;\n color: common.$color-gray-900;\n }\n\n &__button {\n grid-area: button;\n justify-self: end;\n }\n\n &--large {\n row-gap: 0.75rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.25rem;\n }\n\n &__label,\n &__value {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__label {\n margin-right: 2.5rem;\n }\n\n &__value {\n text-align: start;\n }\n\n &__button {\n justify-self: start;\n }\n }\n }\n\n &--vertical {\n grid-template:\n \"icon label button\"\n \". value value\";\n grid-template-columns: auto 1fr auto;\n gap: 0.375rem 0.75rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.125rem;\n margin-right: 0;\n }\n\n &__label,\n &__value {\n margin-right: 0;\n font-size: 1.125rem;\n line-height: 1.4rem;\n text-align: start;\n }\n\n &__value {\n margin: 0;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-content-item-duo {\n &--large {\n row-gap: 0.5rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.125rem;\n }\n\n &__label,\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__label {\n margin-right: 1rem;\n }\n\n &__value {\n text-align: end;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n\n &--vertical {\n row-gap: 0.375rem;\n\n .af-content-item-duo {\n &__label,\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n text-align: start;\n }\n }\n }\n }\n}\n","@use \"../../common/common.client.scss\" as common;\n\n.af-content-item-duo {\n display: grid;\n width: 100%;\n grid-template:\n \"icon label value\"\n \"icon label button\";\n grid-template-columns: auto 1fr 1fr;\n row-gap: 0.5rem;\n\n &__icon {\n margin-top: 0.125rem;\n margin-right: 0.75rem;\n grid-area: icon;\n\n svg {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n &--done {\n svg {\n fill: common.$color-axa;\n }\n }\n\n &--close {\n svg {\n fill: common.$color-red-700;\n }\n }\n }\n\n &__label,\n &__value {\n margin: 0;\n font-family: common.$font-family-base;\n font-size: 1rem;\n line-height: 1.25rem;\n overflow-wrap: break-word;\n }\n\n &__label {\n margin-right: 1rem;\n grid-area: label;\n font-weight: 400;\n color: common.$color-gray-700;\n }\n\n &__value {\n grid-area: value;\n font-weight: 600;\n text-align: end;\n color: common.$color-gray-900;\n }\n\n &__button {\n grid-area: button;\n justify-self: end;\n }\n\n &--large {\n row-gap: 0.75rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.25rem;\n }\n\n &__label,\n &__value {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__label {\n margin-right: 2.5rem;\n }\n\n &__value {\n text-align: start;\n }\n\n &__button {\n justify-self: start;\n }\n }\n }\n\n &--vertical {\n grid-template:\n \"icon label button\"\n \". value value\";\n grid-template-columns: auto 1fr auto;\n gap: 0.375rem 0.75rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.125rem;\n margin-right: 0;\n }\n\n &__label,\n &__value {\n margin-right: 0;\n font-size: 1.125rem;\n line-height: 1.4rem;\n text-align: start;\n }\n\n &__value {\n margin: 0;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-content-item-duo {\n &--large {\n row-gap: 0.5rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.125rem;\n }\n\n &__label,\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__label {\n margin-right: 1rem;\n }\n\n &__value {\n text-align: end;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n\n &--vertical {\n row-gap: 0.375rem;\n\n .af-content-item-duo {\n &__label,\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n text-align: start;\n }\n }\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$component-border-radius: 8px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/List/ContentItemDuo/ContentItemDuo.scss%23sass","../../../src/List/ContentItemDuo/ContentItemDuo.scss","../../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,qBACE,YAAA,CAEA,oDAAA,CAGA,kCAAA,CACA,aAAA,CCPF,UAIA,CDKE,2BAGE,cAAA,CADA,mBAAA,CADA,kBCDJ,CDKI,+BAEE,aAAA,CADA,YCFN,CDOM,qCACE,YCLR,CDUM,sCACE,YCRR,CDaE,wDAGE,4CAAA,CACA,cAAA,CACA,mBAAA,CAHA,QAAA,CAIA,wBCZJ,CDeE,4BAIE,aEda,CFab,eAAA,CADA,eAAA,CADA,iBCVJ,CDgBE,4BAIE,UAAA,CAFA,eAAA,CADA,eAAA,CAEA,cCbJ,CDiBE,6BACE,gBAAA,CACA,gBCfJ,CDkBE,4BACE,cChBJ,CDmBM,uDACE,iBCjBR,CDoBM,gHAEE,kBAAA,CACA,kBCnBR,CDsBM,wDACE,mBCpBR,CDuBM,wDACE,gBCrBR,CDwBM,yDACE,kBCtBR,CD2BE,+BAKE,kBAAA,CAJA,iDAAA,CAGA,mCC1BJ,CD8BM,0DAEE,cAAA,CADA,kBC3BR,CD+BM,sHAGE,kBAAA,CACA,kBAAA,CAFA,cAAA,CAGA,gBC9BR,CDiCM,2DACE,QC/BR,CDkCM,4DAEE,gBAAA,CADA,aC/BR,CDsCA,wBAEI,4BACE,aCpCJ,CDuCM,uDACE,kBCrCR,CDwCM,gHAEE,cAAA,CACA,mBCvCR,CD0CM,wDACE,iBCxCR,CD2CM,wDACE,cCzCR,CD4CM,yDAEE,gBAAA,CADA,aCzCR,CD+CE,+BACE,eC7CJ,CDgDM,sHAEE,cAAA,CACA,mBAAA,CACA,gBC/CR,CACF","file":"ContentItemDuo.css","sourcesContent":["@use \"../../common/common.client.scss\" as common;\n\n.af-content-item-duo {\n display: grid;\n width: 100%;\n grid-template:\n \"icon label value\"\n \"icon label button\";\n grid-template-columns: auto 1fr 1fr;\n row-gap: 0.5rem;\n\n &__icon {\n margin-top: 0.125rem;\n margin-right: 0.75rem;\n grid-area: icon;\n\n svg {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n &--done {\n svg {\n fill: common.$color-axa;\n }\n }\n\n &--close {\n svg {\n fill: common.$color-red-700;\n }\n }\n }\n\n &__label,\n &__value {\n margin: 0;\n font-family: common.$font-family-base;\n font-size: 1rem;\n line-height: 1.25rem;\n overflow-wrap: break-word;\n }\n\n &__label {\n margin-right: 1rem;\n grid-area: label;\n font-weight: 400;\n color: common.$color-gray-700;\n }\n\n &__value {\n grid-area: value;\n font-weight: 600;\n text-align: end;\n color: common.$color-gray-900;\n }\n\n &__button {\n grid-area: button;\n justify-self: end;\n }\n\n &--large {\n row-gap: 0.75rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.25rem;\n }\n\n &__label,\n &__value {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__label {\n margin-right: 2.5rem;\n }\n\n &__value {\n text-align: start;\n }\n\n &__button {\n justify-self: start;\n }\n }\n }\n\n &--vertical {\n grid-template:\n \"icon label button\"\n \". value value\";\n grid-template-columns: auto 1fr auto;\n gap: 0.375rem 0.75rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.125rem;\n margin-right: 0;\n }\n\n &__label,\n &__value {\n margin-right: 0;\n font-size: 1.125rem;\n line-height: 1.4rem;\n text-align: start;\n }\n\n &__value {\n margin: 0;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-content-item-duo {\n &--large {\n row-gap: 0.5rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.125rem;\n }\n\n &__label,\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__label {\n margin-right: 1rem;\n }\n\n &__value {\n text-align: end;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n\n &--vertical {\n row-gap: 0.375rem;\n\n .af-content-item-duo {\n &__label,\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n text-align: start;\n }\n }\n }\n }\n}\n","@use \"../../common/common.client.scss\" as common;\n\n.af-content-item-duo {\n display: grid;\n width: 100%;\n grid-template:\n \"icon label value\"\n \"icon label button\";\n grid-template-columns: auto 1fr 1fr;\n row-gap: 0.5rem;\n\n &__icon {\n margin-top: 0.125rem;\n margin-right: 0.75rem;\n grid-area: icon;\n\n svg {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n &--done {\n svg {\n fill: common.$color-axa;\n }\n }\n\n &--close {\n svg {\n fill: common.$color-red-700;\n }\n }\n }\n\n &__label,\n &__value {\n margin: 0;\n font-family: common.$font-family-base;\n font-size: 1rem;\n line-height: 1.25rem;\n overflow-wrap: break-word;\n }\n\n &__label {\n margin-right: 1rem;\n grid-area: label;\n font-weight: 400;\n color: common.$color-gray-700;\n }\n\n &__value {\n grid-area: value;\n font-weight: 600;\n text-align: end;\n color: common.$color-gray-900;\n }\n\n &__button {\n grid-area: button;\n justify-self: end;\n }\n\n &--large {\n row-gap: 0.75rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.25rem;\n }\n\n &__label,\n &__value {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__label {\n margin-right: 2.5rem;\n }\n\n &__value {\n text-align: start;\n }\n\n &__button {\n justify-self: start;\n }\n }\n }\n\n &--vertical {\n grid-template:\n \"icon label button\"\n \". value value\";\n grid-template-columns: auto 1fr auto;\n gap: 0.375rem 0.75rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.125rem;\n margin-right: 0;\n }\n\n &__label,\n &__value {\n margin-right: 0;\n font-size: 1.125rem;\n line-height: 1.4rem;\n text-align: start;\n }\n\n &__value {\n margin: 0;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-content-item-duo {\n &--large {\n row-gap: 0.5rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.125rem;\n }\n\n &__label,\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__label {\n margin-right: 1rem;\n }\n\n &__value {\n text-align: end;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n\n &--vertical {\n row-gap: 0.375rem;\n\n .af-content-item-duo {\n &__label,\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n text-align: start;\n }\n }\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/List/ContentItemMono/ContentItemMono.scss%23sass","../../../src/List/ContentItemMono/ContentItemMono.scss","../../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,sBACE,YAAA,CCDF,UACA,CDGE,6BAGE,wBAAA,CADA,qBAAA,CADA,YCCJ,CDKI,0CAEE,aAAA,CADA,YAAA,CAEA,YCHN,CDMI,8CAEE,kBAAA,CADA,YCHN,CDSI,6DACE,qBCPN,CDUI,0EACE,SCRN,CDYE,sCACE,YAAA,CACA,WCVJ,CDYI,wCACE,QCVN,CDaI,uEACE,UCXN,CDcI,4EACE,4CAAA,CACA,eCZN,CDiBI,iGACE,4BAAA,CACA,gBAAA,CACA,eAAA,CACA,oBCfN,CDkBI,sGAGE,aAAA,CAFA,kBAAA,CACA,kBCfN,CDsBM,gGACE,4CAAA,CACA,kBAAA,CACA,eAAA,CACA,kBCpBR,CDuBM,qGACE,kBAAA,CACA,kBCrBR,CDwBM,oGAKE,aAAA,CAJA,4CEnFiB,CFoFjB,cAAA,CACA,eAAA,CACA,mBCrBR,CD0BQ,qJAGE,aAAA,CAFA,cAAA,CACA,mBCvBV,CD8BM,kIACE,cAAA,CACA,mBC5BR,CDyCM,uQACE,cAAA,CACA,eAAA,CACA,mBCvCR,CD6CA,wBAGM,iGACE,iBAAA,CACA,mBC5CN,CD4DM,2SACE,cAAA,CACA,mBClDR,CDqDM,oGACE,iBAAA,CACA,kBCnDR,CDuDQ,qJACE,iBAAA,CACA,kBCrDV,CD2DM,kIACE,iBAAA,CACA,kBCzDR,CDsEM,uQACE,iBAAA,CACA,eAAA,CACA,kBCpER,CACF","file":"ContentItemMono.css","sourcesContent":["@use \"../../common/common.client.scss\" as common;\n\n.af-content-item-mono {\n display: flex;\n gap: 0.75rem;\n\n &__stick {\n width: 0.25rem;\n border-radius: 0.125rem;\n background-color: common.$color-axa;\n }\n\n &__left-container {\n svg {\n width: 1.5rem;\n height: 1.5rem;\n fill: common.$color-axa;\n }\n\n &--center {\n display: flex;\n align-items: center;\n }\n }\n\n &--disabled {\n .af-content-item-mono__stick {\n background-color: common.$color-gray-900;\n }\n\n .af-content-item-mono__left-container svg {\n fill: common.$color-gray-900;\n }\n }\n\n &__text-container {\n display: grid;\n gap: 0.125rem;\n\n p {\n margin: 0;\n }\n\n .af-content-item-mono__main-text {\n color: common.$color-gray-900;\n }\n\n .af-content-item-mono__secondary-text {\n font-family: common.$font-family-base;\n font-weight: 400;\n }\n }\n\n &--xl .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-family: common.$font-family-publico;\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1.875rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1.125rem;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n }\n\n &--m {\n .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n .af-content-item-mono__tertiary-text {\n font-family: common.$font-family-base;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n\n &:not(:has(.af-content-item-mono__tertiary-text)) {\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n }\n }\n\n &:has(.af-content-item-mono__stick) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n\n &:not(\n :has(\n .af-content-item-mono__text-container\n .af-content-item-mono__secondary-text\n )\n ):has(\n .af-content-item-mono__text-container\n .af-content-item-mono__tertiary-text\n ) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-content-item-mono {\n &--xl .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-size: 1.25rem;\n line-height: 1.56rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n\n &--m {\n .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .af-content-item-mono__tertiary-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &:not(:has(.af-content-item-mono__tertiary-text)) {\n .af-content-item-mono__secondary-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n }\n\n &:has(.af-content-item-mono__stick) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n\n &:not(\n :has(\n .af-content-item-mono__text-container\n .af-content-item-mono__secondary-text\n )\n ):has(\n .af-content-item-mono__text-container\n .af-content-item-mono__tertiary-text\n ) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n }\n }\n }\n }\n}\n","@use \"../../common/common.client.scss\" as common;\n\n.af-content-item-mono {\n display: flex;\n gap: 0.75rem;\n\n &__stick {\n width: 0.25rem;\n border-radius: 0.125rem;\n background-color: common.$color-axa;\n }\n\n &__left-container {\n svg {\n width: 1.5rem;\n height: 1.5rem;\n fill: common.$color-axa;\n }\n\n &--center {\n display: flex;\n align-items: center;\n }\n }\n\n &--disabled {\n .af-content-item-mono__stick {\n background-color: common.$color-gray-900;\n }\n\n .af-content-item-mono__left-container svg {\n fill: common.$color-gray-900;\n }\n }\n\n &__text-container {\n display: grid;\n gap: 0.125rem;\n\n p {\n margin: 0;\n }\n\n .af-content-item-mono__main-text {\n color: common.$color-gray-900;\n }\n\n .af-content-item-mono__secondary-text {\n font-family: common.$font-family-base;\n font-weight: 400;\n }\n }\n\n &--xl .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-family: common.$font-family-publico;\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1.875rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1.125rem;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n }\n\n &--m {\n .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n .af-content-item-mono__tertiary-text {\n font-family: common.$font-family-base;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n\n &:not(:has(.af-content-item-mono__tertiary-text)) {\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n }\n }\n\n &:has(.af-content-item-mono__stick) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n\n &:not(\n :has(\n .af-content-item-mono__text-container\n .af-content-item-mono__secondary-text\n )\n ):has(\n .af-content-item-mono__text-container\n .af-content-item-mono__tertiary-text\n ) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-content-item-mono {\n &--xl .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-size: 1.25rem;\n line-height: 1.56rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n\n &--m {\n .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .af-content-item-mono__tertiary-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &:not(:has(.af-content-item-mono__tertiary-text)) {\n .af-content-item-mono__secondary-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n }\n\n &:has(.af-content-item-mono__stick) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n\n &:not(\n :has(\n .af-content-item-mono__text-container\n .af-content-item-mono__secondary-text\n )\n ):has(\n .af-content-item-mono__text-container\n .af-content-item-mono__tertiary-text\n ) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n }\n }\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$component-border-radius: 8px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/List/ContentItemMono/ContentItemMono.scss%23sass","../../../src/List/ContentItemMono/ContentItemMono.scss","../../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,sBACE,YAAA,CCDF,UACA,CDGE,6BAGE,wBAAA,CADA,qBAAA,CADA,YCCJ,CDKI,0CAEE,aAAA,CADA,YAAA,CAEA,YCHN,CDMI,8CAEE,kBAAA,CADA,YCHN,CDSI,6DACE,qBCPN,CDUI,0EACE,SCRN,CDYE,sCACE,YAAA,CACA,WCVJ,CDYI,wCACE,QCVN,CDaI,uEACE,UCXN,CDcI,4EACE,4CAAA,CACA,eCZN,CDiBI,iGACE,4BAAA,CACA,gBAAA,CACA,eAAA,CACA,oBCfN,CDkBI,sGAGE,aAAA,CAFA,kBAAA,CACA,kBCfN,CDsBM,gGACE,4CAAA,CACA,kBAAA,CACA,eAAA,CACA,kBCpBR,CDuBM,qGACE,kBAAA,CACA,kBCrBR,CDwBM,oGAKE,aAAA,CAJA,4CEnFiB,CFoFjB,cAAA,CACA,eAAA,CACA,mBCrBR,CD0BQ,qJAGE,aAAA,CAFA,cAAA,CACA,mBCvBV,CD8BM,kIACE,cAAA,CACA,mBC5BR,CDyCM,uQACE,cAAA,CACA,eAAA,CACA,mBCvCR,CD6CA,wBAGM,iGACE,iBAAA,CACA,mBC5CN,CD4DM,2SACE,cAAA,CACA,mBClDR,CDqDM,oGACE,iBAAA,CACA,kBCnDR,CDuDQ,qJACE,iBAAA,CACA,kBCrDV,CD2DM,kIACE,iBAAA,CACA,kBCzDR,CDsEM,uQACE,iBAAA,CACA,eAAA,CACA,kBCpER,CACF","file":"ContentItemMono.css","sourcesContent":["@use \"../../common/common.client.scss\" as common;\n\n.af-content-item-mono {\n display: flex;\n gap: 0.75rem;\n\n &__stick {\n width: 0.25rem;\n border-radius: 0.125rem;\n background-color: common.$color-axa;\n }\n\n &__left-container {\n svg {\n width: 1.5rem;\n height: 1.5rem;\n fill: common.$color-axa;\n }\n\n &--center {\n display: flex;\n align-items: center;\n }\n }\n\n &--disabled {\n .af-content-item-mono__stick {\n background-color: common.$color-gray-900;\n }\n\n .af-content-item-mono__left-container svg {\n fill: common.$color-gray-900;\n }\n }\n\n &__text-container {\n display: grid;\n gap: 0.125rem;\n\n p {\n margin: 0;\n }\n\n .af-content-item-mono__main-text {\n color: common.$color-gray-900;\n }\n\n .af-content-item-mono__secondary-text {\n font-family: common.$font-family-base;\n font-weight: 400;\n }\n }\n\n &--xl .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-family: common.$font-family-publico;\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1.875rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1.125rem;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n }\n\n &--m {\n .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n .af-content-item-mono__tertiary-text {\n font-family: common.$font-family-base;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n\n &:not(:has(.af-content-item-mono__tertiary-text)) {\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n }\n }\n\n &:has(.af-content-item-mono__stick) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n\n &:not(\n :has(\n .af-content-item-mono__text-container\n .af-content-item-mono__secondary-text\n )\n ):has(\n .af-content-item-mono__text-container\n .af-content-item-mono__tertiary-text\n ) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-content-item-mono {\n &--xl .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-size: 1.25rem;\n line-height: 1.56rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n\n &--m {\n .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .af-content-item-mono__tertiary-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &:not(:has(.af-content-item-mono__tertiary-text)) {\n .af-content-item-mono__secondary-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n }\n\n &:has(.af-content-item-mono__stick) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n\n &:not(\n :has(\n .af-content-item-mono__text-container\n .af-content-item-mono__secondary-text\n )\n ):has(\n .af-content-item-mono__text-container\n .af-content-item-mono__tertiary-text\n ) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n }\n }\n }\n }\n}\n","@use \"../../common/common.client.scss\" as common;\n\n.af-content-item-mono {\n display: flex;\n gap: 0.75rem;\n\n &__stick {\n width: 0.25rem;\n border-radius: 0.125rem;\n background-color: common.$color-axa;\n }\n\n &__left-container {\n svg {\n width: 1.5rem;\n height: 1.5rem;\n fill: common.$color-axa;\n }\n\n &--center {\n display: flex;\n align-items: center;\n }\n }\n\n &--disabled {\n .af-content-item-mono__stick {\n background-color: common.$color-gray-900;\n }\n\n .af-content-item-mono__left-container svg {\n fill: common.$color-gray-900;\n }\n }\n\n &__text-container {\n display: grid;\n gap: 0.125rem;\n\n p {\n margin: 0;\n }\n\n .af-content-item-mono__main-text {\n color: common.$color-gray-900;\n }\n\n .af-content-item-mono__secondary-text {\n font-family: common.$font-family-base;\n font-weight: 400;\n }\n }\n\n &--xl .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-family: common.$font-family-publico;\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1.875rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1.125rem;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n }\n\n &--m {\n .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n .af-content-item-mono__tertiary-text {\n font-family: common.$font-family-base;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n\n &:not(:has(.af-content-item-mono__tertiary-text)) {\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n }\n }\n\n &:has(.af-content-item-mono__stick) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n\n &:not(\n :has(\n .af-content-item-mono__text-container\n .af-content-item-mono__secondary-text\n )\n ):has(\n .af-content-item-mono__text-container\n .af-content-item-mono__tertiary-text\n ) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-content-item-mono {\n &--xl .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-size: 1.25rem;\n line-height: 1.56rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n\n &--m {\n .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .af-content-item-mono__tertiary-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &:not(:has(.af-content-item-mono__tertiary-text)) {\n .af-content-item-mono__secondary-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n }\n\n &:has(.af-content-item-mono__stick) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n\n &:not(\n :has(\n .af-content-item-mono__text-container\n .af-content-item-mono__secondary-text\n )\n ):has(\n .af-content-item-mono__text-container\n .af-content-item-mono__tertiary-text\n ) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n }\n }\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/List/ContentTabList/ContentTabList.client.scss%23sass","../../../src/List/ContentTabList/ContentTabList.client.scss","../../../src/common/common.client.scss"],"names":[],"mappings":"AAGE,oCACE,YAAA,CCFJ,qBAAA,CDII,sBCFJ,CDKE,0CAGE,kBAAA,CAFA,YAAA,CACA,kBAAA,CAGA,UAAA,CADA,6BCFJ,CDKI,+CACE,aAAA,CACA,QCHN,CDOM,oOAGE,WAAA,CACA,SCPR,CDUM,mFACE,gDCRR,CDUQ,2FACE,0BCRV,CDYM,+DAEE,UELS,CFIT,4BCTR,CDaM,qEACE,kBAAA,CACA,eAAA,CACA,kBCXR,CDcM,wEAIE,aAAA,CAHA,cAAA,CACA,eAAA,CACA,mBCXR,CDeM,8DAKE,aAAA,CAHA,kBAAA,CACA,eAAA,CAFA,2BAAA,CAGA,kBCZR,CDgBM,+DAME,aElCU,CF8BV,kBAAA,CACA,eAAA,CAFA,gBAAA,CAGA,kBAAA,CACA,gBCbR,CDiBM,0EACE,gBCfR,CDiBQ,8EAEE,cAAA,CADA,aAAA,CAEA,YCfV,CDqBM,kFACE,gBCnBR,CDyBA,wBACE,0CACE,UCtBF,CDyBI,wEAKE,iBAAA,CAJA,YAAA,CAMA,UAAA,CALA,2EACE,CAGF,qBCxBN,CD4BI,yEACE,UC1BN,CD6BI,mFAEE,kBAAA,CADA,aC1BN,CD6BM,yHACE,YAAA,CC1BV,UAAA,CADE,kDAEA,CACF,2FACE,QACA,CDgCI,qEACE,cAAA,CACA,mBC9BN,CDiCI,wEACE,iBAAA,CACA,kBC/BN,CDuCI,6HACE,cAAA,CACA,mBCjCN,CDoCI,0EACE,QClCN,CDoCM,iFAGE,WAAA,CADA,KAAA,CADA,SChCR,CDuCE,oEACE,iBCrCJ,CACF","file":"ContentTabList.client.css","sourcesContent":["@use \"../../common/common.client.scss\" as common;\n\n.af-card--content-tab-list {\n .af-list {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .af-list__item {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 2.5rem;\n\n span {\n display: block;\n margin: 0;\n }\n\n .af-list-item {\n &__left-container,\n &__right-container,\n &__additional-data-container {\n all: inherit;\n padding: 0;\n }\n\n &__additional-data-container {\n grid-area: content-tab__additional-data-container;\n\n .af-tag {\n grid-area: content-tab__tag;\n }\n }\n\n &__label {\n grid-area: content-tab__label;\n color: common.$color-gray-900;\n }\n\n &-label__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-label__subtitle {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n\n &__date {\n grid-area: content-tab__date;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n\n &__value {\n justify-self: end;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n text-align: right;\n color: common.$color-green-600;\n }\n\n &__button-container {\n margin: 0 0.625rem;\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n fill: common.$color-axa;\n }\n }\n }\n\n &:not(:has(.af-list-item__value)) {\n .af-tag {\n margin: 0 1.34rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--content-tab-list .af-list__item {\n gap: 1.5rem;\n\n .af-list-item {\n &__left-container {\n display: grid;\n grid-template:\n \"content-tab__additional-data-container\"\n \"content-tab__label\";\n align-items: start;\n justify-content: start;\n gap: 0.25rem;\n }\n\n &__right-container {\n gap: 1.5rem;\n }\n\n &__additional-data-container {\n display: block;\n align-items: center;\n\n &:has(.af-list-item__date):has(.af-tag) {\n display: grid;\n grid-template: \"content-tab__tag content-tab__date\";\n gap: 0.75rem;\n }\n\n .af-tag {\n margin: 0;\n }\n }\n\n &-label__title {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &-label__subtitle {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &__date {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__button-container {\n margin: 0;\n\n button {\n padding: 0;\n gap: 0;\n font-size: 0;\n }\n }\n }\n\n &:has(.af-list-item__value) {\n align-items: start;\n }\n }\n}\n","@use \"../../common/common.client.scss\" as common;\n\n.af-card--content-tab-list {\n .af-list {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .af-list__item {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 2.5rem;\n\n span {\n display: block;\n margin: 0;\n }\n\n .af-list-item {\n &__left-container,\n &__right-container,\n &__additional-data-container {\n all: inherit;\n padding: 0;\n }\n\n &__additional-data-container {\n grid-area: content-tab__additional-data-container;\n\n .af-tag {\n grid-area: content-tab__tag;\n }\n }\n\n &__label {\n grid-area: content-tab__label;\n color: common.$color-gray-900;\n }\n\n &-label__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-label__subtitle {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n\n &__date {\n grid-area: content-tab__date;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n\n &__value {\n justify-self: end;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n text-align: right;\n color: common.$color-green-600;\n }\n\n &__button-container {\n margin: 0 0.625rem;\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n fill: common.$color-axa;\n }\n }\n }\n\n &:not(:has(.af-list-item__value)) {\n .af-tag {\n margin: 0 1.34rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--content-tab-list .af-list__item {\n gap: 1.5rem;\n\n .af-list-item {\n &__left-container {\n display: grid;\n grid-template:\n \"content-tab__additional-data-container\"\n \"content-tab__label\";\n align-items: start;\n justify-content: start;\n gap: 0.25rem;\n }\n\n &__right-container {\n gap: 1.5rem;\n }\n\n &__additional-data-container {\n display: block;\n align-items: center;\n\n &:has(.af-list-item__date):has(.af-tag) {\n display: grid;\n grid-template: \"content-tab__tag content-tab__date\";\n gap: 0.75rem;\n }\n\n .af-tag {\n margin: 0;\n }\n }\n\n &-label__title {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &-label__subtitle {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &__date {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__button-container {\n margin: 0;\n\n button {\n padding: 0;\n gap: 0;\n font-size: 0;\n }\n }\n }\n\n &:has(.af-list-item__value) {\n align-items: start;\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$component-border-radius: 8px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/List/ContentTabList/ContentTabList.client.scss%23sass","../../../src/List/ContentTabList/ContentTabList.client.scss","../../../src/common/common.client.scss"],"names":[],"mappings":"AAGE,oCACE,YAAA,CCFJ,qBAAA,CDII,sBCFJ,CDKE,0CAGE,kBAAA,CAFA,YAAA,CACA,kBAAA,CAGA,UAAA,CADA,6BCFJ,CDKI,+CACE,aAAA,CACA,QCHN,CDOM,oOAGE,WAAA,CACA,SCPR,CDUM,mFACE,gDCRR,CDUQ,2FACE,0BCRV,CDYM,+DAEE,UELS,CFIT,4BCTR,CDaM,qEACE,kBAAA,CACA,eAAA,CACA,kBCXR,CDcM,wEAIE,aAAA,CAHA,cAAA,CACA,eAAA,CACA,mBCXR,CDeM,8DAKE,aAAA,CAHA,kBAAA,CACA,eAAA,CAFA,2BAAA,CAGA,kBCZR,CDgBM,+DAME,aElCU,CF8BV,kBAAA,CACA,eAAA,CAFA,gBAAA,CAGA,kBAAA,CACA,gBCbR,CDiBM,0EACE,gBCfR,CDiBQ,8EAEE,cAAA,CADA,aAAA,CAEA,YCfV,CDqBM,kFACE,gBCnBR,CDyBA,wBACE,0CACE,UCtBF,CDyBI,wEAKE,iBAAA,CAJA,YAAA,CAMA,UAAA,CALA,2EACE,CAGF,qBCxBN,CD4BI,yEACE,UC1BN,CD6BI,mFAEE,kBAAA,CADA,aC1BN,CD6BM,yHACE,YAAA,CC1BV,UAAA,CADE,kDAEA,CACF,2FACE,QACA,CDgCI,qEACE,cAAA,CACA,mBC9BN,CDiCI,wEACE,iBAAA,CACA,kBC/BN,CDuCI,6HACE,cAAA,CACA,mBCjCN,CDoCI,0EACE,QClCN,CDoCM,iFAGE,WAAA,CADA,KAAA,CADA,SChCR,CDuCE,oEACE,iBCrCJ,CACF","file":"ContentTabList.client.css","sourcesContent":["@use \"../../common/common.client.scss\" as common;\n\n.af-card--content-tab-list {\n .af-list {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .af-list__item {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 2.5rem;\n\n span {\n display: block;\n margin: 0;\n }\n\n .af-list-item {\n &__left-container,\n &__right-container,\n &__additional-data-container {\n all: inherit;\n padding: 0;\n }\n\n &__additional-data-container {\n grid-area: content-tab__additional-data-container;\n\n .af-tag {\n grid-area: content-tab__tag;\n }\n }\n\n &__label {\n grid-area: content-tab__label;\n color: common.$color-gray-900;\n }\n\n &-label__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-label__subtitle {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n\n &__date {\n grid-area: content-tab__date;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n\n &__value {\n justify-self: end;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n text-align: right;\n color: common.$color-green-600;\n }\n\n &__button-container {\n margin: 0 0.625rem;\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n fill: common.$color-axa;\n }\n }\n }\n\n &:not(:has(.af-list-item__value)) {\n .af-tag {\n margin: 0 1.34rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--content-tab-list .af-list__item {\n gap: 1.5rem;\n\n .af-list-item {\n &__left-container {\n display: grid;\n grid-template:\n \"content-tab__additional-data-container\"\n \"content-tab__label\";\n align-items: start;\n justify-content: start;\n gap: 0.25rem;\n }\n\n &__right-container {\n gap: 1.5rem;\n }\n\n &__additional-data-container {\n display: block;\n align-items: center;\n\n &:has(.af-list-item__date):has(.af-tag) {\n display: grid;\n grid-template: \"content-tab__tag content-tab__date\";\n gap: 0.75rem;\n }\n\n .af-tag {\n margin: 0;\n }\n }\n\n &-label__title {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &-label__subtitle {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &__date {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__button-container {\n margin: 0;\n\n button {\n padding: 0;\n gap: 0;\n font-size: 0;\n }\n }\n }\n\n &:has(.af-list-item__value) {\n align-items: start;\n }\n }\n}\n","@use \"../../common/common.client.scss\" as common;\n\n.af-card--content-tab-list {\n .af-list {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .af-list__item {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 2.5rem;\n\n span {\n display: block;\n margin: 0;\n }\n\n .af-list-item {\n &__left-container,\n &__right-container,\n &__additional-data-container {\n all: inherit;\n padding: 0;\n }\n\n &__additional-data-container {\n grid-area: content-tab__additional-data-container;\n\n .af-tag {\n grid-area: content-tab__tag;\n }\n }\n\n &__label {\n grid-area: content-tab__label;\n color: common.$color-gray-900;\n }\n\n &-label__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-label__subtitle {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n\n &__date {\n grid-area: content-tab__date;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n\n &__value {\n justify-self: end;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n text-align: right;\n color: common.$color-green-600;\n }\n\n &__button-container {\n margin: 0 0.625rem;\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n fill: common.$color-axa;\n }\n }\n }\n\n &:not(:has(.af-list-item__value)) {\n .af-tag {\n margin: 0 1.34rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--content-tab-list .af-list__item {\n gap: 1.5rem;\n\n .af-list-item {\n &__left-container {\n display: grid;\n grid-template:\n \"content-tab__additional-data-container\"\n \"content-tab__label\";\n align-items: start;\n justify-content: start;\n gap: 0.25rem;\n }\n\n &__right-container {\n gap: 1.5rem;\n }\n\n &__additional-data-container {\n display: block;\n align-items: center;\n\n &:has(.af-list-item__date):has(.af-tag) {\n display: grid;\n grid-template: \"content-tab__tag content-tab__date\";\n gap: 0.75rem;\n }\n\n .af-tag {\n margin: 0;\n }\n }\n\n &-label__title {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &-label__subtitle {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &__date {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__button-container {\n margin: 0;\n\n button {\n padding: 0;\n gap: 0;\n font-size: 0;\n }\n }\n }\n\n &:has(.af-list-item__value) {\n align-items: start;\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Modal/Modal.client.scss%23sass","../../src/Modal/Modal.client.scss","../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,UAOE,qBAAA,CAFA,WAAA,CACA,mBAAA,CAHA,aAAA,CACA,gBAAA,CAHA,cAAA,CCDF,UAMA,CDGE,oBAEE,eAAA,CADA,UCAJ,CDIE,eAME,kBAAA,CAEA,qBAAA,CAHA,+BAAA,CAFA,YAAA,CAIA,QAAA,CAHA,uBAAA,CAHA,eAAA,CACA,KCIJ,CDII,qBAIE,iBAAA,CAEA,UAAA,CALA,YAAA,CAIA,6BAAA,CAFA,QAAA,CADA,UCEN,CDIM,0BACE,4BAAA,CACA,gBAAA,CACA,oBCFR,CDKM,8BAKE,aAAA,CAJA,4CEzCiB,CF0CjB,kBAAA,CACA,eAAA,CACA,oBCFR,CDMM,+BACE,SAAA,CAIA,kBAAA,CAEA,cAAA,CALA,YAAA,CAEA,WAAA,CAEA,sBAAA,CAHA,UAAA,CAKA,YCJR,CDOM,4BACE,eCLR,CDQM,4BAEE,eAAA,CADA,WCLR,CDWE,mBACE,YAAA,CAGA,qBAAA,CAEA,4CAAA,CACA,kBAAA,CACA,eAAA,CAHA,UAAA,CAHA,iBAAA,CACA,gBCJJ,CDYE,mBAIE,oBAAA,CAHA,YAAA,CAEA,6BAAA,CAGA,QAAA,CADA,wBAAA,CAHA,aCLJ,CDkBM,qDAEE,WAAA,CADA,UCXR,CDkBA,yCACE,UAGE,WAAA,CADA,eAAA,CADA,eCbF,CDiBE,mBACE,0BAAA,CACA,0BCfJ,CDiBI,qBAEE,eAAA,CADA,UCdN,CACF,gCAEA,WAAA,CDiBU,UChBR,CACF","file":"Modal.client.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-modal {\n position: fixed;\n width: 100%;\n margin: 0 auto;\n padding: 1.5rem 0;\n border: none;\n border-radius: 0.5rem;\n background-color: common.$color-white;\n\n &::backdrop {\n opacity: 0.4;\n background: common.$color-gray-900;\n }\n\n &__top {\n position: sticky;\n top: 0;\n display: flex;\n padding: 0 1.5rem 1.5rem;\n border-bottom: 1px solid common.$color-btn-disabled-border;\n align-items: center;\n gap: 1rem;\n background-color: common.$color-white;\n\n &-title {\n display: flex;\n width: 100%;\n margin: 0;\n align-items: start;\n justify-content: space-between;\n color: common.$color-gray-900;\n\n &-text {\n font-family: common.$font-family-publico;\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n\n &-subtitle {\n font-family: common.$font-family-sans-serif;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n color: common.$color-gray-700;\n }\n\n &-close-btn {\n all: unset;\n display: flex;\n width: 2rem;\n height: 2rem;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n fill: common.$color-axa;\n }\n\n :hover {\n background: none;\n }\n\n :focus {\n border: none;\n background: none;\n }\n }\n }\n\n &__content {\n display: flex;\n margin-top: 2.5rem;\n padding: 0 1.5rem;\n flex-direction: column;\n gap: 2.5rem;\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 400;\n }\n\n &__actions {\n display: flex;\n padding-top: 0;\n flex-direction: column-reverse;\n align-items: flex-end;\n justify-content: flex-end;\n gap: 1rem;\n\n /* force fullwidth in mobile*/\n & * {\n width: 100%;\n flex-grow: 1;\n }\n\n &--fullWidth {\n & * {\n width: 100%;\n flex-grow: 1;\n }\n }\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-modal {\n min-width: 48rem;\n max-width: 72rem;\n margin: auto;\n\n &__actions {\n flex-direction: row-reverse;\n justify-content: flex-start;\n\n & * {\n width: auto;\n flex-grow: unset;\n }\n\n &--fullWidth {\n & * {\n width: 100%;\n flex-grow: 1;\n }\n }\n }\n }\n}\n","@use \"../common/common.client.scss\" as common;\n\n.af-modal {\n position: fixed;\n width: 100%;\n margin: 0 auto;\n padding: 1.5rem 0;\n border: none;\n border-radius: 0.5rem;\n background-color: common.$color-white;\n\n &::backdrop {\n opacity: 0.4;\n background: common.$color-gray-900;\n }\n\n &__top {\n position: sticky;\n top: 0;\n display: flex;\n padding: 0 1.5rem 1.5rem;\n border-bottom: 1px solid common.$color-btn-disabled-border;\n align-items: center;\n gap: 1rem;\n background-color: common.$color-white;\n\n &-title {\n display: flex;\n width: 100%;\n margin: 0;\n align-items: start;\n justify-content: space-between;\n color: common.$color-gray-900;\n\n &-text {\n font-family: common.$font-family-publico;\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n\n &-subtitle {\n font-family: common.$font-family-sans-serif;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n color: common.$color-gray-700;\n }\n\n &-close-btn {\n all: unset;\n display: flex;\n width: 2rem;\n height: 2rem;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n fill: common.$color-axa;\n }\n\n :hover {\n background: none;\n }\n\n :focus {\n border: none;\n background: none;\n }\n }\n }\n\n &__content {\n display: flex;\n margin-top: 2.5rem;\n padding: 0 1.5rem;\n flex-direction: column;\n gap: 2.5rem;\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 400;\n }\n\n &__actions {\n display: flex;\n padding-top: 0;\n flex-direction: column-reverse;\n align-items: flex-end;\n justify-content: flex-end;\n gap: 1rem;\n\n // force fullwidth in mobile\n & * {\n width: 100%;\n flex-grow: 1;\n }\n\n &--fullWidth {\n & * {\n width: 100%;\n flex-grow: 1;\n }\n }\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-modal {\n min-width: 48rem;\n max-width: 72rem;\n margin: auto;\n\n &__actions {\n flex-direction: row-reverse;\n justify-content: flex-start;\n\n & * {\n width: auto;\n flex-grow: unset;\n }\n\n &--fullWidth {\n & * {\n width: 100%;\n flex-grow: 1;\n }\n }\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$
|
|
1
|
+
{"version":3,"sources":["../../src/Modal/Modal.client.scss%23sass","../../src/Modal/Modal.client.scss","../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,UAOE,qBAAA,CAFA,WAAA,CACA,mBAAA,CAHA,aAAA,CACA,gBAAA,CAHA,cAAA,CCDF,UAMA,CDGE,oBAEE,eAAA,CADA,UCAJ,CDIE,eAME,kBAAA,CAEA,qBAAA,CAHA,+BAAA,CAFA,YAAA,CAIA,QAAA,CAHA,uBAAA,CAHA,eAAA,CACA,KCIJ,CDII,qBAIE,iBAAA,CAEA,UAAA,CALA,YAAA,CAIA,6BAAA,CAFA,QAAA,CADA,UCEN,CDIM,0BACE,4BAAA,CACA,gBAAA,CACA,oBCFR,CDKM,8BAKE,aAAA,CAJA,4CEzCiB,CF0CjB,kBAAA,CACA,eAAA,CACA,oBCFR,CDMM,+BACE,SAAA,CAIA,kBAAA,CAEA,cAAA,CALA,YAAA,CAEA,WAAA,CAEA,sBAAA,CAHA,UAAA,CAKA,YCJR,CDOM,4BACE,eCLR,CDQM,4BAEE,eAAA,CADA,WCLR,CDWE,mBACE,YAAA,CAGA,qBAAA,CAEA,4CAAA,CACA,kBAAA,CACA,eAAA,CAHA,UAAA,CAHA,iBAAA,CACA,gBCJJ,CDYE,mBAIE,oBAAA,CAHA,YAAA,CAEA,6BAAA,CAGA,QAAA,CADA,wBAAA,CAHA,aCLJ,CDkBM,qDAEE,WAAA,CADA,UCXR,CDkBA,yCACE,UAGE,WAAA,CADA,eAAA,CADA,eCbF,CDiBE,mBACE,0BAAA,CACA,0BCfJ,CDiBI,qBAEE,eAAA,CADA,UCdN,CACF,gCAEA,WAAA,CDiBU,UChBR,CACF","file":"Modal.client.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-modal {\n position: fixed;\n width: 100%;\n margin: 0 auto;\n padding: 1.5rem 0;\n border: none;\n border-radius: 0.5rem;\n background-color: common.$color-white;\n\n &::backdrop {\n opacity: 0.4;\n background: common.$color-gray-900;\n }\n\n &__top {\n position: sticky;\n top: 0;\n display: flex;\n padding: 0 1.5rem 1.5rem;\n border-bottom: 1px solid common.$color-btn-disabled-border;\n align-items: center;\n gap: 1rem;\n background-color: common.$color-white;\n\n &-title {\n display: flex;\n width: 100%;\n margin: 0;\n align-items: start;\n justify-content: space-between;\n color: common.$color-gray-900;\n\n &-text {\n font-family: common.$font-family-publico;\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n\n &-subtitle {\n font-family: common.$font-family-sans-serif;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n color: common.$color-gray-700;\n }\n\n &-close-btn {\n all: unset;\n display: flex;\n width: 2rem;\n height: 2rem;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n fill: common.$color-axa;\n }\n\n :hover {\n background: none;\n }\n\n :focus {\n border: none;\n background: none;\n }\n }\n }\n\n &__content {\n display: flex;\n margin-top: 2.5rem;\n padding: 0 1.5rem;\n flex-direction: column;\n gap: 2.5rem;\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 400;\n }\n\n &__actions {\n display: flex;\n padding-top: 0;\n flex-direction: column-reverse;\n align-items: flex-end;\n justify-content: flex-end;\n gap: 1rem;\n\n /* force fullwidth in mobile*/\n & * {\n width: 100%;\n flex-grow: 1;\n }\n\n &--fullWidth {\n & * {\n width: 100%;\n flex-grow: 1;\n }\n }\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-modal {\n min-width: 48rem;\n max-width: 72rem;\n margin: auto;\n\n &__actions {\n flex-direction: row-reverse;\n justify-content: flex-start;\n\n & * {\n width: auto;\n flex-grow: unset;\n }\n\n &--fullWidth {\n & * {\n width: 100%;\n flex-grow: 1;\n }\n }\n }\n }\n}\n","@use \"../common/common.client.scss\" as common;\n\n.af-modal {\n position: fixed;\n width: 100%;\n margin: 0 auto;\n padding: 1.5rem 0;\n border: none;\n border-radius: 0.5rem;\n background-color: common.$color-white;\n\n &::backdrop {\n opacity: 0.4;\n background: common.$color-gray-900;\n }\n\n &__top {\n position: sticky;\n top: 0;\n display: flex;\n padding: 0 1.5rem 1.5rem;\n border-bottom: 1px solid common.$color-btn-disabled-border;\n align-items: center;\n gap: 1rem;\n background-color: common.$color-white;\n\n &-title {\n display: flex;\n width: 100%;\n margin: 0;\n align-items: start;\n justify-content: space-between;\n color: common.$color-gray-900;\n\n &-text {\n font-family: common.$font-family-publico;\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n\n &-subtitle {\n font-family: common.$font-family-sans-serif;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n color: common.$color-gray-700;\n }\n\n &-close-btn {\n all: unset;\n display: flex;\n width: 2rem;\n height: 2rem;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n fill: common.$color-axa;\n }\n\n :hover {\n background: none;\n }\n\n :focus {\n border: none;\n background: none;\n }\n }\n }\n\n &__content {\n display: flex;\n margin-top: 2.5rem;\n padding: 0 1.5rem;\n flex-direction: column;\n gap: 2.5rem;\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 400;\n }\n\n &__actions {\n display: flex;\n padding-top: 0;\n flex-direction: column-reverse;\n align-items: flex-end;\n justify-content: flex-end;\n gap: 1rem;\n\n // force fullwidth in mobile\n & * {\n width: 100%;\n flex-grow: 1;\n }\n\n &--fullWidth {\n & * {\n width: 100%;\n flex-grow: 1;\n }\n }\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-modal {\n min-width: 48rem;\n max-width: 72rem;\n margin: auto;\n\n &__actions {\n flex-direction: row-reverse;\n justify-content: flex-start;\n\n & * {\n width: auto;\n flex-grow: unset;\n }\n\n &--fullWidth {\n & * {\n width: 100%;\n flex-grow: 1;\n }\n }\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Stepper/Stepper.client.scss%23sass","../../src/Stepper/Stepper.client.scss","../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,mBAIE,wBAAA,CAHA,YAAA,CAEA,qBAAA,CCHF,UAGA,CDGE,0BAOE,UAAA,CALA,kEAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CAJA,mBAAA,CAKA,eCAJ,CDIE,6BAOE,aAAA,CALA,4CEpBqB,CFqBrB,kBAAA,CACA,eAAA,CACA,oBAAA,CAJA,oBAAA,CAKA,eCDJ,CDKE,4BAEE,oBAAA,CADA,YAAA,CAEA,QCHJ,CDME,gCAIE,wBEjBwB,CFgBxB,iBAAA,CADA,cAAA,CADA,UCDJ,CDOE,6BAME,wBAAA,CAFA,iBAAA,CAFA,WAAA,CACA,cAAA,CAEA,eAAA,CAEA,8CACE,CAPF,SCCJ","file":"Stepper.client.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-stepper-client {\n display: flex;\n width: 100%;\n flex-direction: column;\n background-color: transparent;\n\n &__title {\n margin-bottom: 0.5rem;\n font-family: common.$font-family-publico-bold, common.$font-family-base;\n font-size: 2rem;\n font-weight: 700;\n line-height: 2.5rem;\n text-align: left;\n color: common.$color-gray-900;\n }\n\n &__subtitle {\n margin-bottom: 1.5rem;\n font-family: common.$font-family-sans-serif;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n text-align: left;\n color: common.$color-gray-700;\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__progressbar {\n width: 100%;\n height: 0.375rem;\n border-radius:
|
|
1
|
+
{"version":3,"sources":["../../src/Stepper/Stepper.client.scss%23sass","../../src/Stepper/Stepper.client.scss","../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,mBAIE,wBAAA,CAHA,YAAA,CAEA,qBAAA,CCHF,UAGA,CDGE,0BAOE,UAAA,CALA,kEAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CAJA,mBAAA,CAKA,eCAJ,CDIE,6BAOE,aAAA,CALA,4CEpBqB,CFqBrB,kBAAA,CACA,eAAA,CACA,oBAAA,CAJA,oBAAA,CAKA,eCDJ,CDKE,4BAEE,oBAAA,CADA,YAAA,CAEA,QCHJ,CDME,gCAIE,wBEjBwB,CFgBxB,iBAAA,CADA,cAAA,CADA,UCDJ,CDOE,6BAME,wBAAA,CAFA,iBAAA,CAFA,WAAA,CACA,cAAA,CAEA,eAAA,CAEA,8CACE,CAPF,SCCJ","file":"Stepper.client.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-stepper-client {\n display: flex;\n width: 100%;\n flex-direction: column;\n background-color: transparent;\n\n &__title {\n margin-bottom: 0.5rem;\n font-family: common.$font-family-publico-bold, common.$font-family-base;\n font-size: 2rem;\n font-weight: 700;\n line-height: 2.5rem;\n text-align: left;\n color: common.$color-gray-900;\n }\n\n &__subtitle {\n margin-bottom: 1.5rem;\n font-family: common.$font-family-sans-serif;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n text-align: left;\n color: common.$color-gray-700;\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__progressbar {\n width: 100%;\n height: 0.375rem;\n border-radius: common.$default-border-radius;\n background-color: common.$color-btn-disabled-border;\n }\n\n &__progress {\n width: 50%;\n height: 100%;\n height: 0.375rem;\n border-radius: common.$default-border-radius;\n text-align: left;\n background-color: common.$color-axa;\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n","@use \"../common/common.client.scss\" as common;\n\n.af-stepper-client {\n display: flex;\n width: 100%;\n flex-direction: column;\n background-color: transparent;\n\n &__title {\n margin-bottom: 0.5rem;\n font-family: common.$font-family-publico-bold, common.$font-family-base;\n font-size: 2rem;\n font-weight: 700;\n line-height: 2.5rem;\n text-align: left;\n color: common.$color-gray-900;\n }\n\n &__subtitle {\n margin-bottom: 1.5rem;\n font-family: common.$font-family-sans-serif;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n text-align: left;\n color: common.$color-gray-700;\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__progressbar {\n width: 100%;\n height: 0.375rem;\n border-radius: common.$default-border-radius;\n background-color: common.$color-btn-disabled-border;\n }\n\n &__progress {\n width: 50%;\n height: 100%;\n height: 0.375rem;\n border-radius: common.$default-border-radius;\n text-align: left;\n background-color: common.$color-axa;\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|