@axa-fr/design-system-look-and-feel-css 0.3.0-ci.288 → 0.3.0-ci.290

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.
Files changed (103) hide show
  1. package/dist/Accordion/Accordion.css +1 -1
  2. package/dist/Accordion/Accordion.css.map +1 -1
  3. package/dist/Accordion/Accordion.scss +3 -3
  4. package/dist/AccordionCore/AccordionCore.css +1 -1
  5. package/dist/AccordionCore/AccordionCore.css.map +1 -1
  6. package/dist/AccordionCore/AccordionCore.scss +4 -4
  7. package/dist/Alert/Alert.css +1 -1
  8. package/dist/Alert/Alert.css.map +1 -1
  9. package/dist/Alert/Alert.scss +21 -23
  10. package/dist/Button/Button.css +1 -1
  11. package/dist/Button/Button.css.map +1 -1
  12. package/dist/Button/Button.scss +39 -41
  13. package/dist/Card/Card.css +1 -1
  14. package/dist/Card/Card.css.map +1 -1
  15. package/dist/Card/Card.scss +5 -6
  16. package/dist/Divider/Divider.css +1 -1
  17. package/dist/Divider/Divider.css.map +1 -1
  18. package/dist/Divider/Divider.scss +1 -3
  19. package/dist/Form/Checkbox/Checkbox.css +1 -1
  20. package/dist/Form/Checkbox/Checkbox.css.map +1 -1
  21. package/dist/Form/Checkbox/Checkbox.scss +29 -31
  22. package/dist/Form/FileUpload/FileUpload.css +1 -1
  23. package/dist/Form/FileUpload/FileUpload.css.map +1 -1
  24. package/dist/Form/FileUpload/FileUpload.scss +19 -21
  25. package/dist/Form/InputError/InputError.css +1 -1
  26. package/dist/Form/InputError/InputError.css.map +1 -1
  27. package/dist/Form/InputError/InputError.scss +4 -6
  28. package/dist/Form/Radio/Radio.css +1 -1
  29. package/dist/Form/Radio/Radio.css.map +1 -1
  30. package/dist/Form/Radio/Radio.scss +27 -29
  31. package/dist/Form/Select/Select.css +1 -1
  32. package/dist/Form/Select/Select.css.map +1 -1
  33. package/dist/Form/Select/Select.scss +24 -25
  34. package/dist/Form/Text/Text.css +1 -1
  35. package/dist/Form/Text/Text.css.map +1 -1
  36. package/dist/Form/Text/Text.scss +10 -10
  37. package/dist/IconBg/IconBg.css +1 -1
  38. package/dist/IconBg/IconBg.css.map +1 -1
  39. package/dist/IconBg/IconBg.scss +6 -6
  40. package/dist/Layout/Footer/Footer.css +1 -1
  41. package/dist/Layout/Footer/Footer.css.map +1 -1
  42. package/dist/Layout/Footer/Footer.scss +24 -24
  43. package/dist/Layout/Header/Header.css +1 -1
  44. package/dist/Layout/Header/Header.css.map +1 -1
  45. package/dist/Layout/Header/Header.scss +9 -9
  46. package/dist/Layout/Header/NavBar/NavBar.css +1 -1
  47. package/dist/Layout/Header/NavBar/NavBar.css.map +1 -1
  48. package/dist/Layout/Header/NavBar/NavBar.scss +6 -8
  49. package/dist/Layout/Header/PreviousLink/PreviousLink.css +1 -1
  50. package/dist/Layout/Header/PreviousLink/PreviousLink.css.map +1 -1
  51. package/dist/Layout/Header/PreviousLink/PreviousLink.scss +5 -5
  52. package/dist/Link/Link.css +1 -1
  53. package/dist/Link/Link.css.map +1 -1
  54. package/dist/Link/Link.scss +8 -10
  55. package/dist/List/ClickList/ClickList.css +1 -1
  56. package/dist/List/ClickList/ClickList.css.map +1 -1
  57. package/dist/List/ClickList/ClickList.scss +12 -12
  58. package/dist/List/ContentItemDuo/ContentItemDuo.css +1 -1
  59. package/dist/List/ContentItemDuo/ContentItemDuo.css.map +1 -1
  60. package/dist/List/ContentItemDuo/ContentItemDuo.scss +5 -5
  61. package/dist/List/ContentItemMono/ContentItemMono.css +1 -1
  62. package/dist/List/ContentItemMono/ContentItemMono.css.map +1 -1
  63. package/dist/List/ContentItemMono/ContentItemMono.scss +12 -12
  64. package/dist/List/ContentTabList/ContentTabList.css +1 -1
  65. package/dist/List/ContentTabList/ContentTabList.css.map +1 -1
  66. package/dist/List/ContentTabList/ContentTabList.scss +5 -5
  67. package/dist/List/List.css +1 -1
  68. package/dist/List/List.css.map +1 -1
  69. package/dist/List/List.scss +1 -1
  70. package/dist/Loader/Loader.css +1 -1
  71. package/dist/Loader/Loader.css.map +1 -1
  72. package/dist/Loader/Loader.scss +2 -4
  73. package/dist/Modal/Modal.css +1 -1
  74. package/dist/Modal/Modal.css.map +1 -1
  75. package/dist/Modal/Modal.scss +10 -10
  76. package/dist/Pagination/Pagination.css +1 -1
  77. package/dist/Pagination/Pagination.css.map +1 -1
  78. package/dist/Pagination/Pagination.scss +1 -3
  79. package/dist/Pagination/PaginationDesktop.css +1 -1
  80. package/dist/Pagination/PaginationDesktop.css.map +1 -1
  81. package/dist/Pagination/PaginationDesktop.scss +4 -6
  82. package/dist/Pagination/PaginationMobile.css +1 -1
  83. package/dist/Pagination/PaginationMobile.css.map +1 -1
  84. package/dist/Pagination/PaginationMobile.scss +4 -6
  85. package/dist/Stepper/Stepper.css +1 -1
  86. package/dist/Stepper/Stepper.css.map +1 -1
  87. package/dist/Stepper/Stepper.scss +8 -10
  88. package/dist/Tabs/Tabs.css +1 -1
  89. package/dist/Tabs/Tabs.css.map +1 -1
  90. package/dist/Tabs/Tabs.scss +6 -8
  91. package/dist/Tag/Tag.css +1 -1
  92. package/dist/Tag/Tag.css.map +1 -1
  93. package/dist/Tag/Tag.scss +12 -12
  94. package/dist/Title/Title.css +1 -1
  95. package/dist/Title/Title.css.map +1 -1
  96. package/dist/Title/Title.scss +32 -36
  97. package/dist/common/tokens.css +1 -0
  98. package/dist/common/tokens.css.map +1 -0
  99. package/dist/common/tokens.scss +119 -0
  100. package/dist/look-and-feel.css +1 -1
  101. package/dist/look-and-feel.css.map +1 -1
  102. package/dist/look-and-feel.scss +1 -0
  103. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/common/reboot.scss","../../src/Card/Card.scss","../../src/Card/Card.scss%23sass","../../src/common/common.scss"],"names":[],"mappings":"AAAA,iBCGA,qBACA,CDEA,KACE,sBAAA,CACA,gBAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBAAA,CACA,uCCCF,CDEA,sEAUE,aCCF,CDEA,KAQE,qBAAA,CADA,UAAA,CALA,4CAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CAJA,QAAA,CAKA,eCGF,CDEA,sBCCA,mBACA,CDEA,GACE,kBAAA,CACA,QAAA,CACA,gBCCF,CDEA,kBAOE,mBAAA,CADA,YCEF,CDEA,EAEE,kBAAA,CADA,YCEF,CDEA,sCAEE,eAAA,CAIA,WAAA,CAHA,yBAAA,CACA,wCAAA,CAAA,gCAAA,CACA,qCAAA,CAAA,6BCEF,CDEA,QAEE,iBAAA,CACA,mBCCF,CDEA,iBALE,kBCUF,CDLA,SAGE,YCEF,CDEA,wBAIE,eCCF,CDEA,GACE,eCCF,CDEA,GACE,mBAAA,CACA,aCCF,CDEA,WACE,eCCF,CDEA,SAEE,kBCCF,CDEA,MACE,aCCF,CDEA,QAIE,aAAA,CACA,aAAA,CAHA,iBAAA,CACA,sBCGF,CDEA,IACE,aCCF,CDEA,IACE,SCCF,CDEA,EAGE,wBAAA,CADA,aAAA,CADA,oBCGF,CDEA,QAEE,aAAA,CADA,yBCEF,CDOA,uFAGE,aAAA,CADA,oBCEF,CDEA,+BACE,SCCF,CDEA,kBAIE,sFAAA,CAEA,aCAF,CDGA,IAEE,kBAAA,CADA,YAAA,CAEA,aCAF,CDGA,OACE,eCAF,CDGA,IACE,iBCCF,CDGA,QAHE,qBCKF,CDFA,IAEE,eCAF,CDGA,MACE,wBCAF,CDGA,QAGE,mBAAA,CAEA,aAAA,CAHA,oBAAA,CADA,iBAAA,CAGA,eCCF,CDGA,GACE,kBCAF,CDGA,OACE,eCAF,CDGA,sCAME,mBAAA,CACA,iBAAA,CACA,mBAAA,CAHA,QCGF,CDGA,aAEE,gBCAF,CDGA,cAEE,mBCAF,CDGA,OACE,gBCAF,CDGA,gDAIE,yBAAA,CAAA,iBCAF,CDGA,aACE,kBAAA,CACA,yCCAF,CDGA,4GAIE,cCAF,CDGA,wHAKE,iBAAA,CADA,SCCF,CDGA,uCAEE,qBAAA,CACA,SCAF,CDGA,+EAIE,0BAAA,CAAA,kBCAF,CDGA,SACE,aAAA,CACA,eCAF,CDGA,SAIE,QAAA,CAFA,QAAA,CADA,WAAA,CAEA,SCCF,CDGA,OASE,aAAA,CARA,aAAA,CAKA,gBAAA,CACA,mBAAA,CAHA,mBAAA,CADA,cAAA,CAEA,SAAA,CAGA,kBAAA,CANA,UCOF,CDGA,SACE,sBCAF,CDGA,kFAEE,WCAF,CDGA,cAEE,uBAAA,CAAA,eAAA,CADA,mBCCF,CDGA,yCACE,uBAAA,CAAA,eCAF,CDGA,6BAEE,yBAAA,CAAA,iBAAA,CADA,YCCF,CDGA,OACE,oBCAF,CDGA,QAEE,cAAA,CADA,iBCCF,CDGA,SACE,YCAF,CDGA,SACE,sBCAF,CCvUA,SAQE,qBCDY,CDLZ,wBAAA,CACA,mBAAA,CAMA,qCAAA,CALA,4CCLuB,CDMvB,cAAA,CACA,eAAA,CACA,mBAAA,CANA,YDkVF,CCxUE,qBACE,kBD0UJ,CCvUE,uBACE,qBAAA,CACA,YDyUJ,CCtUE,kCACE,qCDwUJ,CCrUE,gBAIE,aCtBQ,CDmBR,kBAAA,CACA,eAAA,CACA,kBDwUJ,CCpUE,oBAEE,eAAA,CADA,SDuUJ,CClUA,eAEE,cAAA,CADA,kBDsUF,CCnUE,sBACE,eDqUJ,CClUE,qBACE,YDoUJ","file":"Card.css","sourcesContent":["*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n text-size-adjust: 100%;\n -webkit-tap-highlight-color: transparent;\n}\n\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: \"Source Sans Pro\", Arial, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n color: #333;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[data-original-title],\nabbr[title] {\n border-bottom: 0;\n text-decoration: underline;\n text-decoration: underline dotted;\n text-decoration-skip-ink: none;\n cursor: help;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\ndl,\nol,\nul {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: 0.5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\na {\n text-decoration: none;\n color: #00008f;\n background-color: transparent;\n}\n\na:hover {\n text-decoration: underline;\n color: #000043;\n}\n\na:not([href], [tabindex]) {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus,\na:not([href], [tabindex]):hover {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus {\n outline: 0;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n border-style: none;\n vertical-align: middle;\n}\n\nsvg {\n vertical-align: middle;\n overflow: hidden;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n caption-side: bottom;\n text-align: left;\n color: #6c757d;\n}\n\nth {\n text-align: inherit;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"],\nbutton {\n appearance: button;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled),\nbutton:not(:disabled) {\n cursor: pointer;\n}\n\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"],\ninput[type=\"time\"] {\n appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n margin-bottom: 0.5rem;\n padding: 0;\n font-size: 1.5rem;\n line-height: inherit;\n white-space: normal;\n color: inherit;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n","@use \"../common/reboot\";\n@use \"../common/common\" as common;\n\n.af-card {\n padding: 1rem;\n border: 1px solid common.$color-gray-300;\n border-radius: 0.5rem;\n font-family: common.$font-family-base;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n background-color: common.$color-white;\n box-shadow: 0 0.25rem 0.5rem 0 hsla(230deg, 60%, 16%, 8%);\n\n > *:last-child {\n margin-block-end: 0;\n }\n\n &:focus-visible {\n border: 2px solid common.$color-focus;\n outline: none;\n }\n\n &--elevation-2:not(:focus) {\n box-shadow: 0 0.25rem 0.5rem 0 hsla(230deg, 60%, 16%, 16%);\n }\n\n &__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-axa;\n }\n\n &--accordion {\n padding: 0;\n box-shadow: none;\n }\n}\n\nbutton.af-card {\n text-align: initial;\n cursor: pointer;\n\n &:active {\n box-shadow: none;\n }\n\n &:focus {\n outline: none;\n }\n}\n","@use \"../common/reboot\";\n@use \"../common/common\" as common;\n\n.af-card {\n padding: 1rem;\n border: 1px solid common.$color-gray-300;\n border-radius: 0.5rem;\n font-family: common.$font-family-base;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n background-color: common.$color-white;\n box-shadow: 0 0.25rem 0.5rem 0 hsla(230deg, 60%, 16%, 8%);\n\n > *:last-child {\n margin-block-end: 0;\n }\n\n &:focus-visible {\n border: 2px solid common.$color-focus;\n outline: none;\n }\n\n &--elevation-2:not(:focus) {\n box-shadow: 0 0.25rem 0.5rem 0 hsla(230deg, 60%, 16%, 16%);\n }\n\n &__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-axa;\n }\n\n &--accordion {\n padding: 0;\n box-shadow: none;\n }\n}\n\nbutton.af-card {\n text-align: initial;\n cursor: pointer;\n\n &:active {\n box-shadow: none;\n }\n\n &:focus {\n outline: 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"]}
1
+ {"version":3,"sources":["../../src/common/reboot.scss","../../src/Card/Card.scss","../../src/Card/Card.scss%23sass"],"names":[],"mappings":"AAAA,iBAGE,qBCCF,CDEA,KACE,sBAAA,CACA,gBAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBAAA,CACA,uCCCF,CDEA,sEAUE,aCCF,CDEA,KAQE,qBAAA,CADA,UAAA,CALA,4CAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CAJA,QAAA,CAKA,eCGF,CDEA,sBACE,mBCCF,CDEA,GACE,kBAAA,CACA,QAAA,CACA,gBCCF,CDEA,kBAOE,mBAAA,CADA,YCEF,CDEA,EAEE,kBAAA,CADA,YCEF,CDEA,sCAEE,eAAA,CAIA,WAAA,CAHA,yBAAA,CACA,wCAAA,CAAA,gCAAA,CACA,qCAAA,CAAA,6BCEF,CDEA,QAEE,iBAAA,CACA,mBCCF,CDEA,iBALE,kBCUF,CDLA,SAGE,YCEF,CDEA,wBAIE,eCCF,CDEA,GACE,eCCF,CDEA,GACE,mBAAA,CACA,aCCF,CDEA,WACE,eCCF,CDEA,SAEE,kBCCF,CDEA,MACE,aCCF,CDEA,QAIE,aAAA,CACA,aAAA,CAHA,iBAAA,CACA,sBCGF,CDEA,IACE,aCCF,CDEA,IACE,SCCF,CDEA,EAGE,wBAAA,CADA,aAAA,CADA,oBCGF,CDEA,QAEE,aAAA,CADA,yBCEF,CDOA,uFAGE,aAAA,CADA,oBCEF,CDEA,+BACE,SCCF,CDEA,kBAIE,sFAAA,CAEA,aCAF,CDGA,IAEE,kBAAA,CADA,YAAA,CAEA,aCAF,CDGA,OACE,eCAF,CDGA,IACE,iBCCF,CDGA,QAHE,qBCKF,CDFA,IAEE,eCAF,CDGA,MACE,wBCAF,CDGA,QAGE,mBAAA,CAEA,aAAA,CAHA,oBAAA,CADA,iBAAA,CAGA,eCCF,CDGA,GACE,kBCAF,CDGA,OACE,eCAF,CDGA,sCAME,mBAAA,CACA,iBAAA,CACA,mBAAA,CAHA,QCGF,CDGA,aAEE,gBCAF,CDGA,cAEE,mBCAF,CDGA,OACE,gBCAF,CDGA,gDAIE,yBAAA,CAAA,iBCAF,CDGA,aACE,kBAAA,CACA,yCCAF,CDGA,4GAIE,cCAF,CDGA,wHAKE,iBAAA,CADA,SCCF,CDGA,uCAEE,qBAAA,CACA,SCAF,CDGA,+EAIE,0BAAA,CAAA,kBCAF,CDGA,SACE,aAAA,CACA,eCAF,CDGA,SAIE,QAAA,CAFA,QAAA,CADA,WAAA,CAEA,SCCF,CDGA,OASE,aAAA,CARA,aAAA,CAKA,gBAAA,CACA,mBAAA,CAHA,mBAAA,CADA,cAAA,CAEA,SAAA,CAGA,kBAAA,CANA,UCOF,CDGA,SACE,sBCAF,CDGA,kFAEE,WCAF,CDGA,cAEE,uBAAA,CAAA,eAAA,CADA,mBCCF,CDGA,yCACE,uBAAA,CAAA,eCAF,CDGA,6BAEE,yBAAA,CAAA,iBAAA,CADA,YCCF,CDGA,OACE,oBCAF,CDGA,QAEE,cAAA,CADA,iBCCF,CDGA,SACE,YCAF,CDGA,SACE,sBCAF,CCxUA,SAQE,mCAAA,CANA,sCAAA,CACA,mBAAA,CAMA,qCAAA,CALA,mCAAA,CACA,cAAA,CACA,eAAA,CACA,mBAAA,CANA,YDmVF,CCzUE,qBACE,kBD2UJ,CCxUE,uBACE,mCAAA,CACA,YD0UJ,CCvUE,kCACE,qCDyUJ,CCtUE,gBAIE,sBAAA,CAHA,kBAAA,CACA,eAAA,CACA,kBDyUJ,CCrUE,oBAEE,eAAA,CADA,SDwUJ,CCnUA,eAEE,cAAA,CADA,kBDuUF,CCpUE,sBACE,eDsUJ,CCnUE,qBACE,YDqUJ","file":"Card.css","sourcesContent":["*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n text-size-adjust: 100%;\n -webkit-tap-highlight-color: transparent;\n}\n\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: \"Source Sans Pro\", Arial, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n color: #333;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[data-original-title],\nabbr[title] {\n border-bottom: 0;\n text-decoration: underline;\n text-decoration: underline dotted;\n text-decoration-skip-ink: none;\n cursor: help;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\ndl,\nol,\nul {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: 0.5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\na {\n text-decoration: none;\n color: #00008f;\n background-color: transparent;\n}\n\na:hover {\n text-decoration: underline;\n color: #000043;\n}\n\na:not([href], [tabindex]) {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus,\na:not([href], [tabindex]):hover {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus {\n outline: 0;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n border-style: none;\n vertical-align: middle;\n}\n\nsvg {\n vertical-align: middle;\n overflow: hidden;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n caption-side: bottom;\n text-align: left;\n color: #6c757d;\n}\n\nth {\n text-align: inherit;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"],\nbutton {\n appearance: button;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled),\nbutton:not(:disabled) {\n cursor: pointer;\n}\n\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"],\ninput[type=\"time\"] {\n appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n margin-bottom: 0.5rem;\n padding: 0;\n font-size: 1.5rem;\n line-height: inherit;\n white-space: normal;\n color: inherit;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n","@use \"../common/reboot\";\n\n.af-card {\n padding: 1rem;\n border: 1px solid var(--color-gray-300);\n border-radius: 0.5rem;\n font-family: var(--font-family-base);\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n background-color: var(--color-white);\n box-shadow: 0 0.25rem 0.5rem 0 hsla(230deg, 60%, 16%, 8%);\n\n > *:last-child {\n margin-block-end: 0;\n }\n\n &:focus-visible {\n border: 2px solid var(--color-focus);\n outline: none;\n }\n\n &--elevation-2:not(:focus) {\n box-shadow: 0 0.25rem 0.5rem 0 hsla(230deg, 60%, 16%, 16%);\n }\n\n &__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: var(--color-axa);\n }\n\n &--accordion {\n padding: 0;\n box-shadow: none;\n }\n}\n\nbutton.af-card {\n text-align: initial;\n cursor: pointer;\n\n &:active {\n box-shadow: none;\n }\n\n &:focus {\n outline: none;\n }\n}\n","@use \"../common/reboot\";\n\n.af-card {\n padding: 1rem;\n border: 1px solid var(--color-gray-300);\n border-radius: 0.5rem;\n font-family: var(--font-family-base);\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n background-color: var(--color-white);\n box-shadow: 0 0.25rem 0.5rem 0 hsla(230deg, 60%, 16%, 8%);\n\n > *:last-child {\n margin-block-end: 0;\n }\n\n &:focus-visible {\n border: 2px solid var(--color-focus);\n outline: none;\n }\n\n &--elevation-2:not(:focus) {\n box-shadow: 0 0.25rem 0.5rem 0 hsla(230deg, 60%, 16%, 16%);\n }\n\n &__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: var(--color-axa);\n }\n\n &--accordion {\n padding: 0;\n box-shadow: none;\n }\n}\n\nbutton.af-card {\n text-align: initial;\n cursor: pointer;\n\n &:active {\n box-shadow: none;\n }\n\n &:focus {\n outline: none;\n }\n}\n"]}
@@ -1,15 +1,14 @@
1
1
  @use "../common/reboot";
2
- @use "../common/common" as common;
3
2
 
4
3
  .af-card {
5
4
  padding: 1rem;
6
- border: 1px solid common.$color-gray-300;
5
+ border: 1px solid var(--color-gray-300);
7
6
  border-radius: 0.5rem;
8
- font-family: common.$font-family-base;
7
+ font-family: var(--font-family-base);
9
8
  font-size: 1rem;
10
9
  font-weight: 400;
11
10
  line-height: 1.25rem;
12
- background-color: common.$color-white;
11
+ background-color: var(--color-white);
13
12
  box-shadow: 0 0.25rem 0.5rem 0 hsla(230deg, 60%, 16%, 8%);
14
13
 
15
14
  > *:last-child {
@@ -17,7 +16,7 @@
17
16
  }
18
17
 
19
18
  &:focus-visible {
20
- border: 2px solid common.$color-focus;
19
+ border: 2px solid var(--color-focus);
21
20
  outline: none;
22
21
  }
23
22
 
@@ -29,7 +28,7 @@
29
28
  font-size: 1.125rem;
30
29
  font-weight: 600;
31
30
  line-height: 1.4rem;
32
- color: common.$color-axa;
31
+ color: var(--color-axa);
33
32
  }
34
33
 
35
34
  &--accordion {
@@ -1 +1 @@
1
- .af-divider{border:0;border-top:1px solid #e9ecf2;margin:0}
1
+ .af-divider{border:0;border-top:1px solid var(--color-gray-300);margin:0}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Divider/Divider.scss%23sass","../../src/Divider/Divider.scss"],"names":[],"mappings":"AAEA,YCAA,QAAA,CDGE,4BAAA,CAFA,QCCF","file":"Divider.css","sourcesContent":["@use \"../common/common.scss\" as common;\n\n.af-divider {\n margin: 0;\n border: 0;\n border-top: 1px solid common.$color-gray-300;\n}\n","@use \"../common/common.scss\" as common;\n\n.af-divider {\n margin: 0;\n border: 0;\n border-top: 1px solid common.$color-gray-300;\n}\n"]}
1
+ {"version":3,"sources":["../../src/Divider/Divider.scss%23sass","../../src/Divider/Divider.scss"],"names":[],"mappings":"AAAA,YAEE,QAAA,CACA,0CAAA,CAFA,QCGF","file":"Divider.css","sourcesContent":[".af-divider {\n margin: 0;\n border: 0;\n border-top: 1px solid var(--color-gray-300);\n}\n",".af-divider {\n margin: 0;\n border: 0;\n border-top: 1px solid var(--color-gray-300);\n}\n"]}
@@ -1,7 +1,5 @@
1
- @use "../common/common.scss" as common;
2
-
3
1
  .af-divider {
4
2
  margin: 0;
5
3
  border: 0;
6
- border-top: 1px solid common.$color-gray-300;
4
+ border-top: 1px solid var(--color-gray-300);
7
5
  }
@@ -1 +1 @@
1
- .af-checkbox{font-family:Source Sans Pro,arial,sans-serif}.af-checkbox *{box-sizing:border-box}.af-checkbox__content{align-items:center;display:flex;gap:1rem;justify-content:center}.af-checkbox__content>svg{color:#00008f;height:1.75rem;width:1.75rem;fill:#00008f}.af-checkbox__content .af-checkbox__content-description{display:flex;flex-direction:column;gap:.25rem;line-height:1.25rem}.af-checkbox__content .af-checkbox__content-description>span:first-child{color:#333;line-height:1.4rem}.af-checkbox__content .af-checkbox__content-description>span:not(:first-child){color:#5f5f5f}.af-checkbox-select--horizontal .af-checkbox__content{flex-direction:column;gap:.5rem}.af-checkbox__group-description{font-size:1rem;line-height:1.25rem}.af-checkbox~.af-checkbox__error{align-items:center;color:#c91432;display:flex;font-family:Source Sans Pro,arial,sans-serif;gap:.5rem;line-height:1.25rem;margin-left:3.2rem}.af-checkbox~.af-checkbox__error>svg{color:#c91432;width:1rem;fill:#c91432}.af-checkbox-select~.af-checkbox__error{margin:1rem 0 0}.af-checkbox label{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.75rem;margin:0}.af-checkbox-select label{align-items:center;box-shadow:0 0 0 1px var(--box-shadow-color) inset;height:6.4rem;padding:1rem;--box-shadow-color:#5f5f5f}.af-checkbox-select--horizontal label{flex-direction:column;gap:0;height:auto;justify-content:flex-start;padding:1rem;position:relative;text-align:center;width:12rem}.af-checkbox-select--horizontal label .af-checkbox__icons{left:1rem;position:absolute;top:1rem}.af-checkbox label input[type=checkbox]{margin-right:.5rem;opacity:0;position:absolute}.af-checkbox label input[type=checkbox]~.af-checkbox__icons{align-items:center;display:flex;gap:.75rem}.af-checkbox label input[type=checkbox]~.af-checkbox__icons .af-checkbox__checked,.af-checkbox label input[type=checkbox]~.af-checkbox__icons .af-checkbox__unchecked{align-items:center;height:1.75rem;width:1.75rem}.af-checkbox label input[type=checkbox]~.af-checkbox__icons .af-checkbox__checked{display:none}.af-checkbox label input[type=checkbox]~.af-checkbox__icons .af-checkbox__unchecked{color:#5f5f5f;fill:#5f5f5f}.af-checkbox label:has(input[type=checkbox][aria-invalid=true]) .af-checkbox__checked,.af-checkbox label:has(input[type=checkbox][aria-invalid=true]) .af-checkbox__unchecked{color:#c91432;fill:#c91432}.af-checkbox label:has(input[type=checkbox]:checked) .af-checkbox__checked{color:#00008f;display:block;fill:#00008f}.af-checkbox label:has(input[type=checkbox]:checked) .af-checkbox__unchecked{display:none}.af-checkbox-select label:has(input[type=checkbox]:checked){background-color:#f8f8ff;box-shadow:inset 0 0 0 2px #00008f}.af-checkbox label:has(input[type=checkbox]:disabled){cursor:default}.af-checkbox label:has(input[type=checkbox]:disabled) .af-checkbox__checked,.af-checkbox label:has(input[type=checkbox]:disabled) .af-checkbox__content>svg,.af-checkbox label:has(input[type=checkbox]:disabled) .af-checkbox__unchecked{color:#999;fill:#999}.af-checkbox-select label:has(input[type=checkbox]:disabled){background-color:#f3f3f3;box-shadow:0 0 0 1px var(--box-shadow-color) inset;color:#999;--box-shadow-color:#e5e5e5}.af-checkbox-select label:has(input[type=checkbox][aria-invalid=true]){--box-shadow-color:#c91432;box-shadow:0 0 0 2px var(--box-shadow-color) inset}.af-checkbox label input[type=checkbox]:focus-visible~.af-checkbox__icons .af-checkbox__checked,.af-checkbox label input[type=checkbox]:focus-visible~.af-checkbox__icons .af-checkbox__unchecked{outline:2px solid #36f;outline-offset:3px}.af-checkbox label:hover:not(:has(input[type=checkbox]:disabled)) .af-checkbox__unchecked{color:#00008f;fill:#00008f}.af-checkbox-select label:hover:not(:has(input[type=checkbox]:disabled)){--box-shadow-color:#00008f;box-shadow:0 0 0 1px var(--box-shadow-color) inset}.af-checkbox-select{color:#5f5f5f;display:flex;flex-direction:column;font-family:Source Sans Pro,arial,sans-serif;font-style:normal;font-weight:400;gap:1rem;line-height:1.25rem;margin-top:1rem}.af-checkbox-select--horizontal{flex-direction:row}
1
+ .af-checkbox{font-family:Source Sans Pro,arial,sans-serif}.af-checkbox *{box-sizing:border-box}.af-checkbox__content{align-items:center;display:flex;gap:1rem;justify-content:center}.af-checkbox__content>svg{color:var(--color-axa);height:1.75rem;width:1.75rem;fill:var(--color-axa)}.af-checkbox__content .af-checkbox__content-description{display:flex;flex-direction:column;gap:.25rem;line-height:1.25rem}.af-checkbox__content .af-checkbox__content-description>span:first-child{color:var(--color-gray-900);line-height:1.4rem}.af-checkbox__content .af-checkbox__content-description>span:not(:first-child){color:var(--color-gray-700)}.af-checkbox-select--horizontal .af-checkbox__content{flex-direction:column;gap:.5rem}.af-checkbox__group-description{font-size:1rem;line-height:1.25rem}.af-checkbox~.af-checkbox__error{align-items:center;color:var(--color-red-700);display:flex;font-family:Source Sans Pro,arial,sans-serif;gap:.5rem;line-height:1.25rem;margin-left:3.2rem}.af-checkbox~.af-checkbox__error>svg{color:var(--color-red-700);width:1rem;fill:var(--color-red-700)}.af-checkbox-select~.af-checkbox__error{margin:1rem 0 0}.af-checkbox label{align-items:center;border-radius:var(--default-border-radius);cursor:pointer;display:flex;gap:.75rem;margin:0}.af-checkbox-select label{align-items:center;box-shadow:0 0 0 1px var(--box-shadow-color) inset;height:6.4rem;padding:1rem;--box-shadow-color:var(--color-gray)}.af-checkbox-select--horizontal label{flex-direction:column;gap:0;height:auto;justify-content:flex-start;padding:1rem;position:relative;text-align:center;width:12rem}.af-checkbox-select--horizontal label .af-checkbox__icons{left:1rem;position:absolute;top:1rem}.af-checkbox label input[type=checkbox]{margin-right:.5rem;opacity:0;position:absolute}.af-checkbox label input[type=checkbox]~.af-checkbox__icons{align-items:center;display:flex;gap:.75rem}.af-checkbox label input[type=checkbox]~.af-checkbox__icons .af-checkbox__checked,.af-checkbox label input[type=checkbox]~.af-checkbox__icons .af-checkbox__unchecked{align-items:center;height:1.75rem;width:1.75rem}.af-checkbox label input[type=checkbox]~.af-checkbox__icons .af-checkbox__checked{display:none}.af-checkbox label input[type=checkbox]~.af-checkbox__icons .af-checkbox__unchecked{color:var(--color-gray-700);fill:var(--color-gray-700)}.af-checkbox label:has(input[type=checkbox][aria-invalid=true]) .af-checkbox__checked,.af-checkbox label:has(input[type=checkbox][aria-invalid=true]) .af-checkbox__unchecked{color:var(--color-red-700);fill:var(--color-red-700)}.af-checkbox label:has(input[type=checkbox]:checked) .af-checkbox__checked{color:var(--color-axa);display:block;fill:var(--color-axa)}.af-checkbox label:has(input[type=checkbox]:checked) .af-checkbox__unchecked{display:none}.af-checkbox-select label:has(input[type=checkbox]:checked){background-color:var(--color-blue-2);box-shadow:0 0 0 2px var(--color-axa) inset}.af-checkbox label:has(input[type=checkbox]:disabled){cursor:default}.af-checkbox label:has(input[type=checkbox]:disabled) .af-checkbox__checked,.af-checkbox label:has(input[type=checkbox]:disabled) .af-checkbox__content>svg,.af-checkbox label:has(input[type=checkbox]:disabled) .af-checkbox__unchecked{color:var(--color-btn-disabled-text);fill:var(--color-btn-disabled-text)}.af-checkbox-select label:has(input[type=checkbox]:disabled){background-color:var(--color-gray-200);box-shadow:0 0 0 1px var(--box-shadow-color) inset;color:var(--color-btn-disabled-text);--box-shadow-color:var(--color-gray-400)}.af-checkbox-select label:has(input[type=checkbox][aria-invalid=true]){--box-shadow-color:var(--color-red-700);box-shadow:0 0 0 2px var(--box-shadow-color) inset}.af-checkbox label input[type=checkbox]:focus-visible~.af-checkbox__icons .af-checkbox__checked,.af-checkbox label input[type=checkbox]:focus-visible~.af-checkbox__icons .af-checkbox__unchecked{outline:2px solid var(--color-blue-3);outline-offset:3px}.af-checkbox label:hover:not(:has(input[type=checkbox]:disabled)) .af-checkbox__unchecked{color:var(--color-axa);fill:var(--color-axa)}.af-checkbox-select label:hover:not(:has(input[type=checkbox]:disabled)){--box-shadow-color:var(--color-axa);box-shadow:0 0 0 1px var(--box-shadow-color) inset}.af-checkbox-select{color:var(--color-gray-700);display:flex;flex-direction:column;font-family:var(--font-family-base);font-style:normal;font-weight:400;gap:1rem;line-height:1.25rem;margin-top:1rem}.af-checkbox-select--horizontal{flex-direction:row}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Form/Checkbox/Checkbox.scss%23sass","../../../src/Form/Checkbox/Checkbox.scss","../../../src/common/common.scss"],"names":[],"mappings":"AAEA,aACE,4CCDF,CDGE,eACE,qBCDJ,CDIE,sBAEE,kBAAA,CADA,YAAA,CAGA,QAAA,CADA,sBCDJ,CDII,0BAGE,aAAA,CADA,cAAA,CADA,aAAA,CAGA,YCFN,CDKI,wDACE,YAAA,CACA,qBAAA,CACA,UAAA,CACA,mBCHN,CDKM,yEAEE,UAAA,CADA,kBCFR,CDMM,+EACE,aCJR,CDSE,sDACE,qBAAA,CACA,SCPJ,CDUE,gCACE,cAAA,CACA,mBCRJ,CDWE,iCAGE,kBAAA,CAIA,aAAA,CANA,YAAA,CAIA,4CAAA,CADA,SAAA,CAEA,mBAAA,CAJA,kBCJJ,CDWI,qCAEE,aAAA,CADA,UAAA,CAEA,YCTN,CDaE,wCACE,eCXJ,CDcE,mBAIE,kBAAA,CADA,iBE9BoB,CFiCpB,cAAA,CALA,YAAA,CAIA,UAAA,CAHA,QCRJ,CDeE,0BAGE,kBAAA,CACA,kDAAA,CAHA,aAAA,CACA,YAAA,CAIA,0BCdJ,CDiBE,sCAKE,qBAAA,CAEA,KAAA,CAJA,WAAA,CAGA,0BAAA,CAFA,YAAA,CAHA,iBAAA,CAOA,iBAAA,CANA,WCTJ,CDiBI,0DAGE,SAAA,CAFA,iBAAA,CACA,QCdN,CDmBE,wCAEE,kBAAA,CACA,SAAA,CAFA,iBCfJ,CDmBI,4DAEE,kBAAA,CADA,YAAA,CAEA,UCjBN,CDmBM,sKAIE,kBAAA,CADA,cAAA,CADA,aChBR,CDqBM,kFACE,YCnBR,CDsBM,oFACE,aAAA,CACA,YCpBR,CD0BI,8KAEE,aAAA,CACA,YCzBN,CD8BI,2EAEE,aAAA,CADA,aAAA,CAEA,YC5BN,CD+BI,6EACE,YC7BN,CDiCE,4DACE,wBAAA,CACA,kCC/BJ,CDkCE,sDACE,cChCJ,CDkCI,0OAGE,UAAA,CACA,SClCN,CDsCE,6DAEE,wBAAA,CACA,kDAAA,CAFA,UAAA,CAIA,0BCrCJ,CDwCE,uEACE,0BAAA,CAEA,kDCvCJ,CD2CI,kMAEE,sBAAA,CACA,kBC1CN,CD+CI,0FACE,aEvLM,CFwLN,YC7CN,CDiDE,yEACE,0BAAA,CAEA,kDChDJ,CDmDE,oBASE,aElLa,CF0Kb,YAAA,CAEA,qBAAA,CAEA,4CE9MqB,CF+MrB,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,mBAAA,CANA,eC1CJ,CDmDI,gCACE,kBCjDN","file":"Checkbox.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-checkbox {\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n * {\n box-sizing: border-box;\n }\n\n &__content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n\n & > svg {\n width: 1.75rem;\n height: 1.75rem;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & &-description {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n line-height: 1.25rem;\n\n & > span:first-child {\n line-height: 1.4rem;\n color: common.$color-gray-900;\n }\n\n & > span:not(:first-child) {\n color: common.$color-gray-700;\n }\n }\n }\n\n &-select--horizontal &__content {\n flex-direction: column;\n gap: 0.5rem;\n }\n\n &__group-description {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n & ~ &__error {\n display: flex;\n margin-left: 3.2rem;\n align-items: center;\n gap: 0.5rem;\n font-family: \"Source Sans Pro\", arial, sans-serif;\n line-height: 1.25rem;\n color: common.$color-red-700;\n\n & > svg {\n width: 1rem;\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n }\n\n &-select ~ &__error {\n margin: 1rem 0 0;\n }\n\n & label {\n display: flex;\n margin: 0;\n border-radius: common.$default-border-radius;\n align-items: center;\n gap: 0.75rem;\n cursor: pointer;\n }\n\n &-select label {\n height: 6.4rem;\n padding: 1rem;\n align-items: center;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray};\n }\n\n &-select--horizontal label {\n position: relative;\n width: 12rem;\n height: auto;\n padding: 1rem;\n flex-direction: column;\n justify-content: flex-start;\n gap: 0;\n text-align: center;\n\n & .af-checkbox__icons {\n position: absolute;\n top: 1rem;\n left: 1rem;\n }\n }\n\n & label input[type=\"checkbox\"] {\n position: absolute;\n margin-right: 0.5rem;\n opacity: 0;\n\n & ~ .af-checkbox__icons {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n width: 1.75rem;\n height: 1.75rem;\n align-items: center;\n }\n\n & .af-checkbox__checked {\n display: none;\n }\n\n & .af-checkbox__unchecked {\n color: common.$color-gray-700;\n fill: common.$color-gray-700;\n }\n }\n }\n\n & label:has(input[type=\"checkbox\"][aria-invalid=\"true\"]) {\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n }\n\n & label:has(input[type=\"checkbox\"]:checked) {\n & .af-checkbox__checked {\n display: block;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & .af-checkbox__unchecked {\n display: none;\n }\n }\n\n &-select label:has(input[type=\"checkbox\"]:checked) {\n background-color: common.$color-blue-2;\n box-shadow: 0 0 0 2px common.$color-axa inset;\n }\n\n & label:has(input[type=\"checkbox\"]:disabled) {\n cursor: default;\n\n & .af-checkbox__content > svg,\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n color: common.$color-btn-disabled-text;\n fill: common.$color-btn-disabled-text;\n }\n }\n\n &-select label:has(input[type=\"checkbox\"]:disabled) {\n color: common.$color-btn-disabled-text;\n background-color: common.$color-gray-200;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray-400};\n }\n\n &-select label:has(input[type=\"checkbox\"][aria-invalid=\"true\"]) {\n --box-shadow-color: #{common.$color-red-700};\n\n box-shadow: 0 0 0 2px var(--box-shadow-color) inset;\n }\n\n & label input[type=\"checkbox\"]:focus-visible ~ .af-checkbox__icons {\n & .af-checkbox__unchecked,\n & .af-checkbox__checked {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n }\n\n & label:hover:not(:has(input[type=\"checkbox\"]:disabled)) {\n & .af-checkbox__unchecked {\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n }\n\n &-select label:hover:not(:has(input[type=\"checkbox\"]:disabled)) {\n --box-shadow-color: #{common.$color-axa};\n\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n }\n\n &-select {\n display: flex;\n margin-top: 1rem;\n flex-direction: column;\n gap: 1rem;\n font-family: common.$font-family-base;\n font-style: normal;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n\n &--horizontal {\n flex-direction: row;\n }\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-checkbox {\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n * {\n box-sizing: border-box;\n }\n\n &__content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n\n & > svg {\n width: 1.75rem;\n height: 1.75rem;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & &-description {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n line-height: 1.25rem;\n\n & > span:first-child {\n line-height: 1.4rem;\n color: common.$color-gray-900;\n }\n\n & > span:not(:first-child) {\n color: common.$color-gray-700;\n }\n }\n }\n\n &-select--horizontal &__content {\n flex-direction: column;\n gap: 0.5rem;\n }\n\n &__group-description {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n & ~ &__error {\n display: flex;\n margin-left: 3.2rem;\n align-items: center;\n gap: 0.5rem;\n font-family: \"Source Sans Pro\", arial, sans-serif;\n line-height: 1.25rem;\n color: common.$color-red-700;\n\n & > svg {\n width: 1rem;\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n }\n\n &-select ~ &__error {\n margin: 1rem 0 0;\n }\n\n & label {\n display: flex;\n margin: 0;\n border-radius: common.$default-border-radius;\n align-items: center;\n gap: 0.75rem;\n cursor: pointer;\n }\n\n &-select label {\n height: 6.4rem;\n padding: 1rem;\n align-items: center;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray};\n }\n\n &-select--horizontal label {\n position: relative;\n width: 12rem;\n height: auto;\n padding: 1rem;\n flex-direction: column;\n justify-content: flex-start;\n gap: 0;\n text-align: center;\n\n & .af-checkbox__icons {\n position: absolute;\n top: 1rem;\n left: 1rem;\n }\n }\n\n & label input[type=\"checkbox\"] {\n position: absolute;\n margin-right: 0.5rem;\n opacity: 0;\n\n & ~ .af-checkbox__icons {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n width: 1.75rem;\n height: 1.75rem;\n align-items: center;\n }\n\n & .af-checkbox__checked {\n display: none;\n }\n\n & .af-checkbox__unchecked {\n color: common.$color-gray-700;\n fill: common.$color-gray-700;\n }\n }\n }\n\n & label:has(input[type=\"checkbox\"][aria-invalid=\"true\"]) {\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n }\n\n & label:has(input[type=\"checkbox\"]:checked) {\n & .af-checkbox__checked {\n display: block;\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n\n & .af-checkbox__unchecked {\n display: none;\n }\n }\n\n &-select label:has(input[type=\"checkbox\"]:checked) {\n background-color: common.$color-blue-2;\n box-shadow: 0 0 0 2px common.$color-axa inset;\n }\n\n & label:has(input[type=\"checkbox\"]:disabled) {\n cursor: default;\n\n & .af-checkbox__content > svg,\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n color: common.$color-btn-disabled-text;\n fill: common.$color-btn-disabled-text;\n }\n }\n\n &-select label:has(input[type=\"checkbox\"]:disabled) {\n color: common.$color-btn-disabled-text;\n background-color: common.$color-gray-200;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{common.$color-gray-400};\n }\n\n &-select label:has(input[type=\"checkbox\"][aria-invalid=\"true\"]) {\n --box-shadow-color: #{common.$color-red-700};\n\n box-shadow: 0 0 0 2px var(--box-shadow-color) inset;\n }\n\n & label input[type=\"checkbox\"]:focus-visible ~ .af-checkbox__icons {\n & .af-checkbox__unchecked,\n & .af-checkbox__checked {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n }\n\n & label:hover:not(:has(input[type=\"checkbox\"]:disabled)) {\n & .af-checkbox__unchecked {\n color: common.$color-axa;\n fill: common.$color-axa;\n }\n }\n\n &-select label:hover:not(:has(input[type=\"checkbox\"]:disabled)) {\n --box-shadow-color: #{common.$color-axa};\n\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n }\n\n &-select {\n display: flex;\n margin-top: 1rem;\n flex-direction: column;\n gap: 1rem;\n font-family: common.$font-family-base;\n font-style: normal;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n\n &--horizontal {\n flex-direction: row;\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"]}
1
+ {"version":3,"sources":["../../../src/Form/Checkbox/Checkbox.scss%23sass","../../../src/Form/Checkbox/Checkbox.scss"],"names":[],"mappings":"AAAA,aACE,4CCCF,CDCE,eACE,qBCCJ,CDEE,sBAEE,kBAAA,CADA,YAAA,CAGA,QAAA,CADA,sBCCJ,CDEI,0BAGE,sBAAA,CADA,cAAA,CADA,aAAA,CAGA,qBCAN,CDGI,wDACE,YAAA,CACA,qBAAA,CACA,UAAA,CACA,mBCDN,CDGM,yEAEE,2BAAA,CADA,kBCAR,CDIM,+EACE,2BCFR,CDOE,sDACE,qBAAA,CACA,SCLJ,CDQE,gCACE,cAAA,CACA,mBCNJ,CDSE,iCAGE,kBAAA,CAIA,0BAAA,CANA,YAAA,CAIA,4CAAA,CADA,SAAA,CAEA,mBAAA,CAJA,kBCFJ,CDSI,qCAEE,0BAAA,CADA,UAAA,CAEA,yBCPN,CDWE,wCACE,eCTJ,CDYE,mBAIE,kBAAA,CADA,0CAAA,CAGA,cAAA,CALA,YAAA,CAIA,UAAA,CAHA,QCNJ,CDaE,0BAGE,kBAAA,CACA,kDAAA,CAHA,aAAA,CACA,YAAA,CAIA,oCCZJ,CDeE,sCAKE,qBAAA,CAEA,KAAA,CAJA,WAAA,CAGA,0BAAA,CAFA,YAAA,CAHA,iBAAA,CAOA,iBAAA,CANA,WCPJ,CDeI,0DAGE,SAAA,CAFA,iBAAA,CACA,QCZN,CDiBE,wCAEE,kBAAA,CACA,SAAA,CAFA,iBCbJ,CDiBI,4DAEE,kBAAA,CADA,YAAA,CAEA,UCfN,CDiBM,sKAIE,kBAAA,CADA,cAAA,CADA,aCdR,CDmBM,kFACE,YCjBR,CDoBM,oFACE,2BAAA,CACA,0BClBR,CDwBI,8KAEE,0BAAA,CACA,yBCvBN,CD4BI,2EAEE,sBAAA,CADA,aAAA,CAEA,qBC1BN,CD6BI,6EACE,YC3BN,CD+BE,4DACE,oCAAA,CACA,2CC7BJ,CDgCE,sDACE,cC9BJ,CDgCI,0OAGE,oCAAA,CACA,mCChCN,CDoCE,6DAEE,sCAAA,CACA,kDAAA,CAFA,oCAAA,CAIA,wCCnCJ,CDsCE,uEACE,uCAAA,CAEA,kDCrCJ,CDyCI,kMAEE,qCAAA,CACA,kBCxCN,CD6CI,0FACE,sBAAA,CACA,qBC3CN,CD+CE,yEACE,mCAAA,CAEA,kDC9CJ,CDiDE,oBASE,2BAAA,CARA,YAAA,CAEA,qBAAA,CAEA,mCAAA,CACA,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,mBAAA,CANA,eCxCJ,CDiDI,gCACE,kBC/CN","file":"Checkbox.css","sourcesContent":[".af-checkbox {\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n * {\n box-sizing: border-box;\n }\n\n &__content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n\n & > svg {\n width: 1.75rem;\n height: 1.75rem;\n color: var(--color-axa);\n fill: var(--color-axa);\n }\n\n & &-description {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n line-height: 1.25rem;\n\n & > span:first-child {\n line-height: 1.4rem;\n color: var(--color-gray-900);\n }\n\n & > span:not(:first-child) {\n color: var(--color-gray-700);\n }\n }\n }\n\n &-select--horizontal &__content {\n flex-direction: column;\n gap: 0.5rem;\n }\n\n &__group-description {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n & ~ &__error {\n display: flex;\n margin-left: 3.2rem;\n align-items: center;\n gap: 0.5rem;\n font-family: \"Source Sans Pro\", arial, sans-serif;\n line-height: 1.25rem;\n color: var(--color-red-700);\n\n & > svg {\n width: 1rem;\n color: var(--color-red-700);\n fill: var(--color-red-700);\n }\n }\n\n &-select ~ &__error {\n margin: 1rem 0 0;\n }\n\n & label {\n display: flex;\n margin: 0;\n border-radius: var(--default-border-radius);\n align-items: center;\n gap: 0.75rem;\n cursor: pointer;\n }\n\n &-select label {\n height: 6.4rem;\n padding: 1rem;\n align-items: center;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{var(--color-gray)};\n }\n\n &-select--horizontal label {\n position: relative;\n width: 12rem;\n height: auto;\n padding: 1rem;\n flex-direction: column;\n justify-content: flex-start;\n gap: 0;\n text-align: center;\n\n & .af-checkbox__icons {\n position: absolute;\n top: 1rem;\n left: 1rem;\n }\n }\n\n & label input[type=\"checkbox\"] {\n position: absolute;\n margin-right: 0.5rem;\n opacity: 0;\n\n & ~ .af-checkbox__icons {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n width: 1.75rem;\n height: 1.75rem;\n align-items: center;\n }\n\n & .af-checkbox__checked {\n display: none;\n }\n\n & .af-checkbox__unchecked {\n color: var(--color-gray-700);\n fill: var(--color-gray-700);\n }\n }\n }\n\n & label:has(input[type=\"checkbox\"][aria-invalid=\"true\"]) {\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n color: var(--color-red-700);\n fill: var(--color-red-700);\n }\n }\n\n & label:has(input[type=\"checkbox\"]:checked) {\n & .af-checkbox__checked {\n display: block;\n color: var(--color-axa);\n fill: var(--color-axa);\n }\n\n & .af-checkbox__unchecked {\n display: none;\n }\n }\n\n &-select label:has(input[type=\"checkbox\"]:checked) {\n background-color: var(--color-blue-2);\n box-shadow: 0 0 0 2px var(--color-axa) inset;\n }\n\n & label:has(input[type=\"checkbox\"]:disabled) {\n cursor: default;\n\n & .af-checkbox__content > svg,\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n color: var(--color-btn-disabled-text);\n fill: var(--color-btn-disabled-text);\n }\n }\n\n &-select label:has(input[type=\"checkbox\"]:disabled) {\n color: var(--color-btn-disabled-text);\n background-color: var(--color-gray-200);\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{var(--color-gray-400)};\n }\n\n &-select label:has(input[type=\"checkbox\"][aria-invalid=\"true\"]) {\n --box-shadow-color: #{var(--color-red-700)};\n\n box-shadow: 0 0 0 2px var(--box-shadow-color) inset;\n }\n\n & label input[type=\"checkbox\"]:focus-visible ~ .af-checkbox__icons {\n & .af-checkbox__unchecked,\n & .af-checkbox__checked {\n outline: 2px solid var(--color-blue-3);\n outline-offset: 3px;\n }\n }\n\n & label:hover:not(:has(input[type=\"checkbox\"]:disabled)) {\n & .af-checkbox__unchecked {\n color: var(--color-axa);\n fill: var(--color-axa);\n }\n }\n\n &-select label:hover:not(:has(input[type=\"checkbox\"]:disabled)) {\n --box-shadow-color: var(--color-axa);\n\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n }\n\n &-select {\n display: flex;\n margin-top: 1rem;\n flex-direction: column;\n gap: 1rem;\n font-family: var(--font-family-base);\n font-style: normal;\n font-weight: 400;\n line-height: 1.25rem;\n color: var(--color-gray-700);\n\n &--horizontal {\n flex-direction: row;\n }\n }\n}\n",".af-checkbox {\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n * {\n box-sizing: border-box;\n }\n\n &__content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n\n & > svg {\n width: 1.75rem;\n height: 1.75rem;\n color: var(--color-axa);\n fill: var(--color-axa);\n }\n\n & &-description {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n line-height: 1.25rem;\n\n & > span:first-child {\n line-height: 1.4rem;\n color: var(--color-gray-900);\n }\n\n & > span:not(:first-child) {\n color: var(--color-gray-700);\n }\n }\n }\n\n &-select--horizontal &__content {\n flex-direction: column;\n gap: 0.5rem;\n }\n\n &__group-description {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n & ~ &__error {\n display: flex;\n margin-left: 3.2rem;\n align-items: center;\n gap: 0.5rem;\n font-family: \"Source Sans Pro\", arial, sans-serif;\n line-height: 1.25rem;\n color: var(--color-red-700);\n\n & > svg {\n width: 1rem;\n color: var(--color-red-700);\n fill: var(--color-red-700);\n }\n }\n\n &-select ~ &__error {\n margin: 1rem 0 0;\n }\n\n & label {\n display: flex;\n margin: 0;\n border-radius: var(--default-border-radius);\n align-items: center;\n gap: 0.75rem;\n cursor: pointer;\n }\n\n &-select label {\n height: 6.4rem;\n padding: 1rem;\n align-items: center;\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{var(--color-gray)};\n }\n\n &-select--horizontal label {\n position: relative;\n width: 12rem;\n height: auto;\n padding: 1rem;\n flex-direction: column;\n justify-content: flex-start;\n gap: 0;\n text-align: center;\n\n & .af-checkbox__icons {\n position: absolute;\n top: 1rem;\n left: 1rem;\n }\n }\n\n & label input[type=\"checkbox\"] {\n position: absolute;\n margin-right: 0.5rem;\n opacity: 0;\n\n & ~ .af-checkbox__icons {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n width: 1.75rem;\n height: 1.75rem;\n align-items: center;\n }\n\n & .af-checkbox__checked {\n display: none;\n }\n\n & .af-checkbox__unchecked {\n color: var(--color-gray-700);\n fill: var(--color-gray-700);\n }\n }\n }\n\n & label:has(input[type=\"checkbox\"][aria-invalid=\"true\"]) {\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n color: var(--color-red-700);\n fill: var(--color-red-700);\n }\n }\n\n & label:has(input[type=\"checkbox\"]:checked) {\n & .af-checkbox__checked {\n display: block;\n color: var(--color-axa);\n fill: var(--color-axa);\n }\n\n & .af-checkbox__unchecked {\n display: none;\n }\n }\n\n &-select label:has(input[type=\"checkbox\"]:checked) {\n background-color: var(--color-blue-2);\n box-shadow: 0 0 0 2px var(--color-axa) inset;\n }\n\n & label:has(input[type=\"checkbox\"]:disabled) {\n cursor: default;\n\n & .af-checkbox__content > svg,\n & .af-checkbox__checked,\n & .af-checkbox__unchecked {\n color: var(--color-btn-disabled-text);\n fill: var(--color-btn-disabled-text);\n }\n }\n\n &-select label:has(input[type=\"checkbox\"]:disabled) {\n color: var(--color-btn-disabled-text);\n background-color: var(--color-gray-200);\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n --box-shadow-color: #{var(--color-gray-400)};\n }\n\n &-select label:has(input[type=\"checkbox\"][aria-invalid=\"true\"]) {\n --box-shadow-color: #{var(--color-red-700)};\n\n box-shadow: 0 0 0 2px var(--box-shadow-color) inset;\n }\n\n & label input[type=\"checkbox\"]:focus-visible ~ .af-checkbox__icons {\n & .af-checkbox__unchecked,\n & .af-checkbox__checked {\n outline: 2px solid var(--color-blue-3);\n outline-offset: 3px;\n }\n }\n\n & label:hover:not(:has(input[type=\"checkbox\"]:disabled)) {\n & .af-checkbox__unchecked {\n color: var(--color-axa);\n fill: var(--color-axa);\n }\n }\n\n &-select label:hover:not(:has(input[type=\"checkbox\"]:disabled)) {\n --box-shadow-color: var(--color-axa);\n\n box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n }\n\n &-select {\n display: flex;\n margin-top: 1rem;\n flex-direction: column;\n gap: 1rem;\n font-family: var(--font-family-base);\n font-style: normal;\n font-weight: 400;\n line-height: 1.25rem;\n color: var(--color-gray-700);\n\n &--horizontal {\n flex-direction: row;\n }\n }\n}\n"]}
@@ -1,5 +1,3 @@
1
- @use "../../common/common" as common;
2
-
3
1
  .af-checkbox {
4
2
  font-family: "Source Sans Pro", arial, sans-serif;
5
3
 
@@ -16,8 +14,8 @@
16
14
  & > svg {
17
15
  width: 1.75rem;
18
16
  height: 1.75rem;
19
- color: common.$color-axa;
20
- fill: common.$color-axa;
17
+ color: var(--color-axa);
18
+ fill: var(--color-axa);
21
19
  }
22
20
 
23
21
  & &-description {
@@ -28,11 +26,11 @@
28
26
 
29
27
  & > span:first-child {
30
28
  line-height: 1.4rem;
31
- color: common.$color-gray-900;
29
+ color: var(--color-gray-900);
32
30
  }
33
31
 
34
32
  & > span:not(:first-child) {
35
- color: common.$color-gray-700;
33
+ color: var(--color-gray-700);
36
34
  }
37
35
  }
38
36
  }
@@ -54,12 +52,12 @@
54
52
  gap: 0.5rem;
55
53
  font-family: "Source Sans Pro", arial, sans-serif;
56
54
  line-height: 1.25rem;
57
- color: common.$color-red-700;
55
+ color: var(--color-red-700);
58
56
 
59
57
  & > svg {
60
58
  width: 1rem;
61
- color: common.$color-red-700;
62
- fill: common.$color-red-700;
59
+ color: var(--color-red-700);
60
+ fill: var(--color-red-700);
63
61
  }
64
62
  }
65
63
 
@@ -70,7 +68,7 @@
70
68
  & label {
71
69
  display: flex;
72
70
  margin: 0;
73
- border-radius: common.$default-border-radius;
71
+ border-radius: var(--default-border-radius);
74
72
  align-items: center;
75
73
  gap: 0.75rem;
76
74
  cursor: pointer;
@@ -82,7 +80,7 @@
82
80
  align-items: center;
83
81
  box-shadow: 0 0 0 1px var(--box-shadow-color) inset;
84
82
 
85
- --box-shadow-color: #{common.$color-gray};
83
+ --box-shadow-color: #{var(--color-gray)};
86
84
  }
87
85
 
88
86
  &-select--horizontal label {
@@ -124,8 +122,8 @@
124
122
  }
125
123
 
126
124
  & .af-checkbox__unchecked {
127
- color: common.$color-gray-700;
128
- fill: common.$color-gray-700;
125
+ color: var(--color-gray-700);
126
+ fill: var(--color-gray-700);
129
127
  }
130
128
  }
131
129
  }
@@ -133,16 +131,16 @@
133
131
  & label:has(input[type="checkbox"][aria-invalid="true"]) {
134
132
  & .af-checkbox__checked,
135
133
  & .af-checkbox__unchecked {
136
- color: common.$color-red-700;
137
- fill: common.$color-red-700;
134
+ color: var(--color-red-700);
135
+ fill: var(--color-red-700);
138
136
  }
139
137
  }
140
138
 
141
139
  & label:has(input[type="checkbox"]:checked) {
142
140
  & .af-checkbox__checked {
143
141
  display: block;
144
- color: common.$color-axa;
145
- fill: common.$color-axa;
142
+ color: var(--color-axa);
143
+ fill: var(--color-axa);
146
144
  }
147
145
 
148
146
  & .af-checkbox__unchecked {
@@ -151,8 +149,8 @@
151
149
  }
152
150
 
153
151
  &-select label:has(input[type="checkbox"]:checked) {
154
- background-color: common.$color-blue-2;
155
- box-shadow: 0 0 0 2px common.$color-axa inset;
152
+ background-color: var(--color-blue-2);
153
+ box-shadow: 0 0 0 2px var(--color-axa) inset;
156
154
  }
157
155
 
158
156
  & label:has(input[type="checkbox"]:disabled) {
@@ -161,21 +159,21 @@
161
159
  & .af-checkbox__content > svg,
162
160
  & .af-checkbox__checked,
163
161
  & .af-checkbox__unchecked {
164
- color: common.$color-btn-disabled-text;
165
- fill: common.$color-btn-disabled-text;
162
+ color: var(--color-btn-disabled-text);
163
+ fill: var(--color-btn-disabled-text);
166
164
  }
167
165
  }
168
166
 
169
167
  &-select label:has(input[type="checkbox"]:disabled) {
170
- color: common.$color-btn-disabled-text;
171
- background-color: common.$color-gray-200;
168
+ color: var(--color-btn-disabled-text);
169
+ background-color: var(--color-gray-200);
172
170
  box-shadow: 0 0 0 1px var(--box-shadow-color) inset;
173
171
 
174
- --box-shadow-color: #{common.$color-gray-400};
172
+ --box-shadow-color: #{var(--color-gray-400)};
175
173
  }
176
174
 
177
175
  &-select label:has(input[type="checkbox"][aria-invalid="true"]) {
178
- --box-shadow-color: #{common.$color-red-700};
176
+ --box-shadow-color: #{var(--color-red-700)};
179
177
 
180
178
  box-shadow: 0 0 0 2px var(--box-shadow-color) inset;
181
179
  }
@@ -183,20 +181,20 @@
183
181
  & label input[type="checkbox"]:focus-visible ~ .af-checkbox__icons {
184
182
  & .af-checkbox__unchecked,
185
183
  & .af-checkbox__checked {
186
- outline: 2px solid common.$color-blue-3;
184
+ outline: 2px solid var(--color-blue-3);
187
185
  outline-offset: 3px;
188
186
  }
189
187
  }
190
188
 
191
189
  & label:hover:not(:has(input[type="checkbox"]:disabled)) {
192
190
  & .af-checkbox__unchecked {
193
- color: common.$color-axa;
194
- fill: common.$color-axa;
191
+ color: var(--color-axa);
192
+ fill: var(--color-axa);
195
193
  }
196
194
  }
197
195
 
198
196
  &-select label:hover:not(:has(input[type="checkbox"]:disabled)) {
199
- --box-shadow-color: #{common.$color-axa};
197
+ --box-shadow-color: var(--color-axa);
200
198
 
201
199
  box-shadow: 0 0 0 1px var(--box-shadow-color) inset;
202
200
  }
@@ -206,11 +204,11 @@
206
204
  margin-top: 1rem;
207
205
  flex-direction: column;
208
206
  gap: 1rem;
209
- font-family: common.$font-family-base;
207
+ font-family: var(--font-family-base);
210
208
  font-style: normal;
211
209
  font-weight: 400;
212
210
  line-height: 1.25rem;
213
- color: common.$color-gray-700;
211
+ color: var(--color-gray-700);
214
212
 
215
213
  &--horizontal {
216
214
  flex-direction: row;
@@ -1 +1 @@
1
- .af-form__group--label{color:#333;font-size:1.125rem;font-weight:600}.af-form__file-input{align-items:center;background-color:#fff;border:2px dashed #00008f;border-radius:8px;color:#333;cursor:pointer;display:flex;flex-direction:column;font-weight:400;justify-content:space-between;margin-bottom:.6rem;margin-top:.5rem;padding:1rem 1rem 2rem;position:relative;text-align:center}.af-form__file-input.is-mobile{padding-bottom:1rem}.af-form__file-input:hover{border-color:#5f5f5f}.af-form__file-input--error{border-color:#c91432}.af-form__file-input input{bottom:0;cursor:pointer;left:0;opacity:0;position:absolute;top:0;width:100%}.af-form__file-input-dropdown-text{line-height:5px;padding-top:1rem}.af-form__file-input-help{color:#5f5f5f;font-size:1rem;font-weight:400}.af-form__file-input-icon path{fill:#00008f}.af-form__file-input .af-btn-client{width:50%}.af-form__file-list{display:flex;flex-wrap:wrap;font-size:.9rem;list-style:none;margin-top:1.125rem;padding:0}.af-form__file-title-container{align-items:center;display:flex;gap:.5rem;justify-content:center}.af-form__file-title-container-icon-error path{fill:#c91432}.af-form__file-title-container-icon-success path{fill:#118635}.af-form__file-title{align-items:center;display:flex;gap:.5rem}.af-form__file-title>div{display:flex;flex-direction:column}.af-form__file-name{color:#333;font-size:1.125rem}.af-form__file-size{color:#5f5f5f;font-size:1rem}.af-form__file-error{align-items:center;color:#c91432;display:flex;font-size:1rem;gap:.25rem;margin-bottom:.9rem;margin-top:-.9rem}.af-form__file-error-icon path{fill:#c91432}.af-form__file-line{width:100%}.af-form__file-line-container{align-items:center;background:#fff;border:1px solid #5f5f5f;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.af-form__file-line-container--error{border-color:#c91432}.af-form__file-actions{align-items:baseline;cursor:pointer;display:flex;gap:1rem;justify-content:center}.af-form__file-actions-icon path{fill:#5f5f5f}.is-mobile .af-form__file-input-dropdown-text{display:none}.is-mobile .af-btn-client{width:100%}
1
+ .af-form__group--label{color:var(--color-gray-900);font-size:1.125rem;font-weight:600}.af-form__file-input{align-items:center;background-color:var(--color-white);border:2px dashed var(--color-axa);border-radius:8px;color:var(--color-gray-900);cursor:pointer;display:flex;flex-direction:column;font-weight:400;justify-content:space-between;margin-bottom:.6rem;margin-top:.5rem;padding:1rem 1rem 2rem;position:relative;text-align:center}.af-form__file-input.is-mobile{padding-bottom:1rem}.af-form__file-input:hover{border-color:var(--color-gray-700)}.af-form__file-input--error{border-color:var(--color-red-700)}.af-form__file-input input{bottom:0;cursor:pointer;left:0;opacity:0;position:absolute;top:0;width:100%}.af-form__file-input-dropdown-text{line-height:5px;padding-top:1rem}.af-form__file-input-help{color:var(--color-gray-700);font-size:1rem;font-weight:400}.af-form__file-input-icon path{fill:var(--color-axa)}.af-form__file-input .af-btn-client{width:50%}.af-form__file-list{display:flex;flex-wrap:wrap;font-size:.9rem;list-style:none;margin-top:1.125rem;padding:0}.af-form__file-title-container{align-items:center;display:flex;gap:.5rem;justify-content:center}.af-form__file-title-container-icon-error path{fill:var(--color-red-700)}.af-form__file-title-container-icon-success path{fill:var(--color-green-600)}.af-form__file-title{align-items:center;display:flex;gap:.5rem}.af-form__file-title>div{display:flex;flex-direction:column}.af-form__file-name{color:var(--color-gray-900);font-size:1.125rem}.af-form__file-size{color:var(--color-gray-700);font-size:1rem}.af-form__file-error{align-items:center;color:var(--color-red-700);display:flex;font-size:1rem;gap:.25rem;margin-bottom:.9rem;margin-top:-.9rem}.af-form__file-error-icon path{fill:var(--color-red-700)}.af-form__file-line{width:100%}.af-form__file-line-container{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-700);border-radius:var(--default-border-radius);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.af-form__file-line-container--error{border-color:var(--color-red-700)}.af-form__file-actions{align-items:baseline;cursor:pointer;display:flex;gap:1rem;justify-content:center}.af-form__file-actions-icon path{fill:var(--color-gray-700)}.is-mobile .af-form__file-input-dropdown-text{display:none}.is-mobile .af-btn-client{width:100%}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Form/FileUpload/FileUpload.scss%23sass","../../../src/Form/FileUpload/FileUpload.scss","../../../src/common/common.scss"],"names":[],"mappings":"AAII,uBAGE,UAAA,CAFA,kBAAA,CCHN,eAEA,CDQI,qBAUE,kBAAA,CAKA,qBEjBQ,CFSR,yBAAA,CACA,iBAAA,CAMA,UAAA,CAEA,cAAA,CAdA,YAAA,CAOA,qBAAA,CAGA,eAAA,CADA,6BAAA,CAPA,mBAAA,CADA,gBAAA,CAGA,sBAAA,CALA,iBAAA,CAYA,iBCHN,CDQM,+BACE,mBCNR,CDSM,2BACE,oBCPR,CDUM,4BACE,oBCRR,CDWM,2BAGE,QAAA,CAIA,cAAA,CAHA,MAAA,CAEA,SAAA,CALA,iBAAA,CACA,KAAA,CAGA,UCPR,CDYM,mCAEE,eAAA,CADA,gBCTR,CDaM,0BAGE,aAAA,CAFA,cAAA,CACA,eCVR,CDeQ,+BACE,YCbV,CDiBM,oCACE,SCfR,CDmBI,oBACE,YAAA,CAGA,cAAA,CACA,eAAA,CACA,eAAA,CAJA,mBAAA,CACA,SCdN,CDoBI,+BAEE,kBAAA,CADA,YAAA,CAGA,SAAA,CADA,sBCjBN,CDsBU,+CACE,YCpBZ,CDyBU,iDACE,YCvBZ,CD6BI,qBAEE,kBAAA,CADA,YAAA,CAEA,SC3BN,CD6BM,yBACE,YAAA,CACA,qBC3BR,CD+BI,oBAEE,UAAA,CADA,kBC5BN,CDgCI,oBAEE,aExFW,CFuFX,cC7BN,CDiCI,qBAIE,kBAAA,CAGA,aAAA,CANA,YAAA,CAKA,cAAA,CADA,UAAA,CAFA,mBAAA,CADA,iBC1BN,CDkCQ,+BACE,YChCV,CDqCI,oBACE,UCnCN,CDqCM,8BAME,kBAAA,CAEA,eAAA,CAJA,wBAAA,CACA,iBAAA,CAJA,YAAA,CAMA,6BAAA,CALA,kBAAA,CACA,YC9BR,CDqCQ,qCACE,oBCnCV,CDwCI,uBAEE,oBAAA,CAGA,cAAA,CAJA,YAAA,CAGA,QAAA,CADA,sBCpCN,CDyCQ,iCACE,YCvCV,CDkDQ,8CACE,YC/CV,CDqDE,0BACE,UCnDJ","file":"FileUpload.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-form {\n &__group {\n &--label {\n font-size: 1.125rem;\n font-weight: 600;\n color: common.$color-gray-900;\n }\n }\n\n &__file {\n &-input {\n position: relative;\n display: flex;\n margin-top: 0.5rem;\n margin-bottom: 0.6rem;\n padding: 1rem;\n padding-bottom: 2rem;\n border: 2px dashed common.$color-axa;\n border-radius: 8px;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n font-weight: normal;\n text-align: center;\n color: common.$color-gray-900;\n background-color: common.$color-white;\n cursor: pointer;\n\n &.is-mobile {\n padding-bottom: 1rem;\n }\n\n &:hover {\n border-color: common.$color-gray-700;\n }\n\n &--error {\n border-color: common.$color-red-700;\n }\n\n input {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n opacity: 0;\n cursor: pointer;\n }\n\n &-dropdown-text {\n padding-top: 1rem;\n line-height: 5px;\n }\n\n &-help {\n font-size: 1rem;\n font-weight: 400;\n color: common.$color-gray-700;\n }\n\n &-icon {\n path {\n fill: common.$color-axa;\n }\n }\n\n .af-btn-client {\n width: 50%;\n }\n }\n\n &-list {\n display: flex;\n margin-top: 1.125rem;\n padding: 0;\n flex-wrap: wrap;\n font-size: 0.9rem;\n list-style: none;\n }\n\n &-title-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n\n &-icon {\n &-error {\n path {\n fill: common.$color-red-700;\n }\n }\n\n &-success {\n path {\n fill: common.$color-green-600;\n }\n }\n }\n }\n\n &-title {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n\n & > div {\n display: flex;\n flex-direction: column;\n }\n }\n\n &-name {\n font-size: 1.125rem;\n color: common.$color-gray-900;\n }\n\n &-size {\n font-size: 1rem;\n color: common.$color-gray-700;\n }\n\n &-error {\n display: flex;\n margin-top: -0.9rem;\n margin-bottom: 0.9rem;\n align-items: center;\n gap: 0.25rem;\n font-size: 1rem;\n color: common.$color-red-700;\n\n &-icon {\n path {\n fill: common.$color-red-700;\n }\n }\n }\n\n &-line {\n width: 100%;\n\n &-container {\n display: flex;\n margin-bottom: 1rem;\n padding: 1rem;\n border: 1px solid common.$color-gray-700;\n border-radius: common.$default-border-radius;\n align-items: center;\n justify-content: space-between;\n background: common.$color-white;\n\n &--error {\n border-color: common.$color-red-700;\n }\n }\n }\n\n &-actions {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 1rem;\n cursor: pointer;\n\n &-icon {\n path {\n fill: common.$color-gray-700;\n }\n }\n }\n }\n}\n\n.is-mobile {\n .af-form {\n &__file {\n &-input {\n &-dropdown-text {\n display: none;\n }\n }\n }\n }\n\n .af-btn-client {\n width: 100%;\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-form {\n &__group {\n &--label {\n font-size: 1.125rem;\n font-weight: 600;\n color: common.$color-gray-900;\n }\n }\n\n &__file {\n &-input {\n position: relative;\n display: flex;\n margin-top: 0.5rem;\n margin-bottom: 0.6rem;\n padding: 1rem;\n padding-bottom: 2rem;\n border: 2px dashed common.$color-axa;\n border-radius: 8px;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n font-weight: normal;\n text-align: center;\n color: common.$color-gray-900;\n background-color: common.$color-white;\n cursor: pointer;\n\n &.is-mobile {\n padding-bottom: 1rem;\n }\n\n &:hover {\n border-color: common.$color-gray-700;\n }\n\n &--error {\n border-color: common.$color-red-700;\n }\n\n input {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n opacity: 0;\n cursor: pointer;\n }\n\n &-dropdown-text {\n padding-top: 1rem;\n line-height: 5px;\n }\n\n &-help {\n font-size: 1rem;\n font-weight: 400;\n color: common.$color-gray-700;\n }\n\n &-icon {\n path {\n fill: common.$color-axa;\n }\n }\n\n .af-btn-client {\n width: 50%;\n }\n }\n\n &-list {\n display: flex;\n margin-top: 1.125rem;\n padding: 0;\n flex-wrap: wrap;\n font-size: 0.9rem;\n list-style: none;\n }\n\n &-title-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n\n &-icon {\n &-error {\n path {\n fill: common.$color-red-700;\n }\n }\n\n &-success {\n path {\n fill: common.$color-green-600;\n }\n }\n }\n }\n\n &-title {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n\n & > div {\n display: flex;\n flex-direction: column;\n }\n }\n\n &-name {\n font-size: 1.125rem;\n color: common.$color-gray-900;\n }\n\n &-size {\n font-size: 1rem;\n color: common.$color-gray-700;\n }\n\n &-error {\n display: flex;\n margin-top: -0.9rem;\n margin-bottom: 0.9rem;\n align-items: center;\n gap: 0.25rem;\n font-size: 1rem;\n color: common.$color-red-700;\n\n &-icon {\n path {\n fill: common.$color-red-700;\n }\n }\n }\n\n &-line {\n width: 100%;\n\n &-container {\n display: flex;\n margin-bottom: 1rem;\n padding: 1rem;\n border: 1px solid common.$color-gray-700;\n border-radius: common.$default-border-radius;\n align-items: center;\n justify-content: space-between;\n background: common.$color-white;\n\n &--error {\n border-color: common.$color-red-700;\n }\n }\n }\n\n &-actions {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 1rem;\n cursor: pointer;\n\n &-icon {\n path {\n fill: common.$color-gray-700;\n }\n }\n }\n }\n}\n\n.is-mobile {\n .af-form {\n &__file {\n &-input {\n &-dropdown-text {\n display: none;\n }\n }\n }\n }\n\n .af-btn-client {\n width: 100%;\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"]}
1
+ {"version":3,"sources":["../../../src/Form/FileUpload/FileUpload.scss%23sass","../../../src/Form/FileUpload/FileUpload.scss"],"names":[],"mappings":"AAEI,uBAGE,2BAAA,CAFA,kBAAA,CACA,eCAN,CDMI,qBAUE,kBAAA,CAKA,mCAAA,CARA,kCAAA,CACA,iBAAA,CAMA,2BAAA,CAEA,cAAA,CAdA,YAAA,CAOA,qBAAA,CAGA,eAAA,CADA,6BAAA,CAPA,mBAAA,CADA,gBAAA,CAGA,sBAAA,CALA,iBAAA,CAYA,iBCDN,CDMM,+BACE,mBCJR,CDOM,2BACE,kCCLR,CDQM,4BACE,iCCNR,CDSM,2BAGE,QAAA,CAIA,cAAA,CAHA,MAAA,CAEA,SAAA,CALA,iBAAA,CACA,KAAA,CAGA,UCLR,CDUM,mCAEE,eAAA,CADA,gBCPR,CDWM,0BAGE,2BAAA,CAFA,cAAA,CACA,eCRR,CDaQ,+BACE,qBCXV,CDeM,oCACE,SCbR,CDiBI,oBACE,YAAA,CAGA,cAAA,CACA,eAAA,CACA,eAAA,CAJA,mBAAA,CACA,SCZN,CDkBI,+BAEE,kBAAA,CADA,YAAA,CAGA,SAAA,CADA,sBCfN,CDoBU,+CACE,yBClBZ,CDuBU,iDACE,2BCrBZ,CD2BI,qBAEE,kBAAA,CADA,YAAA,CAEA,SCzBN,CD2BM,yBACE,YAAA,CACA,qBCzBR,CD6BI,oBAEE,2BAAA,CADA,kBC1BN,CD8BI,oBAEE,2BAAA,CADA,cC3BN,CD+BI,qBAIE,kBAAA,CAGA,0BAAA,CANA,YAAA,CAKA,cAAA,CADA,UAAA,CAFA,mBAAA,CADA,iBCxBN,CDgCQ,+BACE,yBC9BV,CDmCI,oBACE,UCjCN,CDmCM,8BAME,kBAAA,CAEA,6BAAA,CAJA,sCAAA,CACA,0CAAA,CAJA,YAAA,CAMA,6BAAA,CALA,kBAAA,CACA,YC5BR,CDmCQ,qCACE,iCCjCV,CDsCI,uBAEE,oBAAA,CAGA,cAAA,CAJA,YAAA,CAGA,QAAA,CADA,sBClCN,CDuCQ,iCACE,0BCrCV,CDgDQ,8CACE,YC7CV,CDmDE,0BACE,UCjDJ","file":"FileUpload.css","sourcesContent":[".af-form {\n &__group {\n &--label {\n font-size: 1.125rem;\n font-weight: 600;\n color: var(--color-gray-900);\n }\n }\n\n &__file {\n &-input {\n position: relative;\n display: flex;\n margin-top: 0.5rem;\n margin-bottom: 0.6rem;\n padding: 1rem;\n padding-bottom: 2rem;\n border: 2px dashed var(--color-axa);\n border-radius: 8px;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n font-weight: normal;\n text-align: center;\n color: var(--color-gray-900);\n background-color: var(--color-white);\n cursor: pointer;\n\n &.is-mobile {\n padding-bottom: 1rem;\n }\n\n &:hover {\n border-color: var(--color-gray-700);\n }\n\n &--error {\n border-color: var(--color-red-700);\n }\n\n input {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n opacity: 0;\n cursor: pointer;\n }\n\n &-dropdown-text {\n padding-top: 1rem;\n line-height: 5px;\n }\n\n &-help {\n font-size: 1rem;\n font-weight: 400;\n color: var(--color-gray-700);\n }\n\n &-icon {\n path {\n fill: var(--color-axa);\n }\n }\n\n .af-btn-client {\n width: 50%;\n }\n }\n\n &-list {\n display: flex;\n margin-top: 1.125rem;\n padding: 0;\n flex-wrap: wrap;\n font-size: 0.9rem;\n list-style: none;\n }\n\n &-title-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n\n &-icon {\n &-error {\n path {\n fill: var(--color-red-700);\n }\n }\n\n &-success {\n path {\n fill: var(--color-green-600);\n }\n }\n }\n }\n\n &-title {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n\n & > div {\n display: flex;\n flex-direction: column;\n }\n }\n\n &-name {\n font-size: 1.125rem;\n color: var(--color-gray-900);\n }\n\n &-size {\n font-size: 1rem;\n color: var(--color-gray-700);\n }\n\n &-error {\n display: flex;\n margin-top: -0.9rem;\n margin-bottom: 0.9rem;\n align-items: center;\n gap: 0.25rem;\n font-size: 1rem;\n color: var(--color-red-700);\n\n &-icon {\n path {\n fill: var(--color-red-700);\n }\n }\n }\n\n &-line {\n width: 100%;\n\n &-container {\n display: flex;\n margin-bottom: 1rem;\n padding: 1rem;\n border: 1px solid var(--color-gray-700);\n border-radius: var(--default-border-radius);\n align-items: center;\n justify-content: space-between;\n background: var(--color-white);\n\n &--error {\n border-color: var(--color-red-700);\n }\n }\n }\n\n &-actions {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 1rem;\n cursor: pointer;\n\n &-icon {\n path {\n fill: var(--color-gray-700);\n }\n }\n }\n }\n}\n\n.is-mobile {\n .af-form {\n &__file {\n &-input {\n &-dropdown-text {\n display: none;\n }\n }\n }\n }\n\n .af-btn-client {\n width: 100%;\n }\n}\n",".af-form {\n &__group {\n &--label {\n font-size: 1.125rem;\n font-weight: 600;\n color: var(--color-gray-900);\n }\n }\n\n &__file {\n &-input {\n position: relative;\n display: flex;\n margin-top: 0.5rem;\n margin-bottom: 0.6rem;\n padding: 1rem;\n padding-bottom: 2rem;\n border: 2px dashed var(--color-axa);\n border-radius: 8px;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n font-weight: normal;\n text-align: center;\n color: var(--color-gray-900);\n background-color: var(--color-white);\n cursor: pointer;\n\n &.is-mobile {\n padding-bottom: 1rem;\n }\n\n &:hover {\n border-color: var(--color-gray-700);\n }\n\n &--error {\n border-color: var(--color-red-700);\n }\n\n input {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n opacity: 0;\n cursor: pointer;\n }\n\n &-dropdown-text {\n padding-top: 1rem;\n line-height: 5px;\n }\n\n &-help {\n font-size: 1rem;\n font-weight: 400;\n color: var(--color-gray-700);\n }\n\n &-icon {\n path {\n fill: var(--color-axa);\n }\n }\n\n .af-btn-client {\n width: 50%;\n }\n }\n\n &-list {\n display: flex;\n margin-top: 1.125rem;\n padding: 0;\n flex-wrap: wrap;\n font-size: 0.9rem;\n list-style: none;\n }\n\n &-title-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n\n &-icon {\n &-error {\n path {\n fill: var(--color-red-700);\n }\n }\n\n &-success {\n path {\n fill: var(--color-green-600);\n }\n }\n }\n }\n\n &-title {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n\n & > div {\n display: flex;\n flex-direction: column;\n }\n }\n\n &-name {\n font-size: 1.125rem;\n color: var(--color-gray-900);\n }\n\n &-size {\n font-size: 1rem;\n color: var(--color-gray-700);\n }\n\n &-error {\n display: flex;\n margin-top: -0.9rem;\n margin-bottom: 0.9rem;\n align-items: center;\n gap: 0.25rem;\n font-size: 1rem;\n color: var(--color-red-700);\n\n &-icon {\n path {\n fill: var(--color-red-700);\n }\n }\n }\n\n &-line {\n width: 100%;\n\n &-container {\n display: flex;\n margin-bottom: 1rem;\n padding: 1rem;\n border: 1px solid var(--color-gray-700);\n border-radius: var(--default-border-radius);\n align-items: center;\n justify-content: space-between;\n background: var(--color-white);\n\n &--error {\n border-color: var(--color-red-700);\n }\n }\n }\n\n &-actions {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 1rem;\n cursor: pointer;\n\n &-icon {\n path {\n fill: var(--color-gray-700);\n }\n }\n }\n }\n}\n\n.is-mobile {\n .af-form {\n &__file {\n &-input {\n &-dropdown-text {\n display: none;\n }\n }\n }\n }\n\n .af-btn-client {\n width: 100%;\n }\n}\n"]}
@@ -1,11 +1,9 @@
1
- @use "../../common/common" as common;
2
-
3
1
  .af-form {
4
2
  &__group {
5
3
  &--label {
6
4
  font-size: 1.125rem;
7
5
  font-weight: 600;
8
- color: common.$color-gray-900;
6
+ color: var(--color-gray-900);
9
7
  }
10
8
  }
11
9
 
@@ -17,15 +15,15 @@
17
15
  margin-bottom: 0.6rem;
18
16
  padding: 1rem;
19
17
  padding-bottom: 2rem;
20
- border: 2px dashed common.$color-axa;
18
+ border: 2px dashed var(--color-axa);
21
19
  border-radius: 8px;
22
20
  flex-direction: column;
23
21
  align-items: center;
24
22
  justify-content: space-between;
25
23
  font-weight: normal;
26
24
  text-align: center;
27
- color: common.$color-gray-900;
28
- background-color: common.$color-white;
25
+ color: var(--color-gray-900);
26
+ background-color: var(--color-white);
29
27
  cursor: pointer;
30
28
 
31
29
  &.is-mobile {
@@ -33,11 +31,11 @@
33
31
  }
34
32
 
35
33
  &:hover {
36
- border-color: common.$color-gray-700;
34
+ border-color: var(--color-gray-700);
37
35
  }
38
36
 
39
37
  &--error {
40
- border-color: common.$color-red-700;
38
+ border-color: var(--color-red-700);
41
39
  }
42
40
 
43
41
  input {
@@ -58,12 +56,12 @@
58
56
  &-help {
59
57
  font-size: 1rem;
60
58
  font-weight: 400;
61
- color: common.$color-gray-700;
59
+ color: var(--color-gray-700);
62
60
  }
63
61
 
64
62
  &-icon {
65
63
  path {
66
- fill: common.$color-axa;
64
+ fill: var(--color-axa);
67
65
  }
68
66
  }
69
67
 
@@ -90,13 +88,13 @@
90
88
  &-icon {
91
89
  &-error {
92
90
  path {
93
- fill: common.$color-red-700;
91
+ fill: var(--color-red-700);
94
92
  }
95
93
  }
96
94
 
97
95
  &-success {
98
96
  path {
99
- fill: common.$color-green-600;
97
+ fill: var(--color-green-600);
100
98
  }
101
99
  }
102
100
  }
@@ -115,12 +113,12 @@
115
113
 
116
114
  &-name {
117
115
  font-size: 1.125rem;
118
- color: common.$color-gray-900;
116
+ color: var(--color-gray-900);
119
117
  }
120
118
 
121
119
  &-size {
122
120
  font-size: 1rem;
123
- color: common.$color-gray-700;
121
+ color: var(--color-gray-700);
124
122
  }
125
123
 
126
124
  &-error {
@@ -130,11 +128,11 @@
130
128
  align-items: center;
131
129
  gap: 0.25rem;
132
130
  font-size: 1rem;
133
- color: common.$color-red-700;
131
+ color: var(--color-red-700);
134
132
 
135
133
  &-icon {
136
134
  path {
137
- fill: common.$color-red-700;
135
+ fill: var(--color-red-700);
138
136
  }
139
137
  }
140
138
  }
@@ -146,14 +144,14 @@
146
144
  display: flex;
147
145
  margin-bottom: 1rem;
148
146
  padding: 1rem;
149
- border: 1px solid common.$color-gray-700;
150
- border-radius: common.$default-border-radius;
147
+ border: 1px solid var(--color-gray-700);
148
+ border-radius: var(--default-border-radius);
151
149
  align-items: center;
152
150
  justify-content: space-between;
153
- background: common.$color-white;
151
+ background: var(--color-white);
154
152
 
155
153
  &--error {
156
- border-color: common.$color-red-700;
154
+ border-color: var(--color-red-700);
157
155
  }
158
156
  }
159
157
  }
@@ -167,7 +165,7 @@
167
165
 
168
166
  &-icon {
169
167
  path {
170
- fill: common.$color-gray-700;
168
+ fill: var(--color-gray-700);
171
169
  }
172
170
  }
173
171
  }
@@ -1 +1 @@
1
- .af-input-error{align-items:center;display:flex;gap:.25rem}.af-input-error__icon{color:#c91432;width:1rem;fill:#c91432}.af-input-error__message{color:#c91432;font-family:Source Sans Pro,arial,sans-serif;font-size:1rem}
1
+ .af-input-error{align-items:center;display:flex;gap:.25rem}.af-input-error__icon{color:var(--color-red-700);width:1rem;fill:var(--color-red-700)}.af-input-error__message{color:var(--color-red-700);font-family:var(--font-family-base);font-size:1rem}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Form/InputError/InputError.scss%23sass","../../../src/Form/InputError/InputError.scss"],"names":[],"mappings":"AAEA,gBCAA,kBAAA,CDCE,YAAA,CAEA,UCDF,CDGE,sBAEE,aAAA,CADA,UAAA,CAEA,YCDJ,CDIE,yBAGE,aAAA,CAFA,4CAAA,CACA,cCDJ","file":"InputError.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-input-error {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n\n &__icon {\n width: 1rem;\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n\n &__message {\n font-family: common.$font-family-base;\n font-size: 1rem;\n color: common.$color-red-700;\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-input-error {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n\n &__icon {\n width: 1rem;\n color: common.$color-red-700;\n fill: common.$color-red-700;\n }\n\n &__message {\n font-family: common.$font-family-base;\n font-size: 1rem;\n color: common.$color-red-700;\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../src/Form/InputError/InputError.scss%23sass","../../../src/Form/InputError/InputError.scss"],"names":[],"mappings":"AAAA,gBAEE,kBAAA,CADA,YAAA,CAEA,UCCF,CDCE,sBAEE,0BAAA,CADA,UAAA,CAEA,yBCCJ,CDEE,yBAGE,0BAAA,CAFA,mCAAA,CACA,cCCJ","file":"InputError.css","sourcesContent":[".af-input-error {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n\n &__icon {\n width: 1rem;\n color: var(--color-red-700);\n fill: var(--color-red-700);\n }\n\n &__message {\n font-family: var(--font-family-base);\n font-size: 1rem;\n color: var(--color-red-700);\n }\n}\n",".af-input-error {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n\n &__icon {\n width: 1rem;\n color: var(--color-red-700);\n fill: var(--color-red-700);\n }\n\n &__message {\n font-family: var(--font-family-base);\n font-size: 1rem;\n color: var(--color-red-700);\n }\n}\n"]}
@@ -1,5 +1,3 @@
1
- @use "../../common/common" as common;
2
-
3
1
  .af-input-error {
4
2
  display: flex;
5
3
  align-items: center;
@@ -7,13 +5,13 @@
7
5
 
8
6
  &__icon {
9
7
  width: 1rem;
10
- color: common.$color-red-700;
11
- fill: common.$color-red-700;
8
+ color: var(--color-red-700);
9
+ fill: var(--color-red-700);
12
10
  }
13
11
 
14
12
  &__message {
15
- font-family: common.$font-family-base;
13
+ font-family: var(--font-family-base);
16
14
  font-size: 1rem;
17
- color: common.$color-red-700;
15
+ color: var(--color-red-700);
18
16
  }
19
17
  }
@@ -1 +1 @@
1
- .af-radio{font-family:Source Sans Pro,arial,sans-serif}.af-radio *{box-sizing:border-box}.af-radio__container{display:flex;flex-direction:column;gap:1rem}.af-radio__label{color:#333;font-size:1.25rem;font-weight:600}.af-radio__content{align-items:center;display:flex;gap:1rem;justify-content:center}.af-radio__content>svg{color:#00008f;height:1.75rem;width:1.75rem;fill:#00008f}.af-radio__content .af-radio__content-description{display:flex;flex-direction:column;gap:.25rem;line-height:1.25rem}.af-radio__content .af-radio__content-description>span:first-child{color:#333;font-size:1.125rem;line-height:1.4rem}.af-radio__content .af-radio__content-description>span:not(:first-child){color:#5f5f5f}.af-radio-select--horizontal .af-radio__content{flex-direction:column;gap:.5rem}.af-radio__group-description{font-size:1rem;line-height:1.25rem}.af-radio~.af-input-error{gap:.5rem}.af-radio~.af-input-error__message{line-height:1.25rem}.af-radio label{align-items:flex-start;border-radius:4px;cursor:pointer;display:flex;gap:.75rem;margin:0}.af-radio-select label{align-items:center;box-shadow:0 0 0 1px var(--box-shadow-color) inset;height:6.4rem;padding:1rem;--box-shadow-color:#5f5f5f}.af-radio[aria-invalid=true] :not(.af-radio__content *){color:#c91432;fill:#c91432}.af-radio-select--horizontal label{flex-direction:column;gap:0;height:auto;justify-content:flex-start;padding:1rem;position:relative;text-align:center;width:12rem}.af-radio-select--horizontal label .af-radio__icons{left:1rem;position:absolute;top:1rem}.af-radio-select[aria-invalid=true] label{--box-shadow-color:#c91432;box-shadow:0 0 0 2px var(--box-shadow-color) inset}.af-radio label input[type=radio]{margin-right:.5rem;opacity:0;position:absolute}.af-radio label input[type=radio]~.af-radio__icons{align-items:center;display:flex;gap:.75rem}.af-radio label input[type=radio]~.af-radio__icons .af-radio__checked,.af-radio label input[type=radio]~.af-radio__icons .af-radio__unchecked{align-items:center;height:1.75rem;width:1.75rem}.af-radio label input[type=radio]~.af-radio__icons .af-radio__checked{display:none}.af-radio label input[type=radio]~.af-radio__icons .af-radio__unchecked{color:#5f5f5f;fill:#5f5f5f}.af-radio label:has(input[type=radio]:checked) .af-radio__checked{color:#00008f;display:block;fill:#00008f}.af-radio label:has(input[type=radio]:checked) .af-radio__unchecked{display:none}.af-radio-select[aria-invalid=false] label:hover{--box-shadow-color:#00008f;box-shadow:0 0 0 1px var(--box-shadow-color) inset}.af-radio label:has(input[type=radio]:disabled){cursor:default}.af-radio label:has(input[type=radio]:disabled) .af-radio__checked,.af-radio label:has(input[type=radio]:disabled) .af-radio__content>svg,.af-radio label:has(input[type=radio]:disabled) .af-radio__unchecked{color:#999;fill:#999}.af-radio-select[aria-invalid=false] label:has(input[type=radio]:checked){background-color:#f8f8ff;box-shadow:inset 0 0 0 2px #00008f}.af-radio-select[aria-invalid=false] label:has(input[type=radio]:disabled){background-color:#f3f3f3;box-shadow:0 0 0 1px var(--box-shadow-color) inset;color:#999;--box-shadow-color:#e5e5e5}.af-radio label input[type=radio]:focus-visible~.af-radio__icons .af-radio__checked,.af-radio label input[type=radio]:focus-visible~.af-radio__icons .af-radio__unchecked{outline:2px solid #36f;outline-offset:3px}.af-radio label:hover:not(:has(input[type=radio]:disabled)) .af-radio__unchecked{color:#00008f;fill:#00008f}.af-radio-select{color:#5f5f5f;display:flex;flex-direction:column;font-family:Source Sans Pro,arial,sans-serif;font-style:normal;font-weight:400;gap:1rem;line-height:1.25rem}.af-radio-select--horizontal{flex-direction:row}
1
+ .af-radio{font-family:Source Sans Pro,arial,sans-serif}.af-radio *{box-sizing:border-box}.af-radio__container{display:flex;flex-direction:column;gap:1rem}.af-radio__label{color:var(--color-gray-900);font-size:1.25rem;font-weight:600}.af-radio__content{align-items:center;display:flex;gap:1rem;justify-content:center}.af-radio__content>svg{color:var(--color-axa);height:1.75rem;width:1.75rem;fill:var(--color-axa)}.af-radio__content .af-radio__content-description{display:flex;flex-direction:column;gap:.25rem;line-height:1.25rem}.af-radio__content .af-radio__content-description>span:first-child{color:var(--color-gray-900);font-size:1.125rem;line-height:1.4rem}.af-radio__content .af-radio__content-description>span:not(:first-child){color:var(--color-gray-700)}.af-radio-select--horizontal .af-radio__content{flex-direction:column;gap:.5rem}.af-radio__group-description{font-size:1rem;line-height:1.25rem}.af-radio~.af-input-error{gap:.5rem}.af-radio~.af-input-error__message{line-height:1.25rem}.af-radio label{align-items:flex-start;border-radius:var(--default-border-radius);cursor:pointer;display:flex;gap:.75rem;margin:0}.af-radio-select label{align-items:center;box-shadow:0 0 0 1px var(--box-shadow-color) inset;height:6.4rem;padding:1rem;--box-shadow-color:var(--color-gray)}.af-radio[aria-invalid=true] :not(.af-radio__content *){color:var(--color-red-700);fill:var(--color-red-700)}.af-radio-select--horizontal label{flex-direction:column;gap:0;height:auto;justify-content:flex-start;padding:1rem;position:relative;text-align:center;width:12rem}.af-radio-select--horizontal label .af-radio__icons{left:1rem;position:absolute;top:1rem}.af-radio-select[aria-invalid=true] label{--box-shadow-color:var(--color-red-700);box-shadow:0 0 0 2px var(--box-shadow-color) inset}.af-radio label input[type=radio]{margin-right:.5rem;opacity:0;position:absolute}.af-radio label input[type=radio]~.af-radio__icons{align-items:center;display:flex;gap:.75rem}.af-radio label input[type=radio]~.af-radio__icons .af-radio__checked,.af-radio label input[type=radio]~.af-radio__icons .af-radio__unchecked{align-items:center;height:1.75rem;width:1.75rem}.af-radio label input[type=radio]~.af-radio__icons .af-radio__checked{display:none}.af-radio label input[type=radio]~.af-radio__icons .af-radio__unchecked{color:var(--color-gray-700);fill:var(--color-gray-700)}.af-radio label:has(input[type=radio]:checked) .af-radio__checked{color:var(--color-axa);display:block;fill:var(--color-axa)}.af-radio label:has(input[type=radio]:checked) .af-radio__unchecked{display:none}.af-radio-select[aria-invalid=false] label:hover{--box-shadow-color:var(--color-axa);box-shadow:0 0 0 1px var(--box-shadow-color) inset}.af-radio label:has(input[type=radio]:disabled){cursor:default}.af-radio label:has(input[type=radio]:disabled) .af-radio__checked,.af-radio label:has(input[type=radio]:disabled) .af-radio__content>svg,.af-radio label:has(input[type=radio]:disabled) .af-radio__unchecked{color:var(--color-gray-500);fill:var(--color-gray-500)}.af-radio-select[aria-invalid=false] label:has(input[type=radio]:checked){background-color:var(--color-blue-2);box-shadow:0 0 0 2px var(--color-axa) inset}.af-radio-select[aria-invalid=false] label:has(input[type=radio]:disabled){background-color:var(--color-gray-200);box-shadow:0 0 0 1px var(--box-shadow-color) inset;color:var(--color-gray-500);--box-shadow-color:var(--color-gray-400)}.af-radio label input[type=radio]:focus-visible~.af-radio__icons .af-radio__checked,.af-radio label input[type=radio]:focus-visible~.af-radio__icons .af-radio__unchecked{outline:2px solid var(--color-blue-3);outline-offset:3px}.af-radio label:hover:not(:has(input[type=radio]:disabled)) .af-radio__unchecked{color:var(--color-axa);fill:var(--color-axa)}.af-radio-select{color:var(--color-gray-700);display:flex;flex-direction:column;font-family:var(--font-family-base);font-style:normal;font-weight:400;gap:1rem;line-height:1.25rem}.af-radio-select--horizontal{flex-direction:row}