@dexma/ui-components 8.0.43 → 8.0.45

package/{dist/fonts/LICENSE → FONT-LICENSE}

@@ -1,4 +1,4 @@
-Copyright 2011 The Montserrat Project Authors (https://github.com/JulietaUla/Montserrat) Montserrat-Italic[wght].ttf: Copyright 2011 The Montserrat Project Authors (https://github.com/JulietaUla/Montserrat)
+Copyright 2015 Google LLC. All Rights Reserved.
 
 This Font Software is licensed under the SIL Open Font License, Version 1.1.
 This license is copied below, and is also available with a FAQ at:

package/README.md

@@ -53,21 +53,16 @@ You can find all the configuration in the theme file [theme.ts](https://github.c
 
 ## Typography
 
-The platform font is **Montserrat**, self-hosted by this package — there is no Google Fonts (or any
-other CDN) request at runtime.
+The platform font is **Google Sans Flex**, embedded in this package — there is no font file to serve,
+no loader rule to add and no Google Fonts (or any other CDN) request at runtime.
 
-Every app **must register the font faces once, at its entry point** (one line per webpack/Vite entry):
+`GlobalStyle` registers the font faces and applies the family; `ConfigProvider` passes it to the
+antd-backed components. Render both once at the app root and every component, under any bundler,
+renders the platform font. Changing the font is a new version of this package and a bump in the app.
 
-```typescript
-import '@dexma/ui-components/fonts.css';
-```
-
-Without this import the UI silently renders the fallback system stack — everything works, but nothing
-is Montserrat. `GlobalStyle` applies the font; `fonts.css` provides it. You need both.
-
-The shipped subsets are `latin`, `latin-ext` (pl_PL) and `cyrillic` (bg_BG), each behind a
-`unicode-range` so browsers only download what the locale needs. `zh_CN` is not covered by Montserrat
-and intentionally falls through to the system CJK faces in the stack.
+The embedded subsets are `latin` and `latin-ext` (pl_PL), each behind a `unicode-range` so the browser
+only decodes what the locale needs. Google Sans Flex ships no Cyrillic or CJK subsets: `bg_BG` and
+`zh_CN` intentionally fall through to the system faces in the stack.
 
 Never write the font stack as a literal in an app. Where a style genuinely cannot inherit the page
 font (shadow-DOM `::part()` rules, canvas/SVG text, server-rendered images), use the exported token:
@@ -80,11 +75,11 @@ const Styled = styled.div`
 `;
 ```
 
-The binaries come from `@fontsource-variable/montserrat` (SIL OFL 1.1) at build time via
-`scripts/buildFontConfig.mjs` — that script's header documents the full checklist for changing the
-platform font. Repositories that cannot consume this npm package (dexcell, grader-demo, is3frontend,
-anomaly-detection-dash-ui, detect-reports-generator) must self-host the **same version** of the font
-as this package's `@fontsource-variable/montserrat` devDependency, so rendering stays consistent.
+The binaries come from `@fontsource-variable/google-sans-flex` (SIL OFL 1.1, text in `FONT-LICENSE`)
+at build time via `scripts/buildFontConfig.mjs`, which embeds them as data URIs — that script's header
+documents the checklist for changing the platform font. Repositories that cannot consume this npm
+package (dexcell, grader-demo, is3frontend, anomaly-detection-dash-ui, detect-reports-generator) must
+self-host the **same version** of the font as this package's devDependency, so rendering stays consistent.
 
 ## Installation
 

package/dist/lib/components/ConfigProvider/ConfigProvider.d.ts

@@ -7,7 +7,7 @@ export type ConfigProviderProps = ComponentProps<typeof ConfigProviderAntd>;
  * antd emits its own `font-family` on `.ant-*` class roots from `token.fontFamily` (default: a
  * system stack), so antd-backed components do not inherit the family from `body`. Without this,
  * every Table / Select / DatePicker would keep the old font while the rest of the app renders
- * Montserrat. antd merges tokens into nested providers, so mounting this once at an app root also
+ * the platform font. antd merges tokens into nested providers, so mounting this once at an app root also
  * covers the per-component providers inside the library.
  *
  * A caller-supplied `theme.token.fontFamily` still wins.

package/dist/lib/utils/theme.d.ts

@@ -95,11 +95,12 @@ export declare const fontWeightSemiBold = 600;
 export declare const fontWeightBold = 700;
 /**
  * The single definition of the platform type stack — never redeclare it in an app.
- * Montserrat is self-hosted by this package; consumers register the faces with
- * `import '@dexma/ui-components/fonts.css'`. The CJK entries matter: Montserrat has no
- * CJK glyphs, so zh_CN falls through to a proper system face instead of the generic default.
+ * The first family is the platform font, whose faces this package embeds and registers from
+ * `GlobalStyle` (see scripts/buildFontConfig.mjs), so consumers only need to render GlobalStyle.
+ * The CJK entries matter: the platform font has no CJK glyphs, so zh_CN falls through to a proper
+ * system face instead of the generic default; bg_BG does the same, as no Cyrillic subset ships.
  */
-export declare const fontFamily = "\"Montserrat\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
+export declare const fontFamily = "\"Google Sans Flex\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
 export declare const pxToRem: (px: number) => number;
 export declare const iconSize = "1rem";
 export declare const iconColor: string;