@a-type/ui 3.0.30 → 3.0.31

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.
Files changed (21) hide show
  1. package/dist/cjs/uno/preflights/globals.d.ts +4 -2
  2. package/dist/cjs/uno/preflights/globals.js +6 -1
  3. package/dist/cjs/uno/preflights/globals.js.map +1 -1
  4. package/dist/cjs/uno/preflights/index.d.ts +2 -1
  5. package/dist/cjs/uno/preflights/index.js +1 -1
  6. package/dist/cjs/uno/preflights/index.js.map +1 -1
  7. package/dist/cjs/uno/uno.preset.d.ts +2 -1
  8. package/dist/cjs/uno/uno.preset.js.map +1 -1
  9. package/dist/css/main.css +1 -1
  10. package/dist/esm/uno/preflights/globals.d.ts +4 -2
  11. package/dist/esm/uno/preflights/globals.js +5 -1
  12. package/dist/esm/uno/preflights/globals.js.map +1 -1
  13. package/dist/esm/uno/preflights/index.d.ts +2 -1
  14. package/dist/esm/uno/preflights/index.js +1 -1
  15. package/dist/esm/uno/preflights/index.js.map +1 -1
  16. package/dist/esm/uno/uno.preset.d.ts +2 -1
  17. package/dist/esm/uno/uno.preset.js.map +1 -1
  18. package/package.json +1 -1
  19. package/src/uno/preflights/globals.ts +14 -4
  20. package/src/uno/preflights/index.ts +5 -3
  21. package/src/uno/uno.preset.ts +3 -1
package/dist/cjs/uno/preflights/globals.d.ts CHANGED
@@ -1,2 +1,4 @@
1
- import { Preflight } from 'unocss';
2
- export declare const globalPreflight: Preflight;
1
+ export interface GlobalsPreflightConfig {
2
+ disableZIndexes?: boolean;
3
+ }
4
+ export declare const globalPreflight: (config: GlobalsPreflightConfig) => import("unocss/index.js").Preflight<object>;
package/dist/cjs/uno/preflights/globals.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  exports.globalPreflight = void 0;
5
5
  const _util_js_1 = require("./_util.js");
6
- exports.globalPreflight = (0, _util_js_1.preflight)({
6
+ const globalPreflight = (config) => (0, _util_js_1.preflight)({
7
7
  getCSS: () => `
8
8
  :root {
9
9
  --font-sans: "Inter", sans-serif;
@@ -11,6 +11,9 @@ exports.globalPreflight = (0, _util_js_1.preflight)({
11
11
  --font-title: "Inter", sans-serif;
12
12
  --font-default: var(--font-sans, sans-serif);
13
13
 
14
+ ${config.disableZIndexes
15
+ ? ''
16
+ : `
14
17
  --z-now-playing: 40;
15
18
  --z-nav: 50;
16
19
  --z-menu: 100;
@@ -18,6 +21,7 @@ exports.globalPreflight = (0, _util_js_1.preflight)({
18
21
  --z-dialog: 1000;
19
22
  --z-tooltip: 10000;
20
23
  --z-overdraw: 100000;
24
+ `}
21
25
 
22
26
  --un-shadow-color: #000000;
23
27
  --un-shadow-opacity: 10%;
@@ -94,4 +98,5 @@ a {
94
98
  }
95
99
  `,
96
100
  });
101
+ exports.globalPreflight = globalPreflight;
97
102
  //# sourceMappingURL=globals.js.map
package/dist/cjs/uno/preflights/globals.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"globals.js","sourceRoot":"","sources":["../../../../src/uno/preflights/globals.ts"],"names":[],"mappings":";;;AACA,yCAAuC;AAE1B,QAAA,eAAe,GAAc,IAAA,oBAAS,EAAC;IACnD,MAAM,EAAE,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwFd;CACA,CAAC,CAAC"}
1
+ {"version":3,"file":"globals.js","sourceRoot":"","sources":["../../../../src/uno/preflights/globals.ts"],"names":[],"mappings":";;;AAAA,yCAAuC;AAMhC,MAAM,eAAe,GAAG,CAAC,MAA8B,EAAE,EAAE,CACjE,IAAA,oBAAS,EAAC;IACT,MAAM,EAAE,GAAG,EAAE,CAAC;;;;;;;GAQd,MAAM,CAAC,eAAe;QACrB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;;;;;;;;EASJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2EA;CACC,CAAC,CAAC;AAjGS,QAAA,eAAe,mBAiGxB"}
package/dist/cjs/uno/preflights/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { Preflight } from 'unocss';
2
2
  import { ThemeCustomizationConfig } from './customization.js';
3
3
  import { FontsPreflightOptions } from './fonts.js';
4
- export declare const preflights: (config: ThemeCustomizationConfig & FontsPreflightOptions) => Preflight<any>[];
4
+ import { GlobalsPreflightConfig } from './globals.js';
5
+ export declare const preflights: (config: ThemeCustomizationConfig & FontsPreflightOptions & GlobalsPreflightConfig) => Preflight<any>[];
package/dist/cjs/uno/preflights/index.js CHANGED
@@ -12,7 +12,7 @@ const layers_js_1 = require("./layers.js");
12
12
  const preflights = (config) => [
13
13
  layers_js_1.layerPreflight,
14
14
  base_js_1.basePreflight,
15
- globals_js_1.globalPreflight,
15
+ (0, globals_js_1.globalPreflight)(config),
16
16
  colors_js_1.colorPreflight,
17
17
  dark_js_1.darkModePreflight,
18
18
  (0, customization_js_1.customizationPreflight)(config),
package/dist/cjs/uno/preflights/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/uno/preflights/index.ts"],"names":[],"mappings":";;;AACA,uCAA0C;AAC1C,2CAA6C;AAC7C,yDAG4B;AAC5B,uCAA8C;AAC9C,yCAAmE;AACnE,6CAA+C;AAC/C,2CAA6C;AAEtC,MAAM,UAAU,GAAG,CACzB,MAAwD,EACrC,EAAE,CAAC;IACtB,0BAAc;IACd,uBAAa;IACb,4BAAe;IACf,0BAAc;IACd,2BAAiB;IACjB,IAAA,yCAAsB,EAAC,MAAM,CAAC;IAC9B,IAAA,yBAAc,EAAC,MAAM,CAAC;CACtB,CAAC;AAVW,QAAA,UAAU,cAUrB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/uno/preflights/index.ts"],"names":[],"mappings":";;;AACA,uCAA0C;AAC1C,2CAA6C;AAC7C,yDAG4B;AAC5B,uCAA8C;AAC9C,yCAAmE;AACnE,6CAAuE;AACvE,2CAA6C;AAEtC,MAAM,UAAU,GAAG,CACzB,MAEuB,EACJ,EAAE,CAAC;IACtB,0BAAc;IACd,uBAAa;IACb,IAAA,4BAAe,EAAC,MAAM,CAAC;IACvB,0BAAc;IACd,2BAAiB;IACjB,IAAA,yCAAsB,EAAC,MAAM,CAAC;IAC9B,IAAA,yBAAc,EAAC,MAAM,CAAC;CACtB,CAAC;AAZW,QAAA,UAAU,cAYrB"}
package/dist/cjs/uno/uno.preset.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { Preset } from 'unocss';
2
2
  import { ThemeCustomizationConfig } from './preflights/customization.js';
3
3
  import { FontsPreflightOptions } from './preflights/fonts.js';
4
- export default function presetAtype(config?: ThemeCustomizationConfig & FontsPreflightOptions & {
4
+ import { GlobalsPreflightConfig } from './preflights/globals.js';
5
+ export default function presetAtype(config?: ThemeCustomizationConfig & FontsPreflightOptions & GlobalsPreflightConfig & {
5
6
  noPreflight?: boolean;
6
7
  }): Preset;
package/dist/cjs/uno/uno.preset.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../../src/uno/uno.preset.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAUA,8BAiCC;AA3CD,wEAA+C;AAI/C,oDAAmD;AACnD,+CAAyC;AACzC,mDAAiD;AACjD,+CAAyC;AACzC,kDAA+C;AAE/C,SAAwB,WAAW,CAClC,SAGK;IACJ,iBAAiB,EAChB,wEAAwE;CACzE;IAED,OAAO;QACN,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,MAAM;QACf,KAAK,EAAL,gBAAK;QACL,WAAW,EAAE,CAAC,SAAc,EAAE,EAAE;YAC/B,6DAA6D;YAC7D,MAAM,EAAE,MAAM,EAAE,CAAC,KAAc,SAAS,EAAlB,IAAI,UAAK,SAAS,EAAlC,UAAsB,CAAY,CAAC;YACzC,uBACC,MAAM,EAAE,gBAAK,CAAC,MAAM,IACjB,IAAI,EACN;QACH,CAAC;QAED,KAAK,EAAL,gBAAK;QACL,QAAQ,EAAR,mBAAQ;QACR,SAAS,EAAT,oBAAS;QACT,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAA,qBAAU,EAAC,MAAM,CAAC;QAExD,OAAO,EAAE;YACR,IAAA,sBAAW,EAAC;gBACX,SAAS,EAAE,KAAK;aAChB,CAAC;SACF;KACD,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../../src/uno/uno.preset.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAWA,8BAkCC;AA7CD,wEAA+C;AAK/C,oDAAmD;AACnD,+CAAyC;AACzC,mDAAiD;AACjD,+CAAyC;AACzC,kDAA+C;AAE/C,SAAwB,WAAW,CAClC,SAIK;IACJ,iBAAiB,EAChB,wEAAwE;CACzE;IAED,OAAO;QACN,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,MAAM;QACf,KAAK,EAAL,gBAAK;QACL,WAAW,EAAE,CAAC,SAAc,EAAE,EAAE;YAC/B,6DAA6D;YAC7D,MAAM,EAAE,MAAM,EAAE,CAAC,KAAc,SAAS,EAAlB,IAAI,UAAK,SAAS,EAAlC,UAAsB,CAAY,CAAC;YACzC,uBACC,MAAM,EAAE,gBAAK,CAAC,MAAM,IACjB,IAAI,EACN;QACH,CAAC;QAED,KAAK,EAAL,gBAAK;QACL,QAAQ,EAAR,mBAAQ;QACR,SAAS,EAAT,oBAAS;QACT,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAA,qBAAU,EAAC,MAAM,CAAC;QAExD,OAAO,EAAE;YACR,IAAA,sBAAW,EAAC;gBACX,SAAS,EAAE,KAAK;aAChB,CAAC;SACF;KACD,CAAC;AACH,CAAC"}
package/dist/css/main.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @layer preflightBase, preflightVariant, components, composed, responsive, variants, utilities, user;
2
2
  @layer preflightBase{*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}}@layer preflightBase{::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}}
3
- :root { --font-sans: "Inter", sans-serif; --font-serif: "Domine", serif; --font-title: "Inter", sans-serif; --font-default: var(--font-sans, sans-serif); --z-now-playing: 40; --z-nav: 50; --z-menu: 100; --z-backdrop: 900; --z-dialog: 1000; --z-tooltip: 10000; --z-overdraw: 100000; --un-shadow-color: #000000; --un-shadow-opacity: 10%; --arrow-size: 1rem; } html, body { margin: 0; padding: 0; font-family: var(--font-default); font-size: 16px; min-height: 100%; --webkit-font-smoothing: antialiased; } body { overflow: overlay; } a { color: inherit; text-decoration: none; } * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } @property --v-shadow-y-mult { syntax: "*"; inherits: false; } @property --v-border-r-color { syntax: "<color>"; inherits: false; } @property --v-border-b-color { syntax: "<color>"; inherits: false; } @property --v-border-l-color { syntax: "<color>"; inherits: false; } @property --v-border-t-color { syntax: "<color>"; inherits: false; } @property --v-border-r-color-altered { syntax: "<color>"; inherits: false; } @property --v-border-b-color-altered { syntax: "<color>"; inherits: false; } @property --v-border-l-color-altered { syntax: "<color>"; inherits: false; } @property --v-border-t-color-altered { syntax: "<color>"; inherits: false; }
3
+ :root { --font-sans: "Inter", sans-serif; --font-serif: "Domine", serif; --font-title: "Inter", sans-serif; --font-default: var(--font-sans, sans-serif); --z-now-playing: 40; --z-nav: 50; --z-menu: 100; --z-backdrop: 900; --z-dialog: 1000; --z-tooltip: 10000; --z-overdraw: 100000; --un-shadow-color: #000000; --un-shadow-opacity: 10%; --arrow-size: 1rem; } html, body { margin: 0; padding: 0; font-family: var(--font-default); font-size: 16px; min-height: 100%; --webkit-font-smoothing: antialiased; } body { overflow: overlay; } a { color: inherit; text-decoration: none; } * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } @property --v-shadow-y-mult { syntax: "*"; inherits: false; } @property --v-border-r-color { syntax: "<color>"; inherits: false; } @property --v-border-b-color { syntax: "<color>"; inherits: false; } @property --v-border-l-color { syntax: "<color>"; inherits: false; } @property --v-border-t-color { syntax: "<color>"; inherits: false; } @property --v-border-r-color-altered { syntax: "<color>"; inherits: false; } @property --v-border-b-color-altered { syntax: "<color>"; inherits: false; } @property --v-border-l-color-altered { syntax: "<color>"; inherits: false; } @property --v-border-t-color-altered { syntax: "<color>"; inherits: false; }
4
4
  :root { --p-lemon-hue: 90.8; --p-leek-hue: 165.88; --p-tomato-hue: 10.51; --p-blueberry-hue: 248.14; --p-eggplant-hue: 280.21; --p-attention-hue: 30; --p-success-hue: 140; } .theme-lemon, .theme-override-lemon.theme-override-lemon { --p-primary-hue: var(--p-lemon-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(calc(clamp(0%, (var(--mode-l-neutral) - (var(--mode-l-range-down) * 1 * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 1 * var(--mode-mult, 1)))), 100%)) calc(var(--l-main-hue,var(--p-primary-hue,91.8)))); color: var(--v-color); --v-bg: oklch(calc(clamp(0%, (var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult, 1)))), 100%)) calc(var(--l-main-hue,var(--p-primary-hue,91.8)))); background-color: var(--v-bg); } .theme-leek, .theme-override-leek.theme-override-leek { --p-primary-hue: var(--p-leek-hue); --p-accent-hue: var(--p-lemon-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(calc(clamp(0%, (var(--mode-l-neutral) - (var(--mode-l-range-down) * 1 * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 1 * var(--mode-mult, 1)))), 100%)) calc(var(--l-main-hue,var(--p-primary-hue,91.8)))); color: var(--v-color); --v-bg: oklch(calc(clamp(0%, (var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult, 1)))), 100%)) calc(var(--l-main-hue,var(--p-primary-hue,91.8)))); background-color: var(--v-bg); } .theme-tomato, .theme-override-tomato.theme-override-tomato { --p-primary-hue: var(--p-tomato-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(calc(clamp(0%, (var(--mode-l-neutral) - (var(--mode-l-range-down) * 1 * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 1 * var(--mode-mult, 1)))), 100%)) calc(var(--l-main-hue,var(--p-primary-hue,91.8)))); color: var(--v-color); --v-bg: oklch(calc(clamp(0%, (var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult, 1)))), 100%)) calc(var(--l-main-hue,var(--p-primary-hue,91.8)))); background-color: var(--v-bg); } .theme-blueberry, .theme-override-blueberry.theme-override-blueberry { --p-primary-hue: var(--p-blueberry-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(calc(clamp(0%, (var(--mode-l-neutral) - (var(--mode-l-range-down) * 1 * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 1 * var(--mode-mult, 1)))), 100%)) calc(var(--l-main-hue,var(--p-primary-hue,91.8)))); color: var(--v-color); --v-bg: oklch(calc(clamp(0%, (var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult, 1)))), 100%)) calc(var(--l-main-hue,var(--p-primary-hue,91.8)))); background-color: var(--v-bg); } .theme-eggplant, .theme-override-eggplant.theme-override-eggplant { --p-primary-hue: var(--p-eggplant-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(calc(clamp(0%, (var(--mode-l-neutral) - (var(--mode-l-range-down) * 1 * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 1 * var(--mode-mult, 1)))), 100%)) calc(var(--l-main-hue,var(--p-primary-hue,91.8)))); color: var(--v-color); --v-bg: oklch(calc(clamp(0%, (var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult, 1)))), 100%)) calc(var(--l-main-hue,var(--p-primary-hue,91.8)))); background-color: var(--v-bg); } .theme-gray, .theme-salt, .theme-override-gray.theme-override-gray { --l-saturation: 0.15; --v-color: oklch(calc(clamp(0%, (var(--mode-l-neutral) - (var(--mode-l-range-down) * 1 * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 1 * var(--mode-mult, 1)))), 100%)) calc(var(--l-main-hue,var(--p-primary-hue,91.8)))); color: var(--v-color); --v-bg: oklch(calc(clamp(0%, (var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult, 1)))), 100%)) calc(var(--l-main-hue,var(--p-primary-hue,91.8)))); background-color: var(--v-bg); } .theme-high-contrast, .theme-override-high-contrast.theme-override-high-contrast { --l-saturation: 0.04; --l-lightness-spread: 10; --v-color: oklch(calc(clamp(0%, (var(--mode-l-neutral) - (var(--mode-l-range-down) * 1 * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 1 * var(--mode-mult, 1)))), 100%)) calc(var(--l-main-hue,var(--p-primary-hue,91.8)))); color: var(--v-color); --v-bg: oklch(calc(clamp(0%, (var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult, 1)))), 100%)) calc(var(--l-main-hue,var(--p-primary-hue,91.8)))); background-color: var(--v-bg); } .palette-primary { --l-main-hue: var(--p-primary-hue); --l-saturation: 1; } .palette-accent { --l-main-hue: var(--p-accent-hue); --l-saturation: 1; } .palette-attention { --l-main-hue: var(--p-attention-hue); --l-saturation: 1; } .palette-success { --l-main-hue: var(--p-success-hue); --l-saturation: 1; } .palette-lemon { --l-main-hue: var(--p-lemon-hue); --l-saturation: 1; } .palette-leek { --l-main-hue: var(--p-leek-hue); --l-saturation: 1; } .palette-tomato { --l-main-hue: var(--p-tomato-hue); --l-saturation: 1; } .palette-blueberry { --l-main-hue: var(--p-blueberry-hue); --l-saturation: 1; } .palette-eggplant { --l-main-hue: var(--p-eggplant-hue); --l-saturation: 1; } .palette-gray { --l-saturation: 0.15; } .palette-high-contrast { --l-saturation: 0.04; --l-lightness-spread: 10; } body { --v-color: oklch(calc(clamp(0%, (var(--mode-l-neutral) - (var(--mode-l-range-down) * 1 * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 1 * var(--mode-mult, 1)))), 100%)) calc(var(--l-main-hue,var(--p-primary-hue,91.8)))); color: var(--v-color); --v-bg: oklch(calc(clamp(0%, (var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult, 1)))), 100%)) calc(var(--l-main-hue,var(--p-primary-hue,91.8)))); background-color: var(--v-bg); --l-main-hue: var(--p-primary-hue); } @property --v-bg-altered { syntax: "*"; inherits: false; } @property --v-color-altered { syntax: "*"; inherits: false; } @property --v-border-altered { syntax: "*"; inherits: false; } @property --v-ring-altered { syntax: "*"; inherits: false; } @property --v-bg-opacity { syntax: "<percentage>"; inherits: false; } @property --v-color-opacity { syntax: "<percentage>"; inherits: false; } @property --v-border-opacity { syntax: "<percentage>"; inherits: false; } @property --v-ring-opacity { syntax: "<percentage>"; inherits: false; }
5
5
  @layer preflightBase { html { --mode-mult: 1; --mode-l-neutral: 90%; --mode-l-range-up: 10%; --mode-l-range-down: 70%; --mode-s-neutral: 75%; --mode-s-range-up: -55%; --mode-s-range-down: 20%; --mode-white: #ffffff; --mode-black: #000000; } @media (prefers-color-scheme: dark) { html { --mode-mult: -1; --mode-l-neutral: 60%; --mode-l-range-up: 38%; --mode-l-range-down: 70%; --mode-s-neutral: 80%; --mode-s-range-up: 40%; --mode-s-range-down: -30%; --mode-white: #000000; --mode-black: #ffffff; } } } @layer preflightVariants { .override-light { --mode-mult: 1; --mode-l-neutral: 90%; --mode-l-range-up: 10%; --mode-l-range-down: 70%; --mode-s-neutral: 75%; --mode-s-range-up: -55%; --mode-s-range-down: 20%; --mode-white: #ffffff; --mode-black: #000000; } .override-dark { --mode-mult: -1; --mode-l-neutral: 60%; --mode-l-range-up: 38%; --mode-l-range-down: 70%; --mode-s-neutral: 80%; --mode-s-range-up: 40%; --mode-s-range-down: -30%; --mode-white: #000000; --mode-black: #ffffff; } }
6
6
  @layer preflightBase { :root { --global-saturation: 0.5; --global-corner-scale: 1; --global-spacing-scale: 1; --global-border-scale: 1; --global-shadow-spread: 1; --p-primary-hue: 90.8; --p-accent-hue: 165.88; } } @property --local-corner-scale { syntax: "*"; inherits: false; }
package/dist/esm/uno/preflights/globals.d.ts CHANGED
@@ -1,2 +1,4 @@
1
- import { Preflight } from 'unocss';
2
- export declare const globalPreflight: Preflight;
1
+ export interface GlobalsPreflightConfig {
2
+ disableZIndexes?: boolean;
3
+ }
4
+ export declare const globalPreflight: (config: GlobalsPreflightConfig) => import("unocss").Preflight<object>;
package/dist/esm/uno/preflights/globals.js CHANGED
@@ -1,6 +1,6 @@
1
1
  // @unocss-include
2
2
  import { preflight } from './_util.js';
3
- export const globalPreflight = preflight({
3
+ export const globalPreflight = (config) => preflight({
4
4
  getCSS: () => `
5
5
  :root {
6
6
  --font-sans: "Inter", sans-serif;
@@ -8,6 +8,9 @@ export const globalPreflight = preflight({
8
8
  --font-title: "Inter", sans-serif;
9
9
  --font-default: var(--font-sans, sans-serif);
10
10
 
11
+ ${config.disableZIndexes
12
+ ? ''
13
+ : `
11
14
  --z-now-playing: 40;
12
15
  --z-nav: 50;
13
16
  --z-menu: 100;
@@ -15,6 +18,7 @@ export const globalPreflight = preflight({
15
18
  --z-dialog: 1000;
16
19
  --z-tooltip: 10000;
17
20
  --z-overdraw: 100000;
21
+ `}
18
22
 
19
23
  --un-shadow-color: #000000;
20
24
  --un-shadow-opacity: 10%;
package/dist/esm/uno/preflights/globals.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"globals.js","sourceRoot":"","sources":["../../../../src/uno/preflights/globals.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAc,SAAS,CAAC;IACnD,MAAM,EAAE,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwFd;CACA,CAAC,CAAC"}
1
+ {"version":3,"file":"globals.js","sourceRoot":"","sources":["../../../../src/uno/preflights/globals.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAMvC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAA8B,EAAE,EAAE,CACjE,SAAS,CAAC;IACT,MAAM,EAAE,GAAG,EAAE,CAAC;;;;;;;GAQd,MAAM,CAAC,eAAe;QACrB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;;;;;;;;EASJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2EA;CACC,CAAC,CAAC"}
package/dist/esm/uno/preflights/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { Preflight } from 'unocss';
2
2
  import { ThemeCustomizationConfig } from './customization.js';
3
3
  import { FontsPreflightOptions } from './fonts.js';
4
- export declare const preflights: (config: ThemeCustomizationConfig & FontsPreflightOptions) => Preflight<any>[];
4
+ import { GlobalsPreflightConfig } from './globals.js';
5
+ export declare const preflights: (config: ThemeCustomizationConfig & FontsPreflightOptions & GlobalsPreflightConfig) => Preflight<any>[];
package/dist/esm/uno/preflights/index.js CHANGED
@@ -9,7 +9,7 @@ import { layerPreflight } from './layers.js';
9
9
  export const preflights = (config) => [
10
10
  layerPreflight,
11
11
  basePreflight,
12
- globalPreflight,
12
+ globalPreflight(config),
13
13
  colorPreflight,
14
14
  darkModePreflight,
15
15
  customizationPreflight(config),
package/dist/esm/uno/preflights/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/uno/preflights/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EACN,sBAAsB,GAEtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAyB,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,CAAC,MAAM,UAAU,GAAG,CACzB,MAAwD,EACrC,EAAE,CAAC;IACtB,cAAc;IACd,aAAa;IACb,eAAe;IACf,cAAc;IACd,iBAAiB;IACjB,sBAAsB,CAAC,MAAM,CAAC;IAC9B,cAAc,CAAC,MAAM,CAAC;CACtB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/uno/preflights/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EACN,sBAAsB,GAEtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAyB,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,eAAe,EAA0B,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,CAAC,MAAM,UAAU,GAAG,CACzB,MAEuB,EACJ,EAAE,CAAC;IACtB,cAAc;IACd,aAAa;IACb,eAAe,CAAC,MAAM,CAAC;IACvB,cAAc;IACd,iBAAiB;IACjB,sBAAsB,CAAC,MAAM,CAAC;IAC9B,cAAc,CAAC,MAAM,CAAC;CACtB,CAAC"}
package/dist/esm/uno/uno.preset.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { Preset } from 'unocss';
2
2
  import { ThemeCustomizationConfig } from './preflights/customization.js';
3
3
  import { FontsPreflightOptions } from './preflights/fonts.js';
4
- export default function presetAtype(config?: ThemeCustomizationConfig & FontsPreflightOptions & {
4
+ import { GlobalsPreflightConfig } from './preflights/globals.js';
5
+ export default function presetAtype(config?: ThemeCustomizationConfig & FontsPreflightOptions & GlobalsPreflightConfig & {
5
6
  noPreflight?: boolean;
6
7
  }): Preset;
package/dist/esm/uno/uno.preset.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../../src/uno/uno.preset.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAI/C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,WAAW,CAClC,SAGK;IACJ,iBAAiB,EAChB,wEAAwE;CACzE;IAED,OAAO;QACN,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,MAAM;QACf,KAAK;QACL,WAAW,EAAE,CAAC,SAAc,EAAE,EAAE;YAC/B,6DAA6D;YAC7D,MAAM,EAAE,MAAM,EAAE,CAAC,KAAc,SAAS,EAAlB,IAAI,UAAK,SAAS,EAAlC,UAAsB,CAAY,CAAC;YACzC,uBACC,MAAM,EAAE,KAAK,CAAC,MAAM,IACjB,IAAI,EACN;QACH,CAAC;QAED,KAAK;QACL,QAAQ;QACR,SAAS;QACT,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC;QAExD,OAAO,EAAE;YACR,WAAW,CAAC;gBACX,SAAS,EAAE,KAAK;aAChB,CAAC;SACF;KACD,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../../src/uno/uno.preset.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAK/C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,WAAW,CAClC,SAIK;IACJ,iBAAiB,EAChB,wEAAwE;CACzE;IAED,OAAO;QACN,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,MAAM;QACf,KAAK;QACL,WAAW,EAAE,CAAC,SAAc,EAAE,EAAE;YAC/B,6DAA6D;YAC7D,MAAM,EAAE,MAAM,EAAE,CAAC,KAAc,SAAS,EAAlB,IAAI,UAAK,SAAS,EAAlC,UAAsB,CAAY,CAAC;YACzC,uBACC,MAAM,EAAE,KAAK,CAAC,MAAM,IACjB,IAAI,EACN;QACH,CAAC;QAED,KAAK;QACL,QAAQ;QACR,SAAS;QACT,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC;QAExD,OAAO,EAAE;YACR,WAAW,CAAC;gBACX,SAAS,EAAE,KAAK;aAChB,CAAC;SACF;KACD,CAAC;AACH,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-type/ui",
3
- "version": "3.0.30",
3
+ "version": "3.0.31",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "url": "https://github.com/a-type/ui"
package/src/uno/preflights/globals.ts CHANGED
@@ -1,14 +1,22 @@
1
- import { Preflight } from 'unocss';
2
1
  import { preflight } from './_util.js';
3
2
 
4
- export const globalPreflight: Preflight = preflight({
5
- getCSS: () => `
3
+ export interface GlobalsPreflightConfig {
4
+ disableZIndexes?: boolean;
5
+ }
6
+
7
+ export const globalPreflight = (config: GlobalsPreflightConfig) =>
8
+ preflight({
9
+ getCSS: () => `
6
10
  :root {
7
11
  --font-sans: "Inter", sans-serif;
8
12
  --font-serif: "Domine", serif;
9
13
  --font-title: "Inter", sans-serif;
10
14
  --font-default: var(--font-sans, sans-serif);
11
15
 
16
+ ${
17
+ config.disableZIndexes
18
+ ? ''
19
+ : `
12
20
  --z-now-playing: 40;
13
21
  --z-nav: 50;
14
22
  --z-menu: 100;
@@ -16,6 +24,8 @@ export const globalPreflight: Preflight = preflight({
16
24
  --z-dialog: 1000;
17
25
  --z-tooltip: 10000;
18
26
  --z-overdraw: 100000;
27
+ `
28
+ }
19
29
 
20
30
  --un-shadow-color: #000000;
21
31
  --un-shadow-opacity: 10%;
@@ -91,4 +101,4 @@ a {
91
101
  inherits: false;
92
102
  }
93
103
  `,
94
- });
104
+ });
package/src/uno/preflights/index.ts CHANGED
@@ -7,15 +7,17 @@ import {
7
7
  } from './customization.js';
8
8
  import { darkModePreflight } from './dark.js';
9
9
  import { fontsPreflight, FontsPreflightOptions } from './fonts.js';
10
- import { globalPreflight } from './globals.js';
10
+ import { globalPreflight, GlobalsPreflightConfig } from './globals.js';
11
11
  import { layerPreflight } from './layers.js';
12
12
 
13
13
  export const preflights = (
14
- config: ThemeCustomizationConfig & FontsPreflightOptions,
14
+ config: ThemeCustomizationConfig &
15
+ FontsPreflightOptions &
16
+ GlobalsPreflightConfig,
15
17
  ): Preflight<any>[] => [
16
18
  layerPreflight,
17
19
  basePreflight,
18
- globalPreflight,
20
+ globalPreflight(config),
19
21
  colorPreflight,
20
22
  darkModePreflight,
21
23
  customizationPreflight(config),
package/src/uno/uno.preset.ts CHANGED
@@ -2,6 +2,7 @@ import presetWind3 from '@unocss/preset-wind3';
2
2
  import { Preset } from 'unocss';
3
3
  import { ThemeCustomizationConfig } from './preflights/customization.js';
4
4
  import { FontsPreflightOptions } from './preflights/fonts.js';
5
+ import { GlobalsPreflightConfig } from './preflights/globals.js';
5
6
  import { preflights } from './preflights/index.js';
6
7
  import { rules } from './rules/index.js';
7
8
  import { shortcuts } from './shortcuts/index.js';
@@ -10,7 +11,8 @@ import { variants } from './variants/index.js';
10
11
 
11
12
  export default function presetAtype(
12
13
  config: ThemeCustomizationConfig &
13
- FontsPreflightOptions & {
14
+ FontsPreflightOptions &
15
+ GlobalsPreflightConfig & {
14
16
  noPreflight?: boolean;
15
17
  } = {
16
18
  interFontLocation: