@axa-fr/design-system-slash-css 2.0.6-alpha.15 → 2.0.6-alpha.22
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.
- package/dist/Accordion/Accordion.css +3 -1
- package/dist/Action/Action.css +1 -1
- package/dist/Button/Button.css +1 -139
- package/dist/Card/Card.css +1 -108
- package/dist/CardData/CardData.css +1 -102
- package/dist/Divider/Divider.css +1 -14
- package/dist/Form/Checkbox/Checkbox.css +1 -1
- package/dist/Form/Date/Date.css +1 -1
- package/dist/Form/File/File.css +1 -1
- package/dist/Form/MultiSelect/MultiSelect.css +1 -1
- package/dist/Form/NestedQuestion/NestedQuestion.css +1 -1
- package/dist/Form/Pass/Pass.css +1 -1
- package/dist/Form/Radio/Radio.css +1 -1
- package/dist/Form/Radio/RadioCardGroup.css +1 -87
- package/dist/Form/Select/Select.css +1 -1
- package/dist/Form/Slider/Slider.css +1 -1
- package/dist/Form/Text/Text.css +1 -1
- package/dist/Form/Textarea/Textarea.css +1 -1
- package/dist/Form/core/FormCore.css +1 -1
- package/dist/Layout/Footer/Footer.css +1 -25
- package/dist/Layout/Header/AnchorNavBar/AnchorNavBar.css +1 -50
- package/dist/Layout/Header/Drawer/Drawer.css +1 -1
- package/dist/Layout/Header/Header.css +1 -1
- package/dist/Layout/Header/HeaderTitle/HeaderTitle.css +1 -1
- package/dist/Layout/Header/Infos/Infos.css +1 -46
- package/dist/Layout/Header/Logo/Logo.css +1 -1
- package/dist/Layout/Header/Name/Name.css +1 -1
- package/dist/Layout/Header/NavBar/NavBar.css +1 -1
- package/dist/Layout/Header/User/User.css +1 -37
- package/dist/Link/Link.css +1 -72
- package/dist/Loader/Loader.css +1 -1
- package/dist/Message/Message.css +1 -83
- package/dist/Modal/Modal.css +1 -1
- package/dist/Popover/Popover.css +1 -1
- package/dist/Restitution/Restitution.css +1 -1
- package/dist/Steps/Steps.css +1 -1
- package/dist/Steps/VerticalStep.css +1 -82
- package/dist/Table/Pager.css +1 -1
- package/dist/Table/Paging.css +1 -1
- package/dist/Table/Table.css +1 -1
- package/dist/Tabs/Tabs.css +1 -1
- package/dist/Tag/Tag.css +1 -1
- package/dist/Title/Title.css +1 -1
- package/dist/common/breakpoints.css +1 -22
- package/dist/common/icons.css +1 -1
- package/dist/common/tokens.css +1 -83
- package/dist/slash.css +3 -1
- package/package.json +8 -9
- package/dist/Accordion/Accordion.css.map +0 -1
- package/dist/Accordion/Accordion.scss +0 -109
- package/dist/Action/Action.css.map +0 -1
- package/dist/Action/Action.scss +0 -48
- package/dist/Alert/Alert.css.map +0 -1
- package/dist/Alert/Alert.scss +0 -5
- package/dist/Form/Checkbox/Checkbox.css.map +0 -1
- package/dist/Form/Checkbox/Checkbox.scss +0 -323
- package/dist/Form/Date/Date.css.map +0 -1
- package/dist/Form/Date/Date.scss +0 -94
- package/dist/Form/File/File.css.map +0 -1
- package/dist/Form/File/File.scss +0 -79
- package/dist/Form/MultiSelect/MultiSelect.css.map +0 -1
- package/dist/Form/MultiSelect/MultiSelect.scss +0 -60
- package/dist/Form/NestedQuestion/NestedQuestion.css.map +0 -1
- package/dist/Form/NestedQuestion/NestedQuestion.scss +0 -22
- package/dist/Form/Pass/Pass.css.map +0 -1
- package/dist/Form/Pass/Pass.scss +0 -86
- package/dist/Form/Radio/Radio.css.map +0 -1
- package/dist/Form/Radio/Radio.scss +0 -202
- package/dist/Form/Select/Select.css.map +0 -1
- package/dist/Form/Select/Select.scss +0 -112
- package/dist/Form/Slider/Slider.css.map +0 -1
- package/dist/Form/Slider/Slider.scss +0 -72
- package/dist/Form/Text/Text.css.map +0 -1
- package/dist/Form/Text/Text.scss +0 -111
- package/dist/Form/Textarea/Textarea.css.map +0 -1
- package/dist/Form/Textarea/Textarea.scss +0 -44
- package/dist/Form/core/FormCore.css.map +0 -1
- package/dist/Form/core/FormCore.scss +0 -97
- package/dist/Layout/Header/Drawer/Drawer.css.map +0 -1
- package/dist/Layout/Header/Drawer/Drawer.scss +0 -25
- package/dist/Layout/Header/Header.css.map +0 -1
- package/dist/Layout/Header/Header.scss +0 -35
- package/dist/Layout/Header/HeaderTitle/HeaderTitle.css.map +0 -1
- package/dist/Layout/Header/HeaderTitle/HeaderTitle.scss +0 -112
- package/dist/Layout/Header/Logo/Logo.css.map +0 -1
- package/dist/Layout/Header/Logo/Logo.scss +0 -42
- package/dist/Layout/Header/Name/Name.css.map +0 -1
- package/dist/Layout/Header/Name/Name.scss +0 -33
- package/dist/Layout/Header/NavBar/NavBar.css.map +0 -1
- package/dist/Layout/Header/NavBar/NavBar.scss +0 -203
- package/dist/Loader/Loader.css.map +0 -1
- package/dist/Loader/Loader.scss +0 -57
- package/dist/Modal/Modal.css.map +0 -1
- package/dist/Modal/Modal.scss +0 -96
- package/dist/Popover/Popover.css.map +0 -1
- package/dist/Popover/Popover.scss +0 -51
- package/dist/Restitution/Restitution.css.map +0 -1
- package/dist/Restitution/Restitution.scss +0 -137
- package/dist/Steps/Steps.css.map +0 -1
- package/dist/Steps/Steps.scss +0 -189
- package/dist/Table/Pager.css.map +0 -1
- package/dist/Table/Pager.scss +0 -79
- package/dist/Table/Paging.css.map +0 -1
- package/dist/Table/Paging.scss +0 -61
- package/dist/Table/Table.css.map +0 -1
- package/dist/Table/Table.scss +0 -75
- package/dist/Tabs/Tabs.css.map +0 -1
- package/dist/Tabs/Tabs.scss +0 -137
- package/dist/Tag/Tag.css.map +0 -1
- package/dist/Tag/Tag.scss +0 -55
- package/dist/Title/Title.css.map +0 -1
- package/dist/Title/Title.scss +0 -66
- package/dist/common/common.css +0 -0
- package/dist/common/common.scss +0 -1459
- package/dist/common/grid.css.map +0 -1
- package/dist/common/grid.scss +0 -1029
- package/dist/common/icons.css.map +0 -1
- package/dist/common/icons.scss +0 -1232
- package/dist/common/reboot.css.map +0 -1
- package/dist/common/reboot.scss +0 -338
- package/dist/slash.css.map +0 -1
- package/dist/slash.scss +0 -40
|
@@ -1,87 +1 @@
|
|
|
1
|
-
.af-form__radio-card-group {
|
|
2
|
-
display: inline-flex;
|
|
3
|
-
margin-right: 1rem;
|
|
4
|
-
grid-gap: 25px;
|
|
5
|
-
flex-flow: row wrap;
|
|
6
|
-
|
|
7
|
-
.af-card {
|
|
8
|
-
--color-radio-input-border: var(--gray50);
|
|
9
|
-
|
|
10
|
-
width: var(--width-radio-card, initial);
|
|
11
|
-
min-width: 11.25rem;
|
|
12
|
-
height: var(--height-radio-card, initial);
|
|
13
|
-
text-align: center;
|
|
14
|
-
cursor: pointer;
|
|
15
|
-
|
|
16
|
-
input[type="radio"] {
|
|
17
|
-
display: grid;
|
|
18
|
-
width: 1.1875rem;
|
|
19
|
-
height: 1.1875rem;
|
|
20
|
-
margin-bottom: 1.5rem;
|
|
21
|
-
border: 1px solid var(--color-radio-input-border);
|
|
22
|
-
border-radius: 50%;
|
|
23
|
-
place-content: center;
|
|
24
|
-
transform: translateY(-0.075em);
|
|
25
|
-
cursor: pointer;
|
|
26
|
-
appearance: none;
|
|
27
|
-
|
|
28
|
-
&::before {
|
|
29
|
-
width: 0.6875rem;
|
|
30
|
-
height: 0.6875rem;
|
|
31
|
-
border-radius: 50%;
|
|
32
|
-
box-shadow: inset 1em 1em var(--color-radio-input-border);
|
|
33
|
-
transform: scale(0);
|
|
34
|
-
transition: 120ms transform ease-in-out;
|
|
35
|
-
content: "";
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
&:checked {
|
|
39
|
-
--color-radio-input-border: var(--color-border-hover);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
&:disabled {
|
|
43
|
-
--color-radio-input-border: var(--gray40);
|
|
44
|
-
|
|
45
|
-
cursor: not-allowed;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
&:checked::before {
|
|
49
|
-
transform: scale(1);
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
&:hover {
|
|
54
|
-
--color-radio-input-border: var(--axablue80);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
&:has(input[type="radio"]:checked) {
|
|
58
|
-
border: 2px solid var(--color-border-selected);
|
|
59
|
-
|
|
60
|
-
--card-text-color: var(--gray80);
|
|
61
|
-
--card-icon-color: var(--axablue80);
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
&:has(input[type="radio"]:disabled) {
|
|
65
|
-
--card-border-color: transparent;
|
|
66
|
-
--card-text-color: var(--gray40);
|
|
67
|
-
--card-icon-color: var(--gray40);
|
|
68
|
-
|
|
69
|
-
cursor: not-allowed;
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.af-card--error {
|
|
74
|
-
--color-radio-input-border: var(--red30);
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.af-form__radio-card-group--horizontal {
|
|
79
|
-
display: flex;
|
|
80
|
-
flex-flow: column nowrap;
|
|
81
|
-
|
|
82
|
-
/* stylelint-disable-next-line no-descending-specificity */
|
|
83
|
-
.af-card input[type="radio"] {
|
|
84
|
-
margin-right: 1.5rem;
|
|
85
|
-
margin-bottom: 0;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
1
|
+
.af-form__radio-card-group{display:inline-flex;margin-right:1rem;grid-gap:25px;flex-flow:row wrap;.af-card{--color-radio-input-border:var(--gray50);cursor:pointer;height:var(--height-radio-card,initial);min-width:11.25rem;text-align:center;width:var(--width-radio-card,initial);input[type=radio]{-webkit-appearance:none;appearance:none;border:1px solid var(--color-radio-input-border);border-radius:50%;cursor:pointer;display:grid;height:1.1875rem;margin-bottom:1.5rem;place-content:center;transform:translateY(-.075em);width:1.1875rem;&:before{border-radius:50%;box-shadow:inset 1em 1em var(--color-radio-input-border);content:"";height:.6875rem;transform:scale(0);transition:transform .12s ease-in-out;width:.6875rem}&:checked{--color-radio-input-border:var(--color-border-hover)}&:disabled{--color-radio-input-border:var(--gray40);cursor:not-allowed}&:checked:before{transform:scale(1)}}&:hover{--color-radio-input-border:var(--axablue80)}&:has(input[type=radio]:checked){border:2px solid var(--color-border-selected);--card-text-color:var(--gray80);--card-icon-color:var(--axablue80)}&:has(input[type=radio]:disabled){--card-border-color:#0000;--card-text-color:var(--gray40);--card-icon-color:var(--gray40);cursor:not-allowed}}.af-card--error{--color-radio-input-border:var(--red30)}}.af-form__radio-card-group--horizontal{display:flex;flex-flow:column nowrap;.af-card input[type=radio]{margin-bottom:0;margin-right:1.5rem}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form{background:#f5f5f5;padding:1rem}.af-form__group{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:3rem}.af-form__group--label-top{align-items:flex-start}.af-form__group-label{font-size:1rem;font-weight:400;margin:0}.af-form__group-label--required:after{color:var(--error-color);content:" *"}.af-form__message,.af-form__text{align-items:center;display:flex}.af-form__message{flex-wrap:wrap;justify-content:flex-start;margin:.2rem 0;min-height:1.6em;position:absolute}.af-form__message .glyphicon{margin-right:.4rem;width:17px}.af-form__message--error{color:var(--error-color)}.af-form__message--warning{color:var(--warning-color)}.af-form__help{bottom:-20px;color:var(--help-color);display:block;font-size:.8125em;position:absolute}.af-form__input-cmplt{display:inline-flex;margin-left:1rem}.af-form__fields-inline{align-items:flex-start;display:flex;justify-content:flex-start}.af-form__fields-inline .af-form__text{padding:0}.af-form__input-inline{margin-right:1rem}.af-form__label{align-items:center;cursor:pointer;display:flex;font-weight:400;margin:0;padding:1rem 0}.af-form__description{padding-left:1.8rem}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@media (width >= 576px){.container{max-width:540px}}@media (width >= 768px){.container{max-width:720px}}@media (width >= 992px){.container{max-width:960px}}@media (width >= 1200px){.container{max-width:1440px}}.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.no-gutters{margin-left:0;margin-right:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:15px;padding-right:15px;position:relative;width:100%}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;max-width:100%;width:auto}.col-1{flex:0 0 8.3333%;max-width:8.3333%}.col-2{flex:0 0 16.6667%;max-width:16.6667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333%;max-width:33.3333%}.col-5{flex:0 0 41.6667%;max-width:41.6667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333%;max-width:58.3333%}.col-8{flex:0 0 66.6667%;max-width:66.6667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333%;max-width:83.3333%}.col-11{flex:0 0 91.6667%;max-width:91.6667%}.col-12{flex:0 0 100%;max-width:100%}.no-gutters>.col,.no-gutters>[class*=col-]{padding-left:0;padding-right:0}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.3333%}.offset-2{margin-left:16.6667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333%}.offset-5{margin-left:41.6667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333%}.offset-8{margin-left:66.6667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333%}.offset-11{margin-left:91.6667%}@media (width >= 576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;max-width:100%;width:auto}.col-sm-1{flex:0 0 8.3333%;max-width:8.3333%}.col-sm-2{flex:0 0 16.6667%;max-width:16.6667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333%;max-width:33.3333%}.col-sm-5{flex:0 0 41.6667%;max-width:41.6667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333%;max-width:58.3333%}.col-sm-8{flex:0 0 66.6667%;max-width:66.6667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333%;max-width:83.3333%}.col-sm-11{flex:0 0 91.6667%;max-width:91.6667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333%}.offset-sm-2{margin-left:16.6667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333%}.offset-sm-5{margin-left:41.6667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333%}.offset-sm-8{margin-left:66.6667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333%}.offset-sm-11{margin-left:91.6667%}}@media (width >= 768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;max-width:100%;width:auto}.col-md-1{flex:0 0 8.3333%;max-width:8.3333%}.col-md-2{flex:0 0 16.6667%;max-width:16.6667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}.col-md-5{flex:0 0 41.6667%;max-width:41.6667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333%;max-width:58.3333%}.col-md-8{flex:0 0 66.6667%;max-width:66.6667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333%;max-width:83.3333%}.col-md-11{flex:0 0 91.6667%;max-width:91.6667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333%}.offset-md-2{margin-left:16.6667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333%}.offset-md-5{margin-left:41.6667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333%}.offset-md-8{margin-left:66.6667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333%}.offset-md-11{margin-left:91.6667%}}@media (width >= 992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;max-width:100%;width:auto}.col-lg-1{flex:0 0 8.3333%;max-width:8.3333%}.col-lg-2{flex:0 0 16.6667%;max-width:16.6667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}.col-lg-5{flex:0 0 41.6667%;max-width:41.6667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333%;max-width:58.3333%}.col-lg-8{flex:0 0 66.6667%;max-width:66.6667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333%;max-width:83.3333%}.col-lg-11{flex:0 0 91.6667%;max-width:91.6667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333%}.offset-lg-2{margin-left:16.6667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333%}.offset-lg-5{margin-left:41.6667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333%}.offset-lg-8{margin-left:66.6667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333%}.offset-lg-11{margin-left:91.6667%}}@media (width >= 1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;max-width:100%;width:auto}.col-xl-1{flex:0 0 8.3333%;max-width:8.3333%}.col-xl-2{flex:0 0 16.6667%;max-width:16.6667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333%;max-width:33.3333%}.col-xl-5{flex:0 0 41.6667%;max-width:41.6667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333%;max-width:58.3333%}.col-xl-8{flex:0 0 66.6667%;max-width:66.6667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333%;max-width:83.3333%}.col-xl-11{flex:0 0 91.6667%;max-width:91.6667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333%}.offset-xl-2{margin-left:16.6667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333%}.offset-xl-5{margin-left:41.6667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333%}.offset-xl-8{margin-left:66.6667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333%}.offset-xl-11{margin-left:91.6667%}}.af-form__select{position:relative}.af-form__select-container{background:var(--white);border:1px solid var(--input-border-color);display:inline-block;position:relative}.af-form__select-container .glyphicon-menu-down{font-size:.7em;height:.7em;position:absolute;right:1em;top:50%;transform:translateY(-50%)}.af-form__select--success .af-form__select-container,.af-form__select--valid .af-form__select-container{margin-right:1rem}.af-form__select--success:after,.af-form__select--valid:after{color:var(--valid-element-color);content:"\eaba";font-family:icons}.af-form__select--success>.af-btn--circle,.af-form__select--success>.af-form__message,.af-form__select--valid:after,.af-form__select--valid>.af-btn--circle,.af-form__select--valid>.af-form__message{display:none}.af-form__select--valid .glyphicon-ok{fill:#1cc578;margin-left:2px;position:absolute;right:-25px;top:50%;transform:translateY(-50%);width:17px}.af-form__select--disabled .af-form__select-container{background:#e5e5e5;cursor:not-allowed}.af-form__select--error .af-form__input-text,.af-form__select--error .af-form__select-container{border:1px solid var(--error-color);color:var(--error-color)}.af-form__select--error select{color:var(--error-color)}.af-form__select--warning .af-form__input-text,.af-form__select--warning .af-form__select-container{border:1px solid var(--warning-color);color:var(--warning-color)}.af-form__input-select{-webkit-appearance:none;appearance:none;background:#0000;border:0;font-size:1em;padding:.5em 2.7em .5em 1em;position:relative;z-index:1}.af-form__input-select::-ms-expand{display:none}.af-form__input-select:focus{outline:solid 1px var(--brand-primary)}.af-form__input-select--hasinfobulle{margin-right:1rem}
|
|
1
|
+
.af-form__select{position:relative}.af-form__select-container{background:var(--white);border:1px solid var(--input-border-color);display:inline-block;position:relative}.af-form__select-container .glyphicon-menu-down{font-size:.7em;height:.7em;position:absolute;right:1em;top:50%;transform:translateY(-50%)}.af-form__select--success .af-form__select-container,.af-form__select--valid .af-form__select-container{margin-right:1rem}.af-form__select--success:after,.af-form__select--valid:after{color:var(--valid-element-color);content:"\EABA";font-family:var(--font-family-icon)}.af-form__select--success>.af-btn--circle,.af-form__select--success>.af-form__message,.af-form__select--valid:after,.af-form__select--valid>.af-btn--circle,.af-form__select--valid>.af-form__message{display:none}.af-form__select--valid .glyphicon-ok{fill:var(--color-btn-success);margin-left:2px;position:absolute;right:-25px;top:50%;transform:translateY(-50%);width:17px}.af-form__select--disabled .af-form__select-container{background:var(--color-mercury);cursor:not-allowed}.af-form__select--error .af-form__input-text,.af-form__select--error .af-form__select-container{border:1px solid var(--error-color);color:var(--error-color)}.af-form__select--error select{color:var(--error-color)}.af-form__select--warning .af-form__input-text,.af-form__select--warning .af-form__select-container{border:1px solid var(--warning-color);color:var(--warning-color)}.af-form__input-select{-webkit-appearance:none;appearance:none;background:#0000;border:0;font-size:1em;padding:.5em 2.7em .5em 1em;position:relative;z-index:1}.af-form__input-select::-ms-expand{display:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.af-slider.rc-slider{border-radius:0;margin-bottom:1.2em;width:80%!important}.af-slider .rc-slider-rail{background:var(--gray30);height:6px}.af-slider .rc-slider-track{background:var(--color-azur);border-radius:0;height:6px}.af-slider .rc-slider-handle{background:var(--color-azur);border-color:var(--color-azur);color:var(--white);height:20px;opacity:1;width:20px}.af-slider .rc-slider-handle:before{background:var(--gray40);content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.af-slider .rc-slider-step{height:6px}.af-slider .rc-slider-dot{background:var(--gray40);border-color:var(--gray40);border-radius:0;height:6px;position:absolute;top:50%;transform:translateY(-50%);width:2px}.af-slider .rc-slider-dot.active{background:var(--gray40);border-color:var(--gray40)}.af-slider .rc-slider-dot:first-child,.af-slider .rc-slider-dot:last-child{height:12px}
|
package/dist/Form/Text/Text.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__input-text{--color:var(--text-color);--border-color:var(--input-border-color);--background-color:var(--white);background-color:var(--background-color);border:1px solid var(--border-color);color:var(--color);font-size:1em;line-height:20px;padding:.625rem 1.25rem}.af-form__input-text:disabled{--color:var(--disabled-color);--border-color:var(--disabled-color);--background-color:var(--gray10);cursor:not-allowed}.af-form__input-text[aria-invalid=true]{--color:var(--error-color);--border-color:var(--error-color)}.af-form__input-text:focus{--color:var(--active-button-border-color);--border-color:var(--active-button-border-color);outline:2px solid var(--border-color)}.af-form__input-text--hasinfobulle,.af-form__text--success .af-form__input-text,.af-form__text--valid .af-form__input-text{margin-right:1rem}.af-form__text--success:after,.af-form__text--valid:after{color:var(--valid-element-color);content:"\
|
|
1
|
+
.af-form__input-text{--color:var(--text-color);--border-color:var(--input-border-color);--background-color:var(--white);background-color:var(--background-color);border:1px solid var(--border-color);color:var(--color);font-size:1em;line-height:20px;padding:.625rem 1.25rem}.af-form__input-text:disabled{--color:var(--disabled-color);--border-color:var(--disabled-color);--background-color:var(--gray10);cursor:not-allowed}.af-form__input-text[aria-invalid=true]{--color:var(--error-color);--border-color:var(--error-color)}.af-form__input-text:focus{--color:var(--active-button-border-color);--border-color:var(--active-button-border-color);outline:2px solid var(--border-color)}.af-form__input-text--hasinfobulle,.af-form__text--success .af-form__input-text,.af-form__text--valid .af-form__input-text{margin-right:1rem}.af-form__text--success:after,.af-form__text--valid:after{color:var(--valid-element-color);content:"\EABA";font-family:icons;position:relative;top:5px}.af-form__text--success>.af-btn--circle,.af-form__text--valid>.af-btn--circle{margin-right:1rem}.af-form__text--valid:after{display:none}.af-form__text--valid .glyphicon-ok{fill:var(--valid-element-color);margin-left:2px;width:17px}.af-form__text--warning{padding:0}.af-form__text--warning .af-form__input-text{border:1px solid var(--warning-color);color:var(--warning-color)}.af-form__text-wrapper{display:inline-flex;position:relative}.af-form__input-text::-ms-clear,.af-form__input-text::-ms-reveal{display:none}.af-form__clear{position:absolute;right:3rem;top:.75rem}.af-form__clear:hover{background:var(--gray30);border-radius:100%;box-shadow:0 0 0 6px var(--gray30)}.af-form__clear .glyphicon{display:inherit;height:100%;padding-top:0;width:19px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-
|
|
1
|
+
.af-form__input-textarea{--text-color:var(--color-text);--border-color:var(--input-border-color);border:1px solid var(--border-color);color:var(--text-color);font-family:var(--font-family-base);font-size:1em;padding:1rem}.af-form__input-textarea--hasinfobulle{margin-right:1rem}.af-form__input-textarea:disabled{cursor:not-allowed;--text-color:var(--color-text);--border-color:var(--input-border-color)}.af-form__input-textarea[aria-invalid=true]{--text-color:var(--error-color);--border-color:var(--error-color)}.af-form__input-textarea:focus{--border-color:var(--active-button-border-color);--text-color:var(--color-text)}.af-form__textarea--warning .af-form__input-textarea{border:1px solid var(--warning-color);color:var(--warning-color)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form{background
|
|
1
|
+
.af-form{background:var(--color-wild-sand);padding:1rem}.af-form__group{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:3rem}.af-form__group--label-top{align-items:flex-start}.af-form__group-label{font-size:1rem;font-weight:400;margin:0}.af-form__group-label--required:after{color:var(--error-color);content:" *"}.af-form__message,.af-form__text{align-items:center;display:flex}.af-form__message{flex-wrap:wrap;justify-content:flex-start;margin:.2rem 0;min-height:1.6em;position:absolute}.af-form__message .glyphicon{margin-right:.4rem;width:17px}.af-form__message--error{color:var(--error-color)}.af-form__message--warning{color:var(--warning-color)}.af-form__help{bottom:-20px;color:var(--help-color);display:block;font-size:.8125em;position:absolute}.af-form__input-cmplt{display:inline-flex;margin-left:1rem}.af-form__fields-inline{align-items:flex-start;display:flex;justify-content:flex-start}.af-form__fields-inline .af-form__text{padding:0}.af-form__input-inline{margin-right:1rem}.af-form__label{align-items:center;cursor:pointer;display:flex;font-weight:400;margin:0;padding:1rem 0}.af-form__description{padding-left:1.8rem}
|
|
@@ -1,25 +1 @@
|
|
|
1
|
-
.af-footer
|
|
2
|
-
--logo-size: 22px;
|
|
3
|
-
|
|
4
|
-
display: flex;
|
|
5
|
-
margin-top: calc(72rem / 16);
|
|
6
|
-
margin-bottom: calc(32rem / 16);
|
|
7
|
-
align-items: center;
|
|
8
|
-
font-size: 0.6875rem;
|
|
9
|
-
|
|
10
|
-
.af-logo__brand {
|
|
11
|
-
width: var(--logo-size);
|
|
12
|
-
height: var(--logo-size);
|
|
13
|
-
margin-right: 0.5rem;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.af-footer-content,
|
|
17
|
-
.af-footer-version {
|
|
18
|
-
font-weight: 600;
|
|
19
|
-
color: var(--axablue80);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.af-footer-version {
|
|
23
|
-
margin-left: auto;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
1
|
+
.af-footer{--footer-logo-size:22px;align-items:center;display:flex;font-size:.6875rem;margin-bottom:2rem;margin-top:4.5rem;.af-logo__brand{height:var(--footer-logo-size);margin-right:.5rem;width:var(--footer-logo-size)}.af-footer-content,.af-footer-version{color:var(--axablue80);font-weight:600}.af-footer-version{margin-left:auto}}
|
|
@@ -1,50 +1 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--anchor-navbar-border-bottom-color: var(--white);
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.af-anchor-navbar {
|
|
6
|
-
width: 100%;
|
|
7
|
-
margin-bottom: 2rem;
|
|
8
|
-
background-color: var(--white);
|
|
9
|
-
box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 5%);
|
|
10
|
-
|
|
11
|
-
ul {
|
|
12
|
-
display: flex;
|
|
13
|
-
width: 100%;
|
|
14
|
-
margin: auto;
|
|
15
|
-
padding: 0;
|
|
16
|
-
align-items: center;
|
|
17
|
-
|
|
18
|
-
li {
|
|
19
|
-
list-style: none;
|
|
20
|
-
|
|
21
|
-
.af-anchor-navbar-link {
|
|
22
|
-
display: flex;
|
|
23
|
-
padding: 0.8rem 1rem;
|
|
24
|
-
border-bottom: 4px solid var(--anchor-navbar-border-bottom-color);
|
|
25
|
-
align-items: center;
|
|
26
|
-
gap: 0.5rem;
|
|
27
|
-
text-decoration: none;
|
|
28
|
-
color: var(--black);
|
|
29
|
-
|
|
30
|
-
&:hover:not(.af-anchor-navbar-link--active),
|
|
31
|
-
&:focus:not(.af-anchor-navbar-link--active) {
|
|
32
|
-
--anchor-navbar-border-bottom-color: var(--gray40);
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
a.af-anchor-navbar-link--active {
|
|
37
|
-
--anchor-navbar-border-bottom-color: var(--axablue80);
|
|
38
|
-
|
|
39
|
-
font-weight: 600;
|
|
40
|
-
color: var(--axablue80);
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.af-anchor-navbar-external-link-svg {
|
|
44
|
-
width: 1rem;
|
|
45
|
-
height: 1rem;
|
|
46
|
-
fill: var(--black);
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
1
|
+
:root{--anchor-navbar-border-bottom-color:var(--white)}.af-anchor-navbar{background-color:var(--white);box-shadow:0 5px 9px 0 #0000000d;margin-bottom:2rem;width:100%;ul{align-items:center;display:flex;margin:auto;padding:0;width:100%;li{list-style:none;.af-anchor-navbar-link{align-items:center;border-bottom:4px solid var(--anchor-navbar-border-bottom-color);color:var(--black);display:flex;gap:.5rem;padding:.8rem 1rem;text-decoration:none;&:focus:not(.af-anchor-navbar-link--active),&:hover:not(.af-anchor-navbar-link--active){--anchor-navbar-border-bottom-color:var(--gray40)}}a.af-anchor-navbar-link--active{--anchor-navbar-border-bottom-color:var(--axablue80);color:var(--axablue80);font-weight:600}.af-anchor-navbar-external-link-svg{fill:var(--black);height:1rem;width:1rem}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-drawer{height:100%;margin:0;position:absolute;right:0;transform:translateX(100%);transition:transform .3s ease-out;width:16rem;z-index:1}.af-drawer.show{transform:translateX(0)}.af-drawer.left{left:0;transform:translateX(-100%)}.af-drawer.left
|
|
1
|
+
.af-drawer{height:100%;margin:0;position:absolute;right:0;transform:translateX(100%);transition:transform .3s ease-out;width:16rem;z-index:1}.af-drawer.show{transform:translateX(0)}.af-drawer.left{left:0;transform:translateX(-100%)}.af-drawer.show.left{transform:translateX(0)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-header{background-color:var(--white)}.af-header__content{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:1.75rem}@media (
|
|
1
|
+
.af-header{background-color:var(--white)}.af-header__content{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:1.75rem}@media screen and (width >= 576px){.af-header__wrapper{width:100%}}@media screen and (width >= 772px){.af-header__content{flex-wrap:nowrap}.af-header__wrapper{max-width:100%;width:1140px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-title-bar{align-items:center;background:var(--axablue80);color:var(--white);display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;padding-top:1rem;width:100%}.af-title-bar__withAnchorNavBar{margin-bottom:0}.af-title-bar--sticky{position:-webkit-sticky;position:sticky;top:0;z-index:110}.af-title-bar--fixed{position:fixed;width:100%}.af-title-bar__button{margin-right:1rem}.af-title-bar__button .button--circled:hover{color:initial}.af-title-bar__button .button--circled:hover .button__icon{fill:initial}.af-title-bar__leftSection{gap:1rem}.af-title-bar__leftSection,.af-title-bar__rightSection{align-items:center;display:flex}.af-title-bar__title{color:var(--white);display:inline-block;font-weight:600;margin:0}.af-title-bar__subtitle{color:var(--bluesubtitle);font-weight:400;margin-left:.25rem}.af-title-bar__actions{display:flex}.af-title-bar__actions .btn{align-items:center;display:flex;fill:var(--white);flex-direction:column;justify-content:center;transition:fill .3s}.af-title-bar__actions .btn:hover{fill:var(--axablue80)}.af-title-bar__actions .btn svg{width:1rem}.af-title-bar__actions .af-btn--circle{margin-left:1rem;vertical-align:middle}.af-title-bar__actions .af-btn--circle .injected-svg{color:var(--white)}.af-title-bar__actions .af-btn--circle:focus{box-shadow:0 0 6px var(--white);color:var(--white)}@media (
|
|
1
|
+
.af-title-bar{align-items:center;background:var(--axablue80);color:var(--white);display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;padding-top:1rem;width:100%}.af-title-bar__withAnchorNavBar{margin-bottom:0}.af-title-bar--sticky{position:-webkit-sticky;position:sticky;top:0;z-index:110}.af-title-bar--fixed{position:fixed;width:100%}.af-title-bar__button{margin-right:1rem}.af-title-bar__button .button--circled:hover{color:initial}.af-title-bar__button .button--circled:hover .button__icon{fill:initial}.af-title-bar__leftSection{gap:1rem}.af-title-bar__leftSection,.af-title-bar__rightSection{align-items:center;display:flex}.af-title-bar__title{color:var(--white);display:inline-block;font-weight:600;margin:0}.af-title-bar__subtitle{color:var(--bluesubtitle);font-weight:400;margin-left:.25rem}.af-title-bar__actions{display:flex}.af-title-bar__actions .btn{align-items:center;display:flex;fill:var(--white);flex-direction:column;justify-content:center;transition:fill .3s}.af-title-bar__actions .btn:hover{fill:var(--axablue80)}.af-title-bar__actions .btn svg{width:1rem}.af-title-bar__actions .af-btn--circle{margin-left:1rem;vertical-align:middle}.af-title-bar__actions .af-btn--circle .injected-svg{color:var(--white)}.af-title-bar__actions .af-btn--circle:focus{box-shadow:0 0 6px var(--white);color:var(--white)}@media screen and (width >= 576px){.burger-container{display:none}}@media screen and (width >= 772px){.af-title-bar__title{font-size:1.375rem}}
|
|
@@ -1,46 +1 @@
|
|
|
1
|
-
.af-contrat {
|
|
2
|
-
position: relative;
|
|
3
|
-
display: flex;
|
|
4
|
-
width: fit-content;
|
|
5
|
-
padding: calc(12 / 16 * 1rem) 1rem;
|
|
6
|
-
border: 1px solid var(--gray40);
|
|
7
|
-
border-radius: 25px;
|
|
8
|
-
order: 3;
|
|
9
|
-
align-items: center;
|
|
10
|
-
justify-content: space-between;
|
|
11
|
-
gap: calc(12rem / 16);
|
|
12
|
-
font-size: calc(15rem / 16);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.af-contrat__icon {
|
|
16
|
-
width: calc(19rem / 16);
|
|
17
|
-
height: calc(19rem / 16);
|
|
18
|
-
fill: var(--gray40);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.af-contrat__list {
|
|
22
|
-
margin: 0;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.af-contrat__word {
|
|
26
|
-
display: inline-block;
|
|
27
|
-
margin-right: calc(4rem / 16);
|
|
28
|
-
font-weight: 400;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.af-contrat__def {
|
|
32
|
-
display: inline-block;
|
|
33
|
-
margin: 0 calc(12rem / 16) 0 0;
|
|
34
|
-
font-weight: 700;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.af-contrat__def:last-child {
|
|
38
|
-
margin-right: 0;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
@media (width >= 768px) {
|
|
42
|
-
.af-contrat {
|
|
43
|
-
margin: 0;
|
|
44
|
-
order: 2;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
1
|
+
.af-contrat{align-items:center;border:1px solid var(--gray40);border-radius:25px;display:flex;font-size:.9375rem;gap:.75rem;justify-content:space-between;order:3;padding:.75rem 1rem;position:relative;width:-webkit-fit-content;width:fit-content}.af-contrat__icon{fill:var(--gray40);height:1.1875rem;width:1.1875rem}.af-contrat__list{margin:0}.af-contrat__word{display:inline-block;font-weight:400;margin-right:.25rem}.af-contrat__def{display:inline-block;font-weight:700;margin:0 .75rem 0 0}.af-contrat__def:last-child{margin-right:0}@media screen and (width >= 772px){.af-contrat{margin:0;order:2}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-logo{display:inline-block;vertical-align:top}.af-logo,.af-logo:active,.af-logo:hover,.af-logo:link,.af-logo:visited{text-decoration:none}.af-logo-headline,.af-logo-name{line-height:1;text-decoration:none;vertical-align:bottom}.af-logo-name{font-weight:700}.af-
|
|
1
|
+
.af-logo{--logo-size:55px;display:inline-block;vertical-align:top}.af-logo,.af-logo:active,.af-logo:hover,.af-logo:link,.af-logo:visited{text-decoration:none}.af-logo-headline,.af-logo-name{line-height:1;text-decoration:none;vertical-align:bottom}.af-logo-name{font-weight:700}.af-logo__brand{height:var(--logo-size);margin-right:.5rem;width:var(--logo-size)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-header__title{color
|
|
1
|
+
.af-header__title{color:var(--brand-primary);display:table-cell;font-size:1.375em;font-weight:700;line-height:1em;vertical-align:middle}.af-header__subtitle{display:block;font-weight:400;line-height:1em}.af-header__name{align-self:flex-start;display:table;flex-basis:60%;order:1}@media screen and (width >= 772px){.af-header__name{flex-basis:auto}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-menu-open{overflow-y:hidden}.mask{background-color
|
|
1
|
+
.af-menu-open{overflow-y:hidden}.mask{background-color:#000c;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:17}.mask.show{display:block}.af-nav{background:var(--gray10);max-width:320px;position:relative;z-index:18}.af-nav.af-drawer{background:var(--white);bottom:0;min-width:320px;overflow:auto;position:fixed;top:0;z-index:1039;-webkit-overflow-scrolling:touch}.af-nav__link{display:block;padding:1rem;text-align:left}.af-nav__link:focus{box-shadow:0 0 5px var(--axablue80);outline:none}.af-nav__link a:hover{text-decoration:none}.af-nav__list{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;list-style:none;margin:0;padding:0}.af-nav__list--children{border-radius:0 0 3px 3px;font-size:.9em;min-width:200px;top:100%}.af-nav__list--children .af-nav__link{font-weight:400;padding:.4rem 1.1rem .4rem 2rem;text-align:left}.af-nav__item{position:relative;width:100%}.af-nav__item--haschild>.af-nav__link{padding-right:1.1rem}.af-nav__item .glyphicon-arrow-xs-down{display:none;position:absolute;right:.2rem;top:50%;transform:translateY(-50%);width:17px}.af-nav__item--active>.af-nav__link,.af-nav__item:hover>.af-nav__link{background-color:var(--axablue80);color:var(--white)}.af-nav__item--active .glyphicon-arrow-xs-down,.af-nav__item:hover .glyphicon-arrow-xs-down{color:var(--white)}.af-nav__item--open .af-nav__list--children,.af-nav__item:hover .af-nav__list--children{display:block}.af-nav__aside-header{align-items:center;border-bottom:2px solid var(--gray60);display:flex}.af-nav__aside-title{flex:1;margin:0;padding:10px 15px}.af-nav__aside-close{background:inherit;border:none;color:var(--gray60);cursor:pointer;font-size:3em}.af-nav__aside-close:hover{text-decoration:none}@media screen and (width >= 772px){.af-nav{max-width:inherit}.af-nav-container{background-color:var(--gray10)}.af-nav.af-drawer{background:none;overflow:visible;position:relative;width:auto;z-index:2}.af-nav.af-drawer.left{transform:none}.af-nav__link{text-align:center}.af-nav__list{flex-direction:row}.af-nav__list--children{background:var(--white);box-shadow:0 3px 5px var(--gray40);display:none;position:absolute}.af-nav__list--children .af-nav__link{padding-left:1.1rem}.af-nav__item{width:inherit}.af-nav__item--haschild>.af-nav__link{padding-right:2rem}.af-nav__item .glyphicon-arrow-xs-down{display:block}.af-nav__aside-header,.mask.show{display:none}}
|
|
@@ -1,37 +1 @@
|
|
|
1
|
-
.af-info-user {
|
|
2
|
-
margin-bottom: 1rem;
|
|
3
|
-
order: 2;
|
|
4
|
-
font-weight: 600;
|
|
5
|
-
text-align: right;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.af-info-user__profile {
|
|
9
|
-
margin-left: 0.5ch;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.af-info-user__name,
|
|
13
|
-
.af-info-user__profile {
|
|
14
|
-
display: block;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.af-info-user__link {
|
|
18
|
-
text-decoration: underline;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
@media (width >= 768px) {
|
|
22
|
-
.af-info-user {
|
|
23
|
-
margin: 0;
|
|
24
|
-
flex-basis: initial;
|
|
25
|
-
order: 3;
|
|
26
|
-
align-self: initial;
|
|
27
|
-
text-align: left;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.af-info-user__name {
|
|
31
|
-
display: inline;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.af-info-user__profile {
|
|
35
|
-
display: inline;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
1
|
+
.af-info-user{font-weight:600;margin-bottom:1rem;order:2;text-align:right}.af-info-user__profile{margin-left:.5ch}.af-info-user__name,.af-info-user__profile{display:block}.af-info-user__link{text-decoration:underline}@media screen and (width >= 772px){.af-info-user{align-self:auto;flex-basis:auto;margin:0;order:3;text-align:left}.af-info-user__name,.af-info-user__profile{display:inline}}
|
package/dist/Link/Link.css
CHANGED
|
@@ -1,72 +1 @@
|
|
|
1
|
-
.af-slash-link {
|
|
2
|
-
--link-color: var(--axablue90);
|
|
3
|
-
|
|
4
|
-
padding: 0;
|
|
5
|
-
|
|
6
|
-
/* Reset appearance for buttons */
|
|
7
|
-
border: none;
|
|
8
|
-
font-family: "Source Sans Pro", arial, sans-serif;
|
|
9
|
-
font-size: calc(16 / var(--font-size-base) * 1rem);
|
|
10
|
-
font-weight: initial;
|
|
11
|
-
line-height: calc(20 / var(--font-size-base) * 1rem);
|
|
12
|
-
text-align: start;
|
|
13
|
-
text-decoration: underline;
|
|
14
|
-
color: var(--link-color);
|
|
15
|
-
background-color: transparent;
|
|
16
|
-
cursor: pointer;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.af-slash-link--reverse {
|
|
20
|
-
--link-color: var(--white);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.af-slash-link:has(svg) > svg {
|
|
24
|
-
width: 1rem;
|
|
25
|
-
height: 1rem;
|
|
26
|
-
fill: var(--link-color);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.af-slash-link:has(svg)[aria-disabled="true"] > svg {
|
|
30
|
-
fill: var(--gray40);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.af-slash-link:has(svg) > svg:first-child {
|
|
34
|
-
margin-right: calc(4 / var(--font-size-base) * 1rem);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.af-slash-link:has(svg) > svg:last-child {
|
|
38
|
-
margin-left: calc(4 / var(--font-size-base) * 1rem);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.af-slash-link:has(.glyphicon) > .glyphicon {
|
|
42
|
-
vertical-align: middle;
|
|
43
|
-
font-size: calc(14 / var(--font-size-base) * 1rem);
|
|
44
|
-
line-height: calc(14 / var(--font-size-base) * 1rem);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.af-slash-link:has(.glyphicon) > .glyphicon:first-child {
|
|
48
|
-
margin-right: calc(4 / var(--font-size-base) * 1rem);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.af-slash-link:has(.glyphicon) > .glyphicon:last-child {
|
|
52
|
-
margin-left: calc(4 / var(--font-size-base) * 1rem);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.af-slash-link:focus,
|
|
56
|
-
.af-slash-link:focus-visible,
|
|
57
|
-
.af-slash-link:focus-within {
|
|
58
|
-
outline: 2px solid var(--link-color);
|
|
59
|
-
outline-offset: 2px;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.af-slash-link:hover {
|
|
63
|
-
text-decoration: none;
|
|
64
|
-
color: var(--link-color);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.af-slash-link[aria-disabled="true"] {
|
|
68
|
-
text-decoration: underline;
|
|
69
|
-
color: var(--gray40);
|
|
70
|
-
cursor: not-allowed;
|
|
71
|
-
pointer-events: none;
|
|
72
|
-
}
|
|
1
|
+
.af-slash-link{--link-color:var(--axablue90);background-color:initial;border:none;color:var(--link-color);cursor:pointer;font-family:Source Sans Pro,arial,sans-serif;font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;line-height:calc(20/var(--font-size-base)*1rem);padding:0;text-align:start;text-decoration:underline}.af-slash-link--reverse{--link-color:var(--white)}.af-slash-link:has(svg)>svg{fill:var(--link-color);height:1rem;width:1rem}.af-slash-link:has(svg)[aria-disabled=true]>svg{fill:var(--gray40)}.af-slash-link:has(svg)>svg:first-child{margin-right:calc(4/var(--font-size-base)*1rem)}.af-slash-link:has(svg)>svg:last-child{margin-left:calc(4/var(--font-size-base)*1rem)}.af-slash-link:has(.glyphicon)>.glyphicon{font-size:calc(14/var(--font-size-base)*1rem);line-height:calc(14/var(--font-size-base)*1rem);vertical-align:middle}.af-slash-link:has(.glyphicon)>.glyphicon:first-child{margin-right:calc(4/var(--font-size-base)*1rem)}.af-slash-link:has(.glyphicon)>.glyphicon:last-child{margin-left:calc(4/var(--font-size-base)*1rem)}.af-slash-link:focus,.af-slash-link:focus-visible,.af-slash-link:focus-within{outline:2px solid var(--link-color);outline-offset:2px}.af-slash-link:hover{color:var(--link-color);text-decoration:none}.af-slash-link[aria-disabled=true]{color:var(--gray40);cursor:not-allowed;pointer-events:none;text-decoration:underline}
|
package/dist/Loader/Loader.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-loader{min-height:94px;position:relative}.af-loader-on{background-color:#b4b4b4bf;height:100%;left:0;position:absolute;top:0;width:100%}.af-spinner{display:block;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.af-spinner__caption{color
|
|
1
|
+
.af-loader{min-height:94px;position:relative}.af-loader-on{background-color:#b4b4b4bf;height:100%;left:0;position:absolute;top:0;width:100%}.af-spinner{display:block;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.af-spinner__caption{color:var(--gray80);text-align:center}.af-spinner__animation{animation:rotateplane 1.1s ease-in-out infinite;background-color:var(--axablue80);height:50px;margin:10px auto;width:50px}@media (prefers-reduced-motion:reduce){.af-spinner__animation{animation:none}}@keyframes rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}
|
package/dist/Message/Message.css
CHANGED
|
@@ -1,83 +1 @@
|
|
|
1
|
-
.af-alert {
|
|
2
|
-
--alert-sidebar-color: var(--red30);
|
|
3
|
-
--alert-background-color: var(--red10);
|
|
4
|
-
--alert-border-color: var(--red20);
|
|
5
|
-
|
|
6
|
-
display: flex;
|
|
7
|
-
border: 1px solid var(--alert-border-color);
|
|
8
|
-
flex-direction: row;
|
|
9
|
-
gap: calc(20rem / 16);
|
|
10
|
-
color: var(--alert-sidebar-color);
|
|
11
|
-
background-color: var(--alert-background-color);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.af-alert--error {
|
|
15
|
-
--alert-sidebar-color: var(--red30);
|
|
16
|
-
--alert-background-color: var(--red10);
|
|
17
|
-
--alert-border-color: var(--red20);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.af-alert--success {
|
|
21
|
-
--alert-sidebar-color: var(--green30);
|
|
22
|
-
--alert-background-color: var(--green10);
|
|
23
|
-
--alert-border-color: var(--green20);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.af-alert--info {
|
|
27
|
-
--alert-sidebar-color: var(--cyan40);
|
|
28
|
-
--alert-background-color: var(--cyan10);
|
|
29
|
-
--alert-border-color: var(--cyan30);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.af-alert--warning {
|
|
33
|
-
--alert-sidebar-color: var(--orange40);
|
|
34
|
-
--alert-background-color: var(--orange10);
|
|
35
|
-
--alert-border-color: var(--orange30);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.af-alert__title {
|
|
39
|
-
font-weight: bold;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.af-alert__content {
|
|
43
|
-
padding: calc(12rem / 16);
|
|
44
|
-
flex-grow: 1;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.af-alert__icon {
|
|
48
|
-
position: relative;
|
|
49
|
-
transform: translateX(
|
|
50
|
-
calc(-10rem / 16)
|
|
51
|
-
); /* remove half the length of the arrow */
|
|
52
|
-
|
|
53
|
-
fill: var(--white);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.af-alert__indicator {
|
|
57
|
-
display: flex;
|
|
58
|
-
width: calc(84rem / 16);
|
|
59
|
-
height: calc(48rem / 16);
|
|
60
|
-
align-items: center;
|
|
61
|
-
justify-content: center;
|
|
62
|
-
background-color: var(--alert-sidebar-color);
|
|
63
|
-
clip-path: polygon(0% 0%, 76% 0, 100% 50%, 76% 100%, 0% 100%);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.af-alert__sidebar {
|
|
67
|
-
width: calc(64rem / 16);
|
|
68
|
-
background-color: var(--alert-sidebar-color);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.af-alert__close-button {
|
|
72
|
-
display: flex;
|
|
73
|
-
height: fit-content;
|
|
74
|
-
padding: 1rem;
|
|
75
|
-
border: none;
|
|
76
|
-
background: none;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.af-alert__close-icon {
|
|
80
|
-
width: calc(14rem / 16);
|
|
81
|
-
height: calc(14rem / 16);
|
|
82
|
-
fill: var(--alert-sidebar-color);
|
|
83
|
-
}
|
|
1
|
+
.af-alert{background-color:var(--alert-background-color);border:1px solid var(--alert-border-color);color:var(--alert-sidebar-color);display:flex;flex-direction:row;gap:1.25rem}.af-alert,.af-alert--error{--alert-sidebar-color:var(--red30);--alert-background-color:var(--red10);--alert-border-color:var(--red20)}.af-alert--success{--alert-sidebar-color:var(--green30);--alert-background-color:var(--green10);--alert-border-color:var(--green20)}.af-alert--info{--alert-sidebar-color:var(--cyan40);--alert-background-color:var(--cyan10);--alert-border-color:var(--cyan30)}.af-alert--warning{--alert-sidebar-color:var(--orange40);--alert-background-color:var(--orange10);--alert-border-color:var(--orange30)}.af-alert__title{font-weight:700}.af-alert__content{flex-grow:1;padding:.75rem}.af-alert__icon{fill:var(--white);position:relative;transform:translateX(-.625rem)}.af-alert__indicator{align-items:center;-webkit-clip-path:polygon(0 0,76% 0,100% 50%,76% 100%,0 100%);clip-path:polygon(0 0,76% 0,100% 50%,76% 100%,0 100%);display:flex;height:3rem;justify-content:center;width:5.25rem}.af-alert__indicator,.af-alert__sidebar{background-color:var(--alert-sidebar-color)}.af-alert__sidebar{width:4rem}.af-alert__close-button{background:none;border:none;display:flex;height:-webkit-fit-content;height:fit-content;padding:1rem}.af-alert__close-icon{fill:var(--alert-sidebar-color);height:.875rem;width:.875rem}
|
package/dist/Modal/Modal.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-modal{border:1px solid var(--gray40);min-width:28.75rem;padding:0}.af-modal::backdrop{background:color-mix(in srgb,var(--black) 80%,#0000)}.af-modal--lg{max-width:50rem}.af-modal--sm{max-width:18.75rem}.af-modal__content{background-clip:padding-box;background-color:var(--white)
|
|
1
|
+
.af-modal{border:1px solid var(--gray40);min-width:28.75rem;padding:0}.af-modal::backdrop{background:color-mix(in srgb,var(--black) 80%,#0000)}.af-modal--lg{max-width:50rem}.af-modal--sm{max-width:18.75rem}.af-modal__content{background-clip:padding-box;background-color:var(--white);p:last-child{margin-bottom:0}}.af-modal__header{align-items:center;border-bottom:1px solid var(--gray40);display:flex;font-size:1.375rem;font-weight:700;justify-content:space-between;padding:.75rem 1rem .75rem 1.5rem}.af-modal__header-title{font-weight:inherit;margin-bottom:0}.af-modal__header-close-btn{background:none;border:none;font-size:1rem;height:2rem;line-height:1rem;padding:0 .125rem;svg{height:1.75rem;width:1.75rem}}.af-modal__body{flex:1 1 auto;padding:.75rem 1.5rem 0;position:relative;-webkit-box-flex:1}.af-modal__footer{align-items:center;display:flex;justify-content:space-between;padding:1rem 1.5rem 1.5rem;>.af-btn:last-child{margin-left:auto}}
|
package/dist/Popover/Popover.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-popover__wrapper{background:inherit;border:0;display:inline-block;padding:0}.af-popover__wrapper--click{cursor:pointer}.af-popover__container{display:inline-block}.af-popover__container-pop{background
|
|
1
|
+
.af-popover__wrapper{background:inherit;border:0;display:inline-block;padding:0}.af-popover__wrapper--click{cursor:pointer}.af-popover__container{display:inline-block}.af-popover__container-pop{background:var(--white);border-radius:3px;box-shadow:0 0 9px 0 #0000002e;color:var(--azur);line-height:1.125rem;padding:.5rem 1rem;position:relative;width:16.25rem;z-index:100}.af-popover__container-pop .af-subtitle{color:var(--white);font-size:2em}.af-popover__container-pop .af-subtitle:after{display:none}.af-popover__container--small .af-btn--circle{height:2rem;width:2rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-restitution{background
|
|
1
|
+
.af-restitution{background:var(--white);box-shadow:0 .2rem .4rem 0 #00000030;color:var(--text-color);margin-bottom:2rem;width:100%}.af-restitution__header{align-items:center;background:var(--brand-primary);border-radius:.25rem .25rem 0 0;display:flex;justify-content:space-between;min-height:3rem;padding:.25rem 0 .1875rem}.af-restitution__header-left{margin-left:2.25rem}.af-restitution__header-right{margin-right:2.25rem}.af-restitution__content{align-items:flex-start;display:flex;flex-wrap:wrap;padding:1.5rem .625rem;width:100%}.af-restitution__content-title{color:var(--brand-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.25rem}.af-restitution__content-left--borderRight{border-right:1px solid rgba(var(--gray50),.27)}.af-restitution__content-left--borderBottom{border-bottom:1px solid rgba(var(--gray50),.27);margin-bottom:1.875rem;padding-bottom:1.875rem}.af-restitution__content-block{flex-basis:50%}.af-restitution__title{color:var(--white);font-size:1.25rem;font-weight:400;margin-bottom:0}.af-restitution__title-main{margin-right:.875rem}.af-restitution__title-subtitle{font-size:1.125rem;opacity:.72}.af-restitution__title .af-link{background:none;border:0;color:var(--white);font-size:.9375rem;font-weight:400}.af-restitution__title .af-link__text{cursor:pointer;text-decoration:underline}.af-restitution__title .af-link:hover .af-link__text{text-decoration:none}.af-restitution__listdef{display:flex;flex-basis:100%;flex-wrap:wrap;font-size:1rem;margin:0}.af-restitution__listdef-item{color:var(--text-color);flex-basis:50%;font-weight:400;padding-right:.5rem}.af-restitution__listdef-link{color:var(--brand-primary);flex-basis:50%;font-weight:600;margin:0;padding-left:.5rem}.af-restitution__listdef-value{color:var(--azur);flex-basis:50%;font-weight:600;margin:0;padding-left:.5rem}.af-restitution__listdef--marge{margin-top:1.25rem}.af-restitution__text{display:block;margin-bottom:.2rem;text-align:right}.af-restitution__listul{padding-left:1rem}
|
package/dist/Steps/Steps.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-steps-new{--steps-color-active:var(--axablue80);--steps-color:var(--gray80);background:var(--white);margin-bottom:2rem}.af-steps-new .af-steps-list{border-bottom:1px solid var(--gray40);counter-reset:stepper-counter;display:flex;justify-content:space-around;line-height:1.75rem;list-style:none;margin:0;padding:0}.af-steps-new .af-steps-list-step{align-items:center;color:var(--steps-color);counter-increment:stepper-counter;display:inline-flex;flex-grow:1;font-size:
|
|
1
|
+
.af-steps-new{--font-size-step:var(--font-size-base,1rem);--font-size-step-number:calc(var(--font-size-base, 1rem) + 0.2rem);--steps-color-active:var(--axablue80);--steps-color:var(--gray80);background:var(--white);margin-bottom:2rem}.af-steps-new .af-steps-list{border-bottom:1px solid var(--gray40);counter-reset:stepper-counter;display:flex;justify-content:space-around;line-height:1.75rem;list-style:none;margin:0;padding:0}.af-steps-new .af-steps-list-step{align-items:center;color:var(--steps-color);counter-increment:stepper-counter;display:inline-flex;flex-grow:1;font-size:var(--font-size-step);justify-content:center;padding:.625rem 1rem .625rem 3.5rem;position:relative}.af-steps-new .af-steps-list-step__label{display:inline-flex;padding-right:1rem}.af-steps-new .af-steps-list-step__number{color:var(--steps-color);font-size:var(--font-size-step-number);font-weight:600;margin-right:.75rem}.af-steps-new .af-steps-list-step__title{color:var(--steps-color);font-weight:600}.af-steps-new .af-steps-list-step__title:hover{color:var(--gray80)}.af-steps-new .af-steps-list-step.number:before{content:none}.af-steps-new .af-steps-list-step:before{color:var(--steps-color);content:counter(stepper-counter);font-size:var(--font-size-step-number);font-weight:600;margin-right:.8rem}.af-steps-new .af-steps-list-step svg:first-child{display:none}.af-steps-new .af-steps-list-step svg:last-child{position:absolute;right:.75rem}.af-steps-new .af-steps-list-step.on,.af-steps-new .af-steps-list-step.on *,.af-steps-new .af-steps-list-step.on:before{color:var(--steps-color-active)}.af-steps-new .af-steps-list-step.past,.af-steps-new .af-steps-list-step.past:before{color:var(--gray80)}.af-steps-new .af-steps-list-step.past:hover{color:var(--steps-color-active)}.af-steps-new .af-steps-list-step.disabled,.af-steps-new .af-steps-list-step.disabled .af-steps-list-step__number,.af-steps-new .af-steps-list-step.disabled .af-steps-list-step__title,.af-steps-new .af-steps-list-step.disabled:before{color:var(--gray40)}.af-steps-new .af-steps-list-step:last-child.on .af-steps-list-step__title,.af-steps-new .af-steps-list-step:last-child.on:before{color:var(--green30)}.af-steps-new .af-steps-list-step:last-child svg:first-child{display:block;fill:var(--green30);margin-right:.8rem}.af-steps-new .af-steps-list-step:last-child svg:last-child{display:none}.af-steps-new .af-steps-list-step:last-child.disabled svg:first-child{fill:var(--gray40)}.af-steps-new .af-steps-list-step:last-child:before{content:none}.af-steps-new .af-steps-list-step:last-child .af-steps-list-step__label{padding-right:0}.af-steps-new .af-steps-list-step:last-child .af-steps-list-step__label:after,.af-steps-new .af-steps-list-step:last-child .af-steps-list-step__label:before{display:none}.af-steps-new .af-steps-list-step:last-child .af-steps-list-step__number{font-size:calc(var(--font-size-step, 1rem)*1.1)}@media (width <= 576px){.af-steps-new .af-steps-list{table-layout:auto}.af-steps-new .af-steps-list-step{min-width:3rem;padding-left:0}.af-steps-new .af-steps-list-step__title{display:none}.af-steps-new .af-steps-list-step__number{left:2rem;margin-right:1rem;z-index:2}.af-steps-new .af-steps-list-step.on .af-steps-list-step__title{display:block}.af-steps-new .af-steps-list-step.on .af-steps-list-step__number{margin-right:.5rem}}
|