@axa-fr/design-system-look-and-feel-css 0.2.0-beta.315 → 0.2.0-beta.317

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 (9) hide show
  1. package/dist/List/ClickList/ClickList.css +1 -1
  2. package/dist/List/ClickList/ClickList.css.map +1 -1
  3. package/dist/List/ClickList/ClickList.scss +119 -180
  4. package/dist/List/List.css +1 -1
  5. package/dist/List/List.css.map +1 -1
  6. package/dist/List/List.scss +13 -0
  7. package/dist/look-and-feel.css +1 -1
  8. package/dist/look-and-feel.css.map +1 -1
  9. package/package.json +1 -1
package/dist/List/ClickList/ClickList.css CHANGED
@@ -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}label{display:inline-block;margin-bottom:.5rem}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-card--click-list{padding:0}.af-card--click-list .af-list__separator{margin:auto;width:calc(100% - 2rem)}.af-card--click-list .af-list__item{padding:0}.af-card--click-list .af-list__item .af-list-item__content{align-items:inherit;display:inherit;gap:12px}.af-card--click-list .af-list__item .af-list-item-content__icon svg{height:1.4rem;width:1.4rem;fill:#00008f}.af-card--click-list .af-list__item .af-list-item-content__label{text-align:left}.af-card--click-list .af-list__item .af-list-item-content-label__title{color:#333;font-size:1rem;font-weight:600;line-height:1.4rem;margin:0}.af-card--click-list .af-list__item .af-list-item-content-label__subtitle{color:#5f5f5f;font-size:1rem;font-weight:400;line-height:1.4rem;margin:0}.af-card--click-list .af-list__item .af-list-item-content-label__secondary{color:#5f5f5f;font-size:.875rem;font-weight:400;line-height:1.1rem;margin:0}.af-card--click-list .af-list__item .af-list-item__action{margin-left:auto}.af-card--click-list .af-list__item .af-list-item__action svg{height:1.4rem;width:1.4rem;fill:#00008f}.af-card--click-list.af-card--large .af-list-item-content__label{font-size:1.125rem;font-weight:600;line-height:1.4rem}.af-card--click-list.af-card--large .af-list-item-content-label__subtitle,.af-card--click-list.af-card--large .af-list-item-content-label__title{font-size:1.125rem;line-height:1.4rem}.af-card--click-list .af-list__item .af-list-item__button{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;gap:.5rem;padding:1rem;width:100%}.af-card--click-list .af-list__item .af-list-item__button:disabled{cursor:default}.af-card--click-list .af-list__item .af-list-item__button:disabled .af-list-item-content__icon svg{fill:#999}.af-card--click-list .af-list__item .af-list-item__button:disabled .af-list-item-content-label__secondary,.af-card--click-list .af-list__item .af-list-item__button:disabled .af-list-item-content-label__subtitle,.af-card--click-list .af-list__item .af-list-item__button:disabled .af-list-item-content-label__title,.af-card--click-list .af-list__item .af-list-item__button:disabled .af-list-item-content__label{color:#999}.af-card--click-list .af-list__item .af-list-item__button:disabled .af-list-item__action svg{fill:#999}.af-card--click-list .af-list__item .af-list-item__button:enabled:hover{box-shadow:0 4px 8px 0 #10184114}.af-card--click-list .af-list__item .af-list-item__button:enabled:active{box-shadow:inset 0 2px 8px 0 #00000026;outline:none}.af-card--click-list .af-list__item .af-list-item__button:enabled:focus{outline:none}.af-card--click-list .af-list__item .af-list-item__button:enabled:focus-visible{border:2px solid #36f;outline:none}@media (width <= 667px){.af-card--click-list .af-list-item-content__label{font-size:.875rem;line-height:1.1rem}.af-card--click-list .af-list-item-content-label__subtitle,.af-card--click-list .af-list-item-content-label__title{font-size:.875rem;line-height:1.25rem}.af-card--click-list.af-card--large .af-list-item-content__label{font-size:1rem;font-weight:600;line-height:1.25rem}.af-card--click-list.af-card--large .af-list-item-content-label__subtitle,.af-card--click-list.af-card--large .af-list-item-content-label__title{font-size:1rem;line-height:1.25rem}.af-card--click-list .af-list-item__button:enabled,.af-card--click-list .af-list-item__button:enabled:hover{box-shadow:none}.af-card--click-list .af-list-item__button:enabled:hover .af-list-item-label__secondary,.af-card--click-list .af-list-item__button:enabled:hover .af-list-item-label__subtitle,.af-card--click-list .af-list-item__button:enabled:hover .af-list-item-label__title,.af-card--click-list .af-list-item__button:enabled:hover .af-list-item__label{color:#00008f}.af-card--click-list .af-list-item__button:enabled:active{box-shadow:none}.af-card--click-list .af-list-item__button:enabled:active .af-list-item-label__secondary,.af-card--click-list .af-list-item__button:enabled:active .af-list-item-label__subtitle,.af-card--click-list .af-list-item__button:enabled:active .af-list-item-label__title,.af-card--click-list .af-list-item__button:enabled:active .af-list-item__label{color:#000072}.af-card--click-list .af-list-item__button:enabled:focus-visible{border:1px solid #36f}}
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}label{display:inline-block;margin-bottom:.5rem}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{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}}
package/dist/List/ClickList/ClickList.css.map CHANGED
@@ -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":"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","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\nlabel {\n display: inline-block;\n margin-bottom: 0.5rem;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"],\nbutton {\n appearance: button;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled),\nbutton:not(:disabled) {\n cursor: pointer;\n}\n\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"],\ninput[type=\"time\"] {\n appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n margin-bottom: 0.5rem;\n padding: 0;\n font-size: 1.5rem;\n line-height: inherit;\n white-space: normal;\n color: inherit;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n","@use \"../../common/reboot\";\n@use \"../../common/common\" as common;\n\n.af-card--click-list {\n padding: 0;\n\n .af-list__separator {\n width: calc(100% - 2rem);\n margin: auto;\n }\n\n .af-list__item {\n padding: 0;\n\n .af-list-item {\n &__content {\n display: inherit;\n align-items: inherit;\n gap: 12px;\n }\n\n &-content {\n &__icon svg {\n width: 1.4rem;\n height: 1.4rem;\n fill: common.$color-axa;\n }\n\n &__label {\n text-align: left;\n }\n\n &-label {\n &__title {\n margin: 0;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-gray-900;\n }\n\n &__subtitle {\n margin: 0;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n\n &__secondary {\n margin: 0;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n color: common.$color-gray-700;\n }\n }\n }\n\n &__action {\n margin-left: auto;\n\n svg {\n width: 1.4rem;\n height: 1.4rem;\n fill: common.$color-axa;\n }\n }\n }\n }\n\n &.af-card--large .af-list-item {\n &-content__label {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-content-label {\n &__title {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__subtitle {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n }\n }\n\n .af-list__item .af-list-item__button {\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 color: inherit;\n background: none;\n cursor: pointer;\n\n &:disabled {\n cursor: default;\n\n .af-list-item {\n &-content {\n &__icon svg {\n fill: common.$color-gray-500;\n }\n\n &__label {\n color: common.$color-gray-500;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-gray-500;\n }\n }\n\n &__action svg {\n fill: common.$color-gray-500;\n }\n }\n }\n\n &:enabled {\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 outline: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 2px solid common.$color-focus;\n outline: none;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--click-list {\n .af-list-item-content {\n &__label {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &-label {\n &__title,\n &__subtitle {\n font-size: 0.875rem;\n line-height: 1.25rem;\n }\n }\n }\n\n &.af-card--large .af-list-item-content {\n &__label {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n }\n\n &-label {\n &__title,\n &__subtitle {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n }\n\n .af-list-item__button {\n &:enabled {\n box-shadow: none;\n\n &:hover {\n box-shadow: none;\n\n .af-list-item {\n &__label {\n color: common.$color-axa;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-axa;\n }\n }\n }\n\n &:active {\n box-shadow: none;\n\n .af-list-item {\n &__label {\n color: common.$color-blue-1;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-blue-1;\n }\n }\n }\n\n &:focus-visible {\n border: none;\n border: 1px solid common.$color-focus;\n }\n }\n }\n }\n}\n","@use \"../../common/reboot\";\n@use \"../../common/common\" as common;\n\n.af-card--click-list {\n padding: 0;\n\n .af-list__separator {\n width: calc(100% - 2rem);\n margin: auto;\n }\n\n .af-list__item {\n padding: 0;\n\n .af-list-item {\n &__content {\n display: inherit;\n align-items: inherit;\n gap: 12px;\n }\n\n &-content {\n &__icon svg {\n width: 1.4rem;\n height: 1.4rem;\n fill: common.$color-axa;\n }\n\n &__label {\n text-align: left;\n }\n\n &-label {\n &__title {\n margin: 0;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-gray-900;\n }\n\n &__subtitle {\n margin: 0;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n\n &__secondary {\n margin: 0;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.1rem;\n color: common.$color-gray-700;\n }\n }\n }\n\n &__action {\n margin-left: auto;\n\n svg {\n width: 1.4rem;\n height: 1.4rem;\n fill: common.$color-axa;\n }\n }\n }\n }\n\n &.af-card--large .af-list-item {\n &-content__label {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-content-label {\n &__title {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n\n &__subtitle {\n font-size: 1.125rem;\n line-height: 1.4rem;\n }\n }\n }\n\n .af-list__item .af-list-item__button {\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 color: inherit;\n background: none;\n cursor: pointer;\n\n &:disabled {\n cursor: default;\n\n .af-list-item {\n &-content {\n &__icon svg {\n fill: common.$color-gray-500;\n }\n\n &__label {\n color: common.$color-gray-500;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-gray-500;\n }\n }\n\n &__action svg {\n fill: common.$color-gray-500;\n }\n }\n }\n\n &:enabled {\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 outline: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 2px solid common.$color-focus;\n outline: none;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--click-list {\n .af-list-item-content {\n &__label {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &-label {\n &__title,\n &__subtitle {\n font-size: 0.875rem;\n line-height: 1.25rem;\n }\n }\n }\n\n &.af-card--large .af-list-item-content {\n &__label {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n }\n\n &-label {\n &__title,\n &__subtitle {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n }\n\n .af-list-item__button {\n &:enabled {\n box-shadow: none;\n\n &:hover {\n box-shadow: none;\n\n .af-list-item {\n &__label {\n color: common.$color-axa;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-axa;\n }\n }\n }\n\n &:active {\n box-shadow: none;\n\n .af-list-item {\n &__label {\n color: common.$color-blue-1;\n }\n\n &-label__title,\n &-label__subtitle,\n &-label__secondary {\n color: common.$color-blue-1;\n }\n }\n }\n\n &:focus-visible {\n border: none;\n border: 1px solid common.$color-focus;\n }\n }\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
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":"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","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\nlabel {\n display: inline-block;\n margin-bottom: 0.5rem;\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 }\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 }\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","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
package/dist/List/ClickList/ClickList.scss CHANGED
@@ -1,227 +1,166 @@
1
1
  @use "../../common/reboot";
2
2
  @use "../../common/common" as common;
3
3
 
4
- .af-card--click-list {
5
- padding: 0;
6
-
7
- .af-list__separator {
8
- width: calc(100% - 2rem);
9
- margin: auto;
4
+ .af-click-item {
5
+ display: flex;
6
+ width: 100%;
7
+ padding: 1rem;
8
+ border: none;
9
+ border-radius: common.$default-border-radius;
10
+ align-items: center;
11
+ gap: 0.5rem;
12
+ background: none;
13
+ cursor: pointer;
14
+
15
+ &:active,
16
+ &:focus,
17
+ &:focus-visible {
18
+ outline: none;
10
19
  }
11
20
 
12
- .af-list__item {
13
- padding: 0;
14
-
15
- .af-list-item {
16
- &__content {
17
- display: inherit;
18
- align-items: inherit;
19
- gap: 12px;
20
- }
21
-
22
- &-content {
23
- &__icon svg {
24
- width: 1.4rem;
25
- height: 1.4rem;
26
- fill: common.$color-axa;
27
- }
21
+ &:hover {
22
+ text-decoration: none;
23
+ }
28
24
 
29
- &__label {
30
- text-align: left;
31
- }
25
+ &:focus-visible {
26
+ border: 2px solid common.$color-focus;
27
+ }
32
28
 
33
- &-label {
34
- &__title {
35
- margin: 0;
36
- font-size: 1rem;
37
- font-weight: 600;
38
- line-height: 1.4rem;
39
- color: common.$color-gray-900;
40
- }
29
+ &__content {
30
+ display: flex;
31
+ align-items: center;
32
+ gap: 0.75rem;
33
+ }
41
34
 
42
- &__subtitle {
43
- margin: 0;
44
- font-size: 1rem;
45
- font-weight: 400;
46
- line-height: 1.4rem;
47
- color: common.$color-gray-700;
48
- }
35
+ &__icon svg,
36
+ &__action svg {
37
+ width: 1.5rem;
38
+ height: 1.5rem;
39
+ fill: common.$color-axa;
40
+ }
49
41
 
50
- &__secondary {
51
- margin: 0;
52
- font-size: 0.875rem;
53
- font-weight: 400;
54
- line-height: 1.1rem;
55
- color: common.$color-gray-700;
56
- }
57
- }
58
- }
42
+ &__title,
43
+ &__subtitle,
44
+ &__label {
45
+ font-size: 1.125rem;
46
+ line-height: 1.4rem;
47
+ }
59
48
 
60
- &__action {
61
- margin-left: auto;
49
+ &__title,
50
+ &__subtitle,
51
+ &__secondary {
52
+ margin: 0;
53
+ }
62
54
 
63
- svg {
64
- width: 1.4rem;
65
- height: 1.4rem;
66
- fill: common.$color-axa;
67
- }
68
- }
69
- }
55
+ &__label {
56
+ text-align: left;
70
57
  }
71
58
 
72
- &.af-card--large .af-list-item {
73
- &-content__label {
74
- font-size: 1.125rem;
75
- font-weight: 600;
76
- line-height: 1.4rem;
77
- }
59
+ &__title {
60
+ font-weight: 600;
61
+ color: common.$color-gray-900;
62
+ }
78
63
 
79
- &-content-label {
80
- &__title {
81
- font-size: 1.125rem;
82
- line-height: 1.4rem;
83
- }
64
+ &__subtitle {
65
+ font-weight: 400;
66
+ color: common.$color-gray-700;
67
+ }
84
68
 
85
- &__subtitle {
86
- font-size: 1.125rem;
87
- line-height: 1.4rem;
88
- }
89
- }
69
+ &__secondary {
70
+ font-size: 0.875rem;
71
+ font-weight: 400;
72
+ line-height: 1.1rem;
73
+ color: common.$color-gray-700;
90
74
  }
91
75
 
92
- .af-list__item .af-list-item__button {
93
- display: flex;
94
- width: 100%;
95
- padding: 1rem;
96
- border: none;
97
- border-radius: common.$default-border-radius;
98
- align-items: center;
99
- gap: 0.5rem;
100
- color: inherit;
101
- background: none;
102
- cursor: pointer;
103
-
104
- &:disabled {
105
- cursor: default;
106
-
107
- .af-list-item {
108
- &-content {
109
- &__icon svg {
110
- fill: common.$color-gray-500;
111
- }
76
+ &__action {
77
+ margin-left: auto;
78
+ }
112
79
 
113
- &__label {
114
- color: common.$color-gray-500;
115
- }
80
+ &--small &__label {
81
+ font-size: 1rem;
82
+ line-height: 1.25rem;
83
+ }
116
84
 
117
- &-label__title,
118
- &-label__subtitle,
119
- &-label__secondary {
120
- color: common.$color-gray-500;
121
- }
122
- }
85
+ &--large &__label {
86
+ font-weight: 600;
87
+ }
123
88
 
124
- &__action svg {
125
- fill: common.$color-gray-500;
126
- }
127
- }
128
- }
89
+ &.af-click-item--disabled {
90
+ pointer-events: none;
129
91
 
130
- &:enabled {
131
- &:hover {
132
- box-shadow: 0 4px 8px 0 hsla(230deg, 60%, 16%, 8%);
92
+ .af-click-item {
93
+ &__action svg,
94
+ &__icon svg {
95
+ fill: common.$color-gray-500;
133
96
  }
134
97
 
135
- &:active {
136
- box-shadow: 0 2px 8px 0 hsla(0deg, 0%, 0%, 15%) inset;
137
- outline: none;
98
+ &__label,
99
+ &__title,
100
+ &__subtitle,
101
+ &__secondary {
102
+ color: common.$color-gray-500;
138
103
  }
104
+ }
105
+ }
139
106
 
140
- &:focus {
141
- outline: none;
142
- }
107
+ &:not(.af-click-item--disabled) {
108
+ &:hover {
109
+ box-shadow: 0 4px 8px 0 hsla(230deg, 60%, 16%, 8%);
110
+ }
143
111
 
144
- &:focus-visible {
145
- border: 2px solid common.$color-focus;
146
- outline: none;
147
- }
112
+ &:active {
113
+ box-shadow: 0 2px 8px 0 hsla(0deg, 0%, 0%, 15%) inset;
148
114
  }
149
115
  }
150
116
  }
151
117
 
152
118
  @media (width <= #{common.$breakpoint-sm}) {
153
- .af-card--click-list {
154
- .af-list-item-content {
155
- &__label {
156
- font-size: 0.875rem;
157
- line-height: 1.1rem;
158
- }
159
-
160
- &-label {
161
- &__title,
162
- &__subtitle {
163
- font-size: 0.875rem;
164
- line-height: 1.25rem;
165
- }
166
- }
119
+ .af-click-item {
120
+ &:focus-visible {
121
+ border: none;
122
+ border: 1px solid common.$color-focus;
167
123
  }
168
124
 
169
- &.af-card--large .af-list-item-content {
170
- &__label {
171
- font-size: 1rem;
172
- font-weight: 600;
173
- line-height: 1.25rem;
174
- }
175
-
176
- &-label {
177
- &__title,
178
- &__subtitle {
179
- font-size: 1rem;
180
- line-height: 1.25rem;
181
- }
182
- }
125
+ &__label,
126
+ &__title,
127
+ &__subtitle {
128
+ font-size: 1rem;
129
+ line-height: 1.25rem;
183
130
  }
184
131
 
185
- .af-list-item__button {
186
- &:enabled {
187
- box-shadow: none;
132
+ &--small &__label {
133
+ font-size: 0.875rem;
134
+ line-height: 1.1rem;
135
+ }
188
136
 
189
- &:hover {
190
- box-shadow: none;
137
+ &:not(.af-click-item--disabled) {
138
+ box-shadow: none;
191
139
 
192
- .af-list-item {
193
- &__label {
194
- color: common.$color-axa;
195
- }
140
+ &:hover {
141
+ box-shadow: none;
196
142
 
197
- &-label__title,
198
- &-label__subtitle,
199
- &-label__secondary {
200
- color: common.$color-axa;
201
- }
143
+ .af-click-item {
144
+ &__label,
145
+ &__title,
146
+ &__subtitle,
147
+ &__secondary {
148
+ color: common.$color-axa;
202
149
  }
203
150
  }
151
+ }
204
152
 
205
- &:active {
206
- box-shadow: none;
207
-
208
- .af-list-item {
209
- &__label {
210
- color: common.$color-blue-1;
211
- }
153
+ &:active {
154
+ box-shadow: none;
212
155
 
213
- &-label__title,
214
- &-label__subtitle,
215
- &-label__secondary {
216
- color: common.$color-blue-1;
217
- }
156
+ .af-click-item {
157
+ &__label,
158
+ &__title,
159
+ &__subtitle,
160
+ &__secondary {
161
+ color: common.$color-blue-1;
218
162
  }
219
163
  }
220
-
221
- &:focus-visible {
222
- border: none;
223
- border: 1px solid common.$color-focus;
224
- }
225
164
  }
226
165
  }
227
166
  }
package/dist/List/List.css CHANGED
@@ -1 +1 @@
1
- .af-list{flex-direction:column;list-style-type:none;padding:0}.af-list__item{padding:1rem 0}.af-list__separator{border:1px solid #e9ecf2;margin:0}.af-card--list{box-shadow:none;padding:0 1rem}.af-card--large{width:100%}.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__separator~.af-list__separator{margin:0 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{padding:1rem 0}.af-list__separator{border:1px solid #e9ecf2;margin:0}.af-card--list{box-shadow:none;padding:0 1rem}.af-card--click-list{padding:0}.af-card--click-list .af-list__separator{margin:auto;width:calc(100% - 2rem)}.af-card--click-list .af-list__item{padding:0}.af-card--large{width:100%}.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__separator~.af-list__separator{margin:0 1rem}@media (width <= 667px){.af-card--extra-padding{padding:.25rem 1rem}.af-card--extra-padding .af-list__item{padding:.75rem 0}}
package/dist/List/List.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/List/List.scss%23sass","../../src/List/List.scss"],"names":[],"mappings":"AAEA,SCAA,qBAAA,CDGE,oBAAA,CAFA,SCCF,CDGE,eACE,cCDJ,CDIE,oBAEE,wBAAA,CADA,QCDJ,CDOE,eCHF,eAAA,CDII,cCHJ,CDOE,gBACE,UCLJ,CDQE,wBACE,oBCNJ,CDSE,qCACE,SCPJ,CDSI,oDACE,YCPN,CDUI,6EACE,aCRN,CDaA,wBACE,wBACE,mBCVF,CDYE,uCACE,gBCVJ,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 padding: 1rem 0;\n }\n\n &__separator {\n margin: 0;\n border: 1px solid common.$color-gray-300;\n }\n}\n\n.af-card {\n &--list {\n padding: 0 1rem;\n box-shadow: none;\n }\n\n &--large {\n width: 100%;\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\n .af-list__separator ~ .af-list__separator {\n margin: 0 1rem;\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 padding: 1rem 0;\n }\n\n &__separator {\n margin: 0;\n border: 1px solid common.$color-gray-300;\n }\n}\n\n.af-card {\n &--list {\n padding: 0 1rem;\n box-shadow: none;\n }\n\n &--large {\n width: 100%;\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\n .af-list__separator ~ .af-list__separator {\n margin: 0 1rem;\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,cCDJ,CDIE,oBAEE,wBAAA,CADA,QCDJ,CDOE,eCHF,eAAA,CDII,cCHJ,CDOE,qBACE,SCLJ,CDOI,yCAEE,WAAA,CADA,uBCJN,CDQI,oCACE,SCNN,CDUE,gBACE,UCRJ,CDWE,wBACE,oBCTJ,CDYE,qCACE,SCVJ,CDYI,oDACE,YCVN,CDaI,6EACE,aCXN,CDgBA,wBACE,wBACE,mBCbF,CDeE,uCACE,gBCbJ,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 padding: 1rem 0;\n }\n\n &__separator {\n margin: 0;\n border: 1px solid common.$color-gray-300;\n }\n}\n\n.af-card {\n &--list {\n padding: 0 1rem;\n box-shadow: none;\n }\n\n &--click-list {\n padding: 0;\n\n .af-list__separator {\n width: calc(100% - 2rem);\n margin: auto;\n }\n\n .af-list__item {\n padding: 0;\n }\n }\n\n &--large {\n width: 100%;\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\n .af-list__separator ~ .af-list__separator {\n margin: 0 1rem;\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 padding: 1rem 0;\n }\n\n &__separator {\n margin: 0;\n border: 1px solid common.$color-gray-300;\n }\n}\n\n.af-card {\n &--list {\n padding: 0 1rem;\n box-shadow: none;\n }\n\n &--click-list {\n padding: 0;\n\n .af-list__separator {\n width: calc(100% - 2rem);\n margin: auto;\n }\n\n .af-list__item {\n padding: 0;\n }\n }\n\n &--large {\n width: 100%;\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\n .af-list__separator ~ .af-list__separator {\n margin: 0 1rem;\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--extra-padding {\n padding: 0.25rem 1rem;\n\n .af-list__item {\n padding: 0.75rem 0;\n }\n }\n}\n"]}
package/dist/List/List.scss CHANGED
@@ -21,6 +21,19 @@
21
21
  box-shadow: none;
22
22
  }
23
23
 
24
+ &--click-list {
25
+ padding: 0;
26
+
27
+ .af-list__separator {
28
+ width: calc(100% - 2rem);
29
+ margin: auto;
30
+ }
31
+
32
+ .af-list__item {
33
+ padding: 0;
34
+ }
35
+ }
36
+
24
37
  &--large {
25
38
  width: 100%;
26
39
  }