@axa-fr/design-system-slash-css 0.2.0-beta.304 → 0.2.0-beta.306
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/Action/Action.css.map +1 -1
- package/dist/Action/Action.scss +1 -1
- package/dist/Alert/Alert.css.map +1 -0
- package/dist/Alert/{Alert.agent.scss → Alert.scss} +1 -1
- package/dist/Badge/Badge.css.map +1 -1
- package/dist/Badge/Badge.scss +1 -1
- package/dist/Button/Button.css.map +1 -0
- package/dist/Button/{Button.agent.scss → Button.scss} +1 -1
- package/dist/Form/Checkbox/Checkbox.css.map +1 -0
- package/dist/Form/Checkbox/{Agent/Checkbox.scss → Checkbox.scss} +4 -4
- package/dist/Form/{Textarea/Textarea.agent.css.map → Choice/Choice.css.map} +1 -1
- package/dist/Form/Choice/{Choice.agent.scss → Choice.scss} +4 -4
- package/dist/Form/Date/Date.css.map +1 -0
- package/dist/Form/Date/{Date.agent.scss → Date.scss} +4 -4
- package/dist/Form/MultiSelect/MultiSelect.css.map +1 -0
- package/dist/Form/MultiSelect/{MultiSelect.agent.scss → MultiSelect.scss} +4 -4
- package/dist/Form/Pass/Pass.css.map +1 -0
- package/dist/Form/Pass/{Pass.agent.scss → Pass.scss} +4 -4
- package/dist/Form/Radio/Radio.css.map +1 -0
- package/dist/Form/Radio/{Agent/Radio.scss → Radio.scss} +4 -4
- package/dist/{Table/Table.agent.css.map → Form/Select/Select.css.map} +1 -1
- package/dist/Form/Select/{Agent/Select.agent.scss → Select.scss} +4 -4
- package/dist/Form/Slider/Slider.css.map +1 -0
- package/dist/Form/Slider/{Slider.agent.scss → Slider.scss} +3 -3
- package/dist/Form/Text/Text.css.map +1 -0
- package/dist/Form/Text/{Agent/Text.agent.scss → Text.scss} +1 -1
- package/dist/Form/Textarea/Textarea.css.map +1 -0
- package/dist/Form/Textarea/{Textarea.agent.scss → Textarea.scss} +4 -4
- package/dist/Form/core/FormCore.css.map +1 -0
- package/dist/Form/core/{FormCore.agent.scss → FormCore.scss} +1 -1
- package/dist/Layout/Footer/Footer.css.map +1 -0
- package/dist/Layout/Footer/{Footer.agent.scss → Footer.scss} +2 -2
- package/dist/Layout/Header/Drawer/Drawer.css.map +1 -0
- package/dist/Layout/Header/{Agent/Drawer → Drawer}/Drawer.scss +1 -1
- package/dist/Layout/Header/Header.css.map +1 -0
- package/dist/Layout/Header/{Agent/Header.agent.scss → Header.scss} +1 -1
- package/dist/{Form/Choice/Choice.agent.css.map → Layout/Header/Infos/Infos.css.map} +1 -1
- package/dist/Layout/Header/{Agent/Infos → Infos}/Infos.scss +1 -1
- package/dist/Layout/Header/Logo/Logo.css.map +1 -0
- package/dist/Layout/Header/{Agent/Logo → Logo}/Logo.scss +1 -1
- package/dist/Layout/Header/Name/Name.css.map +1 -0
- package/dist/Layout/Header/{Agent/Name → Name}/Name.scss +1 -1
- package/dist/{Table/Paging.agent.css.map → Layout/Header/NavBar/NavBar.css.map} +1 -1
- package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBar.scss +2 -2
- package/dist/Layout/Header/TitleHeader/TitleHeader.css.map +1 -0
- package/dist/Layout/Header/{Agent/TitleHeader → TitleHeader}/TitleHeader.scss +1 -1
- package/dist/Layout/Header/User/User.css.map +1 -0
- package/dist/Layout/Header/{Agent/User → User}/User.scss +1 -1
- package/dist/{Layout/Header/Agent/NavBar/NavBar.css.map → Modal/Modal.css.map} +1 -1
- package/dist/Modal/{Modal.agent.scss → Modal.scss} +3 -3
- package/dist/Steps/Steps.css.map +1 -1
- package/dist/Steps/Steps.scss +2 -2
- package/dist/Table/Pager.css.map +1 -0
- package/dist/Table/{Pager.agent.scss → Pager.scss} +1 -1
- package/dist/Table/Paging.css.map +1 -0
- package/dist/Table/{Paging.agent.scss → Paging.scss} +2 -2
- package/dist/{Form/Checkbox/Agent/Checkbox.css.map → Table/Table.css.map} +1 -1
- package/dist/Table/{Table.agent.scss → Table.scss} +1 -1
- package/dist/{Layout/Header/Agent/Drawer/Drawer.css.map → Tabs/Tabs.css.map} +1 -1
- package/dist/Tabs/{Tabs.agent.scss → Tabs.scss} +3 -3
- package/dist/Title/Title.css.map +1 -0
- package/dist/Title/{Agent/Title.scss → Title.scss} +1 -1
- package/dist/common/icons.css +1 -1
- package/dist/common/icons.css.map +1 -1
- package/dist/common/icons.scss +9 -5
- package/dist/slash.css.map +1 -0
- package/dist/slash.scss +28 -0
- package/package.json +1 -1
- package/dist/Accordion/Accordion.client.css +0 -1
- package/dist/Accordion/Accordion.client.css.map +0 -1
- package/dist/Accordion/Accordion.client.scss +0 -74
- package/dist/Alert/Alert.agent.css.map +0 -1
- package/dist/Alert/Alert.client.css +0 -1
- package/dist/Alert/Alert.client.css.map +0 -1
- package/dist/Alert/Alert.client.scss +0 -104
- package/dist/Button/Button.agent.css.map +0 -1
- package/dist/Button/Button.client.css +0 -1
- package/dist/Button/Button.client.css.map +0 -1
- package/dist/Button/Button.client.scss +0 -148
- package/dist/Card/Card.client.css +0 -1
- package/dist/Card/Card.client.css.map +0 -1
- package/dist/Card/Card.client.scss +0 -48
- package/dist/Form/Checkbox/Client/Checkbox.css +0 -1
- package/dist/Form/Checkbox/Client/Checkbox.css.map +0 -1
- package/dist/Form/Checkbox/Client/Checkbox.scss +0 -218
- package/dist/Form/Date/Date.agent.css.map +0 -1
- package/dist/Form/FileUpload/Client/FileUpload.client.css +0 -1
- package/dist/Form/FileUpload/Client/FileUpload.client.css.map +0 -1
- package/dist/Form/FileUpload/Client/FileUpload.client.scss +0 -191
- package/dist/Form/InputError/InputError.client.css +0 -1
- package/dist/Form/InputError/InputError.client.css.map +0 -1
- package/dist/Form/InputError/InputError.client.scss +0 -19
- package/dist/Form/MultiSelect/MultiSelect.agent.css.map +0 -1
- package/dist/Form/Pass/Pass.agent.css.map +0 -1
- package/dist/Form/Radio/Agent/Radio.css.map +0 -1
- package/dist/Form/Radio/Client/Radio.css +0 -1
- package/dist/Form/Radio/Client/Radio.css.map +0 -1
- package/dist/Form/Radio/Client/Radio.scss +0 -221
- package/dist/Form/Select/Agent/Select.agent.css.map +0 -1
- package/dist/Form/Select/Client/Select.client.css +0 -1
- package/dist/Form/Select/Client/Select.client.css.map +0 -1
- package/dist/Form/Select/Client/Select.client.scss +0 -116
- package/dist/Form/Slider/Slider.agent.css.map +0 -1
- package/dist/Form/Text/Agent/Text.agent.css.map +0 -1
- package/dist/Form/Text/Client/Text.client.css +0 -1
- package/dist/Form/Text/Client/Text.client.css.map +0 -1
- package/dist/Form/Text/Client/Text.client.scss +0 -56
- package/dist/Form/core/FormCore.agent.css.map +0 -1
- package/dist/Form/core/FormCore.client.scss +0 -1
- package/dist/IconBg/IconBg.client.css +0 -1
- package/dist/IconBg/IconBg.client.css.map +0 -1
- package/dist/IconBg/IconBg.client.scss +0 -38
- package/dist/Layout/Footer/Footer.agent.css.map +0 -1
- package/dist/Layout/Footer/Footer.client.css +0 -1
- package/dist/Layout/Footer/Footer.client.css.map +0 -1
- package/dist/Layout/Footer/Footer.client.scss +0 -173
- package/dist/Layout/Header/Agent/Header.agent.css.map +0 -1
- package/dist/Layout/Header/Agent/Infos/Infos.css.map +0 -1
- package/dist/Layout/Header/Agent/Logo/Logo.css.map +0 -1
- package/dist/Layout/Header/Agent/Name/Name.css.map +0 -1
- package/dist/Layout/Header/Agent/TitleHeader/TitleHeader.css.map +0 -1
- package/dist/Layout/Header/Agent/User/User.css.map +0 -1
- package/dist/Layout/Header/Client/Header.client.css +0 -1
- package/dist/Layout/Header/Client/Header.client.css.map +0 -1
- package/dist/Layout/Header/Client/Header.client.scss +0 -84
- package/dist/Layout/Header/Client/NavBar/NavBar.css +0 -1
- package/dist/Layout/Header/Client/NavBar/NavBar.css.map +0 -1
- package/dist/Layout/Header/Client/NavBar/NavBar.scss +0 -50
- package/dist/Layout/Header/Client/PreviousLink/PreviousLink.css +0 -1
- package/dist/Layout/Header/Client/PreviousLink/PreviousLink.css.map +0 -1
- package/dist/Layout/Header/Client/PreviousLink/PreviousLink.scss +0 -42
- package/dist/Link/Link.client.css +0 -1
- package/dist/Link/Link.client.css.map +0 -1
- package/dist/Link/Link.client.scss +0 -44
- package/dist/List/ClickList/ClickList.client.css +0 -1
- package/dist/List/ClickList/ClickList.client.css.map +0 -1
- package/dist/List/ClickList/ClickList.client.scss +0 -228
- package/dist/List/ContentItemDuo/ContentItemDuo.css +0 -1
- package/dist/List/ContentItemDuo/ContentItemDuo.css.map +0 -1
- package/dist/List/ContentItemDuo/ContentItemDuo.scss +0 -168
- package/dist/List/ContentItemMono/ContentItemMono.css +0 -1
- package/dist/List/ContentItemMono/ContentItemMono.css.map +0 -1
- package/dist/List/ContentItemMono/ContentItemMono.scss +0 -188
- package/dist/List/ContentTabList/ContentTabList.client.css +0 -1
- package/dist/List/ContentTabList/ContentTabList.client.css.map +0 -1
- package/dist/List/ContentTabList/ContentTabList.client.scss +0 -161
- package/dist/List/List.css +0 -1
- package/dist/List/List.css.map +0 -1
- package/dist/List/List.scss +0 -53
- package/dist/Loader/Loader.client.css +0 -1
- package/dist/Loader/Loader.client.css.map +0 -1
- package/dist/Loader/Loader.client.scss +0 -26
- package/dist/Modal/Modal.agent.css.map +0 -1
- package/dist/Modal/Modal.client.css +0 -1
- package/dist/Modal/Modal.client.css.map +0 -1
- package/dist/Modal/Modal.client.scss +0 -128
- package/dist/Pagination/Pagination.client.css +0 -1
- package/dist/Pagination/Pagination.client.css.map +0 -1
- package/dist/Pagination/Pagination.client.scss +0 -8
- package/dist/Pagination/PaginationDesktop.client.css +0 -1
- package/dist/Pagination/PaginationDesktop.client.css.map +0 -1
- package/dist/Pagination/PaginationDesktop.client.scss +0 -68
- package/dist/Pagination/PaginationMobile.client.css +0 -1
- package/dist/Pagination/PaginationMobile.client.css.map +0 -1
- package/dist/Pagination/PaginationMobile.client.scss +0 -35
- package/dist/Stepper/Stepper.client.css +0 -1
- package/dist/Stepper/Stepper.client.css.map +0 -1
- package/dist/Stepper/Stepper.client.scss +0 -53
- package/dist/Table/Pager.agent.css.map +0 -1
- package/dist/Tabs/Tabs.agent.css.map +0 -1
- package/dist/Tabs/Tabs.client.css +0 -1
- package/dist/Tabs/Tabs.client.css.map +0 -1
- package/dist/Tabs/Tabs.client.scss +0 -63
- package/dist/Tag/Tag.client.css +0 -1
- package/dist/Tag/Tag.client.css.map +0 -1
- package/dist/Tag/Tag.client.scss +0 -48
- package/dist/Title/Agent/Title.css.map +0 -1
- package/dist/Title/Client/Title.css +0 -1
- package/dist/Title/Client/Title.css.map +0 -1
- package/dist/Title/Client/Title.scss +0 -76
- package/dist/agent.css.map +0 -1
- package/dist/agent.scss +0 -28
- package/dist/client.css +0 -1
- package/dist/client.css.map +0 -1
- package/dist/client.scss +0 -27
- package/dist/common/common.agent.css +0 -0
- package/dist/common/common.client.css +0 -0
- package/dist/common/common.client.scss +0 -107
- /package/dist/Alert/{Alert.agent.css → Alert.css} +0 -0
- /package/dist/Button/{Button.agent.css → Button.css} +0 -0
- /package/dist/Form/Checkbox/{Agent/Checkbox.css → Checkbox.css} +0 -0
- /package/dist/Form/Choice/{Choice.agent.css → Choice.css} +0 -0
- /package/dist/Form/Date/{Date.agent.css → Date.css} +0 -0
- /package/dist/Form/MultiSelect/{MultiSelect.agent.css → MultiSelect.css} +0 -0
- /package/dist/Form/Pass/{Pass.agent.css → Pass.css} +0 -0
- /package/dist/Form/Radio/{Agent/Radio.css → Radio.css} +0 -0
- /package/dist/Form/Select/{Agent/Select.agent.css → Select.css} +0 -0
- /package/dist/Form/Slider/{Slider.agent.css → Slider.css} +0 -0
- /package/dist/Form/Text/{Agent/Text.agent.css → Text.css} +0 -0
- /package/dist/Form/Textarea/{Textarea.agent.css → Textarea.css} +0 -0
- /package/dist/Form/core/{FormCore.agent.css → FormCore.css} +0 -0
- /package/dist/Layout/Footer/{Footer.agent.css → Footer.css} +0 -0
- /package/dist/Layout/Header/{Agent/Drawer → Drawer}/Drawer.css +0 -0
- /package/dist/Layout/Header/{Agent/Header.agent.css → Header.css} +0 -0
- /package/dist/Layout/Header/{Agent/Infos → Infos}/Infos.css +0 -0
- /package/dist/Layout/Header/{Agent/Logo → Logo}/Logo.css +0 -0
- /package/dist/Layout/Header/{Agent/Name → Name}/Name.css +0 -0
- /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBar.css +0 -0
- /package/dist/Layout/Header/{Agent/TitleHeader → TitleHeader}/TitleHeader.css +0 -0
- /package/dist/Layout/Header/{Agent/User → User}/User.css +0 -0
- /package/dist/Modal/{Modal.agent.css → Modal.css} +0 -0
- /package/dist/Table/{Pager.agent.css → Pager.css} +0 -0
- /package/dist/Table/{Paging.agent.css → Paging.css} +0 -0
- /package/dist/Table/{Table.agent.css → Table.css} +0 -0
- /package/dist/Tabs/{Tabs.agent.css → Tabs.css} +0 -0
- /package/dist/Title/{Agent/Title.css → Title.css} +0 -0
- /package/dist/{Form/core/FormCore.client.css → common/common.css} +0 -0
- /package/dist/common/{common.agent.scss → common.scss} +0 -0
- /package/dist/{agent.css → slash.css} +0 -0
|
@@ -1,188 +0,0 @@
|
|
|
1
|
-
@use "../../common/common.client.scss" as common;
|
|
2
|
-
|
|
3
|
-
.af-content-item-mono {
|
|
4
|
-
display: flex;
|
|
5
|
-
gap: 0.75rem;
|
|
6
|
-
|
|
7
|
-
&__stick {
|
|
8
|
-
width: 0.25rem;
|
|
9
|
-
border-radius: 0.125rem;
|
|
10
|
-
background-color: common.$color-axa;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
&__left-container {
|
|
14
|
-
svg {
|
|
15
|
-
width: 1.5rem;
|
|
16
|
-
height: 1.5rem;
|
|
17
|
-
fill: common.$color-axa;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
&--center {
|
|
21
|
-
display: flex;
|
|
22
|
-
align-items: center;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
&--disabled {
|
|
27
|
-
.af-content-item-mono__stick {
|
|
28
|
-
background-color: common.$color-gray-900;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.af-content-item-mono__left-container svg {
|
|
32
|
-
fill: common.$color-gray-900;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
&__text-container {
|
|
37
|
-
display: grid;
|
|
38
|
-
gap: 0.125rem;
|
|
39
|
-
|
|
40
|
-
p {
|
|
41
|
-
margin: 0;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.af-content-item-mono__main-text {
|
|
45
|
-
color: common.$color-gray-900;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.af-content-item-mono__secondary-text {
|
|
49
|
-
font-family: common.$font-family-base;
|
|
50
|
-
font-weight: 400;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
&--xl .af-content-item-mono__text-container {
|
|
55
|
-
.af-content-item-mono__main-text {
|
|
56
|
-
font-family: common.$font-family-publico;
|
|
57
|
-
font-size: 1.5rem;
|
|
58
|
-
font-weight: 700;
|
|
59
|
-
line-height: 1.875rem;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.af-content-item-mono__secondary-text {
|
|
63
|
-
font-size: 1.125rem;
|
|
64
|
-
line-height: 1.4rem;
|
|
65
|
-
color: common.$color-gray-700;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
&--m {
|
|
70
|
-
.af-content-item-mono__text-container {
|
|
71
|
-
.af-content-item-mono__main-text {
|
|
72
|
-
font-family: common.$font-family-base;
|
|
73
|
-
font-size: 1.125rem;
|
|
74
|
-
font-weight: 600;
|
|
75
|
-
line-height: 1.4rem;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.af-content-item-mono__secondary-text {
|
|
79
|
-
font-size: 1.125rem;
|
|
80
|
-
line-height: 1.4rem;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.af-content-item-mono__tertiary-text {
|
|
84
|
-
font-family: common.$font-family-base;
|
|
85
|
-
font-size: 1rem;
|
|
86
|
-
font-weight: 400;
|
|
87
|
-
line-height: 1.25rem;
|
|
88
|
-
color: common.$color-gray-700;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
&:not(:has(.af-content-item-mono__tertiary-text)) {
|
|
92
|
-
.af-content-item-mono__secondary-text {
|
|
93
|
-
font-size: 1rem;
|
|
94
|
-
line-height: 1.25rem;
|
|
95
|
-
color: common.$color-gray-700;
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
&:has(.af-content-item-mono__stick) {
|
|
101
|
-
.af-content-item-mono__text-container .af-content-item-mono__main-text {
|
|
102
|
-
font-size: 1rem;
|
|
103
|
-
line-height: 1.25rem;
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
&:not(
|
|
108
|
-
:has(
|
|
109
|
-
.af-content-item-mono__text-container
|
|
110
|
-
.af-content-item-mono__secondary-text
|
|
111
|
-
)
|
|
112
|
-
):has(
|
|
113
|
-
.af-content-item-mono__text-container
|
|
114
|
-
.af-content-item-mono__tertiary-text
|
|
115
|
-
) {
|
|
116
|
-
.af-content-item-mono__text-container .af-content-item-mono__main-text {
|
|
117
|
-
font-size: 1rem;
|
|
118
|
-
font-weight: 400;
|
|
119
|
-
line-height: 1.25rem;
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
@media (width <= #{common.$breakpoint-sm}) {
|
|
126
|
-
.af-content-item-mono {
|
|
127
|
-
&--xl .af-content-item-mono__text-container {
|
|
128
|
-
.af-content-item-mono__main-text {
|
|
129
|
-
font-size: 1.25rem;
|
|
130
|
-
line-height: 1.56rem;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
.af-content-item-mono__secondary-text {
|
|
134
|
-
font-size: 1rem;
|
|
135
|
-
line-height: 1.25rem;
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
&--m {
|
|
140
|
-
.af-content-item-mono__text-container {
|
|
141
|
-
.af-content-item-mono__main-text {
|
|
142
|
-
font-size: 1rem;
|
|
143
|
-
line-height: 1.25rem;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
.af-content-item-mono__secondary-text {
|
|
147
|
-
font-size: 1rem;
|
|
148
|
-
line-height: 1.25rem;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.af-content-item-mono__tertiary-text {
|
|
152
|
-
font-size: 0.875rem;
|
|
153
|
-
line-height: 1.1rem;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
&:not(:has(.af-content-item-mono__tertiary-text)) {
|
|
157
|
-
.af-content-item-mono__secondary-text {
|
|
158
|
-
font-size: 0.875rem;
|
|
159
|
-
line-height: 1.1rem;
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
&:has(.af-content-item-mono__stick) {
|
|
165
|
-
.af-content-item-mono__text-container .af-content-item-mono__main-text {
|
|
166
|
-
font-size: 0.875rem;
|
|
167
|
-
line-height: 1.1rem;
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
&:not(
|
|
172
|
-
:has(
|
|
173
|
-
.af-content-item-mono__text-container
|
|
174
|
-
.af-content-item-mono__secondary-text
|
|
175
|
-
)
|
|
176
|
-
):has(
|
|
177
|
-
.af-content-item-mono__text-container
|
|
178
|
-
.af-content-item-mono__tertiary-text
|
|
179
|
-
) {
|
|
180
|
-
.af-content-item-mono__text-container .af-content-item-mono__main-text {
|
|
181
|
-
font-size: 0.875rem;
|
|
182
|
-
font-weight: 400;
|
|
183
|
-
line-height: 1.1rem;
|
|
184
|
-
}
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.af-card--content-tab-list .af-list{display:flex;flex-direction:column;justify-content:center}.af-card--content-tab-list .af-list__item{align-items:center;display:flex;flex-direction:row;gap:2.5rem;justify-content:space-between}.af-card--content-tab-list .af-list__item span{display:block;margin:0}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container,.af-card--content-tab-list .af-list__item .af-list-item__left-container,.af-card--content-tab-list .af-list__item .af-list-item__right-container{all:inherit;padding:0}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container{grid-area:content-tab__additional-data-container}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container .af-tag{grid-area:content-tab__tag}.af-card--content-tab-list .af-list__item .af-list-item__label{color:#333;grid-area:content-tab__label}.af-card--content-tab-list .af-list__item .af-list-item-label__title{font-size:1.125rem;font-weight:600;line-height:1.4rem}.af-card--content-tab-list .af-list__item .af-list-item-label__subtitle{color:#5f5f5f;font-size:1rem;font-weight:400;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item__date{color:#5f5f5f;font-size:1.125rem;font-weight:600;grid-area:content-tab__date;line-height:1.4rem}.af-card--content-tab-list .af-list__item .af-list-item__value{color:#118635;font-size:1.125rem;font-weight:600;justify-self:end;line-height:1.4rem;text-align:right}.af-card--content-tab-list .af-list__item .af-list-item__button-container{margin:0 .625rem}.af-card--content-tab-list .af-list__item .af-list-item__button-container svg{height:1.25rem;width:1.25rem;fill:#00008f}.af-card--content-tab-list .af-list__item:not(:has(.af-list-item__value)) .af-tag{margin:0 1.34rem}@media (width <= 667px){.af-card--content-tab-list .af-list__item{gap:1.5rem}.af-card--content-tab-list .af-list__item .af-list-item__left-container{align-items:start;display:grid;gap:.25rem;grid-template:"content-tab__additional-data-container" "content-tab__label";justify-content:start}.af-card--content-tab-list .af-list__item .af-list-item__right-container{gap:1.5rem}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container{align-items:center;display:block}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container:has(.af-list-item__date):has(.af-tag){display:grid;gap:.75rem;grid-template:"content-tab__tag content-tab__date"}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container .af-tag{margin:0}.af-card--content-tab-list .af-list__item .af-list-item-label__title{font-size:1rem;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item-label__subtitle{font-size:.875rem;line-height:1.1rem}.af-card--content-tab-list .af-list__item .af-list-item__date,.af-card--content-tab-list .af-list__item .af-list-item__value{font-size:1rem;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item__button-container{margin:0}.af-card--content-tab-list .af-list__item .af-list-item__button-container button{font-size:0;gap:0;padding:0}.af-card--content-tab-list .af-list__item:has(.af-list-item__value){align-items:start}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/List/ContentTabList/ContentTabList.client.scss%23sass","../../../src/List/ContentTabList/ContentTabList.client.scss","../../../src/common/common.client.scss"],"names":[],"mappings":"AAGE,oCACE,YAAA,CCFJ,qBAAA,CDII,sBCFJ,CDKE,0CAGE,kBAAA,CAFA,YAAA,CACA,kBAAA,CAGA,UAAA,CADA,6BCFJ,CDKI,+CACE,aAAA,CACA,QCHN,CDOM,oOAGE,WAAA,CACA,SCPR,CDUM,mFACE,gDCRR,CDUQ,2FACE,0BCRV,CDYM,+DAEE,UELS,CFIT,4BCTR,CDaM,qEACE,kBAAA,CACA,eAAA,CACA,kBCXR,CDcM,wEAIE,aAAA,CAHA,cAAA,CACA,eAAA,CACA,mBCXR,CDeM,8DAKE,aAAA,CAHA,kBAAA,CACA,eAAA,CAFA,2BAAA,CAGA,kBCZR,CDgBM,+DAME,aElCU,CF8BV,kBAAA,CACA,eAAA,CAFA,gBAAA,CAGA,kBAAA,CACA,gBCbR,CDiBM,0EACE,gBCfR,CDiBQ,8EAEE,cAAA,CADA,aAAA,CAEA,YCfV,CDqBM,kFACE,gBCnBR,CDyBA,wBACE,0CACE,UCtBF,CDyBI,wEAKE,iBAAA,CAJA,YAAA,CAMA,UAAA,CALA,2EACE,CAGF,qBCxBN,CD4BI,yEACE,UC1BN,CD6BI,mFAEE,kBAAA,CADA,aC1BN,CD6BM,yHACE,YAAA,CC1BV,UAAA,CADE,kDAEA,CACF,2FACE,QACA,CDgCI,qEACE,cAAA,CACA,mBC9BN,CDiCI,wEACE,iBAAA,CACA,kBC/BN,CDuCI,6HACE,cAAA,CACA,mBCjCN,CDoCI,0EACE,QClCN,CDoCM,iFAGE,WAAA,CADA,KAAA,CADA,SChCR,CDuCE,oEACE,iBCrCJ,CACF","file":"ContentTabList.client.css","sourcesContent":["@use \"../../common/common.client.scss\" as common;\n\n.af-card--content-tab-list {\n .af-list {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .af-list__item {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 2.5rem;\n\n span {\n display: block;\n margin: 0;\n }\n\n .af-list-item {\n &__left-container,\n &__right-container,\n &__additional-data-container {\n all: inherit;\n padding: 0;\n }\n\n &__additional-data-container {\n grid-area: content-tab__additional-data-container;\n\n .af-tag {\n grid-area: content-tab__tag;\n }\n }\n\n &__label {\n grid-area: content-tab__label;\n color: common.$color-gray-900;\n }\n\n &-label__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-label__subtitle {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n\n &__date {\n grid-area: content-tab__date;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n\n &__value {\n justify-self: end;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n text-align: right;\n color: common.$color-green-600;\n }\n\n &__button-container {\n margin: 0 0.625rem;\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n fill: common.$color-axa;\n }\n }\n }\n\n &:not(:has(.af-list-item__value)) {\n .af-tag {\n margin: 0 1.34rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--content-tab-list .af-list__item {\n gap: 1.5rem;\n\n .af-list-item {\n &__left-container {\n display: grid;\n grid-template:\n \"content-tab__additional-data-container\"\n \"content-tab__label\";\n align-items: start;\n justify-content: start;\n gap: 0.25rem;\n }\n\n &__right-container {\n gap: 1.5rem;\n }\n\n &__additional-data-container {\n display: block;\n align-items: center;\n\n &:has(.af-list-item__date):has(.af-tag) {\n display: grid;\n grid-template: \"content-tab__tag content-tab__date\";\n gap: 0.75rem;\n }\n\n .af-tag {\n margin: 0;\n }\n }\n\n &-label__title {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &-label__subtitle {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &__date {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__button-container {\n margin: 0;\n\n button {\n padding: 0;\n gap: 0;\n font-size: 0;\n }\n }\n }\n\n &:has(.af-list-item__value) {\n align-items: start;\n }\n }\n}\n","@use \"../../common/common.client.scss\" as common;\n\n.af-card--content-tab-list {\n .af-list {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .af-list__item {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 2.5rem;\n\n span {\n display: block;\n margin: 0;\n }\n\n .af-list-item {\n &__left-container,\n &__right-container,\n &__additional-data-container {\n all: inherit;\n padding: 0;\n }\n\n &__additional-data-container {\n grid-area: content-tab__additional-data-container;\n\n .af-tag {\n grid-area: content-tab__tag;\n }\n }\n\n &__label {\n grid-area: content-tab__label;\n color: common.$color-gray-900;\n }\n\n &-label__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-label__subtitle {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n\n &__date {\n grid-area: content-tab__date;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n\n &__value {\n justify-self: end;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n text-align: right;\n color: common.$color-green-600;\n }\n\n &__button-container {\n margin: 0 0.625rem;\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n fill: common.$color-axa;\n }\n }\n }\n\n &:not(:has(.af-list-item__value)) {\n .af-tag {\n margin: 0 1.34rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--content-tab-list .af-list__item {\n gap: 1.5rem;\n\n .af-list-item {\n &__left-container {\n display: grid;\n grid-template:\n \"content-tab__additional-data-container\"\n \"content-tab__label\";\n align-items: start;\n justify-content: start;\n gap: 0.25rem;\n }\n\n &__right-container {\n gap: 1.5rem;\n }\n\n &__additional-data-container {\n display: block;\n align-items: center;\n\n &:has(.af-list-item__date):has(.af-tag) {\n display: grid;\n grid-template: \"content-tab__tag content-tab__date\";\n gap: 0.75rem;\n }\n\n .af-tag {\n margin: 0;\n }\n }\n\n &-label__title {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &-label__subtitle {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &__date {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__button-container {\n margin: 0;\n\n button {\n padding: 0;\n gap: 0;\n font-size: 0;\n }\n }\n }\n\n &:has(.af-list-item__value) {\n align-items: start;\n }\n }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
|
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
@use "../../common/common.client.scss" as common;
|
|
2
|
-
|
|
3
|
-
.af-card--content-tab-list {
|
|
4
|
-
.af-list {
|
|
5
|
-
display: flex;
|
|
6
|
-
flex-direction: column;
|
|
7
|
-
justify-content: center;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.af-list__item {
|
|
11
|
-
display: flex;
|
|
12
|
-
flex-direction: row;
|
|
13
|
-
align-items: center;
|
|
14
|
-
justify-content: space-between;
|
|
15
|
-
gap: 2.5rem;
|
|
16
|
-
|
|
17
|
-
span {
|
|
18
|
-
display: block;
|
|
19
|
-
margin: 0;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.af-list-item {
|
|
23
|
-
&__left-container,
|
|
24
|
-
&__right-container,
|
|
25
|
-
&__additional-data-container {
|
|
26
|
-
all: inherit;
|
|
27
|
-
padding: 0;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
&__additional-data-container {
|
|
31
|
-
grid-area: content-tab__additional-data-container;
|
|
32
|
-
|
|
33
|
-
.af-tag {
|
|
34
|
-
grid-area: content-tab__tag;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
&__label {
|
|
39
|
-
grid-area: content-tab__label;
|
|
40
|
-
color: common.$color-gray-900;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
&-label__title {
|
|
44
|
-
font-size: 1.125rem;
|
|
45
|
-
font-weight: 600;
|
|
46
|
-
line-height: 1.4rem;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
&-label__subtitle {
|
|
50
|
-
font-size: 1rem;
|
|
51
|
-
font-weight: 400;
|
|
52
|
-
line-height: 1.25rem;
|
|
53
|
-
color: common.$color-gray-700;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
&__date {
|
|
57
|
-
grid-area: content-tab__date;
|
|
58
|
-
font-size: 1.125rem;
|
|
59
|
-
font-weight: 600;
|
|
60
|
-
line-height: 1.4rem;
|
|
61
|
-
color: common.$color-gray-700;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
&__value {
|
|
65
|
-
justify-self: end;
|
|
66
|
-
font-size: 1.125rem;
|
|
67
|
-
font-weight: 600;
|
|
68
|
-
line-height: 1.4rem;
|
|
69
|
-
text-align: right;
|
|
70
|
-
color: common.$color-green-600;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
&__button-container {
|
|
74
|
-
margin: 0 0.625rem;
|
|
75
|
-
|
|
76
|
-
svg {
|
|
77
|
-
width: 1.25rem;
|
|
78
|
-
height: 1.25rem;
|
|
79
|
-
fill: common.$color-axa;
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
&:not(:has(.af-list-item__value)) {
|
|
85
|
-
.af-tag {
|
|
86
|
-
margin: 0 1.34rem;
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
@media (width <= #{common.$breakpoint-sm}) {
|
|
93
|
-
.af-card--content-tab-list .af-list__item {
|
|
94
|
-
gap: 1.5rem;
|
|
95
|
-
|
|
96
|
-
.af-list-item {
|
|
97
|
-
&__left-container {
|
|
98
|
-
display: grid;
|
|
99
|
-
grid-template:
|
|
100
|
-
"content-tab__additional-data-container"
|
|
101
|
-
"content-tab__label";
|
|
102
|
-
align-items: start;
|
|
103
|
-
justify-content: start;
|
|
104
|
-
gap: 0.25rem;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
&__right-container {
|
|
108
|
-
gap: 1.5rem;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
&__additional-data-container {
|
|
112
|
-
display: block;
|
|
113
|
-
align-items: center;
|
|
114
|
-
|
|
115
|
-
&:has(.af-list-item__date):has(.af-tag) {
|
|
116
|
-
display: grid;
|
|
117
|
-
grid-template: "content-tab__tag content-tab__date";
|
|
118
|
-
gap: 0.75rem;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
.af-tag {
|
|
122
|
-
margin: 0;
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
&-label__title {
|
|
127
|
-
font-size: 1rem;
|
|
128
|
-
line-height: 1.25rem;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
&-label__subtitle {
|
|
132
|
-
font-size: 0.875rem;
|
|
133
|
-
line-height: 1.1rem;
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
&__date {
|
|
137
|
-
font-size: 1rem;
|
|
138
|
-
line-height: 1.25rem;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
&__value {
|
|
142
|
-
font-size: 1rem;
|
|
143
|
-
line-height: 1.25rem;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
&__button-container {
|
|
147
|
-
margin: 0;
|
|
148
|
-
|
|
149
|
-
button {
|
|
150
|
-
padding: 0;
|
|
151
|
-
gap: 0;
|
|
152
|
-
font-size: 0;
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
&:has(.af-list-item__value) {
|
|
158
|
-
align-items: start;
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
}
|
package/dist/List/List.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.af-list{flex-direction:column;list-style-type:none;padding:0}.af-list__item{padding:1rem 0}.af-list__separator{border:1px solid #e9ecf2;margin:0}.af-card--list{box-shadow:none;padding:0 1rem}.af-card--large{width:100%}.af-card--extra-padding{padding:.5rem 1.5rem}.af-card--first-separator-full-width{padding:0}.af-card--first-separator-full-width .af-list__item{padding:1rem}.af-card--first-separator-full-width .af-list__separator~.af-list__separator{margin:0 1rem}@media (width <= 667px){.af-card--extra-padding{padding:.25rem 1rem}.af-card--extra-padding .af-list__item{padding:.75rem 0}}
|
package/dist/List/List.css.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/List/List.scss%23sass","../../src/List/List.scss"],"names":[],"mappings":"AAEA,SCAA,qBAAA,CDGE,oBAAA,CAFA,SCCF,CDGE,eACE,cCDJ,CDIE,oBAEE,wBAAA,CADA,QCDJ,CDOE,eCHF,eAAA,CDII,cCHJ,CDOE,gBACE,UCLJ,CDQE,wBACE,oBCNJ,CDSE,qCACE,SCPJ,CDSI,oDACE,YCPN,CDUI,6EACE,aCRN,CDaA,wBACE,wBACE,mBCVF,CDYE,uCACE,gBCVJ,CACF","file":"List.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-list {\n padding: 0;\n flex-direction: column;\n list-style-type: none;\n\n &__item {\n padding: 1rem 0;\n }\n\n &__separator {\n margin: 0;\n border: 1px solid common.$color-gray-300;\n }\n}\n\n.af-card {\n &--list {\n padding: 0 1rem;\n box-shadow: none;\n }\n\n &--large {\n width: 100%;\n }\n\n &--extra-padding {\n padding: 0.5rem 1.5rem;\n }\n\n &--first-separator-full-width {\n padding: 0;\n\n .af-list__item {\n padding: 1rem;\n }\n\n .af-list__separator ~ .af-list__separator {\n margin: 0 1rem;\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--extra-padding {\n padding: 0.25rem 1rem;\n\n .af-list__item {\n padding: 0.75rem 0;\n }\n }\n}\n","@use \"../common/common.client.scss\" as common;\n\n.af-list {\n padding: 0;\n flex-direction: column;\n list-style-type: none;\n\n &__item {\n padding: 1rem 0;\n }\n\n &__separator {\n margin: 0;\n border: 1px solid common.$color-gray-300;\n }\n}\n\n.af-card {\n &--list {\n padding: 0 1rem;\n box-shadow: none;\n }\n\n &--large {\n width: 100%;\n }\n\n &--extra-padding {\n padding: 0.5rem 1.5rem;\n }\n\n &--first-separator-full-width {\n padding: 0;\n\n .af-list__item {\n padding: 1rem;\n }\n\n .af-list__separator ~ .af-list__separator {\n margin: 0 1rem;\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--extra-padding {\n padding: 0.25rem 1rem;\n\n .af-list__item {\n padding: 0.75rem 0;\n }\n }\n}\n"]}
|
package/dist/List/List.scss
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
@use "../common/common.client.scss" as common;
|
|
2
|
-
|
|
3
|
-
.af-list {
|
|
4
|
-
padding: 0;
|
|
5
|
-
flex-direction: column;
|
|
6
|
-
list-style-type: none;
|
|
7
|
-
|
|
8
|
-
&__item {
|
|
9
|
-
padding: 1rem 0;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
&__separator {
|
|
13
|
-
margin: 0;
|
|
14
|
-
border: 1px solid common.$color-gray-300;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.af-card {
|
|
19
|
-
&--list {
|
|
20
|
-
padding: 0 1rem;
|
|
21
|
-
box-shadow: none;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
&--large {
|
|
25
|
-
width: 100%;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
&--extra-padding {
|
|
29
|
-
padding: 0.5rem 1.5rem;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
&--first-separator-full-width {
|
|
33
|
-
padding: 0;
|
|
34
|
-
|
|
35
|
-
.af-list__item {
|
|
36
|
-
padding: 1rem;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.af-list__separator ~ .af-list__separator {
|
|
40
|
-
margin: 0 1rem;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
@media (width <= #{common.$breakpoint-sm}) {
|
|
46
|
-
.af-card--extra-padding {
|
|
47
|
-
padding: 0.25rem 1rem;
|
|
48
|
-
|
|
49
|
-
.af-list__item {
|
|
50
|
-
padding: 0.75rem 0;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.af-loader__container{align-items:center;animation:spin 2s linear infinite;border:1px solid #f3f3f3;border-radius:50%;border-top-color:#00008f;container-type:inline-size;display:flex;flex-direction:column;justify-content:center;margin:auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Loader/Loader.client.scss%23sass","../../src/Loader/Loader.client.scss"],"names":[],"mappings":"AAGE,sBAQE,kBAAA,CAEA,iCAAA,CALA,wBAAA,CACA,iBAAA,CADA,wBAAA,CCNJ,0BAAA,CDEI,YAAA,CAMA,qBAAA,CAEA,sBAAA,CANA,WCKJ,CDMA,gBACE,GCHF,sBACE,CACF,GACE,uBACA,CACF","file":"Loader.client.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-loader {\n &__container {\n display: flex;\n container-type: inline-size;\n margin: auto;\n border: 1px solid common.$color-gray-200;\n border-top: 1px solid common.$color-axa;\n border-radius: 50%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: spin 2s linear infinite;\n }\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n","@use \"../common/common.client.scss\" as common;\n\n.af-loader {\n &__container {\n display: flex;\n container-type: inline-size;\n margin: auto;\n border: 1px solid common.$color-gray-200;\n border-top: 1px solid common.$color-axa;\n border-radius: 50%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: spin 2s linear infinite;\n }\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n"]}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
@use "../common/common.client.scss" as common;
|
|
2
|
-
|
|
3
|
-
.af-loader {
|
|
4
|
-
&__container {
|
|
5
|
-
display: flex;
|
|
6
|
-
container-type: inline-size;
|
|
7
|
-
margin: auto;
|
|
8
|
-
border: 1px solid common.$color-gray-200;
|
|
9
|
-
border-top: 1px solid common.$color-axa;
|
|
10
|
-
border-radius: 50%;
|
|
11
|
-
flex-direction: column;
|
|
12
|
-
align-items: center;
|
|
13
|
-
justify-content: center;
|
|
14
|
-
animation: spin 2s linear infinite;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
@keyframes spin {
|
|
19
|
-
0% {
|
|
20
|
-
transform: rotate(0deg);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
100% {
|
|
24
|
-
transform: rotate(360deg);
|
|
25
|
-
}
|
|
26
|
-
}
|