@axa-fr/design-system-slash-css 0.2.0-beta.280 → 0.2.0-beta.282

package/dist/Title/Agent/Title.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Title/Agent/Title.scss%23sass","../../../src/Title/Agent/Title.scss"],"names":[],"mappings":"AAGA,YCFA,gBACA,CDKA,YCFA,iBACA,CDKA,YCFA,kBACA,CDKA,oCAEE,YCFF,CDKA,UAIE,UAAA,CCJF,eAAA,CDEE,eAAA,CCJF,iBAIA,CDIE,gBAOE,qBAAA,CAJA,YAAA,CAKA,WAAA,CAHA,UAAA,CACA,iBAAA,CALA,iBAAA,CAGA,UAAA,CAFA,SCIJ,CDKE,oBACE,YCHJ,CDME,mBAGE,4BAAA,CAGA,UAAA,CAFA,gBAAA,CACA,eAAA,CAJA,kBAAA,CACA,mBCAJ,CDMI,+BACE,YCJN","file":"Title.css","sourcesContent":["@use \"sass:color\";\n@use \"../../common/common.agent.scss\" as common;\n\nh2.af-title {\n  font-size: 1.5rem;\n}\n\nh3.af-title {\n  font-size: 1.25rem;\n}\n\nh4.af-title {\n  font-size: 1.125rem;\n}\n\nh3.af-title::after,\nh4.af-title::after {\n  bottom: 0.1rem;\n}\n\n.af-title {\n  position: relative;\n  overflow: hidden;\n  font-weight: 600;\n  color: common.$color-texte;\n\n  &::after {\n    position: absolute;\n    z-index: 1;\n    bottom: 0.3rem;\n    width: 100%;\n    height: 1px;\n    margin: 0.5rem 1rem;\n    background-color: common.$color-gray-1;\n    content: \" \";\n  }\n\n  & + .af-title {\n    margin-top: 0;\n  }\n\n  &--content {\n    margin: 2rem 0 3rem;\n    padding-bottom: 1rem;\n    border-bottom: 1px solid common.$color-silver;\n    font-size: 1.75em;\n    font-weight: 600;\n    color: common.$color-mine-shaft;\n\n    &:nth-child(1) {\n      margin-top: 0;\n    }\n  }\n}\n","@use \"sass:color\";\n@use \"../../common/common.agent.scss\" as common;\n\nh2.af-title {\n  font-size: 1.5rem;\n}\n\nh3.af-title {\n  font-size: 1.25rem;\n}\n\nh4.af-title {\n  font-size: 1.125rem;\n}\n\nh3.af-title::after,\nh4.af-title::after {\n  bottom: 0.1rem;\n}\n\n.af-title {\n  position: relative;\n  overflow: hidden;\n  font-weight: 600;\n  color: common.$color-texte;\n\n  &::after {\n    position: absolute;\n    z-index: 1;\n    bottom: 0.3rem;\n    width: 100%;\n    height: 1px;\n    margin: 0.5rem 1rem;\n    background-color: common.$color-gray-1;\n    content: \" \";\n  }\n\n  & + .af-title {\n    margin-top: 0;\n  }\n\n  &--content {\n    margin: 2rem 0 3rem;\n    padding-bottom: 1rem;\n    border-bottom: 1px solid common.$color-silver;\n    font-size: 1.75em;\n    font-weight: 600;\n    color: common.$color-mine-shaft;\n\n    &:nth-child(1) {\n      margin-top: 0;\n    }\n  }\n}\n"]}

package/dist/Title/{Title.agent.scss → Agent/Title.scss}

@@ -1,5 +1,5 @@
 @use "sass:color";
-@use "../common/common.agent.scss" as common;
+@use "../../common/common.agent.scss" as common;
 
 h2.af-title {
   font-size: 1.5rem;

package/dist/Title/Client/Title.css

@@ -0,0 +1 @@
+.af-title{color:#333;gap:.25rem}.af-title__title{font-family:Publico Headline;font-weight:700;margin:0}.af-title__subtitle{display:block;font-family:Source Sans Pro,arial,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.4rem}.af-title__icon{border-radius:.75rem;box-shadow:0 .125rem .5rem 0 #00008f26}.af-title__text-container{display:grid;gap:.25rem}.af-title:has(.af-title__icon){display:flex;gap:.75rem}.af-title:has(.af-title__icon) .af-title__title{color:#00008f}.af-title--xl h1.af-title__title{font-size:2rem;line-height:2.5rem}.af-title--l h1.af-title__title{font-size:1.5rem;line-height:1.875rem}@media (width <= 1023px){.af-title--xl h1.af-title__title{font-size:1.5rem;line-height:1.875rem}.af-title--l h1.af-title__title{font-size:1.25rem;line-height:1.56rem}.af-title span.af-title__subtitle{font-size:1rem;line-height:1.25rem}}

package/dist/Title/Client/Title.css.map

@@ -0,0 +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-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: #c91432 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$component-border-radius: 8px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}

package/dist/Title/Client/Title.scss

@@ -0,0 +1,76 @@
+@use "../../common/common.client.scss" as common;
+
+.af-title {
+  gap: 0.25rem;
+  color: common.$color-gray-900;
+
+  &__title {
+    margin: 0;
+    font-family: common.$font-family-publico;
+    font-weight: 700;
+  }
+
+  &__subtitle {
+    display: block;
+    font-family: common.$font-family-base;
+    font-size: 1.125rem;
+    font-weight: 400;
+    line-height: 1.4rem;
+  }
+
+  &__icon {
+    border-radius: 0.75rem;
+    box-shadow: 0 0.125rem 0.5rem 0 rgba(common.$color-axa, 0.15);
+  }
+
+  &__text-container {
+    display: grid;
+    gap: 0.25rem;
+  }
+
+  &:has(&__icon) {
+    display: flex;
+    gap: 0.75rem;
+
+    .af-title__title {
+      color: common.$color-axa;
+    }
+  }
+
+  &--xl {
+    h1.af-title__title {
+      font-size: 2rem;
+      line-height: 2.5rem;
+    }
+  }
+
+  &--l {
+    h1.af-title__title {
+      font-size: 1.5rem;
+      line-height: 1.875rem;
+    }
+  }
+}
+
+@media (width <= #{common.$breakpoint-md}) {
+  .af-title {
+    &--xl {
+      h1.af-title__title {
+        font-size: 1.5rem;
+        line-height: 1.875rem;
+      }
+    }
+
+    &--l {
+      h1.af-title__title {
+        font-size: 1.25rem;
+        line-height: 1.56rem;
+      }
+    }
+
+    span.af-title__subtitle {
+      font-size: 1rem;
+      line-height: 1.25rem;
+    }
+  }
+}