@axa-fr/design-system-look-and-feel-css 0.2.0-beta.370 → 0.3.0-ci.286
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/Accordion/Accordion.css.map +1 -1
- package/dist/AccordionCore/AccordionCore.css +1 -1
- package/dist/AccordionCore/AccordionCore.css.map +1 -1
- package/dist/AccordionCore/AccordionCore.scss +5 -7
- package/dist/Alert/Alert.css.map +1 -1
- package/dist/Button/Button.css.map +1 -1
- package/dist/Card/Card.css.map +1 -1
- package/dist/Divider/Divider.css +1 -0
- package/dist/Divider/Divider.css.map +1 -0
- package/dist/Divider/Divider.scss +7 -0
- package/dist/Form/Checkbox/Checkbox.css +1 -1
- package/dist/Form/Checkbox/Checkbox.css.map +1 -1
- package/dist/Form/Checkbox/Checkbox.scss +1 -0
- package/dist/Form/FileUpload/FileUpload.css.map +1 -1
- package/dist/Form/Radio/Radio.css.map +1 -1
- package/dist/Form/Select/Select.css.map +1 -1
- package/dist/Layout/Footer/Footer.css.map +1 -1
- package/dist/Layout/Header/Header.css.map +1 -1
- package/dist/Layout/Header/NavBar/NavBar.css.map +1 -1
- package/dist/Link/Link.css.map +1 -1
- package/dist/List/ClickList/ClickList.css +1 -1
- package/dist/List/ClickList/ClickList.css.map +1 -1
- package/dist/List/ClickList/ClickList.scss +1 -0
- package/dist/List/ContentItemDuo/ContentItemDuo.css.map +1 -1
- package/dist/List/ContentItemMono/ContentItemMono.css.map +1 -1
- package/dist/List/ContentTabList/ContentTabList.css.map +1 -1
- package/dist/List/List.css +1 -1
- package/dist/List/List.css.map +1 -1
- package/dist/List/List.scss +19 -13
- package/dist/Modal/Modal.css.map +1 -1
- package/dist/Modal/Modal.scss +1 -1
- package/dist/Stepper/Stepper.css.map +1 -1
- package/dist/Stepper/Stepper.scss +1 -1
- package/dist/Tabs/Tabs.css.map +1 -1
- package/dist/Tag/Tag.css.map +1 -1
- package/dist/Title/Title.css.map +1 -1
- package/dist/common/common.scss +0 -1
- package/dist/look-and-feel.css +1 -1
- package/dist/look-and-feel.css.map +1 -1
- package/dist/look-and-feel.scss +1 -0
- package/package.json +9 -3
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/List/ContentTabList/ContentTabList.scss%23sass","../../../src/List/ContentTabList/ContentTabList.scss","../../../src/common/common.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,UEHS,CFET,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,aEhCU,CF4BV,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.css","sourcesContent":["@use \"../../common/common\" 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\" 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","@import \"./mixins\";\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
|
+
{"version":3,"sources":["../../../src/List/ContentTabList/ContentTabList.scss%23sass","../../../src/List/ContentTabList/ContentTabList.scss","../../../src/common/common.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,UEJS,CFGT,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,aEjCU,CF6BV,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.css","sourcesContent":["@use \"../../common/common\" 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\" 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","@import \"./mixins\";\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-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"]}
|
package/dist/List/List.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.af-list{flex-direction:column;list-style-type:none;padding:0}.af-list__item{padding:1rem 0}.af-
|
1
|
+
.af-list{flex-direction:column;list-style-type:none;padding:0}.af-list__item{--separator-padding:0rem;padding:1rem 0;position:relative}.af-list__item:not(:last-child):after{background-color:#e9ecf2;bottom:0;content:"";height:1px;left:var(--separator-padding);position:absolute;width:calc(100% - var(--separator-padding)*2)}.af-card--list{box-shadow:none;padding:0 1rem}.af-card--click-list,.af-card--click-list .af-list__item{padding:0}.af-card--click-list .af-list__item:not(:last-child):after{--separator-padding:1rem}.af-card--extra-padding{padding:.5rem 1.5rem}.af-card--first-separator-full-width{padding:0}.af-card--first-separator-full-width .af-list__item{padding:1rem}.af-card--first-separator-full-width .af-list__item:has(.af-click-item){padding:0}.af-card--first-separator-full-width .af-list__item:not(:first-child,:last-child):after{--separator-padding:1rem}@media (width <= 667px){.af-card--extra-padding{padding:.25rem 1rem}.af-card--extra-padding .af-list__item{padding:.75rem 0}}
|
package/dist/List/List.css.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/List/List.scss%23sass","../../src/List/List.scss"],"names":[],"mappings":"AAEA,SCAA,qBAAA,CDGE,oBAAA,CAFA,SCCF,CDGE,eACE,
|
1
|
+
{"version":3,"sources":["../../src/List/List.scss%23sass","../../src/List/List.scss"],"names":[],"mappings":"AAEA,SCAA,qBAAA,CDGE,oBAAA,CAFA,SCCF,CDGE,eACE,wBAAA,CAGA,cAAA,CADA,iBCDJ,CDII,sCAME,wBAAA,CAJA,QAAA,CAKA,UAAA,CAFA,UAAA,CAFA,6BAAA,CAFA,iBAAA,CAGA,6CCCN,CDQE,eAEE,eAAA,CADA,cCJJ,CDWI,yDACE,SCNN,CDQM,2DACE,wBCNR,CDWE,wBACE,oBCTJ,CDYE,qCACE,SCVJ,CDYI,oDACE,YCVN,CDYM,wEACE,SCVR,CDaM,wFACE,wBCXR,CDiBA,wBACE,wBACE,mBCdF,CDgBE,uCACE,gBCdJ,CACF","file":"List.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-list {\n padding: 0;\n flex-direction: column;\n list-style-type: none;\n\n &__item {\n --separator-padding: 0rem;\n\n position: relative;\n padding: 1rem 0;\n\n &:not(:last-child)::after {\n position: absolute;\n bottom: 0;\n left: var(--separator-padding);\n width: calc(100% - (2 * var(--separator-padding)));\n height: 1px;\n background-color: common.$color-gray-300;\n content: \"\";\n }\n }\n}\n\n.af-card {\n &--list {\n padding: 0 1rem;\n box-shadow: none;\n }\n\n &--click-list {\n padding: 0;\n\n .af-list__item {\n padding: 0;\n\n &:not(:last-child)::after {\n --separator-padding: 1rem;\n }\n }\n }\n\n &--extra-padding {\n padding: 0.5rem 1.5rem;\n }\n\n &--first-separator-full-width {\n padding: 0;\n\n .af-list__item {\n padding: 1rem;\n\n &:has(.af-click-item) {\n padding: 0;\n }\n\n &:not(:first-child, :last-child)::after {\n --separator-padding: 1rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--extra-padding {\n padding: 0.25rem 1rem;\n\n .af-list__item {\n padding: 0.75rem 0;\n }\n }\n}\n","@use \"../common/common\" as common;\n\n.af-list {\n padding: 0;\n flex-direction: column;\n list-style-type: none;\n\n &__item {\n --separator-padding: 0rem;\n\n position: relative;\n padding: 1rem 0;\n\n &:not(:last-child)::after {\n position: absolute;\n bottom: 0;\n left: var(--separator-padding);\n width: calc(100% - (2 * var(--separator-padding)));\n height: 1px;\n background-color: common.$color-gray-300;\n content: \"\";\n }\n }\n}\n\n.af-card {\n &--list {\n padding: 0 1rem;\n box-shadow: none;\n }\n\n &--click-list {\n padding: 0;\n\n .af-list__item {\n padding: 0;\n\n &:not(:last-child)::after {\n --separator-padding: 1rem;\n }\n }\n }\n\n &--extra-padding {\n padding: 0.5rem 1.5rem;\n }\n\n &--first-separator-full-width {\n padding: 0;\n\n .af-list__item {\n padding: 1rem;\n\n &:has(.af-click-item) {\n padding: 0;\n }\n\n &:not(:first-child, :last-child)::after {\n --separator-padding: 1rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--extra-padding {\n padding: 0.25rem 1rem;\n\n .af-list__item {\n padding: 0.75rem 0;\n }\n }\n}\n"]}
|
package/dist/List/List.scss
CHANGED
@@ -6,13 +6,20 @@
|
|
6
6
|
list-style-type: none;
|
7
7
|
|
8
8
|
&__item {
|
9
|
+
--separator-padding: 0rem;
|
10
|
+
|
11
|
+
position: relative;
|
9
12
|
padding: 1rem 0;
|
10
|
-
}
|
11
13
|
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
14
|
+
&:not(:last-child)::after {
|
15
|
+
position: absolute;
|
16
|
+
bottom: 0;
|
17
|
+
left: var(--separator-padding);
|
18
|
+
width: calc(100% - (2 * var(--separator-padding)));
|
19
|
+
height: 1px;
|
20
|
+
background-color: common.$color-gray-300;
|
21
|
+
content: "";
|
22
|
+
}
|
16
23
|
}
|
17
24
|
}
|
18
25
|
|
@@ -25,13 +32,12 @@
|
|
25
32
|
&--click-list {
|
26
33
|
padding: 0;
|
27
34
|
|
28
|
-
.af-list__separator {
|
29
|
-
width: calc(100% - 2rem);
|
30
|
-
margin: auto;
|
31
|
-
}
|
32
|
-
|
33
35
|
.af-list__item {
|
34
36
|
padding: 0;
|
37
|
+
|
38
|
+
&:not(:last-child)::after {
|
39
|
+
--separator-padding: 1rem;
|
40
|
+
}
|
35
41
|
}
|
36
42
|
}
|
37
43
|
|
@@ -48,10 +54,10 @@
|
|
48
54
|
&:has(.af-click-item) {
|
49
55
|
padding: 0;
|
50
56
|
}
|
51
|
-
}
|
52
57
|
|
53
|
-
|
54
|
-
|
58
|
+
&:not(:first-child, :last-child)::after {
|
59
|
+
--separator-padding: 1rem;
|
60
|
+
}
|
55
61
|
}
|
56
62
|
}
|
57
63
|
}
|
package/dist/Modal/Modal.css.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/Modal/Modal.scss%23sass","../../src/Modal/Modal.scss","../../src/common/common.scss"],"names":[],"mappings":"AAEA,UAOE,qBAAA,CAFA,WAAA,CACA,mBAAA,CAHA,aAAA,CACA,kBAAA,CAHA,cAAA,CCDF,UAMA,CDGE,oBAEE,eAAA,CADA,UCAJ,CDIE,eAOE,kBAAA,CAEA,qBAAA,CAHA,+BAAA,CAFA,YAAA,CAIA,QAAA,CAHA,cAAA,CAJA,eAAA,CAEA,KAAA,CADA,SCKJ,CDII,qBAIE,iBAAA,CAEA,UAAA,CALA,YAAA,CAIA,6BAAA,CAFA,QAAA,CADA,UCEN,CDIM,0BACE,4BAAA,CACA,gBAAA,CACA,oBCFR,CDKM,8BAKE,aAAA,CAJA,4CExCiB,CFyCjB,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,mBAEE,YAAA,CAGA,qBAAA,CAEA,4CAAA,CACA,kBAAA,CACA,eAAA,CAHA,UAAA,CAHA,iBAAA,CACA,gBAAA,CAHA,SCDJ,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.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-modal {\n position: fixed;\n width: 100%;\n margin: 0 auto;\n padding: 0 0 1.5rem;\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 z-index: 5;\n top: 0;\n display: flex;\n padding: 1.5rem;\n border-bottom: 1px solid common.$color-
|
1
|
+
{"version":3,"sources":["../../src/Modal/Modal.scss%23sass","../../src/Modal/Modal.scss","../../src/common/common.scss"],"names":[],"mappings":"AAEA,UAOE,qBAAA,CAFA,WAAA,CACA,mBAAA,CAHA,aAAA,CACA,kBAAA,CAHA,cAAA,CCDF,UAMA,CDGE,oBAEE,eAAA,CADA,UCAJ,CDIE,eAOE,kBAAA,CAEA,qBAAA,CAHA,+BAAA,CAFA,YAAA,CAIA,QAAA,CAHA,cAAA,CAJA,eAAA,CAEA,KAAA,CADA,SCKJ,CDII,qBAIE,iBAAA,CAEA,UAAA,CALA,YAAA,CAIA,6BAAA,CAFA,QAAA,CADA,UCEN,CDIM,0BACE,4BAAA,CACA,gBAAA,CACA,oBCFR,CDKM,8BAKE,aAAA,CAJA,4CExCiB,CFyCjB,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,mBAEE,YAAA,CAGA,qBAAA,CAEA,4CAAA,CACA,kBAAA,CACA,eAAA,CAHA,UAAA,CAHA,iBAAA,CACA,gBAAA,CAHA,SCDJ,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.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-modal {\n position: fixed;\n width: 100%;\n margin: 0 auto;\n padding: 0 0 1.5rem;\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 z-index: 5;\n top: 0;\n display: flex;\n padding: 1.5rem;\n border-bottom: 1px solid common.$color-gray-400;\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 z-index: 0;\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\" as common;\n\n.af-modal {\n position: fixed;\n width: 100%;\n margin: 0 auto;\n padding: 0 0 1.5rem;\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 z-index: 5;\n top: 0;\n display: flex;\n padding: 1.5rem;\n border-bottom: 1px solid common.$color-gray-400;\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 z-index: 0;\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","@import \"./mixins\";\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-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"]}
|
package/dist/Modal/Modal.scss
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/Stepper/Stepper.scss%23sass","../../src/Stepper/Stepper.scss","../../src/common/common.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,4CElBqB,CFmBrB,kBAAA,CACA,eAAA,CACA,oBAAA,CAJA,oBAAA,CAKA,eCDJ,CDKE,4BAEE,oBAAA,CADA,YAAA,CAEA,QCHJ,CDME,gCAIE,
|
1
|
+
{"version":3,"sources":["../../src/Stepper/Stepper.scss%23sass","../../src/Stepper/Stepper.scss","../../src/common/common.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,4CElBqB,CFmBrB,kBAAA,CACA,eAAA,CACA,oBAAA,CAJA,oBAAA,CAKA,eCDJ,CDKE,4BAEE,oBAAA,CADA,YAAA,CAEA,QCHJ,CDME,gCAIE,wBENa,CFKb,iBAAA,CADA,cAAA,CADA,UCDJ,CDOE,6BAME,wBAAA,CAFA,iBAAA,CAFA,WAAA,CACA,cAAA,CAEA,eAAA,CAEA,8CACE,CAPF,SCCJ","file":"Stepper.css","sourcesContent":["@use \"../common/common\" 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-gray-400;\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\" 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-gray-400;\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","@import \"./mixins\";\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-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"]}
|
package/dist/Tabs/Tabs.css.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/Tabs/Tabs.scss%23sass","../../src/Tabs/Tabs.scss","../../src/common/common.scss"],"names":[],"mappings":"AAEA,gBACE,YAAA,CAIA,qBAAA,CACA,4CAAA,CAHA,QAAA,CACA,SAAA,CCJF,UAKA,CDGE,+BAIE,mCAAA,CAHA,YAAA,CAEA,
|
1
|
+
{"version":3,"sources":["../../src/Tabs/Tabs.scss%23sass","../../src/Tabs/Tabs.scss","../../src/common/common.scss"],"names":[],"mappings":"AAEA,gBACE,YAAA,CAIA,qBAAA,CACA,4CAAA,CAHA,QAAA,CACA,SAAA,CCJF,UAKA,CDGE,+BAIE,mCAAA,CAHA,YAAA,CAEA,mBEiDS,CFlDT,UCCJ,CDIE,2BACE,SAAA,CAMA,cAAA,CAHA,iBAAA,CACA,kBAAA,CAFA,YAAA,CADA,iBAAA,CAIA,iBCDJ,CDII,gCACE,aAAA,CAEA,WAAA,CADA,UCDN,CDKI,+CACE,+BAAA,CAEA,aE1BM,CFyBN,eCFN,CDQI,uCACE,sBCNN,CDSI,mCAEE,WAAA,CADA,UCNN,CDWE,iCACE,aCTJ,CDYE,yCACE,sBAAA,CACA,kBCVJ,CDaE,kDACE,YCXJ","file":"Tabs.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-tabs-client {\n display: flex;\n width: 100%;\n margin: 0;\n padding: 0;\n flex-direction: column;\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n & > [role=\"tablist\"] {\n display: flex;\n width: 100%;\n margin-bottom: common.$spacing-u1;\n box-shadow: inset 0 -2px 0 0 common.$color-gray-300;\n }\n\n & [role=\"tab\"] {\n all: unset;\n position: relative;\n padding: 1rem;\n font-size: 1.25rem;\n line-height: common.$sizing-u2;\n text-align: center;\n cursor: pointer;\n\n & > span {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n &[aria-selected=\"true\"] {\n border-bottom: 4px solid common.$color-axa;\n font-weight: 600;\n color: common.$color-axa;\n }\n }\n\n &--center {\n & > [role=\"tablist\"] {\n justify-content: center;\n }\n\n & [role=\"tab\"] {\n width: 100%;\n flex-grow: 1;\n }\n }\n\n & [role=\"tab\"]:focus {\n outline: unset;\n }\n\n & [role=\"tab\"]:focus-visible {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n\n & > [role=\"tabpanel\"][aria-hidden=\"true\"] {\n display: none;\n }\n}\n","@use \"../common/common\" as common;\n\n.af-tabs-client {\n display: flex;\n width: 100%;\n margin: 0;\n padding: 0;\n flex-direction: column;\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n & > [role=\"tablist\"] {\n display: flex;\n width: 100%;\n margin-bottom: common.$spacing-u1;\n box-shadow: inset 0 -2px 0 0 common.$color-gray-300;\n }\n\n & [role=\"tab\"] {\n all: unset;\n position: relative;\n padding: 1rem;\n font-size: 1.25rem;\n line-height: common.$sizing-u2;\n text-align: center;\n cursor: pointer;\n\n & > span {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n &[aria-selected=\"true\"] {\n border-bottom: 4px solid common.$color-axa;\n font-weight: 600;\n color: common.$color-axa;\n }\n }\n\n &--center {\n & > [role=\"tablist\"] {\n justify-content: center;\n }\n\n & [role=\"tab\"] {\n width: 100%;\n flex-grow: 1;\n }\n }\n\n & [role=\"tab\"]:focus {\n outline: unset;\n }\n\n & [role=\"tab\"]:focus-visible {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n\n & > [role=\"tabpanel\"][aria-hidden=\"true\"] {\n display: none;\n }\n}\n","@import \"./mixins\";\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-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"]}
|
package/dist/Tag/Tag.css.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/Tag/Tag.scss%23sass","../../src/common/common.scss","../../src/Tag/Tag.scss"],"names":[],"mappings":"AAEA,QAKE,kBAAA,CAKA,qBAAA,CAPA,wBAAA,CACA,oBAAA,CAKA,aCEW,CDAX,cAAA,CAVA,mBAAA,CAOA,4CCRuB,CDOvB,WAAA,CADA,sBAAA,CENF,qBAUA,CFGE,aACE,cAAA,CACA,eAAA,CACA,mBEDJ,CFIE,iBACE,oBAAA,CACA,aEFJ,CFKE,eACE,oBAAA,CACA,aEHJ,CFME,iBACE,oBAAA,CACA,aEJJ,CFOE,cACE,oBAAA,CACA,aELJ,CFQE,wBACE,aENF,iBAAA,CFQI,oBENJ,CACF","file":"Tag.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-tag {\n display: inline-flex;\n padding: 0.125rem 0.5rem;\n border: 1px solid common.$color-gray;\n border-radius: 0.25rem;\n align-items: center;\n justify-content: center;\n gap: 0.625rem;\n font-family: common.$font-family-base;\n color: common.$color-gray;\n background-color: common.$color-white;\n cursor: default;\n\n span {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n }\n\n &--success {\n border-color: common.$color-green-600;\n color: common.$color-green-600;\n }\n\n &--error {\n border-color: common.$color-red-700;\n color: common.$color-red-700;\n }\n\n &--warning {\n border-color: common.$color-btn-business;\n color: common.$color-btn-business;\n }\n\n &--info {\n border-color: common.$color-axa;\n color: common.$color-axa;\n }\n\n @media (width <= 667px) {\n span {\n font-size: 0.875rem;\n line-height: 1.094rem;\n }\n }\n}\n","@import \"./mixins\";\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-
|
1
|
+
{"version":3,"sources":["../../src/Tag/Tag.scss%23sass","../../src/common/common.scss","../../src/Tag/Tag.scss"],"names":[],"mappings":"AAEA,QAKE,kBAAA,CAKA,qBAAA,CAPA,wBAAA,CACA,oBAAA,CAKA,aCEW,CDAX,cAAA,CAVA,mBAAA,CAOA,4CCRuB,CDOvB,WAAA,CADA,sBAAA,CENF,qBAUA,CFGE,aACE,cAAA,CACA,eAAA,CACA,mBEDJ,CFIE,iBACE,oBAAA,CACA,aEFJ,CFKE,eACE,oBAAA,CACA,aEHJ,CFME,iBACE,oBAAA,CACA,aEJJ,CFOE,cACE,oBAAA,CACA,aELJ,CFQE,wBACE,aENF,iBAAA,CFQI,oBENJ,CACF","file":"Tag.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-tag {\n display: inline-flex;\n padding: 0.125rem 0.5rem;\n border: 1px solid common.$color-gray;\n border-radius: 0.25rem;\n align-items: center;\n justify-content: center;\n gap: 0.625rem;\n font-family: common.$font-family-base;\n color: common.$color-gray;\n background-color: common.$color-white;\n cursor: default;\n\n span {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n }\n\n &--success {\n border-color: common.$color-green-600;\n color: common.$color-green-600;\n }\n\n &--error {\n border-color: common.$color-red-700;\n color: common.$color-red-700;\n }\n\n &--warning {\n border-color: common.$color-btn-business;\n color: common.$color-btn-business;\n }\n\n &--info {\n border-color: common.$color-axa;\n color: common.$color-axa;\n }\n\n @media (width <= 667px) {\n span {\n font-size: 0.875rem;\n line-height: 1.094rem;\n }\n }\n}\n","@import \"./mixins\";\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-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\" as common;\n\n.af-tag {\n display: inline-flex;\n padding: 0.125rem 0.5rem;\n border: 1px solid common.$color-gray;\n border-radius: 0.25rem;\n align-items: center;\n justify-content: center;\n gap: 0.625rem;\n font-family: common.$font-family-base;\n color: common.$color-gray;\n background-color: common.$color-white;\n cursor: default;\n\n span {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n }\n\n &--success {\n border-color: common.$color-green-600;\n color: common.$color-green-600;\n }\n\n &--error {\n border-color: common.$color-red-700;\n color: common.$color-red-700;\n }\n\n &--warning {\n border-color: common.$color-btn-business;\n color: common.$color-btn-business;\n }\n\n &--info {\n border-color: common.$color-axa;\n color: common.$color-axa;\n }\n\n @media (width <= 667px) {\n span {\n font-size: 0.875rem;\n line-height: 1.094rem;\n }\n }\n}\n"]}
|
package/dist/Title/Title.css.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/Title/Title.scss%23sass","../../src/Title/Title.scss","../../src/common/common.scss"],"names":[],"mappings":"AAEA,UCAA,UAAA,CDCE,UCAF,CDGE,iBAEE,4BAAA,CACA,eAAA,CAFA,QCCJ,CDIE,oBACE,aAAA,CACA,4CEZqB,CFarB,kBAAA,CACA,eAAA,CACA,kBCFJ,CDKE,gBACE,oBAAA,CACA,sCCHJ,CDME,0BACE,YAAA,CACA,UCJJ,CDOE,+BACE,YAAA,CACA,UCLJ,CDOI,gDACE,aCLN,CDUI,iCACE,cAAA,CACA,kBCRN,CDaI,gCACE,gBAAA,CACA,oBCXN,CDgBA,yBAGM,iCACE,gBAAA,CACA,oBCfN,CDoBI,gCClBJ,iBAAA,CDoBM,mBClBN,CDsBE,kCACE,cAAA,CCpBJ,mBACF,CACA","file":"Title.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-title {\n gap: 0.25rem;\n color: common.$color-gray-900;\n\n &__title {\n margin: 0;\n font-family: common.$font-family-publico;\n font-weight: 700;\n }\n\n &__subtitle {\n display: block;\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.4rem;\n }\n\n &__icon {\n border-radius: 0.75rem;\n box-shadow: 0 0.125rem 0.5rem 0 rgba(common.$color-axa, 0.15);\n }\n\n &__text-container {\n display: grid;\n gap: 0.25rem;\n }\n\n &:has(&__icon) {\n display: flex;\n gap: 0.75rem;\n\n .af-title__title {\n color: common.$color-axa;\n }\n }\n\n &--xl {\n h1.af-title__title {\n font-size: 2rem;\n line-height: 2.5rem;\n }\n }\n\n &--l {\n h1.af-title__title {\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-md}) {\n .af-title {\n &--xl {\n h1.af-title__title {\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n }\n\n &--l {\n h1.af-title__title {\n font-size: 1.25rem;\n line-height: 1.56rem;\n }\n }\n\n span.af-title__subtitle {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n}\n","@use \"../common/common\" as common;\n\n.af-title {\n gap: 0.25rem;\n color: common.$color-gray-900;\n\n &__title {\n margin: 0;\n font-family: common.$font-family-publico;\n font-weight: 700;\n }\n\n &__subtitle {\n display: block;\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.4rem;\n }\n\n &__icon {\n border-radius: 0.75rem;\n box-shadow: 0 0.125rem 0.5rem 0 rgba(common.$color-axa, 0.15);\n }\n\n &__text-container {\n display: grid;\n gap: 0.25rem;\n }\n\n &:has(&__icon) {\n display: flex;\n gap: 0.75rem;\n\n .af-title__title {\n color: common.$color-axa;\n }\n }\n\n &--xl {\n h1.af-title__title {\n font-size: 2rem;\n line-height: 2.5rem;\n }\n }\n\n &--l {\n h1.af-title__title {\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-md}) {\n .af-title {\n &--xl {\n h1.af-title__title {\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n }\n\n &--l {\n h1.af-title__title {\n font-size: 1.25rem;\n line-height: 1.56rem;\n }\n }\n\n span.af-title__subtitle {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n}\n","@import \"./mixins\";\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-
|
1
|
+
{"version":3,"sources":["../../src/Title/Title.scss%23sass","../../src/Title/Title.scss","../../src/common/common.scss"],"names":[],"mappings":"AAEA,UCAA,UAAA,CDCE,UCAF,CDGE,iBAEE,4BAAA,CACA,eAAA,CAFA,QCCJ,CDIE,oBACE,aAAA,CACA,4CEZqB,CFarB,kBAAA,CACA,eAAA,CACA,kBCFJ,CDKE,gBACE,oBAAA,CACA,sCCHJ,CDME,0BACE,YAAA,CACA,UCJJ,CDOE,+BACE,YAAA,CACA,UCLJ,CDOI,gDACE,aCLN,CDUI,iCACE,cAAA,CACA,kBCRN,CDaI,gCACE,gBAAA,CACA,oBCXN,CDgBA,yBAGM,iCACE,gBAAA,CACA,oBCfN,CDoBI,gCClBJ,iBAAA,CDoBM,mBClBN,CDsBE,kCACE,cAAA,CCpBJ,mBACF,CACA","file":"Title.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-title {\n gap: 0.25rem;\n color: common.$color-gray-900;\n\n &__title {\n margin: 0;\n font-family: common.$font-family-publico;\n font-weight: 700;\n }\n\n &__subtitle {\n display: block;\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.4rem;\n }\n\n &__icon {\n border-radius: 0.75rem;\n box-shadow: 0 0.125rem 0.5rem 0 rgba(common.$color-axa, 0.15);\n }\n\n &__text-container {\n display: grid;\n gap: 0.25rem;\n }\n\n &:has(&__icon) {\n display: flex;\n gap: 0.75rem;\n\n .af-title__title {\n color: common.$color-axa;\n }\n }\n\n &--xl {\n h1.af-title__title {\n font-size: 2rem;\n line-height: 2.5rem;\n }\n }\n\n &--l {\n h1.af-title__title {\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-md}) {\n .af-title {\n &--xl {\n h1.af-title__title {\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n }\n\n &--l {\n h1.af-title__title {\n font-size: 1.25rem;\n line-height: 1.56rem;\n }\n }\n\n span.af-title__subtitle {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n}\n","@use \"../common/common\" as common;\n\n.af-title {\n gap: 0.25rem;\n color: common.$color-gray-900;\n\n &__title {\n margin: 0;\n font-family: common.$font-family-publico;\n font-weight: 700;\n }\n\n &__subtitle {\n display: block;\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.4rem;\n }\n\n &__icon {\n border-radius: 0.75rem;\n box-shadow: 0 0.125rem 0.5rem 0 rgba(common.$color-axa, 0.15);\n }\n\n &__text-container {\n display: grid;\n gap: 0.25rem;\n }\n\n &:has(&__icon) {\n display: flex;\n gap: 0.75rem;\n\n .af-title__title {\n color: common.$color-axa;\n }\n }\n\n &--xl {\n h1.af-title__title {\n font-size: 2rem;\n line-height: 2.5rem;\n }\n }\n\n &--l {\n h1.af-title__title {\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-md}) {\n .af-title {\n &--xl {\n h1.af-title__title {\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n }\n\n &--l {\n h1.af-title__title {\n font-size: 1.25rem;\n line-height: 1.56rem;\n }\n }\n\n span.af-title__subtitle {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n}\n","@import \"./mixins\";\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-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"]}
|
package/dist/common/common.scss
CHANGED
@@ -21,7 +21,6 @@ $color-btn-business: #c94e14 !default;
|
|
21
21
|
$color-btn-business-dark: #a8391c !default;
|
22
22
|
$color-btn-business-light: #df7e65 !default;
|
23
23
|
$color-btn-disabled-text: #999 !default;
|
24
|
-
$color-btn-disabled-border: #e5e5e5 !default;
|
25
24
|
$color-btn-error-text: #a11028 !default;
|
26
25
|
$color-btn-error-bg: #fff3f5 !default;
|
27
26
|
$color-btn-tertiary-bg: #eef !default;
|