@axa-fr/design-system-slash-css 0.2.0-beta.298 → 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 +1 -1
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
&__progressbar {
|
|
36
36
|
width: 100%;
|
|
37
37
|
height: 0.375rem;
|
|
38
|
-
border-radius:
|
|
38
|
+
border-radius: common.$default-border-radius;
|
|
39
39
|
background-color: common.$color-btn-disabled-border;
|
|
40
40
|
}
|
|
41
41
|
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
width: 50%;
|
|
44
44
|
height: 100%;
|
|
45
45
|
height: 0.375rem;
|
|
46
|
-
border-radius:
|
|
46
|
+
border-radius: common.$default-border-radius;
|
|
47
47
|
text-align: left;
|
|
48
48
|
background-color: common.$color-axa;
|
|
49
49
|
transition:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Tabs/Tabs.client.scss%23sass","../../src/Tabs/Tabs.client.scss","../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,gBACE,YAAA,CAIA,qBAAA,CACA,4CAAA,CAHA,QAAA,CACA,SAAA,CCJF,UAKA,CDGE,+BAIE,mCAAA,CAHA,YAAA,CAEA,mBEgDS,CFjDT,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,aE5BM,CF2BN,eCFN,CDQI,uCACE,sBCNN,CDSI,mCAEE,WAAA,CADA,UCNN,CDWE,iCACE,aCTJ,CDYE,yCACE,sBAAA,CACA,kBCVJ,CDaE,kDACE,YCXJ","file":"Tabs.client.css","sourcesContent":["@use \"../common/common.client.scss\" 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.client.scss\" 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","$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/Tabs/Tabs.client.scss%23sass","../../src/Tabs/Tabs.client.scss","../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,gBACE,YAAA,CAIA,qBAAA,CACA,4CAAA,CAHA,QAAA,CACA,SAAA,CCJF,UAKA,CDGE,+BAIE,mCAAA,CAHA,YAAA,CAEA,mBEgDS,CFjDT,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,aE5BM,CF2BN,eCFN,CDQI,uCACE,sBCNN,CDSI,mCAEE,WAAA,CADA,UCNN,CDWE,iCACE,aCTJ,CDYE,yCACE,sBAAA,CACA,kBCVJ,CDaE,kDACE,YCXJ","file":"Tabs.client.css","sourcesContent":["@use \"../common/common.client.scss\" 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.client.scss\" 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","$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/Tag/Tag.client.scss%23sass","../../src/common/common.client.scss","../../src/Tag/Tag.client.scss"],"names":[],"mappings":"AAEA,QAKE,kBAAA,CAKA,qBAAA,CAPA,wBAAA,CACA,oBAAA,CAKA,aAAA,CAEA,cAAA,CAVA,mBAAA,CAOA,4CCVuB,CDSvB,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.client.css","sourcesContent":["@use \"../common/common.client.scss\" 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","$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/Tag/Tag.client.scss%23sass","../../src/common/common.client.scss","../../src/Tag/Tag.client.scss"],"names":[],"mappings":"AAEA,QAKE,kBAAA,CAKA,qBAAA,CAPA,wBAAA,CACA,oBAAA,CAKA,aAAA,CAEA,cAAA,CAVA,mBAAA,CAOA,4CCVuB,CDSvB,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.client.css","sourcesContent":["@use \"../common/common.client.scss\" 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","$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-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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Title/Client/Title.scss%23sass","../../../src/Title/Client/Title.scss","../../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,UCAA,UAAA,CDCE,UCAF,CDGE,iBAEE,4BAAA,CACA,eAAA,CAFA,QCCJ,CDIE,oBACE,aAAA,CACA,4CEdqB,CFerB,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.client.scss\" 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.client.scss\" 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","$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/Title/Client/Title.scss%23sass","../../../src/Title/Client/Title.scss","../../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,UCAA,UAAA,CDCE,UCAF,CDGE,iBAEE,4BAAA,CACA,eAAA,CAFA,QCCJ,CDIE,oBACE,aAAA,CACA,4CEdqB,CFerB,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.client.scss\" 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.client.scss\" 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","$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"]}
|