@axa-fr/design-system-slash-css 2.0.6-alpha.14 → 2.0.6-alpha.16
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 +1,3 @@
|
|
|
1
|
-
.af-accordion{font-family:
|
|
1
|
+
.af-accordion{font-family:var(
|
|
2
|
+
--font-family-sans-serif,"Source Sans Pro",arial,sans-serif
|
|
3
|
+
)}.af-accordion__item-header{align-items:center;background-color:var(--axablue80);color:var(--white);cursor:pointer;display:flex;justify-content:space-between;list-style-type:none;min-height:3rem;padding:0 1.25rem}.af-accordion__item-header-icon{fill:currentcolor;height:2rem;order:2;transition:transform .5s;width:2rem}.af-accordion__details{margin-bottom:1px;&[open] .af-accordion__item-header-icon{transform:rotate(180deg)}}.af-accordion__item-title{font-size:1.25rem;margin:0;order:1}.af-accordion__content{box-shadow:0 0 9px 0 #0000002e;padding:1rem}.af-accordion__header-right{align-items:center;display:flex;gap:1rem}.af-accordion--light .af-accordion__item-header{background:#0000;display:block;padding:0;svg{margin:0 1rem 0 0;order:0}button{margin:0 4px;&:first-of-type{margin-left:1rem}svg{margin:0}}}.af-accordion--light{.af-accordion__content{box-shadow:none;padding:0}.af-accordion__details{position:relative}}.af-accordion--white{background:var(--white);.af-accordion__item-header{background:var(--white);color:var(--axablue80);min-height:5rem}.af-accordion__content,.af-accordion__item-header{border-bottom:1px solid var(--axablue80);box-shadow:0 0 9px 0 #0000002e}.af-accordion__content{background:var(--gray10);padding:1.5rem}}
|
package/dist/Action/Action.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.btn.af-btn--circle{background
|
|
1
|
+
.btn.af-btn--circle{background:var(--azur);border:1px solid var(--white);border-radius:50%;box-sizing:border-box;color:var(--white);cursor:pointer;display:inline-block;height:2rem;padding:0;position:relative;text-align:center;width:2rem}.btn.af-btn--circle:hover{background-color:var(--white);border-color:var(--axablue80);color:var(--axablue80)}.btn.af-btn--circle:focus{color:var(--white);outline:none}.btn.af-btn--circle:focus:hover{color:var(--axablue80)}.btn.af-btn--circle .glyphicon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.af-more-help{font-family:georgia,times,Times New Roman,serif;font-size:1.2rem;font-style:italic;font-weight:700;vertical-align:middle}
|
package/dist/Button/Button.css
CHANGED
|
@@ -1,139 +1 @@
|
|
|
1
|
-
.af-btn {
|
|
2
|
-
--button-color-background: var(--axablue80);
|
|
3
|
-
--button-color-border: var(--axablue100);
|
|
4
|
-
--button-padding-horizontal: calc(16rem / 16);
|
|
5
|
-
--button-padding-vertical: calc(14rem / 16);
|
|
6
|
-
--button-color-label: var(--white);
|
|
7
|
-
|
|
8
|
-
display: inline-flex;
|
|
9
|
-
padding: var(--button-padding-vertical) var(--button-padding-horizontal);
|
|
10
|
-
border: 0 solid var(--button-color-border);
|
|
11
|
-
border-radius: 0;
|
|
12
|
-
align-items: center;
|
|
13
|
-
justify-content: center;
|
|
14
|
-
gap: calc(16rem / 16);
|
|
15
|
-
font-family: "Source Sans Pro", arial, sans-serif;
|
|
16
|
-
font-size: calc(16rem / 16);
|
|
17
|
-
font-weight: 700;
|
|
18
|
-
line-height: calc(20rem / 16);
|
|
19
|
-
text-align: center;
|
|
20
|
-
color: var(--button-color-label);
|
|
21
|
-
background-color: var(--button-color-background);
|
|
22
|
-
box-shadow: inset 0 -2px var(--button-color-border);
|
|
23
|
-
transition: all 0.2s linear;
|
|
24
|
-
cursor: pointer;
|
|
25
|
-
|
|
26
|
-
& > svg {
|
|
27
|
-
height: calc(20rem / 16);
|
|
28
|
-
fill: currentcolor;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
&:hover {
|
|
32
|
-
--button-color-background: var(--axablue100);
|
|
33
|
-
|
|
34
|
-
border-color: var(--button-color-border);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
&:focus {
|
|
38
|
-
outline: unset;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
&:focus-visible {
|
|
42
|
-
outline: calc(2rem / 16) solid var(--axablue80);
|
|
43
|
-
outline-offset: calc(2rem / 16);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
&.af-btn--secondary {
|
|
47
|
-
--button-color-background: var(--white);
|
|
48
|
-
--button-color-label: var(--axablue80);
|
|
49
|
-
--button-color-border: var(--axablue80);
|
|
50
|
-
|
|
51
|
-
border-width: calc(1rem / 16);
|
|
52
|
-
border-bottom-width: 0;
|
|
53
|
-
|
|
54
|
-
&:hover {
|
|
55
|
-
--button-color-background: var(--axablue100);
|
|
56
|
-
--button-color-border: var(--axablue100);
|
|
57
|
-
--button-color-label: var(--white);
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
&:disabled {
|
|
61
|
-
--button-color-border: var(--gray40);
|
|
62
|
-
--button-color-label: var(--gray40);
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
&.af-btn--validated {
|
|
67
|
-
--button-color-background: var(--green30);
|
|
68
|
-
--button-color-border: var(--green40);
|
|
69
|
-
|
|
70
|
-
&:hover {
|
|
71
|
-
--button-color-background: var(--green40);
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
&.af-btn--danger {
|
|
76
|
-
--button-color-background: var(--red30);
|
|
77
|
-
--button-color-border: var(--red40);
|
|
78
|
-
|
|
79
|
-
&:hover {
|
|
80
|
-
--button-color-background: var(--red40);
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
&:disabled {
|
|
85
|
-
--button-color-background: var(--white);
|
|
86
|
-
--button-color-label: var(--gray40);
|
|
87
|
-
--button-color-border: var(--gray40);
|
|
88
|
-
|
|
89
|
-
cursor: not-allowed;
|
|
90
|
-
|
|
91
|
-
&:hover {
|
|
92
|
-
--button-color-background: var(--white);
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
&.af-btn--small {
|
|
97
|
-
--button-padding-vertical: calc(10rem / 16);
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
&.af-btn--ghost {
|
|
101
|
-
--button-color-label: var(--axablue90);
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
&.af-btn--ghost-reverse {
|
|
105
|
-
--button-color-label: var(--white);
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
&.af-btn--ghost,
|
|
109
|
-
&.af-btn--ghost-reverse {
|
|
110
|
-
--button-padding-vertical: calc(4rem / 16);
|
|
111
|
-
--button-padding-horizontal: calc(8rem / 16);
|
|
112
|
-
--button-color-background: transparent;
|
|
113
|
-
|
|
114
|
-
border: unset;
|
|
115
|
-
gap: calc(8rem / 16);
|
|
116
|
-
font-weight: 400;
|
|
117
|
-
text-decoration: underline;
|
|
118
|
-
box-shadow: unset;
|
|
119
|
-
|
|
120
|
-
&:hover {
|
|
121
|
-
--button-color-background: transparent;
|
|
122
|
-
|
|
123
|
-
text-decoration: none;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
&:disabled {
|
|
127
|
-
--button-color-background: transparent;
|
|
128
|
-
--button-color-label: var(--gray40);
|
|
129
|
-
|
|
130
|
-
text-decoration: underline;
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
@media (prefers-reduced-motion: reduce) {
|
|
136
|
-
.af-btn {
|
|
137
|
-
transition-duration: 0.01ms !important;
|
|
138
|
-
}
|
|
139
|
-
}
|
|
1
|
+
.af-btn{--button-color-background:var(--axablue80);--button-color-border:var(--axablue100);--button-padding-horizontal:1rem;--button-padding-vertical:0.875rem;--button-color-label:var(--white);align-items:center;background-color:var(--button-color-background);border:0 solid var(--button-color-border);border-radius:0;box-shadow:inset 0 -2px var(--button-color-border);color:var(--button-color-label);cursor:pointer;display:inline-flex;font-family:Source Sans Pro,arial,sans-serif;font-size:1rem;font-weight:700;gap:1rem;justify-content:center;line-height:1.25rem;padding:var(--button-padding-vertical) var(--button-padding-horizontal);text-align:center;transition:all .2s linear;&>svg{fill:currentcolor;height:1.25rem}&:hover{--button-color-background:var(--axablue100);border-color:var(--button-color-border)}&:focus{outline:unset}&:focus-visible{outline:.125rem solid var(--axablue80);outline-offset:.125rem}&.af-btn--secondary{--button-color-background:var(--white);--button-color-label:var(--axablue80);--button-color-border:var(--axablue80);border-width:.0625rem .0625rem 0;&:hover{--button-color-background:var(--axablue100);--button-color-border:var(--axablue100);--button-color-label:var(--white)}&:disabled{--button-color-border:var(--gray40);--button-color-label:var(--gray40)}}&.af-btn--validated{--button-color-background:var(--green30);--button-color-border:var(--green40);&:hover{--button-color-background:var(--green40)}}&.af-btn--danger{--button-color-background:var(--red30);--button-color-border:var(--red40);&:hover{--button-color-background:var(--red40)}}&:disabled{--button-color-background:var(--white);--button-color-label:var(--gray40);--button-color-border:var(--gray40);cursor:not-allowed;&:hover{--button-color-background:var(--white)}}&.af-btn--small{--button-padding-vertical:0.625rem}&.af-btn--ghost{--button-color-label:var(--axablue90)}&.af-btn--ghost-reverse{--button-color-label:var(--white)}&.af-btn--ghost,&.af-btn--ghost-reverse{--button-padding-vertical:0.25rem;--button-padding-horizontal:0.5rem;--button-color-background:#0000;border:unset;box-shadow:unset;font-weight:400;gap:.5rem;text-decoration:underline;&:hover{text-decoration:none}&:disabled,&:hover{--button-color-background:#0000}&:disabled{--button-color-label:var(--gray40);text-decoration:underline}}}@media (prefers-reduced-motion:reduce){.af-btn{transition-duration:.01ms!important}}
|
package/dist/Card/Card.css
CHANGED
|
@@ -1,108 +1 @@
|
|
|
1
|
-
.af-card {
|
|
2
|
-
--card-background-color: var(--white);
|
|
3
|
-
--card-border-color: transparent;
|
|
4
|
-
--card-border-radius: 4px;
|
|
5
|
-
--card-box-shadow-color: rgba(0, 0, 0, 18%);
|
|
6
|
-
--card-text-color: var(--gray80);
|
|
7
|
-
--card-icon-color: var(--axablue80);
|
|
8
|
-
--card-vertical-padding: 1.5rem;
|
|
9
|
-
--card-lateral-padding: 1rem;
|
|
10
|
-
|
|
11
|
-
display: flex;
|
|
12
|
-
min-width: 11.25rem;
|
|
13
|
-
padding: var(--card-vertical-padding) var(--card-lateral-padding);
|
|
14
|
-
border: 2px solid var(--card-border-color);
|
|
15
|
-
border-radius: var(--card-border-radius);
|
|
16
|
-
flex-flow: column nowrap;
|
|
17
|
-
align-items: center;
|
|
18
|
-
justify-content: center;
|
|
19
|
-
line-height: 1.25rem;
|
|
20
|
-
text-align: center;
|
|
21
|
-
color: var(--card-text-color);
|
|
22
|
-
background-color: var(--card-background-color);
|
|
23
|
-
box-shadow: 0 0 0.5625rem 0 var(--card-box-shadow-color);
|
|
24
|
-
|
|
25
|
-
&:not(:has(svg)) {
|
|
26
|
-
min-height: 5.75rem;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
svg {
|
|
30
|
-
width: 3rem;
|
|
31
|
-
height: 3rem;
|
|
32
|
-
margin-bottom: 1.5rem;
|
|
33
|
-
fill: var(--card-icon-color);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
&:hover {
|
|
37
|
-
--card-border-color: var(--axablue80);
|
|
38
|
-
--card-text-color: var(--gray80);
|
|
39
|
-
--card-icon-color: var(--axablue80);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
&:focus {
|
|
43
|
-
--card-text-color: var(--gray80);
|
|
44
|
-
--card-icon-color: var(--axablue80);
|
|
45
|
-
|
|
46
|
-
outline: calc(2rem / 16) solid var(--axablue80);
|
|
47
|
-
outline-offset: calc(2rem / 16);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
&:disabled {
|
|
51
|
-
--card-text-color: var(--gray40);
|
|
52
|
-
--card-icon-color: var(--gray40);
|
|
53
|
-
|
|
54
|
-
cursor: not-allowed;
|
|
55
|
-
|
|
56
|
-
&:hover {
|
|
57
|
-
--card-border-color: transparent;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.af-card--horizontal {
|
|
63
|
-
--card-lateral-padding: 1.5rem;
|
|
64
|
-
|
|
65
|
-
min-width: 20rem;
|
|
66
|
-
min-height: 6rem;
|
|
67
|
-
padding-right: 0;
|
|
68
|
-
flex-direction: row;
|
|
69
|
-
justify-content: flex-start;
|
|
70
|
-
|
|
71
|
-
&:not(:has(svg)) {
|
|
72
|
-
min-width: 11.25rem;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
svg {
|
|
76
|
-
margin-bottom: auto;
|
|
77
|
-
padding-right: 1rem;
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.af-card--error {
|
|
82
|
-
--card-text-color: var(--red30);
|
|
83
|
-
--card-icon-color: var(--red30);
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.af-card--active {
|
|
87
|
-
--card-text-color: var(--white);
|
|
88
|
-
--card-icon-color: var(--white);
|
|
89
|
-
--card-background-color: var(--axablue80);
|
|
90
|
-
|
|
91
|
-
&:focus {
|
|
92
|
-
--card-text-color: var(--white);
|
|
93
|
-
--card-icon-color: var(--white);
|
|
94
|
-
--card-background-color: var(--axablue80);
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
&:hover {
|
|
98
|
-
--card-text-color: var(--gray80);
|
|
99
|
-
--card-icon-color: var(--axablue80);
|
|
100
|
-
--card-background-color: var(--white);
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
&:disabled:hover {
|
|
104
|
-
--card-text-color: var(--gray40);
|
|
105
|
-
--card-icon-color: var(--gray40);
|
|
106
|
-
--card-background-color: var(--axablue80);
|
|
107
|
-
}
|
|
108
|
-
}
|
|
1
|
+
.af-card{--card-background-color:var(--white);--card-border-color:#0000;--card-border-radius:4px;--card-box-shadow-color:#0000002e;--card-text-color:var(--gray80);--card-icon-color:var(--axablue80);--card-vertical-padding:1.5rem;--card-lateral-padding:1rem;align-items:center;background-color:var(--card-background-color);border:2px solid var(--card-border-color);border-radius:var(--card-border-radius);box-shadow:0 0 .5625rem 0 var(--card-box-shadow-color);color:var(--card-text-color);display:flex;flex-flow:column nowrap;justify-content:center;line-height:1.25rem;min-width:11.25rem;padding:var(--card-vertical-padding) var(--card-lateral-padding);text-align:center;&:not(:has(svg)){min-height:5.75rem}svg{fill:var(--card-icon-color);height:3rem;margin-bottom:1.5rem;width:3rem}&:hover{--card-border-color:var(--axablue80)}&:focus,&:hover{--card-text-color:var(--gray80);--card-icon-color:var(--axablue80)}&:focus{outline:.125rem solid var(--axablue80);outline-offset:.125rem}&:disabled{--card-text-color:var(--gray40);--card-icon-color:var(--gray40);cursor:not-allowed;&:hover{--card-border-color:#0000}}}.af-card--horizontal{--card-lateral-padding:1.5rem;flex-direction:row;justify-content:flex-start;min-height:6rem;min-width:20rem;padding-right:0;&:not(:has(svg)){min-width:11.25rem}svg{margin-bottom:auto;padding-right:1rem}}.af-card--error{--card-text-color:var(--red30);--card-icon-color:var(--red30)}.af-card--active{--card-text-color:var(--white);--card-icon-color:var(--white);--card-background-color:var(--axablue80);&:focus{--card-text-color:var(--white);--card-icon-color:var(--white);--card-background-color:var(--axablue80)}&:hover{--card-text-color:var(--gray80);--card-icon-color:var(--axablue80);--card-background-color:var(--white)}&:disabled:hover{--card-text-color:var(--gray40);--card-icon-color:var(--gray40);--card-background-color:var(--axablue80)}}
|
|
@@ -1,102 +1 @@
|
|
|
1
|
-
.af-card-data {
|
|
2
|
-
--card-data-border-radius: 4px;
|
|
3
|
-
|
|
4
|
-
border-radius: var(--card-data-border-radius);
|
|
5
|
-
background-color: var(--white);
|
|
6
|
-
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 18%);
|
|
7
|
-
|
|
8
|
-
.af-card-data-content {
|
|
9
|
-
padding: 1rem 1.5rem 1.5rem 3.5rem;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.af-card-data-content--max-size {
|
|
13
|
-
margin: 0;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.af-card-data-header {
|
|
18
|
-
--icon-size: 2rem;
|
|
19
|
-
--icon-background-color: var(--axablue80);
|
|
20
|
-
|
|
21
|
-
display: flex;
|
|
22
|
-
padding: 1rem;
|
|
23
|
-
border-top-left-radius: var(--card-data-border-radius);
|
|
24
|
-
border-top-right-radius: var(--card-data-border-radius);
|
|
25
|
-
align-items: center;
|
|
26
|
-
gap: 0.5rem;
|
|
27
|
-
background-color: var(--white);
|
|
28
|
-
|
|
29
|
-
.af-title {
|
|
30
|
-
display: flex;
|
|
31
|
-
margin: 0;
|
|
32
|
-
flex-direction: column;
|
|
33
|
-
align-items: flex-start;
|
|
34
|
-
line-height: 1.2rem;
|
|
35
|
-
|
|
36
|
-
&::after {
|
|
37
|
-
content: none;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.af-card-data-header-subtitle {
|
|
41
|
-
margin-left: 0;
|
|
42
|
-
font-size: 1rem;
|
|
43
|
-
color: var(--gray60);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.af-card-data-header-description {
|
|
47
|
-
margin-left: 0;
|
|
48
|
-
padding-top: 4px;
|
|
49
|
-
font-size: 1rem;
|
|
50
|
-
font-weight: normal;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.af-card-data-header-icon {
|
|
55
|
-
display: flex;
|
|
56
|
-
width: var(--icon-size);
|
|
57
|
-
height: var(--icon-size);
|
|
58
|
-
border-radius: var(--card-data-border-radius);
|
|
59
|
-
align-items: center;
|
|
60
|
-
justify-content: center;
|
|
61
|
-
background-color: var(--icon-background-color);
|
|
62
|
-
|
|
63
|
-
svg {
|
|
64
|
-
width: auto;
|
|
65
|
-
height: calc(var(--icon-size) / 2);
|
|
66
|
-
fill: var(--white);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.af-card-data-header-icon--error {
|
|
71
|
-
--icon-background-color: var(--red30);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.af-card-data-header-icon--warning {
|
|
75
|
-
--icon-background-color: var(--orange40);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.af-card-data-header-icon--information {
|
|
79
|
-
--icon-background-color: var(--cyan40);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.af-card-data-header-icon--success {
|
|
83
|
-
--icon-background-color: var(--green40);
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.af-card-data-header-icon--dark {
|
|
87
|
-
--icon-background-color: var(--gray80);
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.af-card-data-header-icon--gray {
|
|
91
|
-
--icon-background-color: var(--gray50);
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
.af-card-data-header-icon--purple {
|
|
95
|
-
--icon-background-color: var(--purpletarif40);
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
.af-card-data-header-rightcontent {
|
|
99
|
-
margin-left: auto;
|
|
100
|
-
padding-left: 1rem;
|
|
101
|
-
}
|
|
102
|
-
}
|
|
1
|
+
.af-card-data{--card-data-border-radius:4px;background-color:var(--white);border-radius:var(--card-data-border-radius);box-shadow:0 0 9px 0 #0000002e;.af-card-data-content{padding:1rem 1.5rem 1.5rem 3.5rem}.af-card-data-content--max-size{margin:0}}.af-card-data-header{--icon-size:2rem;--icon-background-color:var(--axablue80);align-items:center;background-color:var(--white);border-top-left-radius:var(--card-data-border-radius);border-top-right-radius:var(--card-data-border-radius);display:flex;gap:.5rem;padding:1rem;.af-title{align-items:flex-start;display:flex;flex-direction:column;line-height:1.2rem;margin:0;&:after{content:none}.af-card-data-header-subtitle{color:var(--gray60);font-size:1rem;margin-left:0}.af-card-data-header-description{font-size:1rem;font-weight:400;margin-left:0;padding-top:4px}}.af-card-data-header-icon{align-items:center;background-color:var(--icon-background-color);border-radius:var(--card-data-border-radius);display:flex;height:var(--icon-size);justify-content:center;width:var(--icon-size);svg{fill:var(--white);height:calc(var(--icon-size)/2);width:auto}}.af-card-data-header-icon--error{--icon-background-color:var(--red30)}.af-card-data-header-icon--warning{--icon-background-color:var(--orange40)}.af-card-data-header-icon--information{--icon-background-color:var(--cyan40)}.af-card-data-header-icon--success{--icon-background-color:var(--green40)}.af-card-data-header-icon--dark{--icon-background-color:var(--gray80)}.af-card-data-header-icon--gray{--icon-background-color:var(--gray50)}.af-card-data-header-icon--purple{--icon-background-color:var(--purpletarif40)}.af-card-data-header-rightcontent{margin-left:auto;padding-left:1rem}}
|
package/dist/Divider/Divider.css
CHANGED
|
@@ -1,14 +1 @@
|
|
|
1
|
-
.af-divider {
|
|
2
|
-
margin: 0;
|
|
3
|
-
border: 0;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.af-divider--vertical {
|
|
7
|
-
height: inherit;
|
|
8
|
-
border-left: 1px solid var(--gray40);
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.af-divider--horizontal {
|
|
12
|
-
width: 100%;
|
|
13
|
-
border-top: 1px solid var(--gray40);
|
|
14
|
-
}
|
|
1
|
+
.af-divider{border:0;margin:0}.af-divider--vertical{border-left:1px solid var(--gray40);height:inherit}.af-divider--horizontal{border-top:1px solid var(--gray40);width:100%}
|
|
@@ -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__checkbox-container{display:flex;flex-flow:row wrap}.af-form__checkbox-container:has(.af-form__checkbox){flex-direction:column}.af-form__checkbox .af-form__indicator,.af-form__checkbox-custom .af-form__indicator,.af-form__checkbox-inline .af-form__indicator,.af-form__checkbox-toggle .af-form__indicator{align-items:center;background-color:var(--white);border:1px solid var(--input-border-color);display:flex;fill:none;height:1rem;justify-content:center;width:1rem}.af-form__checkbox .af-form__indicator .ok-icon,.af-form__checkbox-custom .af-form__indicator .ok-icon,.af-form__checkbox-inline .af-form__indicator .ok-icon,.af-form__checkbox-toggle .af-form__indicator .ok-icon{display:none;fill:var(--white);height:.8rem;width:.8rem}.af-form__checkbox--disabled .af-form__label,.af-form__checkbox-custom--disabled .af-form__label,.af-form__checkbox-inline--disabled .af-form__label,.af-form__checkbox-toggle--disabled .af-form__label{cursor:not-allowed;opacity:.4}.af-form__checkbox--error .af-form__label,.af-form__checkbox-custom--error .af-form__label,.af-form__checkbox-inline--error .af-form__label,.af-form__checkbox-toggle--error .af-form__label{color:var(--error-color)}.af-form__checkbox--error .af-form__indicator,.af-form__checkbox-custom--error .af-form__indicator,.af-form__checkbox-inline--error .af-form__indicator,.af-form__checkbox-toggle--error .af-form__indicator{border-color:var(--error-color)}.af-form__checkbox--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator,.af-form__checkbox-custom--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator,.af-form__checkbox-inline--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator,.af-form__checkbox-toggle--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background-color:var(--error-color);border-color:var(--error-color)}.af-form__checkbox--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon,.af-form__checkbox-custom--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon,.af-form__checkbox-inline--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon,.af-form__checkbox-toggle--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon{display:block}.af-form__checkbox--warning .af-form__label,.af-form__checkbox-custom--warning .af-form__label,.af-form__checkbox-inline--warning .af-form__label,.af-form__checkbox-toggle--warning .af-form__label{color:var(--warning-color)}.af-form__checkbox--warning .af-form__indicator,.af-form__checkbox-custom--warning .af-form__indicator,.af-form__checkbox-inline--warning .af-form__indicator,.af-form__checkbox-toggle--warning .af-form__indicator{border-color:var(--warning-color)}.af-form__input-checkbox{opacity:0;position:absolute}.af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background-color:var(--button-primary-default);border-color:var(--button-primary-default)}.af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon{display:block}.af-form__input-checkbox:focus+.af-form__label{outline:2px solid var(--button-primary-default);outline-offset:2px}.af-form__checkbox{align-items:center;border-bottom:1px solid var(--disabled-color);display:flex;position:relative}.af-form__checkbox:last-child{border-bottom:none}.af-form__checkbox-inline{align-items:center;display:inline-flex;margin-right:1rem;position:relative}.af-form__checkbox-inline .af-form__label{padding:0}.af-form__checkbox-inline .af-form__description{padding-left:.5rem}.af-form__checkbox-custom{align-items:center;display:inline-flex;margin:0 .3rem .3rem 0;position:relative;text-align:center}.af-form__checkbox-custom .af-form__label{background:var(--gray20);box-shadow:inset 0 -2px 0 0 var(--gray50);cursor:pointer;font-weight:400;margin:0;padding:.5rem 2rem}.af-form__checkbox-custom .af-form__indicator{background-color:var(--white);border:1px solid var(--input-border-color);fill:var(--button-primary-default);height:20px;margin-left:.5rem;width:20px}.af-form__checkbox-custom .af-form__description{padding-left:.5rem}.af-form__checkbox-custom .af-form__input-checkbox:checked+.af-form__label{background-color:var(--button-primary-default);box-shadow:inset 0 -2px 0 0 var(--axablue90);color:var(--white)}.af-form__checkbox-custom .af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background:var(--white);border-color:var(--button-primary-default)}.af-form__checkbox-custom .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon{display:block;fill:var(--button-primary-default);height:29px;stroke-width:10px;width:29px}.af-form__checkbox-custom .af-form__input-checkbox:focus+.af-form__label{outline:2px solid var(--button-primary-default);outline-offset:2px}.af-form__checkbox-custom .af-form__input-checkbox:disabled+.af-form__label{background-color:var(--gray20);box-shadow:inset 0 -2px 0 0 var(--disabled-color);cursor:not-allowed}.af-form__checkbox-custom .af-form__input-checkbox:disabled+.af-form__label .af-form__description{color:var(--disabled-color)}.af-form__checkbox-custom .af-form__input-checkbox:disabled+.af-form__label .af-form__indicator{background:var(--white);border:1px solid var(--gray50)}.af-form__checkbox-custom .af-form__input-checkbox:disabled+.af-form__label .af-form__indicator .ok-icon{fill:var(--gray50)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]+.af-form__label{background-color:var(--red10);box-shadow:inset 0 -2px 0 0 var(--error-color);color:var(--error-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]+.af-form__label .af-form__indicator{border-color:var(--error-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]+.af-form__label .af-form__indicator .ok-icon{fill:var(--error-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:focus+.af-form__label{outline:2px solid var(--button-primary-default);outline-offset:2px}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:disabled+.af-form__label{background-color:var(--gray20);box-shadow:inset 0 -2px 0 0 var(--error-color);cursor:not-allowed}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:disabled+.af-form__label .af-form__description{color:var(--disabled-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:disabled+.af-form__label .af-form__indicator{border-color:var(--disabled-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:disabled+.af-form__label .af-form__indicator .ok-icon{fill:var(--disabled-color)}.af-form__checkbox-custom:hover .af-form__label{background-color:var(--button-primary-default);border-color:var(--button-primary-default);box-shadow:inset 0 -2px 0 0 var(--axablue90);color:var(--white)}.af-form__checkbox-toggle{align-items:center;display:inline-flex;position:relative}.af-form__checkbox-toggle .af-form__label{background-color:var(--input-border-color);border:none;border-radius:50px;cursor:pointer;height:24px;margin:0 .2rem;padding:0;width:48px}.af-form__checkbox-toggle .af-form__label .ok-icon{height:2rem;transform:translateX(-22px);width:2rem}.af-form__checkbox-toggle .af-form__indicator{background-color:var(--white);border:none;border-radius:50%;height:20px;margin:2px;transition:transform .4s ease;width:20px}@media (prefers-reduced-motion:reduce){.af-form__checkbox-toggle .af-form__indicator{transition:none}}.af-form__checkbox-toggle .af-form__description,.af-form__checkbox-toggle .af-form__indicator .ok-icon{display:none}.af-form__checkbox-toggle .af-form__input-checkbox:checked+.af-form__label{background-color:var(--button-primary-default)}.af-form__checkbox-toggle .af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background-color:var(--white);transform:translateX(24px)}.af-form__checkbox-toggle .af-form__input-checkbox:focus+.af-form__label{outline:3px solid var(--button-primary-default);outline-offset:2px}.af-form__checkbox-toggle .af-form__input-checkbox:disabled+.af-form__label{background-color:var(--disabled-color);cursor:not-allowed}.af-form__checkbox-toggle .af-form__input-checkbox:disabled+.af-form__label .af-form__indicator{background-color:var(--inactive-button-border-color)}.af-form__checkbox-toggle .af-form__input-checkbox:disabled+.af-form__label .ok-icon{display:none}.af-form__checkbox-toggle--error .af-form__label{background-color:var(--error-color)}.af-form__checkbox-toggle:hover .af-form__input-checkbox:disabled+.af-form__label{outline:none}
|
|
1
|
+
.af-form__checkbox-container{display:flex;flex-flow:row wrap}.af-form__checkbox-container:has(.af-form__checkbox){flex-direction:column}.af-form__checkbox .af-form__indicator,.af-form__checkbox-custom .af-form__indicator,.af-form__checkbox-inline .af-form__indicator,.af-form__checkbox-toggle .af-form__indicator{align-items:center;background-color:var(--white);border:1px solid var(--input-border-color);display:flex;fill:none;height:1rem;justify-content:center;width:1rem}.af-form__checkbox .af-form__indicator .ok-icon,.af-form__checkbox-custom .af-form__indicator .ok-icon,.af-form__checkbox-inline .af-form__indicator .ok-icon,.af-form__checkbox-toggle .af-form__indicator .ok-icon{display:none;fill:var(--white);height:.8rem;width:.8rem}.af-form__checkbox--disabled .af-form__label,.af-form__checkbox-custom--disabled .af-form__label,.af-form__checkbox-inline--disabled .af-form__label,.af-form__checkbox-toggle--disabled .af-form__label{cursor:not-allowed;opacity:.4}.af-form__checkbox--error .af-form__label,.af-form__checkbox-custom--error .af-form__label,.af-form__checkbox-inline--error .af-form__label{color:var(--error-color)}.af-form__checkbox--error .af-form__indicator,.af-form__checkbox-custom--error .af-form__indicator,.af-form__checkbox-inline--error .af-form__indicator{border-color:var(--error-color)}.af-form__checkbox--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator,.af-form__checkbox-custom--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator,.af-form__checkbox-inline--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background-color:var(--error-color);border-color:var(--error-color)}.af-form__checkbox--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon,.af-form__checkbox-custom--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon,.af-form__checkbox-inline--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon{display:block}.af-form__checkbox--warning .af-form__label,.af-form__checkbox-custom--warning .af-form__label,.af-form__checkbox-inline--warning .af-form__label{color:var(--warning-color)}.af-form__checkbox--warning .af-form__indicator,.af-form__checkbox-custom--warning .af-form__indicator,.af-form__checkbox-inline--warning .af-form__indicator{border-color:var(--warning-color)}.af-form__input-checkbox{opacity:0;position:absolute}.af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background-color:var(--button-primary-default);border-color:var(--button-primary-default)}.af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon{display:block}.af-form__input-checkbox:focus+.af-form__label{outline:2px solid var(--button-primary-default);outline-offset:2px}.af-form__checkbox{align-items:center;border-bottom:1px solid var(--disabled-color);display:flex;position:relative}.af-form__checkbox:last-child{border-bottom:none}.af-form__checkbox-inline{align-items:center;display:inline-flex;margin-right:1rem;position:relative}.af-form__checkbox-inline .af-form__label{padding:0}.af-form__checkbox-inline .af-form__description{padding-left:.5rem}.af-form__checkbox-custom{align-items:center;display:inline-flex;margin:0 .3rem .3rem 0;position:relative;text-align:center}.af-form__checkbox-custom .af-form__label{background:var(--gray20);box-shadow:inset 0 -2px 0 0 var(--gray50);cursor:pointer;font-weight:400;margin:0;padding:.5rem 2rem}.af-form__checkbox-custom .af-form__indicator{background-color:var(--white);border:1px solid var(--input-border-color);fill:var(--button-primary-default);height:20px;margin-left:.5rem;width:20px}.af-form__checkbox-custom .af-form__description{padding-left:.5rem}.af-form__checkbox-custom .af-form__input-checkbox:checked+.af-form__label{background-color:var(--button-primary-default);box-shadow:inset 0 -2px 0 0 var(--axablue90);color:var(--white)}.af-form__checkbox-custom .af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background:var(--white);border-color:var(--button-primary-default)}.af-form__checkbox-custom .af-form__input-checkbox:checked+.af-form__label .af-form__indicator .ok-icon{display:block;fill:var(--button-primary-default);height:29px;stroke-width:10px;width:29px}.af-form__checkbox-custom .af-form__input-checkbox:focus+.af-form__label{outline:2px solid var(--button-primary-default);outline-offset:2px}.af-form__checkbox-custom .af-form__input-checkbox:disabled+.af-form__label{background-color:var(--gray20);box-shadow:inset 0 -2px 0 0 var(--disabled-color);cursor:not-allowed}.af-form__checkbox-custom .af-form__input-checkbox:disabled+.af-form__label .af-form__description{color:var(--disabled-color)}.af-form__checkbox-custom .af-form__input-checkbox:disabled+.af-form__label .af-form__indicator{background:var(--white);border:1px solid var(--gray50)}.af-form__checkbox-custom .af-form__input-checkbox:disabled+.af-form__label .af-form__indicator .ok-icon{fill:var(--gray50)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]+.af-form__label{outline:2px solid var(--button-primary-default);outline-offset:2px}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]+.af-form__label .af-form__indicator{border-color:var(--error-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]+.af-form__label .af-form__indicator .ok-icon{fill:var(--error-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:focus+.af-form__label{box-shadow:none;outline:2px solid var(--button-primary-default);outline-offset:0}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:disabled+.af-form__label{background-color:var(--gray20);box-shadow:inset 0 -2px 0 0 var(--error-color);cursor:not-allowed}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:disabled+.af-form__label .af-form__description{color:var(--disabled-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:disabled+.af-form__label .af-form__indicator{border-color:var(--disabled-color)}.af-form__checkbox-custom .af-form__input-checkbox[aria-invalid=true]:disabled+.af-form__label .af-form__indicator .ok-icon{fill:var(--disabled-color)}.af-form__checkbox-custom:hover .af-form__label{background-color:var(--button-primary-default);border-color:var(--button-primary-default);box-shadow:inset 0 -2px 0 0 var(--axablue90);color:var(--white)}.af-form__checkbox-toggle{align-items:center;display:inline-flex;position:relative}.af-form__checkbox-toggle .af-form__label{background-color:var(--input-border-color);border:none;border-radius:50px;cursor:pointer;height:24px;margin:0 .2rem;padding:0;width:48px}.af-form__checkbox-toggle .af-form__label .ok-icon{height:2rem;transform:translateX(-22px);width:2rem}.af-form__checkbox-toggle .af-form__indicator{background-color:var(--white);border:none;border-radius:50%;height:20px;margin:2px;transition:transform .4s ease;width:20px}@media (prefers-reduced-motion:reduce){.af-form__checkbox-toggle .af-form__indicator{transition:none}}.af-form__checkbox-toggle .af-form__description,.af-form__checkbox-toggle .af-form__indicator .ok-icon{display:none}.af-form__checkbox-toggle .af-form__input-checkbox:checked+.af-form__label{background-color:var(--button-primary-default)}.af-form__checkbox-toggle .af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background-color:var(--white);transform:translateX(24px)}.af-form__checkbox-toggle .af-form__input-checkbox:focus+.af-form__label{outline:3px solid var(--button-primary-default);outline-offset:2px}.af-form__checkbox-toggle .af-form__input-checkbox:disabled+.af-form__label{background-color:var(--disabled-color);cursor:not-allowed}.af-form__checkbox-toggle .af-form__input-checkbox:disabled+.af-form__label .af-form__indicator{background-color:var(--inactive-button-border-color)}.af-form__checkbox-toggle .af-form__input-checkbox:disabled+.af-form__label .ok-icon{display:none}.af-form__checkbox-toggle--error .af-form__label{background-color:var(--error-color)}.af-form__checkbox-toggle:hover .af-form__input-checkbox:disabled+.af-form__label{outline:none}.af-form__checkbox .af-form__indicator,.af-form__checkbox-inline .af-form__indicator{background-color:var(--white);border:1px solid var(--input-border-color);display:flex;fill:none;height:1rem;width:1rem}.af-form__checkbox .af-form__indicator .ok-icon,.af-form__checkbox-inline .af-form__indicator .ok-icon{display:none;fill:var(--white)}.af-form__checkbox--disabled .af-form__label,.af-form__checkbox-inline--disabled .af-form__label{cursor:not-allowed;opacity:.4}.af-form__checkbox--error .af-form__label,.af-form__checkbox-inline--error .af-form__label{color:var(--error-color)}.af-form__checkbox--error .af-form__indicator,.af-form__checkbox-inline--error .af-form__indicator{border-color:var(--error-color)}.af-form__checkbox--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator,.af-form__checkbox-inline--error .af-form__input-checkbox:checked+.af-form__label .af-form__indicator{background-color:var(--error-color);border-color:var(--error-color)}.af-form__checkbox--error .af-form__input-checkbox:checked+.af-form__label .ok-icon,.af-form__checkbox-inline--error .af-form__input-checkbox:checked+.af-form__label .ok-icon{display:block}.af-form__checkbox--warning .af-form__label,.af-form__checkbox-inline--warning .af-form__label{color:var(--warning-color)}.af-form__checkbox--warning .af-form__indicator,.af-form__checkbox-inline--warning .af-form__indicator{border-color:var(--warning-color)}
|
package/dist/Form/Date/Date.css
CHANGED
|
@@ -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{color:var(--help-color);font-size:.8125em}.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__date--disabled .af-form__input-date{cursor:not-allowed}.af-form__date--success .af-form__input-date{margin-right:1rem}.af-form__date--success:after{color:#1cc54e;content:"\eaba";font-family:icons;position:relative;top:5px}.af-form__date--success>.af-btn--circle{margin-right:1rem}.af-form__date--error{padding:0}.af-form__date--error .af-form__input-date{border:1px solid #ff1721;color:#ff1721}.af-form__date--warning{padding:0}.af-form__date--warning .af-form__input-date{border:1px solid #c5901b;color:#c5901b}.af-form__date-wrapper{display:inline-flex;position:relative}.af-form__input-date{border:1px solid #ccc;font-size:1em;line-height:20px;padding:.5625rem 1.2rem}.af-form__input-date:focus{border-color:#00008f;color:#00008f}.af-form__input-date--hasinfobulle{margin-right:1rem}.af-form__input-date::-ms-clear,.af-form__input-date::-ms-reveal{display:none}.af-form__help{bottom:-20px;display:block;position:absolute}.af-form__clear{position:absolute;right:3rem;top:.75rem}.af-form__clear:hover{background:#e5e5e5;border-radius:100%;box-shadow:0 0 0 6px #e5e5e5}
|
|
1
|
+
.af-form__input-date{border:1px solid var(--input-border-color);font-size:1em;line-height:20px;padding:.5625rem 1.2rem}.af-form__date--disabled .af-form__input-date{cursor:not-allowed}.af-form__date--success .af-form__input-date{margin-right:1rem}.af-form__date--success:after{color:var(--valid-element-color);content:"\EABA";position:relative;top:5px}.af-form__date--success>.af-btn--circle{margin-right:1rem}.af-form__date--error{padding:0}.af-form__date--error .af-form__input-date{border:1px solid var(--error-color);color:var(--error-color)}.af-form__date--warning{padding:0}.af-form__date--warning .af-form__input-date{border:1px solid var(--warning-color);color:var(--warning-color)}.af-form__date-wrapper{display:inline-flex;position:relative}.af-form__input-date:focus{border-color:var(--brand-primary);color:var(--brand-primary)}.af-form__input-date--hasinfobulle{margin-right:1rem}.af-form__input-date::-ms-clear,.af-form__input-date::-ms-reveal{display:none}.af-form__help{bottom:-20px;display:block;position:absolute}
|
package/dist/Form/File/File.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__file-input{background
|
|
1
|
+
.af-form__file-input{background:var(--white);cursor:pointer;display:flex;justify-content:space-between;position:relative}.af-form__file-input .drop-box{align-items:center;border:2px dashed var(--gray40);border-right:0;display:flex;flex:1;padding-left:1rem;text-align:center}.af-form__file-input .drop-box input{display:block;opacity:0;width:0}.af-form__file-input .af-btn--file{min-width:8rem}.af-form__file-input:focus .drop-box,.af-form__file-input:hover .drop-box{border-color:var(--brand-primary)}.af-form__file-errors{color:var(--error-color);font-size:.9rem;margin-top:1rem}.af-form__file-list{display:flex;flex-wrap:wrap;font-size:.9rem;list-style:none;padding:0}.af-form__file-line{align-items:center;background:var(--white);border-bottom:1px solid var(--gray40);display:flex;justify-content:space-around;padding:.5rem 0;width:100%}.af-form__file-line .glyphicon{width:1rem}.af-link--delete-file{background:none;border:0;color:var(--brand-primary);text-decoration:underline}.af-link--delete-file:hover{text-decoration:none}
|
|
@@ -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%}}.react-select>div:nth-of-type(2){z-index:2}.af-form__select{--select-border-color:var(--gray40);align-items:center;display:flex}.af-form__select .react-select>div{border-color:var(--select-border-color)}.af-form__select--error{--select-border-color:var(--error-color)}.af-form__select--warning{--select-border-color:var(--warning-color)}.react-select .multi-value-limit{border-radius:.25rem;margin:.125rem}.react-select__multi-option-label{display:grid;gap:0 .5rem;grid-template-columns:1rem 1fr}.react-select__multi-option-label .checkbox-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center}.react-select__multi-option-label .checkbox-indicator .indicator{align-items:center;background:var(--white);border:1px solid var(--gray40);display:flex;height:1rem;justify-content:center;width:1rem}.react-select__multi-option-label .checkbox-indicator .checkbox-checked{border-color:var(--axablue80);color:var(--axablue80)}
|
|
1
|
+
.react-select>div:nth-of-type(2){z-index:2}.af-form__select{--select-border-color:var(--gray40);align-items:center;display:flex}.af-form__select .react-select>div{border-color:var(--select-border-color)}.af-form__select--error{--select-border-color:var(--error-color)}.af-form__select--warning{--select-border-color:var(--warning-color)}.react-select .multi-value-limit{border-radius:.25rem;margin:.125rem}.react-select__multi-option-label{display:grid;gap:0 .5rem;grid-template-columns:1rem 1fr}.react-select__multi-option-label .checkbox-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center}.react-select__multi-option-label .checkbox-indicator .indicator{align-items:center;background:var(--white);border:1px solid var(--gray40);display:flex;height:1rem;justify-content:center;width:1rem}.react-select__multi-option-label .checkbox-indicator .checkbox-checked{border-color:var(--axablue80);color:var(--axablue80)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__nested-question{background-color
|
|
1
|
+
.af-form__nested-question{background-color:var(--white);border:1px solid var(--gray40);border-radius:4px;margin-bottom:2rem;padding:1.5rem 1.25rem;position:relative}.af-form__nested-question-arrow{background-color:var(--white);border-left:1px solid var(--gray40);border-top:1px solid var(--gray40);height:1.3256rem;left:4.5rem;position:absolute;top:-.75rem;transform:rotate(45deg);width:1.3256rem}
|
package/dist/Form/Pass/Pass.css
CHANGED
|
@@ -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__pass{display:inline-block;position:relative}.af-form__pass .af-form__input-text{padding-right:3rem}.af-form__pass--hasinfobulle{margin-right:1rem}.af-form__pass .af-form__help{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:.2rem 0;min-height:1.6em;-ms-flex-align:center}.af-form__pass-btn{background:none;border:none;color:gray;cursor:pointer;display:flex;font-size:1.3em;outline:0;padding:.45rem .4rem;position:absolute;right:5px;top:6px}.af-form__pass-btn:hover{background:#e5e5e5;border-radius:100%}.af-form__pass-btn:focus{outline:0}.af-form__pass-btn .glyphicon{width:22px}.af-form__pass-strength{background:#0000;height:3px;transition:all .3s ease-in-out;width:0}.af-form__pass--bad .af-form__pass-strength{background:red;width:20%}.af-form__pass--okay .af-form__pass-strength{background:orange;width:40%}.af-form__pass--good .af-form__pass-strength{background:green;width:60%}.af-form__pass--verygood .af-form__pass-strength{background:blue;width:80%}.af-form__pass--excellent .af-form__pass-strength{background:purple;width:100%}.af-form__pass-container .af-popover__container{display:inline-block}
|
|
1
|
+
.af-form__pass{display:inline-block;position:relative}.af-form__pass .af-form__input-text{padding-right:3rem}.af-form__pass--hasinfobulle{margin-right:1rem}.af-form__pass .af-form__help{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:.2rem 0;min-height:1.6em;-ms-flex-align:center}.af-form__pass-btn{background:none;border:none;color:gray;cursor:pointer;display:flex;font-size:1.3em;outline:0;padding:.45rem .4rem;position:absolute;right:5px;top:6px}.af-form__pass-btn:hover{background:var(--gray30);border-radius:100%}.af-form__pass-btn:focus{outline:0}.af-form__pass-btn .glyphicon{width:22px}.af-form__pass-strength{background:#0000;height:3px;transition:all .3s ease-in-out;width:0}.af-form__pass--bad .af-form__pass-strength{background:red;width:20%}.af-form__pass--okay .af-form__pass-strength{background:orange;width:40%}.af-form__pass--good .af-form__pass-strength{background:green;width:60%}.af-form__pass--verygood .af-form__pass-strength{background:blue;width:80%}.af-form__pass--excellent .af-form__pass-strength{background:purple;width:100%}.af-form__pass-container .af-popover__container{display:inline-block}
|
|
@@ -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__radio{border-bottom:1px solid var(--gray40);display:flex;position:relative}.af-form__radio,.af-form__radio-inline{align-items:center;--radio-color:var(--disabled-color);--label-color:var(--text-color);color:var(--label-color)}.af-form__radio-inline:last-child,.af-form__radio:last-child{border-bottom:0}.af-form__radio-inline:focus-within,.af-form__radio-inline:hover,.af-form__radio:focus-within,.af-form__radio:hover{--radio-color:var(--brand-primary);--label-color:var(--brand-primary)}.af-form__radio-inline:has(.af-form__input-radio:checked),.af-form__radio:has(.af-form__input-radio:checked){--radio-color:var(--brand-primary);--label-color:var(--brand-primary)}.af-form__radio-inline:has(.af-form__input-radio[aria-invalid=true]),.af-form__radio:has(.af-form__input-radio[aria-invalid=true]){--radio-color:var(--error-color);--label-color:var(--error-color)}.af-form__radio-inline:has(.af-form__input-radio:disabled),.af-form__radio:has(.af-form__input-radio:disabled){--radio-color:var(--disabled-color);--label-color:var(--disabled-color);cursor:not-allowed}.af-form__radio .af-form__input-radio[aria-invalid=true]:checked,.af-form__radio-inline .af-form__input-radio[aria-invalid=true]:checked{background-color:var(--radio-color)}.af-form__radio .af-form__input-radio,.af-form__radio-inline .af-form__input-radio{-webkit-appearance:none;appearance:none;border:1px solid var(--radio-color);border-radius:50%;cursor:pointer;display:grid;height:20px;place-content:center;width:20px}.af-form__radio .af-form__input-radio:checked:before,.af-form__radio-inline .af-form__input-radio:checked:before{background-color:var(--radio-color);border-radius:50%;content:"";display:block;height:12px;transition:transform .12s ease-in-out;width:12px}.af-form__radio .af-form__input-radio:disabled,.af-form__radio .af-form__input-radio:disabled+.af-form__label,.af-form__radio-inline .af-form__input-radio:disabled,.af-form__radio-inline .af-form__input-radio:disabled+.af-form__label{cursor:not-allowed}.af-form__radio-inline{align-items:center;display:flex;margin-right:1rem;position:relative}.af-form__radio-inline .af-form__label{padding:0}.af-form__radio-inline .af-form__description{padding-left:.5rem}.af-form .af-form__text:has(.af-form__input-radio-inline){display:flex}.af-form__text--warning .af-form__radio,.af-form__text--warning .af-form__radio-inline,.af-form__text--warning .af-form__radio-inline:has(.af-form__input-radio:checked),.af-form__text--warning .af-form__radio:has(.af-form__input-radio:checked){--radio-color:var(--warning-color);--label-color:var(--warning-color)}.af-form__text--warning .af-form__radio .af-form__input-radio:checked,.af-form__text--warning .af-form__radio-inline .af-form__input-radio:checked,.af-form__text--warning .af-form__radio-inline:has(.af-form__input-radio:checked) .af-form__input-radio:checked,.af-form__text--warning .af-form__radio:has(.af-form__input-radio:checked) .af-form__input-radio:checked{background-color:var(--warning-color)}.af-form__radio-custom{align-items:center;display:inline-flex;margin:0 .3rem .3rem 0;position:relative;text-align:center}.af-form__radio-custom .af-form__label{--background-color:var(--inactive-button-background);--border-color:var(--inactive-button-border-color);--label-color:var(--text-color);background:var(--background-color);box-shadow:inset 0 -2px 0 0 var(--border-color);color:var(--label-color);cursor:pointer;font-weight:400;margin:0;padding:.6rem 2rem}.af-form__radio-custom .af-form__description{padding:0}.af-form__radio-custom .af-form__input-radio{-webkit-appearance:none;appearance:none}.af-form__radio-custom .af-form__input-radio:checked+.af-form__label,.af-form__radio-custom .af-form__input-radio:focus+.af-form__label,.af-form__radio-custom .af-form__label:hover:hover{--background-color:var(--brand-primary);--border-color:var(--active-button-border-color);--label-color:var(--white)}.af-form__radio-custom--disabled .af-form__label{box-shadow:inset 0 -2px 0 0 var(--gray40);cursor:not-allowed;opacity:.6}.af-form__radio-custom--disabled .af-form__description{opacity:.4}.af-form__radio-custom--error .af-form__label{--label-color:var(--error-color);--background-color:var(--error-button-background);--border-color:var(--error-color)}.af-form__radio-custom--warning .af-form__label{--label-color:var(--warning-color);--background-color:var(--orange10);--border-color:var(--warning-color)}.af-form__radio-group{display:flex;flex-flow:row wrap;margin-right:1rem}.af-form__radio-group-classic{display:block;flex-grow:1}
|
|
1
|
+
.af-form__radio{border-bottom:1px solid var(--gray40);display:flex;position:relative}.af-form__radio-inline{align-items:center;display:flex;margin-right:1rem;position:relative}.af-form__radio-inline .af-form__label{padding:0}.af-form__radio,.af-form__radio-inline{align-items:center;--radio-color:var(--disabled-color);--label-color:var(--text-color);color:var(--label-color)}.af-form__radio-inline:last-child,.af-form__radio:last-child{border-bottom:0}.af-form__radio-inline:focus-within,.af-form__radio-inline:hover,.af-form__radio:focus-within,.af-form__radio:hover{--radio-color:var(--brand-primary);--label-color:var(--brand-primary)}.af-form__radio-inline:has(.af-form__input-radio:checked),.af-form__radio:has(.af-form__input-radio:checked){--radio-color:var(--brand-primary);--label-color:var(--brand-primary)}.af-form__radio-inline:has(.af-form__input-radio[aria-invalid=true]),.af-form__radio:has(.af-form__input-radio[aria-invalid=true]){--radio-color:var(--error-color);--label-color:var(--error-color)}.af-form__radio-inline:has(.af-form__input-radio:disabled),.af-form__radio:has(.af-form__input-radio:disabled){--radio-color:var(--disabled-color);--label-color:var(--disabled-color);cursor:not-allowed}.af-form__radio .af-form__input-radio[aria-invalid=true]:checked,.af-form__radio-inline .af-form__input-radio[aria-invalid=true]:checked{background-color:var(--radio-color)}.af-form__radio .af-form__input-radio,.af-form__radio-inline .af-form__input-radio{-webkit-appearance:none;appearance:none;border:1px solid var(--radio-color);border-radius:50%;cursor:pointer;display:grid;height:20px;place-content:center;width:20px}.af-form__radio .af-form__input-radio:checked:before,.af-form__radio-inline .af-form__input-radio:checked:before{background-color:var(--radio-color);border-radius:50%;content:"";display:block;height:12px;transition:transform .12s ease-in-out;width:12px}.af-form__radio .af-form__input-radio:disabled,.af-form__radio .af-form__input-radio:disabled+.af-form__label,.af-form__radio-inline .af-form__input-radio:disabled,.af-form__radio-inline .af-form__input-radio:disabled+.af-form__label{cursor:not-allowed}.af-form__radio-inline .af-form__description{padding-left:.5rem}.af-form__text:has(.af-form__input-radio-inline){display:flex}.af-form__radio-group{display:flex;flex-flow:row wrap;margin-right:1rem}.af-form__radio-group-classic{display:block;flex-grow:1}
|