@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
- *,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#333;font-family:Source Sans Pro,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}a{background-color:initial;color:#00008f;text-decoration:none}a:hover{color:#000043;text-decoration:underline}a:not([href],[tabindex]),a:not([href],[tabindex]):focus,a:not([href],[tabindex]):hover{color:inherit;text-decoration:none}a:not([href],[tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{caption-side:bottom;color:#6c757d;padding-bottom:.5rem;padding-top:.5rem;text-align:left}th{text-align:inherit}button{border-radius:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox;appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;appearance:none;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}output{display:inline-block}summary{cursor:pointer;display:list-item}template{display:none}[hidden]{display:none!important}.af-click-item{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:1rem;width:100%}.af-click-item:active,.af-click-item:focus,.af-click-item:focus-visible{outline:none}.af-click-item:hover{text-decoration:none}.af-click-item:focus-visible{border:2px solid #36f}.af-click-item__content{align-items:center;display:flex;gap:.75rem}.af-click-item__action svg,.af-click-item__icon svg{height:1.5rem;width:1.5rem;fill:#00008f}.af-click-item__label,.af-click-item__subtitle,.af-click-item__title{font-size:1.125rem;line-height:1.4rem}.af-click-item__secondary,.af-click-item__subtitle,.af-click-item__title{margin:0}.af-click-item__label{color:#333;text-align:left}.af-click-item__title{color:#333;font-weight:600}.af-click-item__secondary,.af-click-item__subtitle{color:#5f5f5f;font-weight:400}.af-click-item__secondary{font-size:.875rem;line-height:1.1rem}.af-click-item__action{margin-left:auto}.af-click-item--small .af-click-item__label{font-size:1rem;line-height:1.25rem}.af-click-item--large .af-click-item__label{font-weight:600}.af-click-item.af-click-item--disabled{pointer-events:none}.af-click-item.af-click-item--disabled .af-click-item__action svg,.af-click-item.af-click-item--disabled .af-click-item__icon svg{fill:#999}.af-click-item.af-click-item--disabled .af-click-item__label,.af-click-item.af-click-item--disabled .af-click-item__secondary,.af-click-item.af-click-item--disabled .af-click-item__subtitle,.af-click-item.af-click-item--disabled .af-click-item__title{color:#999}.af-click-item:not(.af-click-item--disabled):hover{box-shadow:0 4px 8px 0 #10184114}.af-click-item:not(.af-click-item--disabled):active{box-shadow:inset 0 2px 8px 0 #00000026}@media (width <= 667px){.af-click-item:focus-visible{border:1px solid #36f}.af-click-item__label,.af-click-item__subtitle,.af-click-item__title{font-size:1rem;line-height:1.25rem}.af-click-item--small .af-click-item__label{font-size:.875rem;line-height:1.1rem}.af-click-item:not(.af-click-item--disabled),.af-click-item:not(.af-click-item--disabled):hover{box-shadow:none}.af-click-item:not(.af-click-item--disabled):hover .af-click-item__label,.af-click-item:not(.af-click-item--disabled):hover .af-click-item__secondary,.af-click-item:not(.af-click-item--disabled):hover .af-click-item__subtitle,.af-click-item:not(.af-click-item--disabled):hover .af-click-item__title{color:#00008f}.af-click-item:not(.af-click-item--disabled):active{box-shadow:none}.af-click-item:not(.af-click-item--disabled):active .af-click-item__label,.af-click-item:not(.af-click-item--disabled):active .af-click-item__secondary,.af-click-item:not(.af-click-item--disabled):active .af-click-item__subtitle,.af-click-item:not(.af-click-item--disabled):active .af-click-item__title{color:#000072}}
1
+ *,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#333;font-family:Source Sans Pro,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}a{background-color:initial;color:#00008f;text-decoration:none}a:hover{color:#000043;text-decoration:underline}a:not([href],[tabindex]),a:not([href],[tabindex]):focus,a:not([href],[tabindex]):hover{color:inherit;text-decoration:none}a:not([href],[tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{caption-side:bottom;color:#6c757d;padding-bottom:.5rem;padding-top:.5rem;text-align:left}th{text-align:inherit}button{border-radius:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox;appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;appearance:none;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}output{display:inline-block}summary{cursor:pointer;display:list-item}template{display:none}[hidden]{display:none!important}.af-click-item{align-items:center;background:none;border:none;border-radius:var(--default-border-radius);cursor:pointer;display:flex;gap:.5rem;padding:1rem;width:100%}.af-click-item:active,.af-click-item:focus,.af-click-item:focus-visible{outline:none}.af-click-item:hover{text-decoration:none}.af-click-item:focus-visible{border:2px solid var(--color-focus)}.af-click-item__content{align-items:center;display:flex;gap:.75rem}.af-click-item__action svg,.af-click-item__icon svg{height:1.5rem;width:1.5rem;fill:var(--color-axa)}.af-click-item__label,.af-click-item__subtitle,.af-click-item__title{font-size:1.125rem;line-height:1.4rem}.af-click-item__secondary,.af-click-item__subtitle,.af-click-item__title{margin:0}.af-click-item__label{color:var(--color-gray-900);text-align:left}.af-click-item__title{color:var(--color-gray-900);font-weight:600}.af-click-item__secondary,.af-click-item__subtitle{color:var(--color-gray-700);font-weight:400}.af-click-item__secondary{font-size:.875rem;line-height:1.1rem}.af-click-item__action{margin-left:auto}.af-click-item--small .af-click-item__label{font-size:1rem;line-height:1.25rem}.af-click-item--large .af-click-item__label{font-weight:600}.af-click-item.af-click-item--disabled{pointer-events:none}.af-click-item.af-click-item--disabled .af-click-item__action svg,.af-click-item.af-click-item--disabled .af-click-item__icon svg{fill:var(--color-gray-500)}.af-click-item.af-click-item--disabled .af-click-item__label,.af-click-item.af-click-item--disabled .af-click-item__secondary,.af-click-item.af-click-item--disabled .af-click-item__subtitle,.af-click-item.af-click-item--disabled .af-click-item__title{color:var(--color-gray-500)}.af-click-item:not(.af-click-item--disabled):hover{box-shadow:0 4px 8px 0 #10184114}.af-click-item:not(.af-click-item--disabled):active{box-shadow:inset 0 2px 8px 0 #00000026}@media (width <= 667px){.af-click-item:focus-visible{border:none;border:1px solid var(--color-focus)}.af-click-item__label,.af-click-item__subtitle,.af-click-item__title{font-size:1rem;line-height:1.25rem}.af-click-item--small .af-click-item__label{font-size:.875rem;line-height:1.1rem}.af-click-item:not(.af-click-item--disabled),.af-click-item:not(.af-click-item--disabled):hover{box-shadow:none}.af-click-item:not(.af-click-item--disabled):hover .af-click-item__label,.af-click-item:not(.af-click-item--disabled):hover .af-click-item__secondary,.af-click-item:not(.af-click-item--disabled):hover .af-click-item__subtitle,.af-click-item:not(.af-click-item--disabled):hover .af-click-item__title{color:var(--color-axa)}.af-click-item:not(.af-click-item--disabled):active{box-shadow:none}.af-click-item:not(.af-click-item--disabled):active .af-click-item__label,.af-click-item:not(.af-click-item--disabled):active .af-click-item__secondary,.af-click-item:not(.af-click-item--disabled):active .af-click-item__subtitle,.af-click-item:not(.af-click-item--disabled):active .af-click-item__title{color:var(--color-blue-1)}}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/common/reboot.scss","../../../src/List/ClickList/ClickList.scss","../../../src/List/ClickList/ClickList.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,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,CCCF,aAAA,CDHE,iBAAA,CCCF,sBAGA,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,eAME,kBAAA,CAEA,eAAA,CAJA,WAAA,CACA,iBCkCsB,CD9BtB,cAAA,CARA,YAAA,CAMA,SAAA,CAJA,YAAA,CADA,UDiVF,CCxUE,wEAGE,YDwUJ,CCrUE,qBACE,oBDuUJ,CCpUE,6BACE,qBDsUJ,CCnUE,wBAEE,kBAAA,CADA,YAAA,CAEA,UDqUJ,CClUE,oDAGE,aAAA,CADA,YAAA,CAEA,YDmUJ,CChUE,qEAGE,kBAAA,CACA,kBDgUJ,CC7TE,yEAGE,QD6TJ,CC1TE,sBAEE,UCrBa,CDoBb,eD6TJ,CCzTE,sBAEE,UC1Ba,CDyBb,eD4TJ,CCnTE,mDAHE,aChCa,CD+Bb,eDiUJ,CC7TE,0BACE,iBAAA,CAEA,kBD0TJ,CCtTE,uBACE,gBDwTJ,CCrTE,4CACE,cAAA,CACA,mBDuTJ,CCpTE,4CACE,eDsTJ,CCnTE,uCACE,mBDqTJ,CClTM,kIAEE,SDmTR,CChTM,2PAIE,UD+SR,CCzSI,mDACE,gCD2SN,CCxSI,oDACE,sCD0SN,CCrSA,wBAEI,6BAEE,qBDuSJ,CCpSE,qEAGE,cAAA,CACA,mBDoSJ,CCjSE,4CACE,iBAAA,CACA,kBDmSJ,CC7RI,gGACE,eDkSN,CC/RQ,2SAIE,aD8RV,CCzRI,oDACE,eD2RN,CCxRQ,+SAIE,aDuRV,CACF","file":"ClickList.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-click-item {\n display: flex;\n width: 100%;\n padding: 1rem;\n border: none;\n border-radius: common.$default-border-radius;\n align-items: center;\n gap: 0.5rem;\n background: none;\n cursor: pointer;\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n border: 2px solid common.$color-focus;\n }\n\n &__content {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n\n &__icon svg,\n &__action svg {\n width: 1.5rem;\n height: 1.5rem;\n fill: common.$color-axa;\n }\n\n &__title,\n &__subtitle,\n &__label {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__title,\n &__subtitle,\n &__secondary {\n margin: 0;\n }\n\n &__label {\n text-align: left;\n color: common.$color-gray-900;\n }\n\n &__title {\n font-weight: 600;\n color: common.$color-gray-900;\n }\n\n &__subtitle {\n font-weight: 400;\n color: common.$color-gray-700;\n }\n\n &__secondary {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n color: common.$color-gray-700;\n }\n\n &__action {\n margin-left: auto;\n }\n\n &--small &__label {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &--large &__label {\n font-weight: 600;\n }\n\n &.af-click-item--disabled {\n pointer-events: none;\n\n .af-click-item {\n &__action svg,\n &__icon svg {\n fill: common.$color-gray-500;\n }\n\n &__label,\n &__title,\n &__subtitle,\n &__secondary {\n color: common.$color-gray-500;\n }\n }\n }\n\n &:not(.af-click-item--disabled) {\n &:hover {\n box-shadow: 0 4px 8px 0 hsla(230deg, 60%, 16%, 8%);\n }\n\n &:active {\n box-shadow: 0 2px 8px 0 hsla(0deg, 0%, 0%, 15%) inset;\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-click-item {\n &:focus-visible {\n border: none;\n border: 1px solid common.$color-focus;\n }\n\n &__label,\n &__title,\n &__subtitle {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &--small &__label {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &:not(.af-click-item--disabled) {\n box-shadow: none;\n\n &:hover {\n box-shadow: none;\n\n .af-click-item {\n &__label,\n &__title,\n &__subtitle,\n &__secondary {\n color: common.$color-axa;\n }\n }\n }\n\n &:active {\n box-shadow: none;\n\n .af-click-item {\n &__label,\n &__title,\n &__subtitle,\n &__secondary {\n color: common.$color-blue-1;\n }\n }\n }\n }\n }\n}\n","@use \"../../common/reboot\";\n@use \"../../common/common\" as common;\n\n.af-click-item {\n display: flex;\n width: 100%;\n padding: 1rem;\n border: none;\n border-radius: common.$default-border-radius;\n align-items: center;\n gap: 0.5rem;\n background: none;\n cursor: pointer;\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n border: 2px solid common.$color-focus;\n }\n\n &__content {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n\n &__icon svg,\n &__action svg {\n width: 1.5rem;\n height: 1.5rem;\n fill: common.$color-axa;\n }\n\n &__title,\n &__subtitle,\n &__label {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__title,\n &__subtitle,\n &__secondary {\n margin: 0;\n }\n\n &__label {\n text-align: left;\n color: common.$color-gray-900;\n }\n\n &__title {\n font-weight: 600;\n color: common.$color-gray-900;\n }\n\n &__subtitle {\n font-weight: 400;\n color: common.$color-gray-700;\n }\n\n &__secondary {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n color: common.$color-gray-700;\n }\n\n &__action {\n margin-left: auto;\n }\n\n &--small &__label {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &--large &__label {\n font-weight: 600;\n }\n\n &.af-click-item--disabled {\n pointer-events: none;\n\n .af-click-item {\n &__action svg,\n &__icon svg {\n fill: common.$color-gray-500;\n }\n\n &__label,\n &__title,\n &__subtitle,\n &__secondary {\n color: common.$color-gray-500;\n }\n }\n }\n\n &:not(.af-click-item--disabled) {\n &:hover {\n box-shadow: 0 4px 8px 0 hsla(230deg, 60%, 16%, 8%);\n }\n\n &:active {\n box-shadow: 0 2px 8px 0 hsla(0deg, 0%, 0%, 15%) inset;\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-click-item {\n &:focus-visible {\n border: none;\n border: 1px solid common.$color-focus;\n }\n\n &__label,\n &__title,\n &__subtitle {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &--small &__label {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &:not(.af-click-item--disabled) {\n box-shadow: none;\n\n &:hover {\n box-shadow: none;\n\n .af-click-item {\n &__label,\n &__title,\n &__subtitle,\n &__secondary {\n color: common.$color-axa;\n }\n }\n }\n\n &:active {\n box-shadow: none;\n\n .af-click-item {\n &__label,\n &__title,\n &__subtitle,\n &__secondary {\n color: common.$color-blue-1;\n }\n }\n }\n }\n }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
1
+ {"version":3,"sources":["../../../src/common/reboot.scss","../../../src/List/ClickList/ClickList.scss","../../../src/List/ClickList/ClickList.scss%23sass"],"names":[],"mappings":"AAAA,iBCGA,qBACA,CDEA,KACE,sBAAA,CACA,gBAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBAAA,CACA,uCCCF,CDEA,sEAUE,aCCF,CDEA,KAQE,qBAAA,CADA,UAAA,CALA,4CAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CAJA,QAAA,CAKA,eCGF,CDEA,sBACE,mBCCF,CDEA,GACE,kBAAA,CACA,QAAA,CACA,gBCCF,CDEA,kBAOE,mBAAA,CADA,YCEF,CDEA,EAEE,kBAAA,CADA,YCEF,CDEA,sCAEE,eAAA,CAIA,WAAA,CAHA,yBAAA,CACA,wCAAA,CAAA,gCAAA,CACA,qCAAA,CAAA,6BCEF,CDEA,QAEE,iBAAA,CACA,mBCCF,CDEA,iBALE,kBCUF,CDLA,SAGE,YCEF,CDEA,wBAIE,eCCF,CDEA,GACE,eCCF,CDEA,GACE,mBAAA,CACA,aCCF,CDEA,WACE,eCCF,CDEA,SAEE,kBCCF,CDEA,MACE,aCCF,CDEA,QAIE,aAAA,CCCF,aAAA,CDHE,iBAAA,CCCF,sBAGA,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,eAME,kBAAA,CAEA,eAAA,CAJA,WAAA,CACA,0CAAA,CAIA,cAAA,CARA,YAAA,CAMA,SAAA,CAJA,YAAA,CADA,UDiVF,CCxUE,wEAGE,YDwUJ,CCrUE,qBACE,oBDuUJ,CCpUE,6BACE,mCDsUJ,CCnUE,wBAEE,kBAAA,CADA,YAAA,CAEA,UDqUJ,CClUE,oDAGE,aAAA,CADA,YAAA,CAEA,qBDmUJ,CChUE,qEAGE,kBAAA,CACA,kBDgUJ,CC7TE,yEAGE,QD6TJ,CC1TE,sBAEE,2BAAA,CADA,eD6TJ,CCzTE,sBAEE,2BAAA,CADA,eD4TJ,CCnTE,mDAHE,2BAAA,CADA,eDiUJ,CC7TE,0BACE,iBAAA,CAEA,kBD0TJ,CCtTE,uBACE,gBDwTJ,CCrTE,4CACE,cAAA,CACA,mBDuTJ,CCpTE,4CACE,eDsTJ,CCnTE,uCACE,mBDqTJ,CClTM,kIAEE,0BDmTR,CChTM,2PAIE,2BD+SR,CCzSI,mDACE,gCD2SN,CCxSI,oDACE,sCD0SN,CCrSA,wBAEI,6BACE,WAAA,CACA,mCDuSJ,CCpSE,qEAGE,cAAA,CACA,mBDoSJ,CCjSE,4CACE,iBAAA,CACA,kBDmSJ,CC7RI,gGACE,eDkSN,CC/RQ,2SAIE,sBD8RV,CCzRI,oDACE,eD2RN,CCxRQ,+SAIE,yBDuRV,CACF","file":"ClickList.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-click-item {\n display: flex;\n width: 100%;\n padding: 1rem;\n border: none;\n border-radius: var(--default-border-radius);\n align-items: center;\n gap: 0.5rem;\n background: none;\n cursor: pointer;\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n border: 2px solid var(--color-focus);\n }\n\n &__content {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n\n &__icon svg,\n &__action svg {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--color-axa);\n }\n\n &__title,\n &__subtitle,\n &__label {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__title,\n &__subtitle,\n &__secondary {\n margin: 0;\n }\n\n &__label {\n text-align: left;\n color: var(--color-gray-900);\n }\n\n &__title {\n font-weight: 600;\n color: var(--color-gray-900);\n }\n\n &__subtitle {\n font-weight: 400;\n color: var(--color-gray-700);\n }\n\n &__secondary {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n color: var(--color-gray-700);\n }\n\n &__action {\n margin-left: auto;\n }\n\n &--small &__label {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &--large &__label {\n font-weight: 600;\n }\n\n &.af-click-item--disabled {\n pointer-events: none;\n\n .af-click-item {\n &__action svg,\n &__icon svg {\n fill: var(--color-gray-500);\n }\n\n &__label,\n &__title,\n &__subtitle,\n &__secondary {\n color: var(--color-gray-500);\n }\n }\n }\n\n &:not(.af-click-item--disabled) {\n &:hover {\n box-shadow: 0 4px 8px 0 hsla(230deg, 60%, 16%, 8%);\n }\n\n &:active {\n box-shadow: 0 2px 8px 0 hsla(0deg, 0%, 0%, 15%) inset;\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-click-item {\n &:focus-visible {\n border: none;\n border: 1px solid var(--color-focus);\n }\n\n &__label,\n &__title,\n &__subtitle {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &--small &__label {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &:not(.af-click-item--disabled) {\n box-shadow: none;\n\n &:hover {\n box-shadow: none;\n\n .af-click-item {\n &__label,\n &__title,\n &__subtitle,\n &__secondary {\n color: var(--color-axa);\n }\n }\n }\n\n &:active {\n box-shadow: none;\n\n .af-click-item {\n &__label,\n &__title,\n &__subtitle,\n &__secondary {\n color: var(--color-blue-1);\n }\n }\n }\n }\n }\n}\n","@use \"../../common/reboot\";\n@use \"../../common/common\" as common;\n\n.af-click-item {\n display: flex;\n width: 100%;\n padding: 1rem;\n border: none;\n border-radius: var(--default-border-radius);\n align-items: center;\n gap: 0.5rem;\n background: none;\n cursor: pointer;\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n border: 2px solid var(--color-focus);\n }\n\n &__content {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n\n &__icon svg,\n &__action svg {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--color-axa);\n }\n\n &__title,\n &__subtitle,\n &__label {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__title,\n &__subtitle,\n &__secondary {\n margin: 0;\n }\n\n &__label {\n text-align: left;\n color: var(--color-gray-900);\n }\n\n &__title {\n font-weight: 600;\n color: var(--color-gray-900);\n }\n\n &__subtitle {\n font-weight: 400;\n color: var(--color-gray-700);\n }\n\n &__secondary {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n color: var(--color-gray-700);\n }\n\n &__action {\n margin-left: auto;\n }\n\n &--small &__label {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &--large &__label {\n font-weight: 600;\n }\n\n &.af-click-item--disabled {\n pointer-events: none;\n\n .af-click-item {\n &__action svg,\n &__icon svg {\n fill: var(--color-gray-500);\n }\n\n &__label,\n &__title,\n &__subtitle,\n &__secondary {\n color: var(--color-gray-500);\n }\n }\n }\n\n &:not(.af-click-item--disabled) {\n &:hover {\n box-shadow: 0 4px 8px 0 hsla(230deg, 60%, 16%, 8%);\n }\n\n &:active {\n box-shadow: 0 2px 8px 0 hsla(0deg, 0%, 0%, 15%) inset;\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-click-item {\n &:focus-visible {\n border: none;\n border: 1px solid var(--color-focus);\n }\n\n &__label,\n &__title,\n &__subtitle {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &--small &__label {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &:not(.af-click-item--disabled) {\n box-shadow: none;\n\n &:hover {\n box-shadow: none;\n\n .af-click-item {\n &__label,\n &__title,\n &__subtitle,\n &__secondary {\n color: var(--color-axa);\n }\n }\n }\n\n &:active {\n box-shadow: none;\n\n .af-click-item {\n &__label,\n &__title,\n &__subtitle,\n &__secondary {\n color: var(--color-blue-1);\n }\n }\n }\n }\n }\n}\n"]}
@@ -6,7 +6,7 @@
6
6
  width: 100%;
7
7
  padding: 1rem;
8
8
  border: none;
9
- border-radius: common.$default-border-radius;
9
+ border-radius: var(--default-border-radius);
10
10
  align-items: center;
11
11
  gap: 0.5rem;
12
12
  background: none;
@@ -23,7 +23,7 @@
23
23
  }
24
24
 
25
25
  &:focus-visible {
26
- border: 2px solid common.$color-focus;
26
+ border: 2px solid var(--color-focus);
27
27
  }
28
28
 
29
29
  &__content {
@@ -36,7 +36,7 @@
36
36
  &__action svg {
37
37
  width: 1.5rem;
38
38
  height: 1.5rem;
39
- fill: common.$color-axa;
39
+ fill: var(--color-axa);
40
40
  }
41
41
 
42
42
  &__title,
@@ -54,24 +54,24 @@
54
54
 
55
55
  &__label {
56
56
  text-align: left;
57
- color: common.$color-gray-900;
57
+ color: var(--color-gray-900);
58
58
  }
59
59
 
60
60
  &__title {
61
61
  font-weight: 600;
62
- color: common.$color-gray-900;
62
+ color: var(--color-gray-900);
63
63
  }
64
64
 
65
65
  &__subtitle {
66
66
  font-weight: 400;
67
- color: common.$color-gray-700;
67
+ color: var(--color-gray-700);
68
68
  }
69
69
 
70
70
  &__secondary {
71
71
  font-size: 0.875rem;
72
72
  font-weight: 400;
73
73
  line-height: 1.1rem;
74
- color: common.$color-gray-700;
74
+ color: var(--color-gray-700);
75
75
  }
76
76
 
77
77
  &__action {
@@ -93,14 +93,14 @@
93
93
  .af-click-item {
94
94
  &__action svg,
95
95
  &__icon svg {
96
- fill: common.$color-gray-500;
96
+ fill: var(--color-gray-500);
97
97
  }
98
98
 
99
99
  &__label,
100
100
  &__title,
101
101
  &__subtitle,
102
102
  &__secondary {
103
- color: common.$color-gray-500;
103
+ color: var(--color-gray-500);
104
104
  }
105
105
  }
106
106
  }
@@ -120,7 +120,7 @@
120
120
  .af-click-item {
121
121
  &:focus-visible {
122
122
  border: none;
123
- border: 1px solid common.$color-focus;
123
+ border: 1px solid var(--color-focus);
124
124
  }
125
125
 
126
126
  &__label,
@@ -146,7 +146,7 @@
146
146
  &__title,
147
147
  &__subtitle,
148
148
  &__secondary {
149
- color: common.$color-axa;
149
+ color: var(--color-axa);
150
150
  }
151
151
  }
152
152
  }
@@ -159,7 +159,7 @@
159
159
  &__title,
160
160
  &__subtitle,
161
161
  &__secondary {
162
- color: common.$color-blue-1;
162
+ color: var(--color-blue-1);
163
163
  }
164
164
  }
165
165
  }
@@ -1 +1 @@
1
- .af-content-item-duo{display:grid;grid-template:"icon label value" "icon label button";grid-template-columns:auto 1fr 1fr;row-gap:.5rem;width:100%}.af-content-item-duo__icon{grid-area:icon;margin-right:.75rem;margin-top:.125rem}.af-content-item-duo__icon svg{height:1.5rem;width:1.5rem}.af-content-item-duo__icon--done svg{fill:#00008f}.af-content-item-duo__icon--close svg{fill:#c91432}.af-content-item-duo__label,.af-content-item-duo__value{font-family:Source Sans Pro,arial,sans-serif;font-size:1rem;line-height:1.25rem;margin:0;overflow-wrap:break-word}.af-content-item-duo__label{color:#5f5f5f;font-weight:400;grid-area:label;margin-right:1rem}.af-content-item-duo__value{color:#333;font-weight:600;grid-area:value;text-align:end}.af-content-item-duo__button{grid-area:button;justify-self:end}.af-content-item-duo--large{row-gap:.75rem}.af-content-item-duo--large .af-content-item-duo__icon{margin-top:.25rem}.af-content-item-duo--large .af-content-item-duo__label,.af-content-item-duo--large .af-content-item-duo__value{font-size:1.125rem;line-height:1.4rem}.af-content-item-duo--large .af-content-item-duo__label{margin-right:2.5rem}.af-content-item-duo--large .af-content-item-duo__value{text-align:start}.af-content-item-duo--large .af-content-item-duo__button{justify-self:start}.af-content-item-duo--vertical{gap:.375rem .75rem;grid-template:"icon label button" ". value value";grid-template-columns:auto 1fr auto}.af-content-item-duo--vertical .af-content-item-duo__icon{margin-right:0;margin-top:.125rem}.af-content-item-duo--vertical .af-content-item-duo__label,.af-content-item-duo--vertical .af-content-item-duo__value{font-size:1.125rem;line-height:1.4rem;margin-right:0;text-align:start}.af-content-item-duo--vertical .af-content-item-duo__value{margin:0}.af-content-item-duo--vertical .af-content-item-duo__button{justify-self:end;margin-left:0}@media (width <= 667px){.af-content-item-duo--large{row-gap:.5rem}.af-content-item-duo--large .af-content-item-duo__icon{margin-top:.125rem}.af-content-item-duo--large .af-content-item-duo__label,.af-content-item-duo--large .af-content-item-duo__value{font-size:1rem;line-height:1.25rem}.af-content-item-duo--large .af-content-item-duo__label{margin-right:1rem}.af-content-item-duo--large .af-content-item-duo__value{text-align:end}.af-content-item-duo--large .af-content-item-duo__button{justify-self:end;margin-left:0}.af-content-item-duo--vertical{row-gap:.375rem}.af-content-item-duo--vertical .af-content-item-duo__label,.af-content-item-duo--vertical .af-content-item-duo__value{font-size:1rem;line-height:1.25rem;text-align:start}}
1
+ .af-content-item-duo{display:grid;grid-template:"icon label value" "icon label button";grid-template-columns:auto 1fr 1fr;row-gap:.5rem;width:100%}.af-content-item-duo__icon{grid-area:icon;margin-right:.75rem;margin-top:.125rem}.af-content-item-duo__icon svg{height:1.5rem;width:1.5rem}.af-content-item-duo__icon--done svg{fill:var(--color-axa)}.af-content-item-duo__icon--close svg{fill:var(--color-red-700)}.af-content-item-duo__label,.af-content-item-duo__value{font-family:var(--font-family-base);font-size:1rem;line-height:1.25rem;margin:0;overflow-wrap:break-word}.af-content-item-duo__label{color:var(--color-gray-700);font-weight:400;grid-area:label;margin-right:1rem}.af-content-item-duo__value{color:var(--color-gray-900);font-weight:600;grid-area:value;text-align:end}.af-content-item-duo__button{grid-area:button;justify-self:end}.af-content-item-duo--large{row-gap:.75rem}.af-content-item-duo--large .af-content-item-duo__icon{margin-top:.25rem}.af-content-item-duo--large .af-content-item-duo__label,.af-content-item-duo--large .af-content-item-duo__value{font-size:1.125rem;line-height:1.4rem}.af-content-item-duo--large .af-content-item-duo__label{margin-right:2.5rem}.af-content-item-duo--large .af-content-item-duo__value{text-align:start}.af-content-item-duo--large .af-content-item-duo__button{justify-self:start}.af-content-item-duo--vertical{gap:.375rem .75rem;grid-template:"icon label button" ". value value";grid-template-columns:auto 1fr auto}.af-content-item-duo--vertical .af-content-item-duo__icon{margin-right:0;margin-top:.125rem}.af-content-item-duo--vertical .af-content-item-duo__label,.af-content-item-duo--vertical .af-content-item-duo__value{font-size:1.125rem;line-height:1.4rem;margin-right:0;text-align:start}.af-content-item-duo--vertical .af-content-item-duo__value{margin:0}.af-content-item-duo--vertical .af-content-item-duo__button{justify-self:end;margin-left:0}@media (width <= 667px){.af-content-item-duo--large{row-gap:.5rem}.af-content-item-duo--large .af-content-item-duo__icon{margin-top:.125rem}.af-content-item-duo--large .af-content-item-duo__label,.af-content-item-duo--large .af-content-item-duo__value{font-size:1rem;line-height:1.25rem}.af-content-item-duo--large .af-content-item-duo__label{margin-right:1rem}.af-content-item-duo--large .af-content-item-duo__value{text-align:end}.af-content-item-duo--large .af-content-item-duo__button{justify-self:end;margin-left:0}.af-content-item-duo--vertical{row-gap:.375rem}.af-content-item-duo--vertical .af-content-item-duo__label,.af-content-item-duo--vertical .af-content-item-duo__value{font-size:1rem;line-height:1.25rem;text-align:start}}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/List/ContentItemDuo/ContentItemDuo.scss%23sass","../../../src/List/ContentItemDuo/ContentItemDuo.scss","../../../src/common/common.scss"],"names":[],"mappings":"AAEA,qBACE,YAAA,CAEA,oDAAA,CAGA,kCAAA,CACA,aAAA,CCPF,UAIA,CDKE,2BAGE,cAAA,CADA,mBAAA,CADA,kBCDJ,CDKI,+BAEE,aAAA,CADA,YCFN,CDOM,qCACE,YCLR,CDUM,sCACE,YCRR,CDaE,wDAGE,4CAAA,CACA,cAAA,CACA,mBAAA,CAHA,QAAA,CAIA,wBCZJ,CDeE,4BAIE,aEba,CFYb,eAAA,CADA,eAAA,CADA,iBCVJ,CDgBE,4BAIE,UAAA,CAFA,eAAA,CADA,eAAA,CAEA,cCbJ,CDiBE,6BACE,gBAAA,CACA,gBCfJ,CDkBE,4BACE,cChBJ,CDmBM,uDACE,iBCjBR,CDoBM,gHAEE,kBAAA,CACA,kBCnBR,CDsBM,wDACE,mBCpBR,CDuBM,wDACE,gBCrBR,CDwBM,yDACE,kBCtBR,CD2BE,+BAKE,kBAAA,CAJA,iDAAA,CAGA,mCC1BJ,CD8BM,0DAEE,cAAA,CADA,kBC3BR,CD+BM,sHAGE,kBAAA,CACA,kBAAA,CAFA,cAAA,CAGA,gBC9BR,CDiCM,2DACE,QC/BR,CDkCM,4DAEE,gBAAA,CADA,aC/BR,CDsCA,wBAEI,4BACE,aCpCJ,CDuCM,uDACE,kBCrCR,CDwCM,gHAEE,cAAA,CACA,mBCvCR,CD0CM,wDACE,iBCxCR,CD2CM,wDACE,cCzCR,CD4CM,yDAEE,gBAAA,CADA,aCzCR,CD+CE,+BACE,eC7CJ,CDgDM,sHAEE,cAAA,CACA,mBAAA,CACA,gBC/CR,CACF","file":"ContentItemDuo.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-content-item-duo {\n display: grid;\n width: 100%;\n grid-template:\n \"icon label value\"\n \"icon label button\";\n grid-template-columns: auto 1fr 1fr;\n row-gap: 0.5rem;\n\n &__icon {\n margin-top: 0.125rem;\n margin-right: 0.75rem;\n grid-area: icon;\n\n svg {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n &--done {\n svg {\n fill: common.$color-axa;\n }\n }\n\n &--close {\n svg {\n fill: common.$color-red-700;\n }\n }\n }\n\n &__label,\n &__value {\n margin: 0;\n font-family: common.$font-family-base;\n font-size: 1rem;\n line-height: 1.25rem;\n overflow-wrap: break-word;\n }\n\n &__label {\n margin-right: 1rem;\n grid-area: label;\n font-weight: 400;\n color: common.$color-gray-700;\n }\n\n &__value {\n grid-area: value;\n font-weight: 600;\n text-align: end;\n color: common.$color-gray-900;\n }\n\n &__button {\n grid-area: button;\n justify-self: end;\n }\n\n &--large {\n row-gap: 0.75rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.25rem;\n }\n\n &__label,\n &__value {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__label {\n margin-right: 2.5rem;\n }\n\n &__value {\n text-align: start;\n }\n\n &__button {\n justify-self: start;\n }\n }\n }\n\n &--vertical {\n grid-template:\n \"icon label button\"\n \". value value\";\n grid-template-columns: auto 1fr auto;\n gap: 0.375rem 0.75rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.125rem;\n margin-right: 0;\n }\n\n &__label,\n &__value {\n margin-right: 0;\n font-size: 1.125rem;\n line-height: 1.4rem;\n text-align: start;\n }\n\n &__value {\n margin: 0;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-content-item-duo {\n &--large {\n row-gap: 0.5rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.125rem;\n }\n\n &__label,\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__label {\n margin-right: 1rem;\n }\n\n &__value {\n text-align: end;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n\n &--vertical {\n row-gap: 0.375rem;\n\n .af-content-item-duo {\n &__label,\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n text-align: start;\n }\n }\n }\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-content-item-duo {\n display: grid;\n width: 100%;\n grid-template:\n \"icon label value\"\n \"icon label button\";\n grid-template-columns: auto 1fr 1fr;\n row-gap: 0.5rem;\n\n &__icon {\n margin-top: 0.125rem;\n margin-right: 0.75rem;\n grid-area: icon;\n\n svg {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n &--done {\n svg {\n fill: common.$color-axa;\n }\n }\n\n &--close {\n svg {\n fill: common.$color-red-700;\n }\n }\n }\n\n &__label,\n &__value {\n margin: 0;\n font-family: common.$font-family-base;\n font-size: 1rem;\n line-height: 1.25rem;\n overflow-wrap: break-word;\n }\n\n &__label {\n margin-right: 1rem;\n grid-area: label;\n font-weight: 400;\n color: common.$color-gray-700;\n }\n\n &__value {\n grid-area: value;\n font-weight: 600;\n text-align: end;\n color: common.$color-gray-900;\n }\n\n &__button {\n grid-area: button;\n justify-self: end;\n }\n\n &--large {\n row-gap: 0.75rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.25rem;\n }\n\n &__label,\n &__value {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__label {\n margin-right: 2.5rem;\n }\n\n &__value {\n text-align: start;\n }\n\n &__button {\n justify-self: start;\n }\n }\n }\n\n &--vertical {\n grid-template:\n \"icon label button\"\n \". value value\";\n grid-template-columns: auto 1fr auto;\n gap: 0.375rem 0.75rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.125rem;\n margin-right: 0;\n }\n\n &__label,\n &__value {\n margin-right: 0;\n font-size: 1.125rem;\n line-height: 1.4rem;\n text-align: start;\n }\n\n &__value {\n margin: 0;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-content-item-duo {\n &--large {\n row-gap: 0.5rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.125rem;\n }\n\n &__label,\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__label {\n margin-right: 1rem;\n }\n\n &__value {\n text-align: end;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n\n &--vertical {\n row-gap: 0.375rem;\n\n .af-content-item-duo {\n &__label,\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n text-align: start;\n }\n }\n }\n }\n}\n","@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/List/ContentItemDuo/ContentItemDuo.scss%23sass","../../../src/List/ContentItemDuo/ContentItemDuo.scss"],"names":[],"mappings":"AAEA,qBACE,YAAA,CAEA,oDAAA,CAGA,kCAAA,CACA,aAAA,CCPF,UAIA,CDKE,2BAGE,cAAA,CADA,mBAAA,CADA,kBCDJ,CDKI,+BAEE,aAAA,CADA,YCFN,CDOM,qCACE,qBCLR,CDUM,sCACE,yBCRR,CDaE,wDAGE,mCAAA,CACA,cAAA,CACA,mBAAA,CAHA,QAAA,CAIA,wBCZJ,CDeE,4BAIE,2BAAA,CADA,eAAA,CADA,eAAA,CADA,iBCVJ,CDgBE,4BAIE,2BAAA,CAFA,eAAA,CADA,eAAA,CAEA,cCbJ,CDiBE,6BACE,gBAAA,CACA,gBCfJ,CDkBE,4BACE,cChBJ,CDmBM,uDACE,iBCjBR,CDoBM,gHAEE,kBAAA,CACA,kBCnBR,CDsBM,wDACE,mBCpBR,CDuBM,wDACE,gBCrBR,CDwBM,yDACE,kBCtBR,CD2BE,+BAKE,kBAAA,CAJA,iDAAA,CAGA,mCC1BJ,CD8BM,0DAEE,cAAA,CADA,kBC3BR,CD+BM,sHAGE,kBAAA,CACA,kBAAA,CAFA,cAAA,CAGA,gBC9BR,CDiCM,2DACE,QC/BR,CDkCM,4DAEE,gBAAA,CADA,aC/BR,CDsCA,wBAEI,4BACE,aCpCJ,CDuCM,uDACE,kBCrCR,CDwCM,gHAEE,cAAA,CACA,mBCvCR,CD0CM,wDACE,iBCxCR,CD2CM,wDACE,cCzCR,CD4CM,yDAEE,gBAAA,CADA,aCzCR,CD+CE,+BACE,eC7CJ,CDgDM,sHAEE,cAAA,CACA,mBAAA,CACA,gBC/CR,CACF","file":"ContentItemDuo.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-content-item-duo {\n display: grid;\n width: 100%;\n grid-template:\n \"icon label value\"\n \"icon label button\";\n grid-template-columns: auto 1fr 1fr;\n row-gap: 0.5rem;\n\n &__icon {\n margin-top: 0.125rem;\n margin-right: 0.75rem;\n grid-area: icon;\n\n svg {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n &--done {\n svg {\n fill: var(--color-axa);\n }\n }\n\n &--close {\n svg {\n fill: var(--color-red-700);\n }\n }\n }\n\n &__label,\n &__value {\n margin: 0;\n font-family: var(--font-family-base);\n font-size: 1rem;\n line-height: 1.25rem;\n overflow-wrap: break-word;\n }\n\n &__label {\n margin-right: 1rem;\n grid-area: label;\n font-weight: 400;\n color: var(--color-gray-700);\n }\n\n &__value {\n grid-area: value;\n font-weight: 600;\n text-align: end;\n color: var(--color-gray-900);\n }\n\n &__button {\n grid-area: button;\n justify-self: end;\n }\n\n &--large {\n row-gap: 0.75rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.25rem;\n }\n\n &__label,\n &__value {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__label {\n margin-right: 2.5rem;\n }\n\n &__value {\n text-align: start;\n }\n\n &__button {\n justify-self: start;\n }\n }\n }\n\n &--vertical {\n grid-template:\n \"icon label button\"\n \". value value\";\n grid-template-columns: auto 1fr auto;\n gap: 0.375rem 0.75rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.125rem;\n margin-right: 0;\n }\n\n &__label,\n &__value {\n margin-right: 0;\n font-size: 1.125rem;\n line-height: 1.4rem;\n text-align: start;\n }\n\n &__value {\n margin: 0;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-content-item-duo {\n &--large {\n row-gap: 0.5rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.125rem;\n }\n\n &__label,\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__label {\n margin-right: 1rem;\n }\n\n &__value {\n text-align: end;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n\n &--vertical {\n row-gap: 0.375rem;\n\n .af-content-item-duo {\n &__label,\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n text-align: start;\n }\n }\n }\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-content-item-duo {\n display: grid;\n width: 100%;\n grid-template:\n \"icon label value\"\n \"icon label button\";\n grid-template-columns: auto 1fr 1fr;\n row-gap: 0.5rem;\n\n &__icon {\n margin-top: 0.125rem;\n margin-right: 0.75rem;\n grid-area: icon;\n\n svg {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n &--done {\n svg {\n fill: var(--color-axa);\n }\n }\n\n &--close {\n svg {\n fill: var(--color-red-700);\n }\n }\n }\n\n &__label,\n &__value {\n margin: 0;\n font-family: var(--font-family-base);\n font-size: 1rem;\n line-height: 1.25rem;\n overflow-wrap: break-word;\n }\n\n &__label {\n margin-right: 1rem;\n grid-area: label;\n font-weight: 400;\n color: var(--color-gray-700);\n }\n\n &__value {\n grid-area: value;\n font-weight: 600;\n text-align: end;\n color: var(--color-gray-900);\n }\n\n &__button {\n grid-area: button;\n justify-self: end;\n }\n\n &--large {\n row-gap: 0.75rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.25rem;\n }\n\n &__label,\n &__value {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__label {\n margin-right: 2.5rem;\n }\n\n &__value {\n text-align: start;\n }\n\n &__button {\n justify-self: start;\n }\n }\n }\n\n &--vertical {\n grid-template:\n \"icon label button\"\n \". value value\";\n grid-template-columns: auto 1fr auto;\n gap: 0.375rem 0.75rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.125rem;\n margin-right: 0;\n }\n\n &__label,\n &__value {\n margin-right: 0;\n font-size: 1.125rem;\n line-height: 1.4rem;\n text-align: start;\n }\n\n &__value {\n margin: 0;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-content-item-duo {\n &--large {\n row-gap: 0.5rem;\n\n .af-content-item-duo {\n &__icon {\n margin-top: 0.125rem;\n }\n\n &__label,\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__label {\n margin-right: 1rem;\n }\n\n &__value {\n text-align: end;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n\n &--vertical {\n row-gap: 0.375rem;\n\n .af-content-item-duo {\n &__label,\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n text-align: start;\n }\n }\n }\n }\n}\n"]}
@@ -21,13 +21,13 @@
21
21
 
22
22
  &--done {
23
23
  svg {
24
- fill: common.$color-axa;
24
+ fill: var(--color-axa);
25
25
  }
26
26
  }
27
27
 
28
28
  &--close {
29
29
  svg {
30
- fill: common.$color-red-700;
30
+ fill: var(--color-red-700);
31
31
  }
32
32
  }
33
33
  }
@@ -35,7 +35,7 @@
35
35
  &__label,
36
36
  &__value {
37
37
  margin: 0;
38
- font-family: common.$font-family-base;
38
+ font-family: var(--font-family-base);
39
39
  font-size: 1rem;
40
40
  line-height: 1.25rem;
41
41
  overflow-wrap: break-word;
@@ -45,14 +45,14 @@
45
45
  margin-right: 1rem;
46
46
  grid-area: label;
47
47
  font-weight: 400;
48
- color: common.$color-gray-700;
48
+ color: var(--color-gray-700);
49
49
  }
50
50
 
51
51
  &__value {
52
52
  grid-area: value;
53
53
  font-weight: 600;
54
54
  text-align: end;
55
- color: common.$color-gray-900;
55
+ color: var(--color-gray-900);
56
56
  }
57
57
 
58
58
  &__button {
@@ -1 +1 @@
1
- .af-content-item-mono{display:flex;gap:.75rem}.af-content-item-mono__stick{background-color:#00008f;border-radius:.125rem;width:.25rem}.af-content-item-mono__left-container svg{height:1.5rem;width:1.5rem;fill:#00008f}.af-content-item-mono__left-container--center{align-items:center;display:flex}.af-content-item-mono--disabled .af-content-item-mono__stick{background-color:#333}.af-content-item-mono--disabled .af-content-item-mono__left-container svg{fill:#333}.af-content-item-mono__text-container{display:grid;gap:.125rem}.af-content-item-mono__text-container p{margin:0}.af-content-item-mono__text-container .af-content-item-mono__main-text{color:#333}.af-content-item-mono__text-container .af-content-item-mono__secondary-text{font-family:Source Sans Pro,arial,sans-serif;font-weight:400}.af-content-item-mono--xl .af-content-item-mono__text-container .af-content-item-mono__main-text{font-family:Publico Headline;font-size:1.5rem;font-weight:700;line-height:1.875rem}.af-content-item-mono--xl .af-content-item-mono__text-container .af-content-item-mono__secondary-text{color:#5f5f5f;font-size:1.125rem;line-height:1.4rem}.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__main-text{font-family:Source Sans Pro,arial,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.4rem}.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__secondary-text{font-size:1.125rem;line-height:1.4rem}.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__tertiary-text{color:#5f5f5f;font-family:Source Sans Pro,arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.25rem}.af-content-item-mono--m .af-content-item-mono__text-container:not(:has(.af-content-item-mono__tertiary-text)) .af-content-item-mono__secondary-text{color:#5f5f5f;font-size:1rem;line-height:1.25rem}.af-content-item-mono--m:has(.af-content-item-mono__stick) .af-content-item-mono__text-container .af-content-item-mono__main-text{font-size:1rem;line-height:1.25rem}.af-content-item-mono--m:not(:has(.af-content-item-mono__text-container .af-content-item-mono__secondary-text)):has(.af-content-item-mono__text-container .af-content-item-mono__tertiary-text) .af-content-item-mono__text-container .af-content-item-mono__main-text{font-size:1rem;font-weight:400;line-height:1.25rem}@media (width <= 667px){.af-content-item-mono--xl .af-content-item-mono__text-container .af-content-item-mono__main-text{font-size:1.25rem;line-height:1.56rem}.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__main-text,.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__secondary-text,.af-content-item-mono--xl .af-content-item-mono__text-container .af-content-item-mono__secondary-text{font-size:1rem;line-height:1.25rem}.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__tertiary-text{font-size:.875rem;line-height:1.1rem}.af-content-item-mono--m .af-content-item-mono__text-container:not(:has(.af-content-item-mono__tertiary-text)) .af-content-item-mono__secondary-text{font-size:.875rem;line-height:1.1rem}.af-content-item-mono--m:has(.af-content-item-mono__stick) .af-content-item-mono__text-container .af-content-item-mono__main-text{font-size:.875rem;line-height:1.1rem}.af-content-item-mono--m:not(:has(.af-content-item-mono__text-container .af-content-item-mono__secondary-text)):has(.af-content-item-mono__text-container .af-content-item-mono__tertiary-text) .af-content-item-mono__text-container .af-content-item-mono__main-text{font-size:.875rem;font-weight:400;line-height:1.1rem}}
1
+ .af-content-item-mono{display:flex;gap:.75rem}.af-content-item-mono__stick{background-color:var(--color-axa);border-radius:.125rem;width:.25rem}.af-content-item-mono__left-container svg{height:1.5rem;width:1.5rem;fill:var(--color-axa)}.af-content-item-mono__left-container--center{align-items:center;display:flex}.af-content-item-mono--disabled .af-content-item-mono__stick{background-color:var(--color-gray-900)}.af-content-item-mono--disabled .af-content-item-mono__left-container svg{fill:var(--color-gray-900)}.af-content-item-mono__text-container{display:grid;gap:.125rem}.af-content-item-mono__text-container p{margin:0}.af-content-item-mono__text-container .af-content-item-mono__main-text{color:var(--color-gray-900)}.af-content-item-mono__text-container .af-content-item-mono__secondary-text{font-family:var(--font-family-base);font-weight:400}.af-content-item-mono--xl .af-content-item-mono__text-container .af-content-item-mono__main-text{font-family:var(--font-family-publico);font-size:1.5rem;font-weight:700;line-height:1.875rem}.af-content-item-mono--xl .af-content-item-mono__text-container .af-content-item-mono__secondary-text{color:var(--color-gray-700);font-size:1.125rem;line-height:1.4rem}.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__main-text{font-family:var(--font-family-base);font-size:1.125rem;font-weight:600;line-height:1.4rem}.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__secondary-text{font-size:1.125rem;line-height:1.4rem}.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__tertiary-text{color:var(--color-gray-700);font-family:var(--font-family-base);font-size:1rem;font-weight:400;line-height:1.25rem}.af-content-item-mono--m .af-content-item-mono__text-container:not(:has(.af-content-item-mono__tertiary-text)) .af-content-item-mono__secondary-text{color:var(--color-gray-700);font-size:1rem;line-height:1.25rem}.af-content-item-mono--m:has(.af-content-item-mono__stick) .af-content-item-mono__text-container .af-content-item-mono__main-text{font-size:1rem;line-height:1.25rem}.af-content-item-mono--m:not(:has(.af-content-item-mono__text-container .af-content-item-mono__secondary-text)):has(.af-content-item-mono__text-container .af-content-item-mono__tertiary-text) .af-content-item-mono__text-container .af-content-item-mono__main-text{font-size:1rem;font-weight:400;line-height:1.25rem}@media (width <= 667px){.af-content-item-mono--xl .af-content-item-mono__text-container .af-content-item-mono__main-text{font-size:1.25rem;line-height:1.56rem}.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__main-text,.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__secondary-text,.af-content-item-mono--xl .af-content-item-mono__text-container .af-content-item-mono__secondary-text{font-size:1rem;line-height:1.25rem}.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__tertiary-text{font-size:.875rem;line-height:1.1rem}.af-content-item-mono--m .af-content-item-mono__text-container:not(:has(.af-content-item-mono__tertiary-text)) .af-content-item-mono__secondary-text{font-size:.875rem;line-height:1.1rem}.af-content-item-mono--m:has(.af-content-item-mono__stick) .af-content-item-mono__text-container .af-content-item-mono__main-text{font-size:.875rem;line-height:1.1rem}.af-content-item-mono--m:not(:has(.af-content-item-mono__text-container .af-content-item-mono__secondary-text)):has(.af-content-item-mono__text-container .af-content-item-mono__tertiary-text) .af-content-item-mono__text-container .af-content-item-mono__main-text{font-size:.875rem;font-weight:400;line-height:1.1rem}}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/List/ContentItemMono/ContentItemMono.scss%23sass","../../../src/List/ContentItemMono/ContentItemMono.scss","../../../src/common/common.scss"],"names":[],"mappings":"AAEA,sBACE,YAAA,CCDF,UACA,CDGE,6BAGE,wBAAA,CADA,qBAAA,CADA,YCCJ,CDKI,0CAEE,aAAA,CADA,YAAA,CAEA,YCHN,CDMI,8CAEE,kBAAA,CADA,YCHN,CDSI,6DACE,qBCPN,CDUI,0EACE,SCRN,CDYE,sCACE,YAAA,CACA,WCVJ,CDYI,wCACE,QCVN,CDaI,uEACE,UCXN,CDcI,4EACE,4CAAA,CACA,eCZN,CDiBI,iGACE,4BAAA,CACA,gBAAA,CACA,eAAA,CACA,oBCfN,CDkBI,sGAGE,aAAA,CAFA,kBAAA,CACA,kBCfN,CDsBM,gGACE,4CAAA,CACA,kBAAA,CACA,eAAA,CACA,kBCpBR,CDuBM,qGACE,kBAAA,CACA,kBCrBR,CDwBM,oGAKE,aAAA,CAJA,4CEjFiB,CFkFjB,cAAA,CACA,eAAA,CACA,mBCrBR,CD0BQ,qJAGE,aAAA,CAFA,cAAA,CACA,mBCvBV,CD8BM,kIACE,cAAA,CACA,mBC5BR,CDyCM,uQACE,cAAA,CACA,eAAA,CACA,mBCvCR,CD6CA,wBAGM,iGACE,iBAAA,CACA,mBC5CN,CD4DM,2SACE,cAAA,CACA,mBClDR,CDqDM,oGACE,iBAAA,CACA,kBCnDR,CDuDQ,qJACE,iBAAA,CACA,kBCrDV,CD2DM,kIACE,iBAAA,CACA,kBCzDR,CDsEM,uQACE,iBAAA,CACA,eAAA,CACA,kBCpER,CACF","file":"ContentItemMono.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-content-item-mono {\n display: flex;\n gap: 0.75rem;\n\n &__stick {\n width: 0.25rem;\n border-radius: 0.125rem;\n background-color: common.$color-axa;\n }\n\n &__left-container {\n svg {\n width: 1.5rem;\n height: 1.5rem;\n fill: common.$color-axa;\n }\n\n &--center {\n display: flex;\n align-items: center;\n }\n }\n\n &--disabled {\n .af-content-item-mono__stick {\n background-color: common.$color-gray-900;\n }\n\n .af-content-item-mono__left-container svg {\n fill: common.$color-gray-900;\n }\n }\n\n &__text-container {\n display: grid;\n gap: 0.125rem;\n\n p {\n margin: 0;\n }\n\n .af-content-item-mono__main-text {\n color: common.$color-gray-900;\n }\n\n .af-content-item-mono__secondary-text {\n font-family: common.$font-family-base;\n font-weight: 400;\n }\n }\n\n &--xl .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-family: common.$font-family-publico;\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1.875rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1.125rem;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n }\n\n &--m {\n .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n .af-content-item-mono__tertiary-text {\n font-family: common.$font-family-base;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n\n &:not(:has(.af-content-item-mono__tertiary-text)) {\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n }\n }\n\n &:has(.af-content-item-mono__stick) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n\n &:not(\n :has(\n .af-content-item-mono__text-container\n .af-content-item-mono__secondary-text\n )\n ):has(\n .af-content-item-mono__text-container\n .af-content-item-mono__tertiary-text\n ) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-content-item-mono {\n &--xl .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-size: 1.25rem;\n line-height: 1.56rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n\n &--m {\n .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .af-content-item-mono__tertiary-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &:not(:has(.af-content-item-mono__tertiary-text)) {\n .af-content-item-mono__secondary-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n }\n\n &:has(.af-content-item-mono__stick) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n\n &:not(\n :has(\n .af-content-item-mono__text-container\n .af-content-item-mono__secondary-text\n )\n ):has(\n .af-content-item-mono__text-container\n .af-content-item-mono__tertiary-text\n ) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n }\n }\n }\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-content-item-mono {\n display: flex;\n gap: 0.75rem;\n\n &__stick {\n width: 0.25rem;\n border-radius: 0.125rem;\n background-color: common.$color-axa;\n }\n\n &__left-container {\n svg {\n width: 1.5rem;\n height: 1.5rem;\n fill: common.$color-axa;\n }\n\n &--center {\n display: flex;\n align-items: center;\n }\n }\n\n &--disabled {\n .af-content-item-mono__stick {\n background-color: common.$color-gray-900;\n }\n\n .af-content-item-mono__left-container svg {\n fill: common.$color-gray-900;\n }\n }\n\n &__text-container {\n display: grid;\n gap: 0.125rem;\n\n p {\n margin: 0;\n }\n\n .af-content-item-mono__main-text {\n color: common.$color-gray-900;\n }\n\n .af-content-item-mono__secondary-text {\n font-family: common.$font-family-base;\n font-weight: 400;\n }\n }\n\n &--xl .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-family: common.$font-family-publico;\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1.875rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1.125rem;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n }\n\n &--m {\n .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n .af-content-item-mono__tertiary-text {\n font-family: common.$font-family-base;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n\n &:not(:has(.af-content-item-mono__tertiary-text)) {\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n }\n }\n\n &:has(.af-content-item-mono__stick) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n\n &:not(\n :has(\n .af-content-item-mono__text-container\n .af-content-item-mono__secondary-text\n )\n ):has(\n .af-content-item-mono__text-container\n .af-content-item-mono__tertiary-text\n ) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-content-item-mono {\n &--xl .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-size: 1.25rem;\n line-height: 1.56rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n\n &--m {\n .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .af-content-item-mono__tertiary-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &:not(:has(.af-content-item-mono__tertiary-text)) {\n .af-content-item-mono__secondary-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n }\n\n &:has(.af-content-item-mono__stick) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n\n &:not(\n :has(\n .af-content-item-mono__text-container\n .af-content-item-mono__secondary-text\n )\n ):has(\n .af-content-item-mono__text-container\n .af-content-item-mono__tertiary-text\n ) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n }\n }\n }\n }\n}\n","@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/List/ContentItemMono/ContentItemMono.scss%23sass","../../../src/List/ContentItemMono/ContentItemMono.scss"],"names":[],"mappings":"AAEA,sBACE,YAAA,CCDF,UACA,CDGE,6BAGE,iCAAA,CADA,qBAAA,CADA,YCCJ,CDKI,0CAEE,aAAA,CADA,YAAA,CAEA,qBCHN,CDMI,8CAEE,kBAAA,CADA,YCHN,CDSI,6DACE,sCCPN,CDUI,0EACE,0BCRN,CDYE,sCACE,YAAA,CACA,WCVJ,CDYI,wCACE,QCVN,CDaI,uEACE,2BCXN,CDcI,4EACE,mCAAA,CACA,eCZN,CDiBI,iGACE,sCAAA,CACA,gBAAA,CACA,eAAA,CACA,oBCfN,CDkBI,sGAGE,2BAAA,CAFA,kBAAA,CACA,kBCfN,CDsBM,gGACE,mCAAA,CACA,kBAAA,CACA,eAAA,CACA,kBCpBR,CDuBM,qGACE,kBAAA,CACA,kBCrBR,CDwBM,oGAKE,2BAAA,CAJA,mCAAA,CACA,cAAA,CACA,eAAA,CACA,mBCrBR,CD0BQ,qJAGE,2BAAA,CAFA,cAAA,CACA,mBCvBV,CD8BM,kIACE,cAAA,CACA,mBC5BR,CDyCM,uQACE,cAAA,CACA,eAAA,CACA,mBCvCR,CD6CA,wBAGM,iGACE,iBAAA,CACA,mBC5CN,CD4DM,2SACE,cAAA,CACA,mBClDR,CDqDM,oGACE,iBAAA,CACA,kBCnDR,CDuDQ,qJACE,iBAAA,CACA,kBCrDV,CD2DM,kIACE,iBAAA,CACA,kBCzDR,CDsEM,uQACE,iBAAA,CACA,eAAA,CACA,kBCpER,CACF","file":"ContentItemMono.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-content-item-mono {\n display: flex;\n gap: 0.75rem;\n\n &__stick {\n width: 0.25rem;\n border-radius: 0.125rem;\n background-color: var(--color-axa);\n }\n\n &__left-container {\n svg {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--color-axa);\n }\n\n &--center {\n display: flex;\n align-items: center;\n }\n }\n\n &--disabled {\n .af-content-item-mono__stick {\n background-color: var(--color-gray-900);\n }\n\n .af-content-item-mono__left-container svg {\n fill: var(--color-gray-900);\n }\n }\n\n &__text-container {\n display: grid;\n gap: 0.125rem;\n\n p {\n margin: 0;\n }\n\n .af-content-item-mono__main-text {\n color: var(--color-gray-900);\n }\n\n .af-content-item-mono__secondary-text {\n font-family: var(--font-family-base);\n font-weight: 400;\n }\n }\n\n &--xl .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-family: var(--font-family-publico);\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1.875rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1.125rem;\n line-height: 1.4rem;\n color: var(--color-gray-700);\n }\n }\n\n &--m {\n .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-family: var(--font-family-base);\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n .af-content-item-mono__tertiary-text {\n font-family: var(--font-family-base);\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: var(--color-gray-700);\n }\n\n &:not(:has(.af-content-item-mono__tertiary-text)) {\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n color: var(--color-gray-700);\n }\n }\n }\n\n &:has(.af-content-item-mono__stick) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n\n &:not(\n :has(\n .af-content-item-mono__text-container\n .af-content-item-mono__secondary-text\n )\n ):has(\n .af-content-item-mono__text-container\n .af-content-item-mono__tertiary-text\n ) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-content-item-mono {\n &--xl .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-size: 1.25rem;\n line-height: 1.56rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n\n &--m {\n .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .af-content-item-mono__tertiary-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &:not(:has(.af-content-item-mono__tertiary-text)) {\n .af-content-item-mono__secondary-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n }\n\n &:has(.af-content-item-mono__stick) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n\n &:not(\n :has(\n .af-content-item-mono__text-container\n .af-content-item-mono__secondary-text\n )\n ):has(\n .af-content-item-mono__text-container\n .af-content-item-mono__tertiary-text\n ) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n }\n }\n }\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-content-item-mono {\n display: flex;\n gap: 0.75rem;\n\n &__stick {\n width: 0.25rem;\n border-radius: 0.125rem;\n background-color: var(--color-axa);\n }\n\n &__left-container {\n svg {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--color-axa);\n }\n\n &--center {\n display: flex;\n align-items: center;\n }\n }\n\n &--disabled {\n .af-content-item-mono__stick {\n background-color: var(--color-gray-900);\n }\n\n .af-content-item-mono__left-container svg {\n fill: var(--color-gray-900);\n }\n }\n\n &__text-container {\n display: grid;\n gap: 0.125rem;\n\n p {\n margin: 0;\n }\n\n .af-content-item-mono__main-text {\n color: var(--color-gray-900);\n }\n\n .af-content-item-mono__secondary-text {\n font-family: var(--font-family-base);\n font-weight: 400;\n }\n }\n\n &--xl .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-family: var(--font-family-publico);\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1.875rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1.125rem;\n line-height: 1.4rem;\n color: var(--color-gray-700);\n }\n }\n\n &--m {\n .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-family: var(--font-family-base);\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n .af-content-item-mono__tertiary-text {\n font-family: var(--font-family-base);\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: var(--color-gray-700);\n }\n\n &:not(:has(.af-content-item-mono__tertiary-text)) {\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n color: var(--color-gray-700);\n }\n }\n }\n\n &:has(.af-content-item-mono__stick) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n\n &:not(\n :has(\n .af-content-item-mono__text-container\n .af-content-item-mono__secondary-text\n )\n ):has(\n .af-content-item-mono__text-container\n .af-content-item-mono__tertiary-text\n ) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-content-item-mono {\n &--xl .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-size: 1.25rem;\n line-height: 1.56rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n\n &--m {\n .af-content-item-mono__text-container {\n .af-content-item-mono__main-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .af-content-item-mono__secondary-text {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .af-content-item-mono__tertiary-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &:not(:has(.af-content-item-mono__tertiary-text)) {\n .af-content-item-mono__secondary-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n }\n\n &:has(.af-content-item-mono__stick) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n }\n\n &:not(\n :has(\n .af-content-item-mono__text-container\n .af-content-item-mono__secondary-text\n )\n ):has(\n .af-content-item-mono__text-container\n .af-content-item-mono__tertiary-text\n ) {\n .af-content-item-mono__text-container .af-content-item-mono__main-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n }\n }\n }\n }\n}\n"]}
@@ -7,14 +7,14 @@
7
7
  &__stick {
8
8
  width: 0.25rem;
9
9
  border-radius: 0.125rem;
10
- background-color: common.$color-axa;
10
+ background-color: var(--color-axa);
11
11
  }
12
12
 
13
13
  &__left-container {
14
14
  svg {
15
15
  width: 1.5rem;
16
16
  height: 1.5rem;
17
- fill: common.$color-axa;
17
+ fill: var(--color-axa);
18
18
  }
19
19
 
20
20
  &--center {
@@ -25,11 +25,11 @@
25
25
 
26
26
  &--disabled {
27
27
  .af-content-item-mono__stick {
28
- background-color: common.$color-gray-900;
28
+ background-color: var(--color-gray-900);
29
29
  }
30
30
 
31
31
  .af-content-item-mono__left-container svg {
32
- fill: common.$color-gray-900;
32
+ fill: var(--color-gray-900);
33
33
  }
34
34
  }
35
35
 
@@ -42,18 +42,18 @@
42
42
  }
43
43
 
44
44
  .af-content-item-mono__main-text {
45
- color: common.$color-gray-900;
45
+ color: var(--color-gray-900);
46
46
  }
47
47
 
48
48
  .af-content-item-mono__secondary-text {
49
- font-family: common.$font-family-base;
49
+ font-family: var(--font-family-base);
50
50
  font-weight: 400;
51
51
  }
52
52
  }
53
53
 
54
54
  &--xl .af-content-item-mono__text-container {
55
55
  .af-content-item-mono__main-text {
56
- font-family: common.$font-family-publico;
56
+ font-family: var(--font-family-publico);
57
57
  font-size: 1.5rem;
58
58
  font-weight: 700;
59
59
  line-height: 1.875rem;
@@ -62,14 +62,14 @@
62
62
  .af-content-item-mono__secondary-text {
63
63
  font-size: 1.125rem;
64
64
  line-height: 1.4rem;
65
- color: common.$color-gray-700;
65
+ color: var(--color-gray-700);
66
66
  }
67
67
  }
68
68
 
69
69
  &--m {
70
70
  .af-content-item-mono__text-container {
71
71
  .af-content-item-mono__main-text {
72
- font-family: common.$font-family-base;
72
+ font-family: var(--font-family-base);
73
73
  font-size: 1.125rem;
74
74
  font-weight: 600;
75
75
  line-height: 1.4rem;
@@ -81,18 +81,18 @@
81
81
  }
82
82
 
83
83
  .af-content-item-mono__tertiary-text {
84
- font-family: common.$font-family-base;
84
+ font-family: var(--font-family-base);
85
85
  font-size: 1rem;
86
86
  font-weight: 400;
87
87
  line-height: 1.25rem;
88
- color: common.$color-gray-700;
88
+ color: var(--color-gray-700);
89
89
  }
90
90
 
91
91
  &:not(:has(.af-content-item-mono__tertiary-text)) {
92
92
  .af-content-item-mono__secondary-text {
93
93
  font-size: 1rem;
94
94
  line-height: 1.25rem;
95
- color: common.$color-gray-700;
95
+ color: var(--color-gray-700);
96
96
  }
97
97
  }
98
98
  }
@@ -1 +1 @@
1
- .af-card--content-tab-list .af-list{display:flex;flex-direction:column;justify-content:center}.af-card--content-tab-list .af-list__item{align-items:center;display:flex;flex-direction:row;gap:2.5rem;justify-content:space-between}.af-card--content-tab-list .af-list__item span{display:block;margin:0}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container,.af-card--content-tab-list .af-list__item .af-list-item__left-container,.af-card--content-tab-list .af-list__item .af-list-item__right-container{all:inherit;padding:0}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container{grid-area:content-tab__additional-data-container}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container .af-tag{grid-area:content-tab__tag}.af-card--content-tab-list .af-list__item .af-list-item__label{color:#333;grid-area:content-tab__label}.af-card--content-tab-list .af-list__item .af-list-item-label__title{font-size:1.125rem;font-weight:600;line-height:1.4rem}.af-card--content-tab-list .af-list__item .af-list-item-label__subtitle{color:#5f5f5f;font-size:1rem;font-weight:400;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item__date{color:#5f5f5f;font-size:1.125rem;font-weight:600;grid-area:content-tab__date;line-height:1.4rem}.af-card--content-tab-list .af-list__item .af-list-item__value{color:#118635;font-size:1.125rem;font-weight:600;justify-self:end;line-height:1.4rem;text-align:right}.af-card--content-tab-list .af-list__item .af-list-item__button-container{margin:0 .625rem}.af-card--content-tab-list .af-list__item .af-list-item__button-container svg{height:1.25rem;width:1.25rem;fill:#00008f}.af-card--content-tab-list .af-list__item:not(:has(.af-list-item__value)) .af-tag{margin:0 1.34rem}@media (width <= 667px){.af-card--content-tab-list .af-list__item{gap:1.5rem}.af-card--content-tab-list .af-list__item .af-list-item__left-container{align-items:start;display:grid;gap:.25rem;grid-template:"content-tab__additional-data-container" "content-tab__label";justify-content:start}.af-card--content-tab-list .af-list__item .af-list-item__right-container{gap:1.5rem}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container{align-items:center;display:block}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container:has(.af-list-item__date):has(.af-tag){display:grid;gap:.75rem;grid-template:"content-tab__tag content-tab__date"}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container .af-tag{margin:0}.af-card--content-tab-list .af-list__item .af-list-item-label__title{font-size:1rem;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item-label__subtitle{font-size:.875rem;line-height:1.1rem}.af-card--content-tab-list .af-list__item .af-list-item__date,.af-card--content-tab-list .af-list__item .af-list-item__value{font-size:1rem;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item__button-container{margin:0}.af-card--content-tab-list .af-list__item .af-list-item__button-container button{font-size:0;gap:0;padding:0}.af-card--content-tab-list .af-list__item:has(.af-list-item__value){align-items:start}}
1
+ .af-card--content-tab-list .af-list{display:flex;flex-direction:column;justify-content:center}.af-card--content-tab-list .af-list__item{align-items:center;display:flex;flex-direction:row;gap:2.5rem;justify-content:space-between}.af-card--content-tab-list .af-list__item span{display:block;margin:0}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container,.af-card--content-tab-list .af-list__item .af-list-item__left-container,.af-card--content-tab-list .af-list__item .af-list-item__right-container{all:inherit;padding:0}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container{grid-area:content-tab__additional-data-container}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container .af-tag{grid-area:content-tab__tag}.af-card--content-tab-list .af-list__item .af-list-item__label{color:var(--color-gray-900);grid-area:content-tab__label}.af-card--content-tab-list .af-list__item .af-list-item-label__title{font-size:1.125rem;font-weight:600;line-height:1.4rem}.af-card--content-tab-list .af-list__item .af-list-item-label__subtitle{color:var(--color-gray-700);font-size:1rem;font-weight:400;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item__date{color:var(--color-gray-700);font-size:1.125rem;font-weight:600;grid-area:content-tab__date;line-height:1.4rem}.af-card--content-tab-list .af-list__item .af-list-item__value{color:var(--color-green-600);font-size:1.125rem;font-weight:600;justify-self:end;line-height:1.4rem;text-align:right}.af-card--content-tab-list .af-list__item .af-list-item__button-container{margin:0 .625rem}.af-card--content-tab-list .af-list__item .af-list-item__button-container svg{height:1.25rem;width:1.25rem;fill:var(--color-axa)}.af-card--content-tab-list .af-list__item:not(:has(.af-list-item__value)) .af-tag{margin:0 1.34rem}@media (width <= 667px){.af-card--content-tab-list .af-list__item{gap:1.5rem}.af-card--content-tab-list .af-list__item .af-list-item__left-container{align-items:start;display:grid;gap:.25rem;grid-template:"content-tab__additional-data-container" "content-tab__label";justify-content:start}.af-card--content-tab-list .af-list__item .af-list-item__right-container{gap:1.5rem}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container{align-items:center;display:block}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container:has(.af-list-item__date):has(.af-tag){display:grid;gap:.75rem;grid-template:"content-tab__tag content-tab__date"}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container .af-tag{margin:0}.af-card--content-tab-list .af-list__item .af-list-item-label__title{font-size:1rem;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item-label__subtitle{font-size:.875rem;line-height:1.1rem}.af-card--content-tab-list .af-list__item .af-list-item__date,.af-card--content-tab-list .af-list__item .af-list-item__value{font-size:1rem;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item__button-container{margin:0}.af-card--content-tab-list .af-list__item .af-list-item__button-container button{font-size:0;gap:0;padding:0}.af-card--content-tab-list .af-list__item:has(.af-list-item__value){align-items:start}}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/List/ContentTabList/ContentTabList.scss%23sass","../../../src/List/ContentTabList/ContentTabList.scss","../../../src/common/common.scss"],"names":[],"mappings":"AAGE,oCACE,YAAA,CCFJ,qBAAA,CDII,sBCFJ,CDKE,0CAGE,kBAAA,CAFA,YAAA,CACA,kBAAA,CAGA,UAAA,CADA,6BCFJ,CDKI,+CACE,aAAA,CACA,QCHN,CDOM,oOAGE,WAAA,CACA,SCPR,CDUM,mFACE,gDCRR,CDUQ,2FACE,0BCRV,CDYM,+DAEE,UEJS,CFGT,4BCTR,CDaM,qEACE,kBAAA,CACA,eAAA,CACA,kBCXR,CDcM,wEAIE,aAAA,CAHA,cAAA,CACA,eAAA,CACA,mBCXR,CDeM,8DAKE,aAAA,CAHA,kBAAA,CACA,eAAA,CAFA,2BAAA,CAGA,kBCZR,CDgBM,+DAME,aEjCU,CF6BV,kBAAA,CACA,eAAA,CAFA,gBAAA,CAGA,kBAAA,CACA,gBCbR,CDiBM,0EACE,gBCfR,CDiBQ,8EAEE,cAAA,CADA,aAAA,CAEA,YCfV,CDqBM,kFACE,gBCnBR,CDyBA,wBACE,0CACE,UCtBF,CDyBI,wEAKE,iBAAA,CAJA,YAAA,CAMA,UAAA,CALA,2EACE,CAGF,qBCxBN,CD4BI,yEACE,UC1BN,CD6BI,mFAEE,kBAAA,CADA,aC1BN,CD6BM,yHACE,YAAA,CC1BV,UAAA,CADE,kDAEA,CACF,2FACE,QACA,CDgCI,qEACE,cAAA,CACA,mBC9BN,CDiCI,wEACE,iBAAA,CACA,kBC/BN,CDuCI,6HACE,cAAA,CACA,mBCjCN,CDoCI,0EACE,QClCN,CDoCM,iFAGE,WAAA,CADA,KAAA,CADA,SChCR,CDuCE,oEACE,iBCrCJ,CACF","file":"ContentTabList.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-card--content-tab-list {\n .af-list {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .af-list__item {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 2.5rem;\n\n span {\n display: block;\n margin: 0;\n }\n\n .af-list-item {\n &__left-container,\n &__right-container,\n &__additional-data-container {\n all: inherit;\n padding: 0;\n }\n\n &__additional-data-container {\n grid-area: content-tab__additional-data-container;\n\n .af-tag {\n grid-area: content-tab__tag;\n }\n }\n\n &__label {\n grid-area: content-tab__label;\n color: common.$color-gray-900;\n }\n\n &-label__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-label__subtitle {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n\n &__date {\n grid-area: content-tab__date;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n\n &__value {\n justify-self: end;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n text-align: right;\n color: common.$color-green-600;\n }\n\n &__button-container {\n margin: 0 0.625rem;\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n fill: common.$color-axa;\n }\n }\n }\n\n &:not(:has(.af-list-item__value)) {\n .af-tag {\n margin: 0 1.34rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--content-tab-list .af-list__item {\n gap: 1.5rem;\n\n .af-list-item {\n &__left-container {\n display: grid;\n grid-template:\n \"content-tab__additional-data-container\"\n \"content-tab__label\";\n align-items: start;\n justify-content: start;\n gap: 0.25rem;\n }\n\n &__right-container {\n gap: 1.5rem;\n }\n\n &__additional-data-container {\n display: block;\n align-items: center;\n\n &:has(.af-list-item__date):has(.af-tag) {\n display: grid;\n grid-template: \"content-tab__tag content-tab__date\";\n gap: 0.75rem;\n }\n\n .af-tag {\n margin: 0;\n }\n }\n\n &-label__title {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &-label__subtitle {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &__date {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__button-container {\n margin: 0;\n\n button {\n padding: 0;\n gap: 0;\n font-size: 0;\n }\n }\n }\n\n &:has(.af-list-item__value) {\n align-items: start;\n }\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-card--content-tab-list {\n .af-list {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .af-list__item {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 2.5rem;\n\n span {\n display: block;\n margin: 0;\n }\n\n .af-list-item {\n &__left-container,\n &__right-container,\n &__additional-data-container {\n all: inherit;\n padding: 0;\n }\n\n &__additional-data-container {\n grid-area: content-tab__additional-data-container;\n\n .af-tag {\n grid-area: content-tab__tag;\n }\n }\n\n &__label {\n grid-area: content-tab__label;\n color: common.$color-gray-900;\n }\n\n &-label__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-label__subtitle {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n\n &__date {\n grid-area: content-tab__date;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n\n &__value {\n justify-self: end;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n text-align: right;\n color: common.$color-green-600;\n }\n\n &__button-container {\n margin: 0 0.625rem;\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n fill: common.$color-axa;\n }\n }\n }\n\n &:not(:has(.af-list-item__value)) {\n .af-tag {\n margin: 0 1.34rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--content-tab-list .af-list__item {\n gap: 1.5rem;\n\n .af-list-item {\n &__left-container {\n display: grid;\n grid-template:\n \"content-tab__additional-data-container\"\n \"content-tab__label\";\n align-items: start;\n justify-content: start;\n gap: 0.25rem;\n }\n\n &__right-container {\n gap: 1.5rem;\n }\n\n &__additional-data-container {\n display: block;\n align-items: center;\n\n &:has(.af-list-item__date):has(.af-tag) {\n display: grid;\n grid-template: \"content-tab__tag content-tab__date\";\n gap: 0.75rem;\n }\n\n .af-tag {\n margin: 0;\n }\n }\n\n &-label__title {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &-label__subtitle {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &__date {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__button-container {\n margin: 0;\n\n button {\n padding: 0;\n gap: 0;\n font-size: 0;\n }\n }\n }\n\n &:has(.af-list-item__value) {\n align-items: start;\n }\n }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
1
+ {"version":3,"sources":["../../../src/List/ContentTabList/ContentTabList.scss%23sass","../../../src/List/ContentTabList/ContentTabList.scss"],"names":[],"mappings":"AAGE,oCACE,YAAA,CCFJ,qBAAA,CDII,sBCFJ,CDKE,0CAGE,kBAAA,CAFA,YAAA,CACA,kBAAA,CAGA,UAAA,CADA,6BCFJ,CDKI,+CACE,aAAA,CACA,QCHN,CDOM,oOAGE,WAAA,CACA,SCPR,CDUM,mFACE,gDCRR,CDUQ,2FACE,0BCRV,CDYM,+DAEE,2BAAA,CADA,4BCTR,CDaM,qEACE,kBAAA,CACA,eAAA,CACA,kBCXR,CDcM,wEAIE,2BAAA,CAHA,cAAA,CACA,eAAA,CACA,mBCXR,CDeM,8DAKE,2BAAA,CAHA,kBAAA,CACA,eAAA,CAFA,2BAAA,CAGA,kBCZR,CDgBM,+DAME,4BAAA,CAJA,kBAAA,CACA,eAAA,CAFA,gBAAA,CAGA,kBAAA,CACA,gBCbR,CDiBM,0EACE,gBCfR,CDiBQ,8EAEE,cAAA,CADA,aAAA,CAEA,qBCfV,CDqBM,kFACE,gBCnBR,CDyBA,wBACE,0CACE,UCtBF,CDyBI,wEAKE,iBAAA,CAJA,YAAA,CAMA,UAAA,CALA,2EACE,CAGF,qBCxBN,CD4BI,yEACE,UC1BN,CD6BI,mFAEE,kBAAA,CADA,aC1BN,CD6BM,yHACE,YAAA,CC1BV,UAAA,CADE,kDAEA,CACF,2FACE,QACA,CDgCI,qEACE,cAAA,CACA,mBC9BN,CDiCI,wEACE,iBAAA,CACA,kBC/BN,CDuCI,6HACE,cAAA,CACA,mBCjCN,CDoCI,0EACE,QClCN,CDoCM,iFAGE,WAAA,CADA,KAAA,CADA,SChCR,CDuCE,oEACE,iBCrCJ,CACF","file":"ContentTabList.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-card--content-tab-list {\n .af-list {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .af-list__item {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 2.5rem;\n\n span {\n display: block;\n margin: 0;\n }\n\n .af-list-item {\n &__left-container,\n &__right-container,\n &__additional-data-container {\n all: inherit;\n padding: 0;\n }\n\n &__additional-data-container {\n grid-area: content-tab__additional-data-container;\n\n .af-tag {\n grid-area: content-tab__tag;\n }\n }\n\n &__label {\n grid-area: content-tab__label;\n color: var(--color-gray-900);\n }\n\n &-label__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-label__subtitle {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: var(--color-gray-700);\n }\n\n &__date {\n grid-area: content-tab__date;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: var(--color-gray-700);\n }\n\n &__value {\n justify-self: end;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n text-align: right;\n color: var(--color-green-600);\n }\n\n &__button-container {\n margin: 0 0.625rem;\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--color-axa);\n }\n }\n }\n\n &:not(:has(.af-list-item__value)) {\n .af-tag {\n margin: 0 1.34rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--content-tab-list .af-list__item {\n gap: 1.5rem;\n\n .af-list-item {\n &__left-container {\n display: grid;\n grid-template:\n \"content-tab__additional-data-container\"\n \"content-tab__label\";\n align-items: start;\n justify-content: start;\n gap: 0.25rem;\n }\n\n &__right-container {\n gap: 1.5rem;\n }\n\n &__additional-data-container {\n display: block;\n align-items: center;\n\n &:has(.af-list-item__date):has(.af-tag) {\n display: grid;\n grid-template: \"content-tab__tag content-tab__date\";\n gap: 0.75rem;\n }\n\n .af-tag {\n margin: 0;\n }\n }\n\n &-label__title {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &-label__subtitle {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &__date {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__button-container {\n margin: 0;\n\n button {\n padding: 0;\n gap: 0;\n font-size: 0;\n }\n }\n }\n\n &:has(.af-list-item__value) {\n align-items: start;\n }\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-card--content-tab-list {\n .af-list {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .af-list__item {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 2.5rem;\n\n span {\n display: block;\n margin: 0;\n }\n\n .af-list-item {\n &__left-container,\n &__right-container,\n &__additional-data-container {\n all: inherit;\n padding: 0;\n }\n\n &__additional-data-container {\n grid-area: content-tab__additional-data-container;\n\n .af-tag {\n grid-area: content-tab__tag;\n }\n }\n\n &__label {\n grid-area: content-tab__label;\n color: var(--color-gray-900);\n }\n\n &-label__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-label__subtitle {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: var(--color-gray-700);\n }\n\n &__date {\n grid-area: content-tab__date;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: var(--color-gray-700);\n }\n\n &__value {\n justify-self: end;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n text-align: right;\n color: var(--color-green-600);\n }\n\n &__button-container {\n margin: 0 0.625rem;\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--color-axa);\n }\n }\n }\n\n &:not(:has(.af-list-item__value)) {\n .af-tag {\n margin: 0 1.34rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--content-tab-list .af-list__item {\n gap: 1.5rem;\n\n .af-list-item {\n &__left-container {\n display: grid;\n grid-template:\n \"content-tab__additional-data-container\"\n \"content-tab__label\";\n align-items: start;\n justify-content: start;\n gap: 0.25rem;\n }\n\n &__right-container {\n gap: 1.5rem;\n }\n\n &__additional-data-container {\n display: block;\n align-items: center;\n\n &:has(.af-list-item__date):has(.af-tag) {\n display: grid;\n grid-template: \"content-tab__tag content-tab__date\";\n gap: 0.75rem;\n }\n\n .af-tag {\n margin: 0;\n }\n }\n\n &-label__title {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &-label__subtitle {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &__date {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__button-container {\n margin: 0;\n\n button {\n padding: 0;\n gap: 0;\n font-size: 0;\n }\n }\n }\n\n &:has(.af-list-item__value) {\n align-items: start;\n }\n }\n}\n"]}
@@ -37,7 +37,7 @@
37
37
 
38
38
  &__label {
39
39
  grid-area: content-tab__label;
40
- color: common.$color-gray-900;
40
+ color: var(--color-gray-900);
41
41
  }
42
42
 
43
43
  &-label__title {
@@ -50,7 +50,7 @@
50
50
  font-size: 1rem;
51
51
  font-weight: 400;
52
52
  line-height: 1.25rem;
53
- color: common.$color-gray-700;
53
+ color: var(--color-gray-700);
54
54
  }
55
55
 
56
56
  &__date {
@@ -58,7 +58,7 @@
58
58
  font-size: 1.125rem;
59
59
  font-weight: 600;
60
60
  line-height: 1.4rem;
61
- color: common.$color-gray-700;
61
+ color: var(--color-gray-700);
62
62
  }
63
63
 
64
64
  &__value {
@@ -67,7 +67,7 @@
67
67
  font-weight: 600;
68
68
  line-height: 1.4rem;
69
69
  text-align: right;
70
- color: common.$color-green-600;
70
+ color: var(--color-green-600);
71
71
  }
72
72
 
73
73
  &__button-container {
@@ -76,7 +76,7 @@
76
76
  svg {
77
77
  width: 1.25rem;
78
78
  height: 1.25rem;
79
- fill: common.$color-axa;
79
+ fill: var(--color-axa);
80
80
  }
81
81
  }
82
82
  }
@@ -1 +1 @@
1
- .af-list{flex-direction:column;list-style-type:none;padding:0}.af-list__item{--separator-padding:0rem;padding:1rem 0;position:relative}.af-list__item:not(:last-child):after{background-color:#e9ecf2;bottom:0;content:"";height:1px;left:var(--separator-padding);position:absolute;width:calc(100% - var(--separator-padding)*2)}.af-card--list{align-self:start;box-shadow:none;padding:0 1rem}.af-card--click-list,.af-card--click-list .af-list__item{padding:0}.af-card--click-list .af-list__item:not(:last-child):after{--separator-padding:1rem}.af-card--extra-padding{padding:.5rem 1.5rem}.af-card--first-separator-full-width{padding:0}.af-card--first-separator-full-width .af-list__item{padding:1rem}.af-card--first-separator-full-width .af-list__item:has(.af-click-item){padding:0}.af-card--first-separator-full-width .af-list__item:not(:first-child,:last-child):after{--separator-padding:1rem}@media (width <= 667px){.af-card--extra-padding{padding:.25rem 1rem}.af-card--extra-padding .af-list__item{padding:.75rem 0}}
1
+ .af-list{flex-direction:column;list-style-type:none;padding:0}.af-list__item{--separator-padding:0rem;padding:1rem 0;position:relative}.af-list__item:not(:last-child):after{background-color:var(--color-gray-300);bottom:0;content:"";height:1px;left:var(--separator-padding);position:absolute;width:calc(100% - var(--separator-padding)*2)}.af-card--list{align-self:start;box-shadow:none;padding:0 1rem}.af-card--click-list,.af-card--click-list .af-list__item{padding:0}.af-card--click-list .af-list__item:not(:last-child):after{--separator-padding:1rem}.af-card--extra-padding{padding:.5rem 1.5rem}.af-card--first-separator-full-width{padding:0}.af-card--first-separator-full-width .af-list__item{padding:1rem}.af-card--first-separator-full-width .af-list__item:has(.af-click-item){padding:0}.af-card--first-separator-full-width .af-list__item:not(:first-child,:last-child):after{--separator-padding:1rem}@media (width <= 667px){.af-card--extra-padding{padding:.25rem 1rem}.af-card--extra-padding .af-list__item{padding:.75rem 0}}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/List/List.scss%23sass","../../src/List/List.scss"],"names":[],"mappings":"AAEA,SCAA,qBAAA,CDGE,oBAAA,CAFA,SCCF,CDGE,eACE,wBAAA,CAGA,cAAA,CADA,iBCDJ,CDII,sCAME,wBAAA,CAJA,QAAA,CAKA,UAAA,CAFA,UAAA,CAFA,6BAAA,CAFA,iBAAA,CAGA,6CCCN,CDQE,eAEE,gBAAA,CCLJ,eAAA,CDII,cCHJ,CDWI,yDACE,SCNN,CDQM,2DACE,wBCNR,CDWE,wBACE,oBCTJ,CDYE,qCACE,SCVJ,CDYI,oDACE,YCVN,CDYM,wEACE,SCVR,CDaM,wFACE,wBCXR,CDiBA,wBACE,wBACE,mBCdF,CDgBE,uCACE,gBCdJ,CACF","file":"List.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-list {\n padding: 0;\n flex-direction: column;\n list-style-type: none;\n\n &__item {\n --separator-padding: 0rem;\n\n position: relative;\n padding: 1rem 0;\n\n &:not(:last-child)::after {\n position: absolute;\n bottom: 0;\n left: var(--separator-padding);\n width: calc(100% - (2 * var(--separator-padding)));\n height: 1px;\n background-color: common.$color-gray-300;\n content: \"\";\n }\n }\n}\n\n.af-card {\n &--list {\n padding: 0 1rem;\n align-self: start;\n box-shadow: none;\n }\n\n &--click-list {\n padding: 0;\n\n .af-list__item {\n padding: 0;\n\n &:not(:last-child)::after {\n --separator-padding: 1rem;\n }\n }\n }\n\n &--extra-padding {\n padding: 0.5rem 1.5rem;\n }\n\n &--first-separator-full-width {\n padding: 0;\n\n .af-list__item {\n padding: 1rem;\n\n &:has(.af-click-item) {\n padding: 0;\n }\n\n &:not(:first-child, :last-child)::after {\n --separator-padding: 1rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--extra-padding {\n padding: 0.25rem 1rem;\n\n .af-list__item {\n padding: 0.75rem 0;\n }\n }\n}\n","@use \"../common/common\" as common;\n\n.af-list {\n padding: 0;\n flex-direction: column;\n list-style-type: none;\n\n &__item {\n --separator-padding: 0rem;\n\n position: relative;\n padding: 1rem 0;\n\n &:not(:last-child)::after {\n position: absolute;\n bottom: 0;\n left: var(--separator-padding);\n width: calc(100% - (2 * var(--separator-padding)));\n height: 1px;\n background-color: common.$color-gray-300;\n content: \"\";\n }\n }\n}\n\n.af-card {\n &--list {\n padding: 0 1rem;\n align-self: start;\n box-shadow: none;\n }\n\n &--click-list {\n padding: 0;\n\n .af-list__item {\n padding: 0;\n\n &:not(:last-child)::after {\n --separator-padding: 1rem;\n }\n }\n }\n\n &--extra-padding {\n padding: 0.5rem 1.5rem;\n }\n\n &--first-separator-full-width {\n padding: 0;\n\n .af-list__item {\n padding: 1rem;\n\n &:has(.af-click-item) {\n padding: 0;\n }\n\n &:not(:first-child, :last-child)::after {\n --separator-padding: 1rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--extra-padding {\n padding: 0.25rem 1rem;\n\n .af-list__item {\n padding: 0.75rem 0;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../src/List/List.scss%23sass","../../src/List/List.scss"],"names":[],"mappings":"AAEA,SCAA,qBAAA,CDGE,oBAAA,CAFA,SCCF,CDGE,eACE,wBAAA,CAGA,cAAA,CADA,iBCDJ,CDII,sCAME,sCAAA,CAJA,QAAA,CAKA,UAAA,CAFA,UAAA,CAFA,6BAAA,CAFA,iBAAA,CAGA,6CCCN,CDQE,eAEE,gBAAA,CCLJ,eAAA,CDII,cCHJ,CDWI,yDACE,SCNN,CDQM,2DACE,wBCNR,CDWE,wBACE,oBCTJ,CDYE,qCACE,SCVJ,CDYI,oDACE,YCVN,CDYM,wEACE,SCVR,CDaM,wFACE,wBCXR,CDiBA,wBACE,wBACE,mBCdF,CDgBE,uCACE,gBCdJ,CACF","file":"List.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-list {\n padding: 0;\n flex-direction: column;\n list-style-type: none;\n\n &__item {\n --separator-padding: 0rem;\n\n position: relative;\n padding: 1rem 0;\n\n &:not(:last-child)::after {\n position: absolute;\n bottom: 0;\n left: var(--separator-padding);\n width: calc(100% - (2 * var(--separator-padding)));\n height: 1px;\n background-color: var(--color-gray-300);\n content: \"\";\n }\n }\n}\n\n.af-card {\n &--list {\n padding: 0 1rem;\n align-self: start;\n box-shadow: none;\n }\n\n &--click-list {\n padding: 0;\n\n .af-list__item {\n padding: 0;\n\n &:not(:last-child)::after {\n --separator-padding: 1rem;\n }\n }\n }\n\n &--extra-padding {\n padding: 0.5rem 1.5rem;\n }\n\n &--first-separator-full-width {\n padding: 0;\n\n .af-list__item {\n padding: 1rem;\n\n &:has(.af-click-item) {\n padding: 0;\n }\n\n &:not(:first-child, :last-child)::after {\n --separator-padding: 1rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--extra-padding {\n padding: 0.25rem 1rem;\n\n .af-list__item {\n padding: 0.75rem 0;\n }\n }\n}\n","@use \"../common/common\" as common;\n\n.af-list {\n padding: 0;\n flex-direction: column;\n list-style-type: none;\n\n &__item {\n --separator-padding: 0rem;\n\n position: relative;\n padding: 1rem 0;\n\n &:not(:last-child)::after {\n position: absolute;\n bottom: 0;\n left: var(--separator-padding);\n width: calc(100% - (2 * var(--separator-padding)));\n height: 1px;\n background-color: var(--color-gray-300);\n content: \"\";\n }\n }\n}\n\n.af-card {\n &--list {\n padding: 0 1rem;\n align-self: start;\n box-shadow: none;\n }\n\n &--click-list {\n padding: 0;\n\n .af-list__item {\n padding: 0;\n\n &:not(:last-child)::after {\n --separator-padding: 1rem;\n }\n }\n }\n\n &--extra-padding {\n padding: 0.5rem 1.5rem;\n }\n\n &--first-separator-full-width {\n padding: 0;\n\n .af-list__item {\n padding: 1rem;\n\n &:has(.af-click-item) {\n padding: 0;\n }\n\n &:not(:first-child, :last-child)::after {\n --separator-padding: 1rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--extra-padding {\n padding: 0.25rem 1rem;\n\n .af-list__item {\n padding: 0.75rem 0;\n }\n }\n}\n"]}
@@ -17,7 +17,7 @@
17
17
  left: var(--separator-padding);
18
18
  width: calc(100% - (2 * var(--separator-padding)));
19
19
  height: 1px;
20
- background-color: common.$color-gray-300;
20
+ background-color: var(--color-gray-300);
21
21
  content: "";
22
22
  }
23
23
  }
@@ -1 +1 @@
1
- .af-loader__container{align-items:center;animation:spin 2s linear infinite;border:1px solid #f3f3f3;border-radius:50%;border-top-color:#00008f;container-type:inline-size;display:flex;flex-direction:column;justify-content:center;margin:auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
1
+ .af-loader__container{align-items:center;animation:spin 2s linear infinite;border-top:1px solid var(--color-gray-200);border:1px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-axa);container-type:inline-size;display:flex;flex-direction:column;justify-content:center;margin:auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}