Skip to content

Commit 2779fc6

Browse files
samuel-gomez-axaJLou
samuel-gomez-axa
authored and
JLou
committed
feat(apollo,look&feel): prefer import apollo-lf css (#1532)
1 parent e250854 commit 2779fc6

File tree

4 files changed

+333
-6
lines changed

4 files changed

+333
-6
lines changed

‎client/apollo/css/src/common/rebootLF.css‎

Lines changed: 330 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,330 @@
1+
*,
2+
::after,
3+
::before {
4+
box-sizing: border-box;
5+
font-family: var(--font-family-sans-serif);
6+
}
7+
8+
html {
9+
font-family: sans-serif;
10+
line-height: 1.15;
11+
text-size-adjust: 100%;
12+
-webkit-tap-highlight-color: transparent;
13+
14+
&:has(dialog[open]) {
15+
overflow: hidden;
16+
}
17+
}
18+
19+
article,
20+
aside,
21+
figcaption,
22+
figure,
23+
footer,
24+
header,
25+
hgroup,
26+
main,
27+
nav,
28+
section {
29+
display: block;
30+
}
31+
32+
body {
33+
margin: 0;
34+
font-family: "Source Sans Pro", Arial, sans-serif;
35+
font-size: 1rem;
36+
font-weight: 400;
37+
line-height: 1.5;
38+
text-align: left;
39+
color: #333;
40+
background-color: #fff;
41+
}
42+
43+
[tabindex="-1"]:focus {
44+
outline: 0 !important;
45+
}
46+
47+
hr {
48+
box-sizing: content-box;
49+
height: 0;
50+
overflow: visible;
51+
}
52+
53+
h1,
54+
h2,
55+
h3,
56+
h4,
57+
h5,
58+
h6 {
59+
margin-top: 0;
60+
margin-bottom: 0.5rem;
61+
}
62+
63+
p {
64+
margin-top: 0;
65+
margin-bottom: 1rem;
66+
}
67+
68+
abbr[data-original-title],
69+
abbr[title] {
70+
border-bottom: 0;
71+
text-decoration: underline;
72+
text-decoration: underline dotted;
73+
text-decoration-skip-ink: none;
74+
cursor: help;
75+
}
76+
77+
address {
78+
margin-bottom: 1rem;
79+
font-style: normal;
80+
line-height: inherit;
81+
}
82+
83+
dl,
84+
ol,
85+
ul {
86+
margin-top: 0;
87+
margin-bottom: 1rem;
88+
}
89+
90+
ol ol,
91+
ol ul,
92+
ul ol,
93+
ul ul {
94+
margin-bottom: 0;
95+
}
96+
97+
dt {
98+
font-weight: 700;
99+
}
100+
101+
dd {
102+
margin-bottom: 0.5rem;
103+
margin-left: 0;
104+
}
105+
106+
blockquote {
107+
margin: 0 0 1rem;
108+
}
109+
110+
b,
111+
strong {
112+
font-weight: bolder;
113+
}
114+
115+
small {
116+
font-size: 80%;
117+
}
118+
119+
sub,
120+
sup {
121+
position: relative;
122+
vertical-align: baseline;
123+
font-size: 75%;
124+
line-height: 0;
125+
}
126+
127+
sub {
128+
bottom: -0.25em;
129+
}
130+
131+
sup {
132+
top: -0.5em;
133+
}
134+
135+
a {
136+
text-decoration: none;
137+
color: #00008f;
138+
background-color: transparent;
139+
}
140+
141+
a:hover {
142+
text-decoration: underline;
143+
color: #000043;
144+
}
145+
146+
a:not([href], [tabindex]) {
147+
text-decoration: none;
148+
color: inherit;
149+
}
150+
151+
a:not([href], [tabindex]):focus,
152+
a:not([href], [tabindex]):hover {
153+
text-decoration: none;
154+
color: inherit;
155+
}
156+
157+
a:not([href], [tabindex]):focus {
158+
outline: 0;
159+
}
160+
161+
code,
162+
kbd,
163+
pre,
164+
samp {
165+
font-family:
166+
SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
167+
monospace;
168+
font-size: 1em;
169+
}
170+
171+
pre {
172+
margin-top: 0;
173+
margin-bottom: 1rem;
174+
overflow: auto;
175+
}
176+
177+
figure {
178+
margin: 0 0 1rem;
179+
}
180+
181+
img {
182+
border-style: none;
183+
vertical-align: middle;
184+
}
185+
186+
svg {
187+
vertical-align: middle;
188+
overflow: hidden;
189+
}
190+
191+
table {
192+
border-collapse: collapse;
193+
}
194+
195+
caption {
196+
padding-top: 0.5rem;
197+
padding-bottom: 0.5rem;
198+
caption-side: bottom;
199+
text-align: left;
200+
color: #6c757d;
201+
}
202+
203+
th {
204+
text-align: inherit;
205+
}
206+
207+
button {
208+
border-radius: 0;
209+
}
210+
211+
button,
212+
input,
213+
optgroup,
214+
select,
215+
textarea {
216+
margin: 0;
217+
font-family: inherit;
218+
font-size: inherit;
219+
line-height: inherit;
220+
}
221+
222+
button,
223+
input {
224+
overflow: visible;
225+
}
226+
227+
button,
228+
select {
229+
text-transform: none;
230+
}
231+
232+
select {
233+
word-wrap: normal;
234+
}
235+
236+
[type="button"],
237+
[type="reset"],
238+
[type="submit"],
239+
button {
240+
appearance: button;
241+
}
242+
243+
button:focus {
244+
outline: 1px dotted;
245+
outline: 5px auto -webkit-focus-ring-color;
246+
}
247+
248+
[type="button"]:not(:disabled),
249+
[type="reset"]:not(:disabled),
250+
[type="submit"]:not(:disabled),
251+
button:not(:disabled) {
252+
cursor: pointer;
253+
}
254+
255+
[type="button"]::-moz-focus-inner,
256+
[type="reset"]::-moz-focus-inner,
257+
[type="submit"]::-moz-focus-inner,
258+
button::-moz-focus-inner {
259+
padding: 0;
260+
border-style: none;
261+
}
262+
263+
input[type="checkbox"],
264+
input[type="radio"] {
265+
box-sizing: border-box;
266+
padding: 0;
267+
}
268+
269+
input[type="date"],
270+
input[type="datetime-local"],
271+
input[type="month"],
272+
input[type="time"] {
273+
appearance: listbox;
274+
}
275+
276+
textarea {
277+
overflow: auto;
278+
resize: vertical;
279+
}
280+
281+
fieldset {
282+
min-width: 0;
283+
margin: 0;
284+
padding: 0;
285+
border: 0;
286+
}
287+
288+
legend {
289+
padding: 0;
290+
}
291+
292+
progress {
293+
vertical-align: baseline;
294+
}
295+
296+
[type="number"]::-webkit-inner-spin-button,
297+
[type="number"]::-webkit-outer-spin-button {
298+
height: auto;
299+
}
300+
301+
[type="search"] {
302+
outline-offset: -2px;
303+
appearance: none;
304+
}
305+
306+
[type="search"]::-webkit-search-decoration {
307+
appearance: none;
308+
}
309+
310+
::-webkit-file-upload-button {
311+
font: inherit;
312+
appearance: button;
313+
}
314+
315+
output {
316+
display: inline-block;
317+
}
318+
319+
summary {
320+
display: list-item;
321+
cursor: pointer;
322+
}
323+
324+
template {
325+
display: none;
326+
}
327+
328+
[hidden] {
329+
display: none !important;
330+
}

‎client/apollo/react/package.json‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,6 @@
5353
"homepage": "https://github.com/AxaFrance/design-system#readme",
5454
"peerDependencies": {
5555
"@axa-fr/design-system-apollo-css": "*",
56-
"@axa-fr/design-system-look-and-feel-css": "*",
5756
"@material-symbols/svg-400": ">= 0.19.0",
5857
"react": ">= 18"
5958
},
@@ -71,7 +70,6 @@
7170
},
7271
"devDependencies": {
7372
"@axa-fr/design-system-apollo-css": "*",
74-
"@axa-fr/design-system-look-and-feel-css": "*",
7573
"@axa-fr/eslint-config-design-system": "*",
7674
"@axa-fr/prettier-config-design-system": "*",
7775
"@testing-library/dom": "^10.4.0",

‎client/apollo/react/src/indexLF.ts‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.css";
2-
import "@axa-fr/design-system-look-and-feel-css/dist/common/reboot.scss";
3-
import "@axa-fr/design-system-look-and-feel-css/dist/common/tokens.scss";
2+
import "@axa-fr/design-system-apollo-css/dist/common/rebootLF.css";
3+
import "@axa-fr/design-system-apollo-css/dist/common/tokensLF.css";
4+
45
import "@fontsource/source-sans-pro";
56

67
export {

‎package-lock.json‎

Lines changed: 0 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)