@uni-design-system/uni-core 10.2.1 → 10.4.0
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/CHANGELOG.md +88 -0
- package/dist/cjs/index.cjs +54 -13
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/index.js +54 -13
- package/dist/esm/index.js.map +1 -1
- package/dist/types/concepts/theme/theme.model.d.ts +18 -0
- package/dist/types/concepts/theme/theme.model.d.ts.map +1 -1
- package/dist/types/concepts/theme/themes/base.theme.d.ts +8 -2
- package/dist/types/concepts/theme/themes/base.theme.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -4,6 +4,7 @@ import { ComponentThemes } from '../component';
|
|
|
4
4
|
import { Variant } from './theme.types';
|
|
5
5
|
import { Size } from '../size';
|
|
6
6
|
import { Elevation } from '../elevation';
|
|
7
|
+
import { StyleExpression } from '../style/style.types';
|
|
7
8
|
export type Colors = Partial<Record<ColorToken, string>>;
|
|
8
9
|
export type ColorKey = keyof Colors;
|
|
9
10
|
export type OptionalColor = ColorKey | undefined;
|
|
@@ -64,6 +65,21 @@ export type MotionName = 'popup' | 'panel' | 'reveal' | 'notification' | 'contro
|
|
|
64
65
|
/** Open like Borders/Shadows: extra named primitives allowed. */
|
|
65
66
|
export type Motions = Partial<Record<MotionName | string, MotionToken>>;
|
|
66
67
|
export type Motion = keyof Motions;
|
|
68
|
+
export type BackdropName = 'scrim';
|
|
69
|
+
/**
|
|
70
|
+
* Named backdrop primitives: the wash a top-layer surface lays over the page
|
|
71
|
+
* it covers. A style expression rather than a color, because the paint and its
|
|
72
|
+
* filter are one design decision — a translucent wash without its blur reads
|
|
73
|
+
* as a different scrim, not a dimmer one.
|
|
74
|
+
*
|
|
75
|
+
* Shared so that every modal surface dims the page the same way. They used to
|
|
76
|
+
* own a `backdrop` blob each, and drifted: the dialog washed the page white
|
|
77
|
+
* and blurred it while the drawer dimmed it dark.
|
|
78
|
+
*
|
|
79
|
+
* Open like Borders/Shadows: extra named primitives allowed.
|
|
80
|
+
*/
|
|
81
|
+
export type Backdrops = Partial<Record<BackdropName | string, StyleExpression>>;
|
|
82
|
+
export type Backdrop = keyof Backdrops;
|
|
67
83
|
export interface UniTheme {
|
|
68
84
|
id: string;
|
|
69
85
|
name: string;
|
|
@@ -79,6 +95,8 @@ export interface UniTheme {
|
|
|
79
95
|
icons: Icons;
|
|
80
96
|
/** Shared timing for overlays and reveals; components point at a name. */
|
|
81
97
|
motion: Motions;
|
|
98
|
+
/** Shared scrims for modal surfaces; components point at a name. */
|
|
99
|
+
backdrops: Backdrops;
|
|
82
100
|
/** Per-component theming: fixed base + state-aware variants + sizes + options. */
|
|
83
101
|
components: ComponentThemes;
|
|
84
102
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.model.d.ts","sourceRoot":"","sources":["../../../../src/concepts/theme/theme.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"theme.model.d.ts","sourceRoot":"","sources":["../../../../src/concepts/theme/theme.model.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { ComponentThemes } from '../../component';
|
|
|
2
2
|
import { PaletteConfig } from '../../color';
|
|
3
3
|
import { GenerateColorsConfig } from '../../generation/palette.factory';
|
|
4
4
|
import { TextRole, TextStyle } from '../../typography';
|
|
5
|
-
import { Borders, Colors, Icons, Motions, Radii, Shadows, Spacing, Thicknesses, UniTheme } from '../theme.model';
|
|
5
|
+
import { Backdrops, Borders, Colors, Icons, Motions, Radii, Shadows, Spacing, Thicknesses, UniTheme } from '../theme.model';
|
|
6
6
|
export interface ThemeConfig {
|
|
7
7
|
id: string;
|
|
8
8
|
name: string;
|
|
@@ -23,6 +23,12 @@ export interface ThemeConfig {
|
|
|
23
23
|
* rather than carrying their own durations.
|
|
24
24
|
*/
|
|
25
25
|
motion?: Motions;
|
|
26
|
+
/**
|
|
27
|
+
* Named backdrop primitives, merged over {@link BaseBackdrops}. Restate
|
|
28
|
+
* `scrim` to redress every modal surface at once; add tokens under any name
|
|
29
|
+
* and point a component's `backdrop` option at them.
|
|
30
|
+
*/
|
|
31
|
+
backdrops?: Backdrops;
|
|
26
32
|
/**
|
|
27
33
|
* Sparse typography overrides, deep-merged over the base type scale:
|
|
28
34
|
* restate only the roles — or the individual {@link TextStyle} fields
|
|
@@ -56,7 +62,7 @@ export interface ThemeConfig {
|
|
|
56
62
|
*/
|
|
57
63
|
components?: ComponentThemes;
|
|
58
64
|
}
|
|
59
|
-
export declare const createTheme: ({ id, name, colors, icons, radii, shadows, motion, typography, borders, thicknesses, spacing, components, }: ThemeConfig) => UniTheme;
|
|
65
|
+
export declare const createTheme: ({ id, name, colors, icons, radii, shadows, motion, backdrops, typography, borders, thicknesses, spacing, components, }: ThemeConfig) => UniTheme;
|
|
60
66
|
/**
|
|
61
67
|
* Re-attach the built-in icon set to a theme that traveled without it.
|
|
62
68
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.theme.d.ts","sourceRoot":"","sources":["../../../../../src/concepts/theme/themes/base.theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAI7E,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EACV,OAAO,EACP,MAAM,EACN,KAAK,EACL,OAAO,EACP,KAAK,EACL,OAAO,EACP,OAAO,EACP,WAAW,EAEX,QAAQ,EACT,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"base.theme.d.ts","sourceRoot":"","sources":["../../../../../src/concepts/theme/themes/base.theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAI7E,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EACV,SAAS,EACT,OAAO,EACP,MAAM,EACN,KAAK,EACL,OAAO,EACP,KAAK,EACL,OAAO,EACP,OAAO,EACP,WAAW,EAEX,QAAQ,EACT,MAAM,gBAAgB,CAAC;AAgoCxB,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,wEAAwE;IACxE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,QAAQ,GAAG,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3D;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAcD,eAAO,MAAM,WAAW,GAAI,wHAczB,WAAW,KAAG,QAcf,CAAC;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,QAAQ,KAAG,QAG7C,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,QAAQ,KAAG,QAK/C,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,GACjC,QAAQ,oBAAoB,GAAG;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,KAC1F,QAUF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAInF,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAmE,CAAC;AAE9F,eAAO,MAAM,SAAS,EAAE,QAItB,CAAC"}
|