diff --git a/docs/GETTING_STARTED.md b/docs/GETTING_STARTED.md index adf0365cee..532e0fc6ca 100644 --- a/docs/GETTING_STARTED.md +++ b/docs/GETTING_STARTED.md @@ -198,29 +198,29 @@ and on [storybook](https://lyne-storybook.app.sbb.ch). Basically, all our styles are included in 'standard-theme.css' which should be included in your application. However, if you like to more specifically pick what you need, consider the following CSS files available. -| File name | Description | -| -------------------- | ----------------------------------------------------------------------------------- | -| `standard-theme.css` | Contains normalizing, core styles and available CSS classes. | -| `fullfont.css` | Provides full character set of SBB fonts, needs larger files to fetch. | -| | | -| `normalize.css` | Contains general browser resetting styles which can be useful for your application. | -| | | -| `core.css` | Contains mandatory basics to use lyne-components (including design tokens). | -| | | -| `a11y.css` | Provides accessibility related CSS classes. | -| `animation.css` | Provides CSS classes to disable animation (e.g. for testing). | -| `layout.css` | Provides layout related CSS classes (e.g. page spacing, grid). | -| `lists.css` | Provides CSS classes to style lists. | -| `typography.css` | Provides typography related CSS classes. | +| File name | Description | +| ------------------------------- | ----------------------------------------------------------------------------------- | +| `standard-theme.css` | Contains normalizing, core styles and available CSS classes. | +| `font-characters-extension.css` | Provides full character set of SBB fonts, needs larger files to fetch. | +| | | +| `normalize.css` | Contains general browser resetting styles which can be useful for your application. | +| | | +| `core.css` | Contains mandatory basics to use lyne-components (including design tokens). | +| | | +| `a11y.css` | Provides accessibility related CSS classes. | +| `animation.css` | Provides CSS classes to disable animation (e.g. for testing). | +| `layout.css` | Provides layout related CSS classes (e.g. page spacing, grid). | +| `lists.css` | Provides CSS classes to style lists. | +| `typography.css` | Provides typography related CSS classes. | ### Full Font The `standard-theme.css` (or `core.css`) file only contains a subset of the `SBBWeb` fonts that do not contain all characters (e.g. the French "œ"). -For including the full fontset, we provide the `fullfont.css` file which can be added after the `standard-theme.css` (or `core.css`) file. +For including the full fontset, we provide the `font-characters-extension.css` file which can be added after the `standard-theme.css` (or `core.css`) file. ```css @import '@sbb-esta/lyne-components/standard-theme.css'; -@import '@sbb-esta/lyne-components/fullfont.css'; +@import '@sbb-esta/lyne-components/font-characters-extension.css'; ``` ### Design Tokens diff --git a/src/components/vite.config.ts b/src/components/vite.config.ts index aa01be2229..fed7f32e60 100644 --- a/src/components/vite.config.ts +++ b/src/components/vite.config.ts @@ -46,7 +46,7 @@ export default defineConfig((config) => 'a11y.css', 'animation.css', 'core.css', - 'fullfont.css', + 'font-characters-extension.css', 'standard-theme.css', 'layout.css', 'lists.css', diff --git a/tools/vite/typography.ts b/tools/vite/typography.ts index 85abb511f4..031db40711 100644 --- a/tools/vite/typography.ts +++ b/tools/vite/typography.ts @@ -17,7 +17,10 @@ export function typography(): PluginOption { { inputName: 'core/styles/a11y.scss', outputName: 'a11y.css' }, { inputName: 'core/styles/animation.scss', outputName: 'animation.css' }, { inputName: 'core/styles/core.scss', outputName: 'core.css' }, - { inputName: 'core/styles/fullfont.scss', outputName: 'fullfont.css' }, + { + inputName: 'core/styles/font-characters-extension.scss', + outputName: 'font-characters-extension.css', + }, { inputName: 'core/styles/layout.scss', outputName: 'layout.css' }, { inputName: 'core/styles/lists.scss', outputName: 'lists.css' }, { inputName: 'core/styles/normalize.scss', outputName: 'normalize.css' },