@axa-fr/design-system-look-and-feel-css 1.0.4-ci.9 → 1.0.5-alpha.243

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 (89) hide show
  1. package/dist/Alert/Alert.css +1 -1
  2. package/dist/Alert/Alert.css.map +1 -1
  3. package/dist/Alert/Alert.scss +6 -6
  4. package/dist/Card/Card.css.map +1 -1
  5. package/dist/Form/Checkbox/Checkbox.css +1 -1
  6. package/dist/Form/Checkbox/Checkbox.css.map +1 -1
  7. package/dist/Form/Checkbox/Checkbox.scss +22 -5
  8. package/dist/Form/FileUpload/FileUpload.css +1 -1
  9. package/dist/Form/FileUpload/FileUpload.css.map +1 -1
  10. package/dist/Form/FileUpload/FileUpload.scss +9 -10
  11. package/dist/Form/InputError/InputError.css +1 -1
  12. package/dist/Form/InputError/InputError.css.map +1 -1
  13. package/dist/Form/InputError/InputError.scss +1 -1
  14. package/dist/Form/Radio/Radio.css +1 -1
  15. package/dist/Form/Radio/Radio.css.map +1 -1
  16. package/dist/Form/Radio/Radio.scss +35 -6
  17. package/dist/Form/Select/Select.css +1 -1
  18. package/dist/Form/Select/Select.css.map +1 -1
  19. package/dist/Form/Select/Select.scss +57 -88
  20. package/dist/Form/Text/Text.css +1 -1
  21. package/dist/Form/Text/Text.css.map +1 -1
  22. package/dist/Form/Text/Text.scss +64 -13
  23. package/dist/Grid/Grid-demo-example-form.css +1 -1
  24. package/dist/Grid/Grid-demo-example-form.css.map +1 -1
  25. package/dist/Grid/Grid-demo-example-form.scss +20 -0
  26. package/dist/Layout/Header/BurgerMenu/BurgerMenu.css +1 -0
  27. package/dist/Layout/Header/BurgerMenu/BurgerMenu.css.map +1 -0
  28. package/dist/Layout/Header/BurgerMenu/BurgerMenu.scss +48 -0
  29. package/dist/Layout/Header/Header.css +1 -1
  30. package/dist/Layout/Header/Header.css.map +1 -1
  31. package/dist/Layout/Header/Header.scss +70 -62
  32. package/dist/Layout/Header/NavBar/NavBar.css +1 -1
  33. package/dist/Layout/Header/NavBar/NavBar.css.map +1 -1
  34. package/dist/Layout/Header/NavBar/NavBar.scss +35 -29
  35. package/dist/Layout/Header/PreviousLink/PreviousLink.css +1 -1
  36. package/dist/Layout/Header/PreviousLink/PreviousLink.css.map +1 -1
  37. package/dist/Layout/Header/PreviousLink/PreviousLink.scss +5 -7
  38. package/dist/List/ClickItem/ClickItem.css.map +1 -0
  39. package/dist/List/ContentItemDuo/ContentItemDuo.css +1 -1
  40. package/dist/List/ContentItemDuo/ContentItemDuo.css.map +1 -1
  41. package/dist/List/ContentItemDuo/ContentItemDuo.scss +10 -0
  42. package/dist/List/ContentItemMono/ContentItemMono.css.map +1 -1
  43. package/dist/List/ContentItemMono/ContentItemMono.scss +6 -6
  44. package/dist/Modal/Modal.css +1 -1
  45. package/dist/Modal/Modal.css.map +1 -1
  46. package/dist/Modal/Modal.scss +60 -91
  47. package/dist/Title/Title.css.map +1 -1
  48. package/dist/common/common.scss +111 -4
  49. package/dist/common/reboot.css.map +1 -1
  50. package/dist/common/reboot.scss +3 -2
  51. package/dist/common/tokens.css +1 -1
  52. package/dist/common/tokens.css.map +1 -1
  53. package/dist/common/tokens.scss +13 -2
  54. package/dist/look-and-feel.css +1 -1
  55. package/dist/look-and-feel.css.map +1 -1
  56. package/dist/look-and-feel.scss +4 -11
  57. package/package.json +28 -70
  58. package/dist/Button/Button.css +0 -1
  59. package/dist/Button/Button.css.map +0 -1
  60. package/dist/Button/Button.scss +0 -150
  61. package/dist/Form/TextArea/TextArea.css +0 -1
  62. package/dist/Form/TextArea/TextArea.css.map +0 -1
  63. package/dist/Form/TextArea/TextArea.scss +0 -36
  64. package/dist/Grid/DebugGrid.css +0 -1
  65. package/dist/Grid/DebugGrid.css.map +0 -1
  66. package/dist/Grid/DebugGrid.scss +0 -92
  67. package/dist/Grid/Grid.css +0 -1
  68. package/dist/Grid/Grid.css.map +0 -1
  69. package/dist/Grid/Grid.scss +0 -71
  70. package/dist/Link/Link.css +0 -1
  71. package/dist/Link/Link.css.map +0 -1
  72. package/dist/Link/Link.scss +0 -47
  73. package/dist/List/ClickList/ClickList.css.map +0 -1
  74. package/dist/Loader/Loader.css +0 -1
  75. package/dist/Loader/Loader.css.map +0 -1
  76. package/dist/Loader/Loader.scss +0 -39
  77. package/dist/Stepper/Stepper.css +0 -1
  78. package/dist/Stepper/Stepper.css.map +0 -1
  79. package/dist/Stepper/Stepper.scss +0 -51
  80. package/dist/common/glyphicons/icons.eot +0 -0
  81. package/dist/common/glyphicons/icons.svg +0 -918
  82. package/dist/common/glyphicons/icons.ttf +0 -0
  83. package/dist/common/glyphicons/icons.woff +0 -0
  84. package/dist/common/icons.css +0 -1
  85. package/dist/common/icons.css.map +0 -1
  86. package/dist/common/icons.scss +0 -1236
  87. /package/dist/List/{ClickList/ClickList.css → ClickItem/ClickItem.css} +0 -0
  88. /package/dist/List/{ClickList/ClickList.scss → ClickItem/ClickItem.scss} +0 -0
  89. /package/{dist/common → files}/assets/logo-axa.svg +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/common/reboot.scss","../../../src/List/ClickList/ClickList.scss","../../../src/List/ClickList/ClickList.scss%23sass"],"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\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 user-select: none;\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 user-select: none;\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"]}
@@ -1 +0,0 @@
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}.af-loader__container--blue{border:solid color-mix(in srgb,var(--color-axa),#0000 80%);border-top:solid var(--color-axa)}.af-loader__container--gray{border:solid color-mix(in srgb,var(--color-gray),#0000 80%);border-top:solid var(--color-gray)}.af-loader__container--white{border:solid color-mix(in srgb,var(--color-white),#0000 80%);border-top:solid var(--color-white)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Loader/Loader.scss%23sass","../../src/Loader/Loader.scss"],"names":[],"mappings":"AACE,sBAQE,kBAAA,CAEA,iCAAA,CANA,0CAAA,CACA,sCAAA,CACA,iBAAA,CADA,iCAAA,CAHA,0BAAA,CADA,YAAA,CAMA,qBAAA,CAEA,sBAAA,CANA,WCOJ,CDEI,4BAEE,0DAAA,CAAA,iCCAN,CDGI,4BAEE,2DAAA,CAAA,kCCDN,CDII,6BAEE,4DAAA,CAAA,mCCFN,CDOA,gBACE,GCJA,sBACF,CDOE,GCLF,uBACE,CACF","file":"Loader.css","sourcesContent":[".af-loader {\n &__container {\n display: flex;\n container-type: inline-size;\n margin: auto;\n border: 1px solid var(--color-gray-200);\n border-top: 1px solid var(--color-axa);\n border-radius: 50%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: spin 2s linear infinite;\n\n &--blue {\n border: solid color-mix(in srgb, var(--color-axa), transparent 80%);\n border-top: solid var(--color-axa);\n }\n\n &--gray {\n border: solid color-mix(in srgb, var(--color-gray), transparent 80%);\n border-top: solid var(--color-gray);\n }\n\n &--white {\n border: solid color-mix(in srgb, var(--color-white), transparent 80%);\n border-top: solid var(--color-white);\n }\n }\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n",".af-loader {\n &__container {\n display: flex;\n container-type: inline-size;\n margin: auto;\n border: 1px solid var(--color-gray-200);\n border-top: 1px solid var(--color-axa);\n border-radius: 50%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: spin 2s linear infinite;\n\n &--blue {\n border: solid color-mix(in srgb, var(--color-axa), transparent 80%);\n border-top: solid var(--color-axa);\n }\n\n &--gray {\n border: solid color-mix(in srgb, var(--color-gray), transparent 80%);\n border-top: solid var(--color-gray);\n }\n\n &--white {\n border: solid color-mix(in srgb, var(--color-white), transparent 80%);\n border-top: solid var(--color-white);\n }\n }\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n"]}
@@ -1,39 +0,0 @@
1
- .af-loader {
2
- &__container {
3
- display: flex;
4
- container-type: inline-size;
5
- margin: auto;
6
- border: 1px solid var(--color-gray-200);
7
- border-top: 1px solid var(--color-axa);
8
- border-radius: 50%;
9
- flex-direction: column;
10
- align-items: center;
11
- justify-content: center;
12
- animation: spin 2s linear infinite;
13
-
14
- &--blue {
15
- border: solid color-mix(in srgb, var(--color-axa), transparent 80%);
16
- border-top: solid var(--color-axa);
17
- }
18
-
19
- &--gray {
20
- border: solid color-mix(in srgb, var(--color-gray), transparent 80%);
21
- border-top: solid var(--color-gray);
22
- }
23
-
24
- &--white {
25
- border: solid color-mix(in srgb, var(--color-white), transparent 80%);
26
- border-top: solid var(--color-white);
27
- }
28
- }
29
- }
30
-
31
- @keyframes spin {
32
- 0% {
33
- transform: rotate(0deg);
34
- }
35
-
36
- 100% {
37
- transform: rotate(360deg);
38
- }
39
- }
@@ -1 +0,0 @@
1
- .af-stepper-client{background-color:initial;display:flex;flex-direction:column;width:100%}.af-stepper-client__title{color:var(--color-gray-900);font-family:var(--font-family-publico-bold),var(--font-family-base);font-size:2rem;font-weight:700;line-height:2.5rem;margin-bottom:.5rem;text-align:left}.af-stepper-client__subtitle{color:var(--color-gray-700);font-family:var(--font-family-sans-serif);font-size:1.125rem;font-weight:400;line-height:1.406rem;margin-bottom:1.5rem;text-align:left}.af-stepper-client__content{align-items:flex-end;display:flex;gap:1rem}.af-stepper-client__progressbar{background-color:var(--color-gray-400);border-radius:var(--default-border-radius);height:.375rem;width:100%}.af-stepper-client__progress{background-color:var(--color-axa);border-radius:var(--default-border-radius);height:100%;height:.375rem;text-align:left;transition:.75s ease-out,background-color .75s;width:50%}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Stepper/Stepper.scss%23sass","../../src/Stepper/Stepper.scss"],"names":[],"mappings":"AAAA,mBAIE,wBAAA,CAHA,YAAA,CAEA,qBAAA,CADA,UCGF,CDCE,0BAOE,2BAAA,CALA,mEAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CAJA,mBAAA,CAKA,eCEJ,CDEE,6BAOE,2BAAA,CALA,yCAAA,CACA,kBAAA,CACA,eAAA,CACA,oBAAA,CAJA,oBAAA,CAKA,eCCJ,CDGE,4BAEE,oBAAA,CADA,YAAA,CAEA,QCDJ,CDIE,gCAIE,sCAAA,CADA,0CAAA,CADA,cAAA,CADA,UCCJ,CDKE,6BAME,iCAAA,CAFA,0CAAA,CAFA,WAAA,CACA,cAAA,CAEA,eAAA,CAEA,8CACE,CAPF,SCGJ","file":"Stepper.css","sourcesContent":[".af-stepper-client {\n display: flex;\n width: 100%;\n flex-direction: column;\n background-color: transparent;\n\n &__title {\n margin-bottom: 0.5rem;\n font-family: var(--font-family-publico-bold), var(--font-family-base);\n font-size: 2rem;\n font-weight: 700;\n line-height: 2.5rem;\n text-align: left;\n color: var(--color-gray-900);\n }\n\n &__subtitle {\n margin-bottom: 1.5rem;\n font-family: var(--font-family-sans-serif);\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n text-align: left;\n color: var(--color-gray-700);\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__progressbar {\n width: 100%;\n height: 0.375rem;\n border-radius: var(--default-border-radius);\n background-color: var(--color-gray-400);\n }\n\n &__progress {\n width: 50%;\n height: 100%;\n height: 0.375rem;\n border-radius: var(--default-border-radius);\n text-align: left;\n background-color: var(--color-axa);\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n",".af-stepper-client {\n display: flex;\n width: 100%;\n flex-direction: column;\n background-color: transparent;\n\n &__title {\n margin-bottom: 0.5rem;\n font-family: var(--font-family-publico-bold), var(--font-family-base);\n font-size: 2rem;\n font-weight: 700;\n line-height: 2.5rem;\n text-align: left;\n color: var(--color-gray-900);\n }\n\n &__subtitle {\n margin-bottom: 1.5rem;\n font-family: var(--font-family-sans-serif);\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n text-align: left;\n color: var(--color-gray-700);\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__progressbar {\n width: 100%;\n height: 0.375rem;\n border-radius: var(--default-border-radius);\n background-color: var(--color-gray-400);\n }\n\n &__progress {\n width: 50%;\n height: 100%;\n height: 0.375rem;\n border-radius: var(--default-border-radius);\n text-align: left;\n background-color: var(--color-axa);\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n"]}
@@ -1,51 +0,0 @@
1
- .af-stepper-client {
2
- display: flex;
3
- width: 100%;
4
- flex-direction: column;
5
- background-color: transparent;
6
-
7
- &__title {
8
- margin-bottom: 0.5rem;
9
- font-family: var(--font-family-publico-bold), var(--font-family-base);
10
- font-size: 2rem;
11
- font-weight: 700;
12
- line-height: 2.5rem;
13
- text-align: left;
14
- color: var(--color-gray-900);
15
- }
16
-
17
- &__subtitle {
18
- margin-bottom: 1.5rem;
19
- font-family: var(--font-family-sans-serif);
20
- font-size: 1.125rem;
21
- font-weight: 400;
22
- line-height: 1.406rem;
23
- text-align: left;
24
- color: var(--color-gray-700);
25
- }
26
-
27
- &__content {
28
- display: flex;
29
- align-items: flex-end;
30
- gap: 1rem;
31
- }
32
-
33
- &__progressbar {
34
- width: 100%;
35
- height: 0.375rem;
36
- border-radius: var(--default-border-radius);
37
- background-color: var(--color-gray-400);
38
- }
39
-
40
- &__progress {
41
- width: 50%;
42
- height: 100%;
43
- height: 0.375rem;
44
- border-radius: var(--default-border-radius);
45
- text-align: left;
46
- background-color: var(--color-axa);
47
- transition:
48
- 0.75s ease-out,
49
- background-color 0.75s;
50
- }
51
- }
Binary file