@advui/theme 0.1.0 → 0.2.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/README.md +5 -1
- package/dist/config.d.ts +581 -11
- package/dist/config.d.ts.map +1 -1
- package/dist/config.js +11 -2
- package/dist/config.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/material.d.ts +48 -0
- package/dist/material.d.ts.map +1 -0
- package/dist/material.js +222 -0
- package/dist/material.js.map +1 -0
- package/dist/themes.d.ts +2 -0
- package/dist/themes.d.ts.map +1 -1
- package/dist/themes.js +4 -0
- package/dist/themes.js.map +1 -1
- package/dist/tokens.d.ts +26 -9
- package/dist/tokens.d.ts.map +1 -1
- package/dist/tokens.js +13 -4
- package/dist/tokens.js.map +1 -1
- package/package.json +9 -4
- package/src/config.ts +35 -6
- package/src/index.ts +10 -1
- package/src/material.ts +268 -0
- package/src/themes.ts +6 -0
- package/src/tokens.ts +22 -5
package/dist/config.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAwB,MAAM,SAAS,CAAA;AAEjF,OAAO,EAAE,KAAK,eAAe,EAAgB,MAAM,WAAW,CAAA;AAE9D,OAAO,EAAE,KAAK,gBAAgB,EAAqB,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAwB,MAAM,SAAS,CAAA;AAEjF,OAAO,EAAE,KAAK,eAAe,EAAgB,MAAM,WAAW,CAAA;AAE9D,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAqB,MAAM,UAAU,CAAA;AACzF,OAAO,EAAE,KAAK,WAAW,EAAyB,MAAM,UAAU,CAAA;AAElE,MAAM,WAAW,sBAAsB;IACrC,yFAAyF;IACzF,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,4FAA4F;IAC5F,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC9B,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,uEAAuE;AACvE,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,OAAO,CAAA;CACvB;AAID,6EAA6E;AAC7E,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,iBAAiB,CAEtE;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,GAAE,sBAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BzE;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAA"}
|
package/dist/config.js
CHANGED
|
@@ -6,6 +6,11 @@ import { themePresets } from './presets';
|
|
|
6
6
|
import { shorthands } from './shorthands';
|
|
7
7
|
import { createThemeColors } from './themes';
|
|
8
8
|
import { createUniversalTokens } from './tokens';
|
|
9
|
+
const defaultSettings = { androidRipple: false };
|
|
10
|
+
/** The Adv UI settings stored on a config from `createUniversalConfig()`. */
|
|
11
|
+
export function getUniversalSettings(config) {
|
|
12
|
+
return config.advui ?? defaultSettings;
|
|
13
|
+
}
|
|
9
14
|
/**
|
|
10
15
|
* Builds a complete Tamagui config (tokens, light/dark themes, fonts, media
|
|
11
16
|
* queries, animations). Call once at app startup and pass to `UniversalProvider`.
|
|
@@ -15,8 +20,8 @@ import { createUniversalTokens } from './tokens';
|
|
|
15
20
|
*/
|
|
16
21
|
export function createUniversalConfig(options = {}) {
|
|
17
22
|
const { preset = 'indigo', colors, radius = 'md', fontScale = 'default', fonts } = options;
|
|
18
|
-
const themes = createThemeColors({ ...themePresets[preset].colors, ...colors });
|
|
19
|
-
|
|
23
|
+
const themes = options.themes ?? createThemeColors({ ...themePresets[preset].colors, ...colors });
|
|
24
|
+
const config = createTamagui({
|
|
20
25
|
tokens: createUniversalTokens({ radius }),
|
|
21
26
|
themes,
|
|
22
27
|
fonts: createUniversalFonts({ scale: fontScale, families: fonts }),
|
|
@@ -35,5 +40,9 @@ export function createUniversalConfig(options = {}) {
|
|
|
35
40
|
styleCompat: 'web',
|
|
36
41
|
},
|
|
37
42
|
});
|
|
43
|
+
// Stored on the config object, which components reach from anywhere with
|
|
44
|
+
// getConfig(), including native portals that do not carry React context.
|
|
45
|
+
const advui = { androidRipple: options.androidRipple ?? false };
|
|
46
|
+
return Object.assign(config, { advui });
|
|
38
47
|
}
|
|
39
48
|
//# sourceMappingURL=config.js.map
|
package/dist/config.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAqC,oBAAoB,EAAE,MAAM,SAAS,CAAA;AACjF,OAAO,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,EAAwB,YAAY,EAAE,MAAM,WAAW,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,
|
|
1
|
+
{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAqC,oBAAoB,EAAE,MAAM,SAAS,CAAA;AACjF,OAAO,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,EAAwB,YAAY,EAAE,MAAM,WAAW,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAA+C,iBAAiB,EAAE,MAAM,UAAU,CAAA;AACzF,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAgClE,MAAM,eAAe,GAAsB,EAAE,aAAa,EAAE,KAAK,EAAE,CAAA;AAEnE,6EAA6E;AAC7E,MAAM,UAAU,oBAAoB,CAAC,MAAc;IACjD,OAAQ,MAAwC,CAAC,KAAK,IAAI,eAAe,CAAA;AAC3E,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,qBAAqB,CAAC,UAAkC,EAAE;IACxE,MAAM,EAAE,MAAM,GAAG,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,GAAG,SAAS,EAAE,KAAK,EAAE,GAAG,OAAO,CAAA;IAC1F,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,iBAAiB,CAAC,EAAE,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC,CAAA;IAEjG,MAAM,MAAM,GAAG,aAAa,CAAC;QAC3B,MAAM,EAAE,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;QACzC,MAAM;QACN,KAAK,EAAE,oBAAoB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;QAClE,KAAK;QACL,UAAU;QACV,UAAU;QACV,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE,CACzB,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI;QAC5F,QAAQ,EAAE;YACR,WAAW,EAAE,MAAM;YACnB,uBAAuB;YACvB,gBAAgB,EAAE,IAAI;YACtB,2BAA2B,EAAE,IAAI;YACjC,iBAAiB,EAAE,MAAM;YACzB,kBAAkB,EAAE,qBAAqB;YACzC,mBAAmB,EAAE,KAAK;YAC1B,WAAW,EAAE,KAAK;SACnB;KACF,CAAC,CAAA;IACF,yEAAyE;IACzE,yEAAyE;IACzE,MAAM,KAAK,GAAsB,EAAE,aAAa,EAAE,OAAO,CAAC,aAAa,IAAI,KAAK,EAAE,CAAA;IAClF,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAA;AACzC,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { animations } from './animations';
|
|
2
|
-
export { createUniversalConfig, type UniversalConfig, type UniversalConfigOptions } from './config';
|
|
2
|
+
export { createUniversalConfig, getUniversalSettings, type UniversalConfig, type UniversalConfigOptions, type UniversalSettings, } from './config';
|
|
3
3
|
export { createUniversalFonts, fontScales, type FontFamilies, type FontScale } from './fonts';
|
|
4
4
|
export { breakpoints, media, mediaQueryDefaultActive } from './media';
|
|
5
5
|
export { generateScale, neutralScaleNames, resolveScale, scales, type ColorScale, type ColorSource, type NeutralScaleName, type ScaleName, type ScaleSteps, } from './palettes';
|
|
@@ -7,5 +7,5 @@ export { themePresetNames, themePresets, type ThemePreset, type ThemePresetName
|
|
|
7
7
|
export { shadows, type ShadowName } from './shadows';
|
|
8
8
|
export { shorthands } from './shorthands';
|
|
9
9
|
export { createThemeColors, defaultThemeColors, type ColorMode, type GeneratedThemes, type ThemeColorsInput, type ThemeKey, type ThemeValues, } from './themes';
|
|
10
|
-
export { colorTokens, createRadius, createUniversalTokens, radiusScales, size, space, zIndex, type RadiusScale, } from './tokens';
|
|
10
|
+
export { colorTokens, createRadius, createUniversalTokens, radiusScales, size, space, zIndex, type RadiusInput, type RadiusOverrides, type RadiusScale, type RadiusToken, } from './tokens';
|
|
11
11
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,GACvB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7F,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AACrE,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACd,KAAK,UAAU,GAChB,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,MAAM,WAAW,CAAA;AAClG,OAAO,EAAE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,QAAQ,EACb,KAAK,WAAW,GACjB,MAAM,UAAU,CAAA;AACjB,OAAO,EACL,WAAW,EACX,YAAY,EACZ,qBAAqB,EACrB,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,WAAW,GACjB,MAAM,UAAU,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { animations } from './animations';
|
|
2
|
-
export { createUniversalConfig } from './config';
|
|
2
|
+
export { createUniversalConfig, getUniversalSettings, } from './config';
|
|
3
3
|
export { createUniversalFonts, fontScales } from './fonts';
|
|
4
4
|
export { breakpoints, media, mediaQueryDefaultActive } from './media';
|
|
5
5
|
export { generateScale, neutralScaleNames, resolveScale, scales, } from './palettes';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EACL,qBAAqB,EACrB,oBAAoB,GAIrB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAqC,MAAM,SAAS,CAAA;AAC7F,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AACrE,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,MAAM,GAMP,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAA0C,MAAM,WAAW,CAAA;AAClG,OAAO,EAAE,OAAO,EAAmB,MAAM,WAAW,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EACL,iBAAiB,EACjB,kBAAkB,GAMnB,MAAM,UAAU,CAAA;AACjB,OAAO,EACL,WAAW,EACX,YAAY,EACZ,qBAAqB,EACrB,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,MAAM,GAKP,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import type { UniversalConfigOptions } from './config';
|
|
2
|
+
import type { FontFamilies } from './fonts';
|
|
3
|
+
import type { ColorMode, GeneratedThemes, ThemeValues } from './themes';
|
|
4
|
+
import type { RadiusOverrides } from './tokens';
|
|
5
|
+
/** Material's baseline purple, used when no seed is given. */
|
|
6
|
+
export declare const MATERIAL_BASELINE_SEED = "#6750A4";
|
|
7
|
+
export interface MaterialOptions {
|
|
8
|
+
/** Seed color the whole palette is generated from. Default: Material baseline purple. */
|
|
9
|
+
seed?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Status colors Material does not define. They are harmonized toward the
|
|
12
|
+
* seed (a slight hue shift) so they sit well with it.
|
|
13
|
+
*/
|
|
14
|
+
colors?: {
|
|
15
|
+
success?: string;
|
|
16
|
+
warning?: string;
|
|
17
|
+
info?: string;
|
|
18
|
+
};
|
|
19
|
+
/** Escape hatch: override any generated value per mode. */
|
|
20
|
+
overrides?: Partial<Record<ColorMode, Partial<ThemeValues>>>;
|
|
21
|
+
/** Android: show the native ripple when something is pressed. Default: true. */
|
|
22
|
+
androidRipple?: boolean;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Light and dark themes with Material 3 color roles (the "tonal spot" scheme
|
|
26
|
+
* Android uses for dynamic color), generated from `seed`.
|
|
27
|
+
*/
|
|
28
|
+
export declare function createMaterialThemes(options?: MaterialOptions): GeneratedThemes;
|
|
29
|
+
/**
|
|
30
|
+
* Material 3 shape scale on Adv UI's radius tokens: pill buttons, 4px fields,
|
|
31
|
+
* 12px cards and 28px dialogs and sheets.
|
|
32
|
+
*/
|
|
33
|
+
export declare const materialShape: RadiusOverrides;
|
|
34
|
+
/** Roboto on web (load it in your app); the platform font on iOS and Android. */
|
|
35
|
+
export declare const materialFonts: FontFamilies;
|
|
36
|
+
/**
|
|
37
|
+
* Options for `createUniversalConfig` that give every component the Material 3
|
|
38
|
+
* look: color roles from `seed`, Material's shapes, Roboto and, on Android,
|
|
39
|
+
* the press ripple.
|
|
40
|
+
*
|
|
41
|
+
* @example
|
|
42
|
+
* import { createUniversalConfig } from '@advui/theme'
|
|
43
|
+
* import { material } from '@advui/theme/material'
|
|
44
|
+
*
|
|
45
|
+
* export const config = createUniversalConfig(material({ seed: '#6750A4' }))
|
|
46
|
+
*/
|
|
47
|
+
export declare function material(options?: MaterialOptions): UniversalConfigOptions;
|
|
48
|
+
//# sourceMappingURL=material.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"material.d.ts","sourceRoot":"","sources":["../src/material.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,8DAA8D;AAC9D,eAAO,MAAM,sBAAsB,YAAY,CAAA;AAE/C,MAAM,WAAW,eAAe;IAC9B,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,MAAM,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9D,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;IAC5D,gFAAgF;IAChF,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AA+JD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,eAAoB,GAAG,eAAe,CAsBnF;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,eAW3B,CAAA;AAKD,iFAAiF;AACjF,eAAO,MAAM,aAAa,EAAE,YAAgD,CAAA;AAE5E;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,OAAO,GAAE,eAAoB,GAAG,sBAAsB,CAO9E"}
|
package/dist/material.js
ADDED
|
@@ -0,0 +1,222 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Material 3 for Adv UI: color roles generated from one seed color with
|
|
3
|
+
* Google's material-color-utilities (the algorithm behind Android dynamic
|
|
4
|
+
* color), plus Material's shape scale and fonts. It lives in its own entry,
|
|
5
|
+
* `@advui/theme/material`, so apps that do not use it never ship the library.
|
|
6
|
+
*
|
|
7
|
+
* Material roles are mapped onto Adv UI's roles, so every component works
|
|
8
|
+
* unchanged: `primaryContainer` → `$primarySoft`, `secondaryContainer` →
|
|
9
|
+
* `$secondary` (Material's tonal button), `outline` → `$input`, and so on.
|
|
10
|
+
*/
|
|
11
|
+
import { Hct, SchemeTonalSpot, argbFromHex, customColor, hexFromArgb, } from '@material/material-color-utilities';
|
|
12
|
+
import { ensureContrast, parseColor, toHex, withAlpha } from '@advui/utils';
|
|
13
|
+
/** Material's baseline purple, used when no seed is given. */
|
|
14
|
+
export const MATERIAL_BASELINE_SEED = '#6750A4';
|
|
15
|
+
const defaultStatus = { success: '#2e7d32', warning: '#b26a00', info: '#0061a4' };
|
|
16
|
+
// Material state-layer opacities: hover 8%, focus and press 10%.
|
|
17
|
+
const HOVER = 0.08;
|
|
18
|
+
const PRESS = 0.1;
|
|
19
|
+
/** Paints `overlay` over `base` at `opacity`, like a Material state layer (sRGB). */
|
|
20
|
+
function layer(base, overlay, opacity) {
|
|
21
|
+
const b = parseColor(base);
|
|
22
|
+
const o = parseColor(overlay);
|
|
23
|
+
if (!b || !o)
|
|
24
|
+
throw new Error(`Invalid color: ${!b ? base : overlay}`);
|
|
25
|
+
const c = (x, y) => x * (1 - opacity) + y * opacity;
|
|
26
|
+
return toHex({ r: c(b.r, o.r), g: c(b.g, o.g), b: c(b.b, o.b), a: 1 });
|
|
27
|
+
}
|
|
28
|
+
// Neutral tones behind Tamagui's color1…color12 (lightest to strongest text).
|
|
29
|
+
const NEUTRAL_TONES = {
|
|
30
|
+
light: [99, 98, 96, 94, 92, 90, 87, 80, 60, 50, 30, 10],
|
|
31
|
+
dark: [6, 10, 12, 17, 22, 24, 30, 40, 60, 70, 80, 90],
|
|
32
|
+
};
|
|
33
|
+
function buildMode(s, mode, status) {
|
|
34
|
+
const hex = hexFromArgb;
|
|
35
|
+
const isDark = mode === 'dark';
|
|
36
|
+
const surface = hex(s.surface);
|
|
37
|
+
const onSurface = hex(s.onSurface);
|
|
38
|
+
const popover = hex(s.surfaceContainerHigh);
|
|
39
|
+
const muted = hex(s.surfaceContainerHigh);
|
|
40
|
+
const tone = (step) => hex(s.neutralPalette.tone(NEUTRAL_TONES[mode][step]));
|
|
41
|
+
const primary = hex(s.primary);
|
|
42
|
+
const onPrimary = hex(s.onPrimary);
|
|
43
|
+
const primaryContainer = hex(s.primaryContainer);
|
|
44
|
+
const onPrimaryContainer = hex(s.onPrimaryContainer);
|
|
45
|
+
const secondaryContainer = hex(s.secondaryContainer);
|
|
46
|
+
const onSecondaryContainer = hex(s.onSecondaryContainer);
|
|
47
|
+
const error = hex(s.error);
|
|
48
|
+
const onError = hex(s.onError);
|
|
49
|
+
const errorContainer = hex(s.errorContainer);
|
|
50
|
+
const onErrorContainer = hex(s.onErrorContainer);
|
|
51
|
+
const outline = hex(s.outline);
|
|
52
|
+
const outlineVariant = hex(s.outlineVariant);
|
|
53
|
+
const intent = (group) => {
|
|
54
|
+
const g = isDark ? group.dark : group.light;
|
|
55
|
+
return {
|
|
56
|
+
solid: hex(g.color),
|
|
57
|
+
foreground: hex(g.onColor),
|
|
58
|
+
soft: hex(g.colorContainer),
|
|
59
|
+
softForeground: ensureContrast(hex(g.onColorContainer), hex(g.colorContainer)),
|
|
60
|
+
border: layer(hex(g.colorContainer), hex(g.color), 0.35),
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
const success = intent(status.success);
|
|
64
|
+
const warning = intent(status.warning);
|
|
65
|
+
const info = intent(status.info);
|
|
66
|
+
return {
|
|
67
|
+
background: surface,
|
|
68
|
+
backgroundHover: layer(surface, onSurface, HOVER),
|
|
69
|
+
backgroundPress: layer(surface, onSurface, PRESS),
|
|
70
|
+
backgroundFocus: layer(surface, onSurface, PRESS),
|
|
71
|
+
backgroundStrong: hex(s.surfaceContainer),
|
|
72
|
+
backgroundTransparent: withAlpha(surface, 0),
|
|
73
|
+
color: onSurface,
|
|
74
|
+
colorHover: onSurface,
|
|
75
|
+
colorPress: hex(s.onSurfaceVariant),
|
|
76
|
+
colorFocus: onSurface,
|
|
77
|
+
colorTransparent: withAlpha(onSurface, 0),
|
|
78
|
+
borderColor: outlineVariant,
|
|
79
|
+
borderColorHover: outline,
|
|
80
|
+
borderColorPress: outline,
|
|
81
|
+
borderColorFocus: primary,
|
|
82
|
+
placeholderColor: hex(s.onSurfaceVariant),
|
|
83
|
+
outlineColor: primary,
|
|
84
|
+
shadowColor: isDark ? 'rgba(0, 0, 0, 0.5)' : 'rgba(0, 0, 0, 0.12)',
|
|
85
|
+
shadowColorStrong: isDark ? 'rgba(0, 0, 0, 0.7)' : 'rgba(0, 0, 0, 0.24)',
|
|
86
|
+
color1: tone(0),
|
|
87
|
+
color2: tone(1),
|
|
88
|
+
color3: tone(2),
|
|
89
|
+
color4: tone(3),
|
|
90
|
+
color5: tone(4),
|
|
91
|
+
color6: tone(5),
|
|
92
|
+
color7: tone(6),
|
|
93
|
+
color8: tone(7),
|
|
94
|
+
color9: tone(8),
|
|
95
|
+
color10: tone(9),
|
|
96
|
+
color11: tone(10),
|
|
97
|
+
color12: tone(11),
|
|
98
|
+
foreground: onSurface,
|
|
99
|
+
muted,
|
|
100
|
+
mutedForeground: ensureContrast(hex(s.onSurfaceVariant), muted),
|
|
101
|
+
card: hex(s.surfaceContainerLow),
|
|
102
|
+
cardForeground: onSurface,
|
|
103
|
+
popover,
|
|
104
|
+
popoverForeground: onSurface,
|
|
105
|
+
overlay: withAlpha(hex(s.scrim), 0.32),
|
|
106
|
+
border: outlineVariant,
|
|
107
|
+
borderStrong: outline,
|
|
108
|
+
input: outline,
|
|
109
|
+
ring: primary,
|
|
110
|
+
primary,
|
|
111
|
+
primaryHover: layer(primary, onPrimary, HOVER),
|
|
112
|
+
primaryPress: layer(primary, onPrimary, PRESS),
|
|
113
|
+
primaryForeground: onPrimary,
|
|
114
|
+
primaryText: ensureContrast(primary, surface),
|
|
115
|
+
inversePrimary: ensureContrast(hex(s.inversePrimary), onSurface),
|
|
116
|
+
primarySoft: primaryContainer,
|
|
117
|
+
primarySoftHover: layer(primaryContainer, onPrimaryContainer, HOVER),
|
|
118
|
+
primarySoftForeground: onPrimaryContainer,
|
|
119
|
+
// Material's tonal button.
|
|
120
|
+
secondary: secondaryContainer,
|
|
121
|
+
secondaryHover: layer(secondaryContainer, onSecondaryContainer, HOVER),
|
|
122
|
+
secondaryPress: layer(secondaryContainer, onSecondaryContainer, PRESS),
|
|
123
|
+
secondaryForeground: onSecondaryContainer,
|
|
124
|
+
// Hover highlight for menu items and ghost buttons: a state layer over the
|
|
125
|
+
// menu surface, so it reads on both the page and the menu.
|
|
126
|
+
accent: layer(popover, onSurface, HOVER),
|
|
127
|
+
accentHover: layer(popover, onSurface, 0.12),
|
|
128
|
+
accentForeground: onSurface,
|
|
129
|
+
destructive: error,
|
|
130
|
+
destructiveHover: layer(error, onError, HOVER),
|
|
131
|
+
destructivePress: layer(error, onError, PRESS),
|
|
132
|
+
destructiveForeground: onError,
|
|
133
|
+
destructiveSoft: errorContainer,
|
|
134
|
+
destructiveSoftForeground: onErrorContainer,
|
|
135
|
+
success: success.solid,
|
|
136
|
+
successForeground: success.foreground,
|
|
137
|
+
successSoft: success.soft,
|
|
138
|
+
successSoftForeground: success.softForeground,
|
|
139
|
+
successBorder: success.border,
|
|
140
|
+
warning: warning.solid,
|
|
141
|
+
warningForeground: warning.foreground,
|
|
142
|
+
warningSoft: warning.soft,
|
|
143
|
+
warningSoftForeground: warning.softForeground,
|
|
144
|
+
warningBorder: warning.border,
|
|
145
|
+
error,
|
|
146
|
+
errorForeground: onError,
|
|
147
|
+
errorSoft: errorContainer,
|
|
148
|
+
errorSoftForeground: onErrorContainer,
|
|
149
|
+
errorBorder: layer(errorContainer, error, 0.35),
|
|
150
|
+
info: info.solid,
|
|
151
|
+
infoForeground: info.foreground,
|
|
152
|
+
infoSoft: info.soft,
|
|
153
|
+
infoSoftForeground: info.softForeground,
|
|
154
|
+
infoBorder: info.border,
|
|
155
|
+
};
|
|
156
|
+
}
|
|
157
|
+
/**
|
|
158
|
+
* Light and dark themes with Material 3 color roles (the "tonal spot" scheme
|
|
159
|
+
* Android uses for dynamic color), generated from `seed`.
|
|
160
|
+
*/
|
|
161
|
+
export function createMaterialThemes(options = {}) {
|
|
162
|
+
const seed = options.seed ?? MATERIAL_BASELINE_SEED;
|
|
163
|
+
const source = argbFromHex(toHex(seed));
|
|
164
|
+
const colors = { ...defaultStatus, ...options.colors };
|
|
165
|
+
const status = {
|
|
166
|
+
success: customColor(source, {
|
|
167
|
+
name: 'success',
|
|
168
|
+
value: argbFromHex(colors.success),
|
|
169
|
+
blend: true,
|
|
170
|
+
}),
|
|
171
|
+
warning: customColor(source, {
|
|
172
|
+
name: 'warning',
|
|
173
|
+
value: argbFromHex(colors.warning),
|
|
174
|
+
blend: true,
|
|
175
|
+
}),
|
|
176
|
+
info: customColor(source, { name: 'info', value: argbFromHex(colors.info), blend: true }),
|
|
177
|
+
};
|
|
178
|
+
const scheme = (isDark) => new SchemeTonalSpot(Hct.fromInt(source), isDark, 0);
|
|
179
|
+
return {
|
|
180
|
+
light: { ...buildMode(scheme(false), 'light', status), ...options.overrides?.light },
|
|
181
|
+
dark: { ...buildMode(scheme(true), 'dark', status), ...options.overrides?.dark },
|
|
182
|
+
};
|
|
183
|
+
}
|
|
184
|
+
/**
|
|
185
|
+
* Material 3 shape scale on Adv UI's radius tokens: pill buttons, 4px fields,
|
|
186
|
+
* 12px cards and 28px dialogs and sheets.
|
|
187
|
+
*/
|
|
188
|
+
export const materialShape = {
|
|
189
|
+
xs: 2,
|
|
190
|
+
sm: 4,
|
|
191
|
+
md: 4,
|
|
192
|
+
lg: 8,
|
|
193
|
+
xl: 12,
|
|
194
|
+
'2xl': 16,
|
|
195
|
+
'3xl': 28,
|
|
196
|
+
button: 9999,
|
|
197
|
+
buttonLg: 9999,
|
|
198
|
+
dialog: 28,
|
|
199
|
+
};
|
|
200
|
+
const roboto = 'Roboto, "Roboto Flex", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif';
|
|
201
|
+
/** Roboto on web (load it in your app); the platform font on iOS and Android. */
|
|
202
|
+
export const materialFonts = { body: roboto, heading: roboto };
|
|
203
|
+
/**
|
|
204
|
+
* Options for `createUniversalConfig` that give every component the Material 3
|
|
205
|
+
* look: color roles from `seed`, Material's shapes, Roboto and, on Android,
|
|
206
|
+
* the press ripple.
|
|
207
|
+
*
|
|
208
|
+
* @example
|
|
209
|
+
* import { createUniversalConfig } from '@advui/theme'
|
|
210
|
+
* import { material } from '@advui/theme/material'
|
|
211
|
+
*
|
|
212
|
+
* export const config = createUniversalConfig(material({ seed: '#6750A4' }))
|
|
213
|
+
*/
|
|
214
|
+
export function material(options = {}) {
|
|
215
|
+
return {
|
|
216
|
+
themes: createMaterialThemes(options),
|
|
217
|
+
radius: materialShape,
|
|
218
|
+
fonts: materialFonts,
|
|
219
|
+
androidRipple: options.androidRipple ?? true,
|
|
220
|
+
};
|
|
221
|
+
}
|
|
222
|
+
//# sourceMappingURL=material.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"material.js","sourceRoot":"","sources":["../src/material.ts"],"names":[],"mappings":"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"}
|
package/dist/themes.d.ts
CHANGED
|
@@ -55,6 +55,8 @@ export type ThemeValues = {
|
|
|
55
55
|
primaryForeground: string;
|
|
56
56
|
/** Primary-colored text/links on the page background (≥4.5:1). `primary` is a fill color. */
|
|
57
57
|
primaryText: string;
|
|
58
|
+
/** Primary-colored text on inverse surfaces (`$foreground` as a background), e.g. a snackbar action. */
|
|
59
|
+
inversePrimary: string;
|
|
58
60
|
primarySoft: string;
|
|
59
61
|
primarySoftHover: string;
|
|
60
62
|
primarySoftForeground: string;
|
package/dist/themes.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"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"}
|
package/dist/themes.js
CHANGED
|
@@ -94,6 +94,10 @@ function buildMode(mode, input) {
|
|
|
94
94
|
primaryPress: primary.press,
|
|
95
95
|
primaryForeground: primary.foreground,
|
|
96
96
|
primaryText: input.monochrome ? n[11] : ensureContrast(primaryScale[10], background),
|
|
97
|
+
// The other mode's text step reads on the inverted surface.
|
|
98
|
+
inversePrimary: input.monochrome
|
|
99
|
+
? background
|
|
100
|
+
: ensureContrast(resolveScale(input.primary)[isDark ? 'light' : 'dark'][10], n[11]),
|
|
97
101
|
primarySoft: primaryScale[2],
|
|
98
102
|
primarySoftHover: primaryScale[3],
|
|
99
103
|
primarySoftForeground: ensureContrast(primaryScale[10], primaryScale[3]),
|
package/dist/themes.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.js","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC1F,OAAO,EAAsD,YAAY,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"themes.js","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"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"}
|
package/dist/tokens.d.ts
CHANGED
|
@@ -91,13 +91,21 @@ export declare const radiusScales: {
|
|
|
91
91
|
readonly xl: 16;
|
|
92
92
|
};
|
|
93
93
|
export type RadiusScale = keyof typeof radiusScales;
|
|
94
|
+
export type RadiusToken = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'button' | 'buttonLg' | 'dialog';
|
|
95
|
+
/** Exact values for some radius tokens, on top of a base (`md` if omitted). */
|
|
96
|
+
export type RadiusOverrides = {
|
|
97
|
+
base?: RadiusScale | number;
|
|
98
|
+
} & Partial<Record<RadiusToken, number>>;
|
|
99
|
+
export type RadiusInput = RadiusScale | number | RadiusOverrides;
|
|
94
100
|
/**
|
|
95
101
|
* Radius tokens derived from a single base value so the whole library can be
|
|
96
102
|
* made sharper or rounder at once. Components pick semantic steps:
|
|
97
|
-
* controls `$md`, menus/popovers `$lg`, cards
|
|
103
|
+
* controls `$md`, menus/popovers `$lg`, cards `$xl`, pills `$full`, and role
|
|
104
|
+
* tokens a design system can reshape on their own: `$button` / `$buttonLg`
|
|
105
|
+
* (buttons, icon buttons, toggles) and `$dialog` (dialogs and sheets).
|
|
98
106
|
*/
|
|
99
|
-
export declare function createRadius(
|
|
100
|
-
|
|
107
|
+
export declare function createRadius(input?: RadiusInput): {
|
|
108
|
+
true: number;
|
|
101
109
|
xs: number;
|
|
102
110
|
sm: number;
|
|
103
111
|
md: number;
|
|
@@ -105,8 +113,11 @@ export declare function createRadius(scale?: RadiusScale | number): {
|
|
|
105
113
|
xl: number;
|
|
106
114
|
'2xl': number;
|
|
107
115
|
'3xl': number;
|
|
116
|
+
button: number;
|
|
117
|
+
buttonLg: number;
|
|
118
|
+
dialog: number;
|
|
119
|
+
0: number;
|
|
108
120
|
full: number;
|
|
109
|
-
true: number;
|
|
110
121
|
};
|
|
111
122
|
export declare const zIndex: {
|
|
112
123
|
readonly 0: 0;
|
|
@@ -126,7 +137,7 @@ export declare const colorTokens: {
|
|
|
126
137
|
readonly transparent: "rgba(0, 0, 0, 0)";
|
|
127
138
|
};
|
|
128
139
|
export declare function createUniversalTokens({ radius }?: {
|
|
129
|
-
radius?:
|
|
140
|
+
radius?: RadiusInput;
|
|
130
141
|
}): {
|
|
131
142
|
color: {
|
|
132
143
|
readonly white: import("tamagui").Variable<string>;
|
|
@@ -218,7 +229,7 @@ export declare function createUniversalTokens({ radius }?: {
|
|
|
218
229
|
readonly 32: import("tamagui").Variable<number>;
|
|
219
230
|
};
|
|
220
231
|
radius: {
|
|
221
|
-
|
|
232
|
+
true: import("tamagui").Variable<number>;
|
|
222
233
|
xs: import("tamagui").Variable<number>;
|
|
223
234
|
sm: import("tamagui").Variable<number>;
|
|
224
235
|
md: import("tamagui").Variable<number>;
|
|
@@ -226,8 +237,11 @@ export declare function createUniversalTokens({ radius }?: {
|
|
|
226
237
|
xl: import("tamagui").Variable<number>;
|
|
227
238
|
"2xl": import("tamagui").Variable<number>;
|
|
228
239
|
"3xl": import("tamagui").Variable<number>;
|
|
240
|
+
button: import("tamagui").Variable<number>;
|
|
241
|
+
buttonLg: import("tamagui").Variable<number>;
|
|
242
|
+
dialog: import("tamagui").Variable<number>;
|
|
243
|
+
0: import("tamagui").Variable<number>;
|
|
229
244
|
full: import("tamagui").Variable<number>;
|
|
230
|
-
true: import("tamagui").Variable<number>;
|
|
231
245
|
};
|
|
232
246
|
zIndex: {
|
|
233
247
|
readonly 0: import("tamagui").Variable<number>;
|
|
@@ -327,7 +341,7 @@ export declare function createUniversalTokens({ radius }?: {
|
|
|
327
341
|
readonly 32: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
|
|
328
342
|
};
|
|
329
343
|
radius: {
|
|
330
|
-
|
|
344
|
+
true: import("tamagui").Variable<number>;
|
|
331
345
|
xs: import("tamagui").Variable<number>;
|
|
332
346
|
sm: import("tamagui").Variable<number>;
|
|
333
347
|
md: import("tamagui").Variable<number>;
|
|
@@ -335,8 +349,11 @@ export declare function createUniversalTokens({ radius }?: {
|
|
|
335
349
|
xl: import("tamagui").Variable<number>;
|
|
336
350
|
"2xl": import("tamagui").Variable<number>;
|
|
337
351
|
"3xl": import("tamagui").Variable<number>;
|
|
352
|
+
button: import("tamagui").Variable<number>;
|
|
353
|
+
buttonLg: import("tamagui").Variable<number>;
|
|
354
|
+
dialog: import("tamagui").Variable<number>;
|
|
355
|
+
0: import("tamagui").Variable<number>;
|
|
338
356
|
full: import("tamagui").Variable<number>;
|
|
339
|
-
true: import("tamagui").Variable<number>;
|
|
340
357
|
};
|
|
341
358
|
zIndex: {
|
|
342
359
|
readonly 0: import("tamagui").Variable<0 | 1 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500 | 1600>;
|
package/dist/tokens.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAkCA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQjB,CAAA;AAED,2EAA2E;AAC3E,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBP,CAAA;AAEV,eAAO,MAAM,YAAY;;;;;;CAMf,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,YAAY,CAAA;AAEnD
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAkCA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQjB,CAAA;AAED,2EAA2E;AAC3E,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBP,CAAA;AAEV,eAAO,MAAM,YAAY;;;;;;CAMf,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,YAAY,CAAA;AAEnD,MAAM,MAAM,WAAW,GACrB,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAA;AAErF,+EAA+E;AAC/E,MAAM,MAAM,eAAe,GAAG;IAAE,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAA;AAEpG,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,MAAM,GAAG,eAAe,CAAA;AAEhE;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,KAAK,GAAE,WAAkB;;;;;;;;;;;;;;EAsBrD;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;CAWT,CAAA;AAEV,eAAO,MAAM,WAAW;;;;CAId,CAAA;AAEV,wBAAgB,qBAAqB,CAAC,EAAE,MAAa,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,WAAW,CAAA;CAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAQrF"}
|
package/dist/tokens.js
CHANGED
|
@@ -62,12 +62,17 @@ export const radiusScales = {
|
|
|
62
62
|
/**
|
|
63
63
|
* Radius tokens derived from a single base value so the whole library can be
|
|
64
64
|
* made sharper or rounder at once. Components pick semantic steps:
|
|
65
|
-
* controls `$md`, menus/popovers `$lg`, cards
|
|
65
|
+
* controls `$md`, menus/popovers `$lg`, cards `$xl`, pills `$full`, and role
|
|
66
|
+
* tokens a design system can reshape on their own: `$button` / `$buttonLg`
|
|
67
|
+
* (buttons, icon buttons, toggles) and `$dialog` (dialogs and sheets).
|
|
66
68
|
*/
|
|
67
|
-
export function createRadius(
|
|
69
|
+
export function createRadius(input = 'md') {
|
|
70
|
+
const overrides = typeof input === 'object' ? input : {};
|
|
71
|
+
const scale = typeof input === 'object' ? (input.base ?? 'md') : input;
|
|
68
72
|
const base = typeof scale === 'number' ? scale : radiusScales[scale];
|
|
69
73
|
const r = (factor) => Math.round(base * factor);
|
|
70
|
-
|
|
74
|
+
const { base: _base, ...exact } = overrides;
|
|
75
|
+
const tokens = {
|
|
71
76
|
0: 0,
|
|
72
77
|
xs: r(0.25),
|
|
73
78
|
sm: r(0.5),
|
|
@@ -77,8 +82,12 @@ export function createRadius(scale = 'md') {
|
|
|
77
82
|
'2xl': r(2),
|
|
78
83
|
'3xl': r(3),
|
|
79
84
|
full: 9999,
|
|
80
|
-
|
|
85
|
+
button: r(0.75),
|
|
86
|
+
buttonLg: r(1),
|
|
87
|
+
dialog: r(1.5),
|
|
88
|
+
...exact,
|
|
81
89
|
};
|
|
90
|
+
return { ...tokens, true: tokens.md };
|
|
82
91
|
}
|
|
83
92
|
export const zIndex = {
|
|
84
93
|
0: 0,
|
package/dist/tokens.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC;;;GAGG;AACH,MAAM,UAAU,GAAG;IACjB,CAAC,EAAE,CAAC;IACJ,GAAG,EAAE,CAAC;IACN,CAAC,EAAE,CAAC;IACJ,GAAG,EAAE,CAAC;IACN,CAAC,EAAE,CAAC;IACJ,GAAG,EAAE,EAAE;IACP,CAAC,EAAE,EAAE;IACL,GAAG,EAAE,EAAE;IACP,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,GAAG;CACC,CAAA;AAKV,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,GAAG,UAAU;IACb,IAAI,EAAE,EAAE;IACR,GAAI,MAAM,CAAC,WAAW,CACpB,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC;SACvB,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC;SAC9B,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAC5B;CACpB,CAAA;AAED,2EAA2E;AAC3E,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,GAAG,UAAU;IACb,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,EAAE;CACA,CAAA;AAEV,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,CAAC;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACE,CAAA;
|
|
1
|
+
{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"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"}
|