Skip to content

Commit 7846d36

Browse files
garronejgarronej
committed
Update Storybook config to match upcoming update
1 parent b29ed1e commit 7846d36

File tree

3 files changed

+14
-92
lines changed

3 files changed

+14
-92
lines changed

‎.storybook/DocsContainer.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ import "../dist/dsfr/utility/icons/icons.min.css";
77
import "../dist/dsfr/dsfr.css";
88
import { useIsDark } from "../dist/useIsDark";
99
import { startReactDsfr } from "../dist/spa";
10-
import { useColors } from "../dist/useColors";
10+
import { fr } from "../dist/fr";
1111
import { MuiDsfrThemeProvider } from "../dist/mui";
1212

1313
startReactDsfr({
@@ -26,7 +26,7 @@ export const DocsContainer = ({ children, context }) => {
2626
[isStorybookUiDark]
2727
);
2828

29-
const backgroundColor = useColors().decisions.background.default.grey.default;
29+
const backgroundColor = fr.colors.decisions.background.default.grey.default;
3030

3131
return (
3232
<>

‎.storybook/manager-head.html‎

Lines changed: 8 additions & 87 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
1-
<link rel="apple-touch-icon" href="/dsfr/favicon/apple-touch-icon.png" />
2-
<link rel="icon" href="/dsfr/favicon/favicon.svg" type="image/svg+xml" />
3-
<link rel="shortcut icon" href="/dsfr/favicon/favicon.ico" type="image/x-icon" />
4-
<link rel="manifest" href="/dsfr/favicon/manifest.webmanifest" crossorigin="use-credentials" />
1+
<link rel="apple-touch-icon" href="%PUBLIC_URL%/dsfr/favicon/apple-touch-icon.png" />
2+
<link rel="icon" href="%PUBLIC_URL%/dsfr/favicon/favicon.svg" type="image/svg+xml" />
3+
<link rel="shortcut icon" href="%PUBLIC_URL%/dsfr/favicon/favicon.ico" type="image/x-icon" />
4+
<link rel="manifest" href="%PUBLIC_URL%/dsfr/favicon/manifest.webmanifest" crossorigin="use-credentials" />
5+
<link rel="stylesheet" href="%PUBLIC_URL%/dsfr/fonts/index.css" />
56

67
<!-- Meta tags generated by metatags.io -->
78
<!-- Primary Meta Tags -->
@@ -11,17 +12,17 @@
1112

1213

1314
<!-- Facebook Meta Tags -->
14-
<meta property="og:url" content="https://www.keycloakify.dev">
15+
<meta property="og:url" content="/">
1516
<meta property="og:type" content="website">
1617
<meta property="og:title" content="react-dsfr components">
1718
<meta property="og:description" content="@codegouvfr/react-dsfr components playground and showcase">
18-
<meta property="og:image" content="https://components.react-dsfr.codegouv.studio/repo-card.png">
19+
<meta property="og:image" content="%PUBLIC_URL%/repo-card.png">
1920

2021
<!-- Twitter Meta Tags -->
2122
<meta name="twitter:card" content="summary_large_image">
2223
<meta name="twitter:title" content="react-dsfr components">
2324
<meta name="twitter:description" content="@codegouvfr/react-dsfr components playground and showcase">
24-
<meta name="twitter:image" content="https://components.react-dsfr.codegouv.studio/repo-card.png">
25+
<meta name="twitter:image" content="%PUBLIC_URL%/repo-card.png">
2526

2627
<style>
2728
.sidebar-item[data-nodetype="document"] svg {
@@ -32,84 +33,4 @@
3233
[data-parent-id^="hidden"] {
3334
display: none !important;
3435
}
35-
36-
@font-face {
37-
font-family: Marianne;
38-
src: url("/dsfr/fonts/Marianne-Light.woff2") format("woff2"), url("/dsfr/fonts/Marianne-Light.woff") format("woff");
39-
font-weight: 300;
40-
font-style: normal;
41-
font-display: swap;
42-
}
43-
44-
@font-face {
45-
font-family: Marianne;
46-
src: url("/dsfr/fonts/Marianne-Light_Italic.woff2") format("woff2"), url("/dsfr/fonts/Marianne-Light_Italic.woff") format("woff");
47-
font-weight: 300;
48-
font-style: italic;
49-
font-display: swap;
50-
}
51-
52-
@font-face {
53-
font-family: Marianne;
54-
src: url("/dsfr/fonts/Marianne-Regular.woff2") format("woff2"), url("/dsfr/fonts/Marianne-Regular.woff") format("woff");
55-
font-weight: 400;
56-
font-style: normal;
57-
font-display: swap;
58-
}
59-
60-
@font-face {
61-
font-family: Marianne;
62-
src: url("/dsfr/fonts/Marianne-Regular_Italic.woff2") format("woff2"), url("/dsfr/fonts/Marianne-Regular_Italic.woff") format("woff");
63-
font-weight: 400;
64-
font-style: italic;
65-
font-display: swap;
66-
}
67-
68-
@font-face {
69-
font-family: Marianne;
70-
src: url("/dsfr/fonts/Marianne-Medium.woff2") format("woff2"), url("/dsfr/fonts/Marianne-Medium.woff") format("woff");
71-
font-weight: 500;
72-
font-style: normal;
73-
font-display: swap;
74-
}
75-
76-
@font-face {
77-
font-family: Marianne;
78-
src: url("/dsfr/fonts/Marianne-Medium_Italic.woff2") format("woff2"), url("/dsfr/fonts/Marianne-Medium_Italic.woff") format("woff");
79-
font-weight: 500;
80-
font-style: italic;
81-
font-display: swap;
82-
}
83-
84-
@font-face {
85-
font-family: Marianne;
86-
src: url("/dsfr/fonts/Marianne-Bold.woff2") format("woff2"), url("/dsfr/fonts/Marianne-Bold.woff") format("woff");
87-
font-weight: 700;
88-
font-style: normal;
89-
font-display: swap;
90-
}
91-
92-
@font-face {
93-
font-family: Marianne;
94-
src: url("/dsfr/fonts/Marianne-Bold_Italic.woff2") format("woff2"), url("/dsfr/fonts/Marianne-Bold_Italic.woff") format("woff");
95-
font-weight: 700;
96-
font-style: italic;
97-
font-display: swap;
98-
}
99-
100-
@font-face {
101-
font-family: Spectral;
102-
src: url("/dsfr/fonts/Spectral-Regular.woff2") format("woff2"), url("/dsfr/fonts/Spectral-Regular.woff") format("woff");
103-
font-weight: 400;
104-
font-style: normal;
105-
font-display: swap;
106-
}
107-
108-
@font-face {
109-
font-family: Spectral;
110-
src: url("/dsfr/fonts/Spectral-ExtraBold.woff2") format("woff2"), url("/dsfr/fonts/Spectral-ExtraBold.woff") format("woff");
111-
font-weight: 900;
112-
font-style: normal;
113-
font-display: swap;
114-
}
11536
</style>

‎package.json‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,9 +20,10 @@
2020
"_format": "prettier '**/*.{ts,tsx,json,md}'",
2121
"format": "yarn _format --write",
2222
"format:check": "yarn _format --list-different",
23-
"storybook": "yarn build && yarn only-include-used-icons && start-storybook -p 6006",
24-
"build-storybook": "yarn build && yarn only-include-used-icons && build-storybook",
25-
"only-include-used-icons": "node dist/bin/only-include-used-icons.js --publicDir ./dist"
23+
"storybook": "start-storybook -p 6006",
24+
"build-storybook": "build-storybook",
25+
"prestorybook": "yarn build && node dist/bin/only-include-used-icons.js",
26+
"prebuild-storybook": "yarn prestorybook"
2627
},
2728
"bin": {
2829
"copy-dsfr-to-public": "dist/bin/copy-dsfr-to-public.js",

0 commit comments

Comments
 (0)