@unocss/preset-mini 0.50.6 → 0.50.8

package/README.md

@@ -2,133 +2,9 @@
 
 The minimal preset for [UnoCSS](https://github.com/unocss/unocss).
 
-## Installation
+## Documentation
 
-```bash
-npm i -D @unocss/preset-mini
-```
-
-```ts
-import presetMini from '@unocss/preset-mini'
-
-UnoCSS({
-  presets: [
-    presetMini(),
-  ],
-})
-```
-
-## Features
-
-### Dark Mode
-
-By default, this preset generates class based dark mode with `dark:` variant.
-
-```html
-<div class="dark:bg-red:10" />
-```
-
-will generate:
-
-```css
-.dark .dark\:bg-red\:10 {
-  background-color: rgba(248, 113, 113, 0.1);
-}
-```
-
-To opt-in media query based dark mode, you can use `@dark:` variant:
-
-```html
-<div class="@dark:bg-red:10" />
-```
-
-```css
-@media (prefers-color-scheme: dark) {
-  .\@dark\:bg-red\:10 {
-    background-color: rgba(248, 113, 113, 0.1);
-  }
-}
-```
-
-Or set globally with the config for `dark:` variant
-
-```ts
-presetMini({
-  dark: 'media'
-})
-```
-
-### CSS @layer
-
-[CSS's native @layer](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer) is supported with variant `layer-xx:`
-
-```html
-<div class="layer-foo:p4" />
-<div class="layer-bar:m4" />
-```
-
-will generate:
-
-```css
-@layer foo {
-  .layer-foo\:p4 {
-    padding: 1rem;
-  }
-}
-@layer bar {
-  .layer-bar\:m4 {
-    margin: 1rem;
-  }
-}
-```
-
-### Theme
-You can fully customize your theme property in your config, and UnoCSS will eventually deeply merge it to the default theme.
-
-<!--eslint-skip-->
-
-```ts
-presetMini({
-  theme: {
-    // ...
-    colors: {
-      'veryCool': '#0000ff', // class="text-very-cool"
-      'brand': {
-        'primary': 'hsla(var(--hue, 217), 78%, 51%)', //class="bg-brand-primary"
-      }
-    },
-  }
-})
-```
-
-To consume the theme in rules:
-
-```ts
-rules: [
-  [/^text-(.*)$/, ([, c], { theme }) => {
-    if (theme.colors[c])
-      return { color: theme.colors[c] }
-  }],
-]
-```
-
-One exception is that UnoCSS gives full control of `breakpoints` to users. When a custom `breakpoints` is provided, the default will be overridden instead of merging. For example:
-
-```ts
-presetMini({
-  theme: {
-    // ...
-    breakpoints: {
-      sm: '320px',
-      md: '640px',
-    },
-  },
-})
-```
-
-Right now, you can only use the `sm:` and `md:` breakpoint variants.
-
-`verticalBreakpoints` is same as `breakpoints` but for vertical layout.
+Please refer to the [documentation](https://unocss.dev/presets/mini).
 
 ## License
 

package/dist/{colors-fdadc382.d.ts → colors-e683aa85.d.ts}

@@ -17,6 +17,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     pink: {
         50: string;
@@ -29,6 +30,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     fuchsia: {
         50: string;
@@ -41,6 +43,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     purple: {
         50: string;
@@ -53,6 +56,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     violet: {
         50: string;
@@ -65,6 +69,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     indigo: {
         50: string;
@@ -77,6 +82,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     blue: {
         50: string;
@@ -89,6 +95,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     sky: {
         50: string;
@@ -101,6 +108,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     cyan: {
         50: string;
@@ -113,6 +121,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     teal: {
         50: string;
@@ -125,6 +134,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     emerald: {
         50: string;
@@ -137,6 +147,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     green: {
         50: string;
@@ -149,6 +160,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     lime: {
         50: string;
@@ -161,6 +173,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     yellow: {
         50: string;
@@ -173,6 +186,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     amber: {
         50: string;
@@ -185,6 +199,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     orange: {
         50: string;
@@ -197,6 +212,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     red: {
         50: string;
@@ -209,6 +225,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     gray: {
         50: string;
@@ -221,6 +238,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     slate: {
         50: string;
@@ -233,6 +251,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     zinc: {
         50: string;
@@ -245,6 +264,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     neutral: {
         50: string;
@@ -257,6 +277,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     stone: {
         50: string;
@@ -269,6 +290,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     light: {
         50: string;
@@ -281,6 +303,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     dark: {
         50: string;
@@ -293,6 +316,7 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
+        950: string;
     };
     readonly lightblue: string | Colors;
     readonly lightBlue: string | Colors;

package/dist/colors.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const colors = require('./shared/preset-mini.30606736.cjs');
+const colors = require('./shared/preset-mini.bb7dc365.cjs');
 
 
 

package/dist/colors.d.ts

@@ -1,3 +1,3 @@
-export { c as colors } from './colors-fdadc382.js';
+export { c as colors } from './colors-e683aa85.js';
 import './types-f73ecdfe.js';
 import '@unocss/core';

package/dist/colors.mjs

@@ -1 +1 @@
-export { c as colors } from './shared/preset-mini.65ac75be.mjs';
+export { c as colors } from './shared/preset-mini.74b45c11.mjs';

package/dist/{default-be74c37e.d.ts → default-d9218dd5.d.ts}

@@ -210,6 +210,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         pink: {
             50: string;
@@ -222,6 +223,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         fuchsia: {
             50: string;
@@ -234,6 +236,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         purple: {
             50: string;
@@ -246,6 +249,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         violet: {
             50: string;
@@ -258,6 +262,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         indigo: {
             50: string;
@@ -270,6 +275,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         blue: {
             50: string;
@@ -282,6 +288,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         sky: {
             50: string;
@@ -294,6 +301,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         cyan: {
             50: string;
@@ -306,6 +314,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         teal: {
             50: string;
@@ -318,6 +327,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         emerald: {
             50: string;
@@ -330,6 +340,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         green: {
             50: string;
@@ -342,6 +353,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         lime: {
             50: string;
@@ -354,6 +366,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         yellow: {
             50: string;
@@ -366,6 +379,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         amber: {
             50: string;
@@ -378,6 +392,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         orange: {
             50: string;
@@ -390,6 +405,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         red: {
             50: string;
@@ -402,6 +418,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         gray: {
             50: string;
@@ -414,6 +431,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         slate: {
             50: string;
@@ -426,6 +444,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         zinc: {
             50: string;
@@ -438,6 +457,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         neutral: {
             50: string;
@@ -450,6 +470,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         stone: {
             50: string;
@@ -462,6 +483,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         light: {
             50: string;
@@ -474,6 +496,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         dark: {
             50: string;
@@ -486,6 +509,7 @@ declare const theme: {
             700: string;
             800: string;
             900: string;
+            950: string;
         };
         readonly lightblue: string | Colors;
         readonly lightBlue: string | Colors;

package/dist/index.cjs

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const core = require('@unocss/core');
-require('./shared/preset-mini.e96e6b4a.cjs');
-const _default$1 = require('./shared/preset-mini.2f75df7e.cjs');
+require('./shared/preset-mini.fea712fb.cjs');
+const _default$1 = require('./shared/preset-mini.4b2d3970.cjs');
 const colors$1 = require('./shared/preset-mini.2be263e2.cjs');
-const colors = require('./shared/preset-mini.30606736.cjs');
-const _default = require('./shared/preset-mini.fc0fd434.cjs');
-const _default$2 = require('./shared/preset-mini.ef35a101.cjs');
-require('./shared/preset-mini.4a5aade9.cjs');
+const colors = require('./shared/preset-mini.bb7dc365.cjs');
+const _default = require('./shared/preset-mini.2c84a1da.cjs');
+const _default$2 = require('./shared/preset-mini.a8322582.cjs');
+require('./shared/preset-mini.c4fc86b9.cjs');
 
 const preflights = [
   {
@@ -24,7 +24,7 @@ const preflights = [
   }
 ];
 
-const presetMini = (options = {}) => {
+function presetMini(options = {}) {
   options.dark = options.dark ?? "class";
   options.attributifyPseudo = options.attributifyPseudo ?? false;
   options.preflight = options.preflight ?? true;
@@ -39,7 +39,7 @@ const presetMini = (options = {}) => {
     preflights: options.preflight ? normalizePreflights(preflights, options.variablePrefix) : [],
     prefix: options.prefix
   };
-};
+}
 function VarPrefixPostprocessor(prefix) {
   if (prefix !== "un-") {
     return (obj) => {

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { Preflight, PresetOptions, Preset, Postprocessor } from '@unocss/core';
-export { c as colors } from './colors-fdadc382.js';
-export { t as theme } from './default-be74c37e.js';
+export { c as colors } from './colors-e683aa85.js';
+export { t as theme } from './default-d9218dd5.js';
 import { T as Theme } from './types-f73ecdfe.js';
 export { T as Theme, a as ThemeAnimation } from './types-f73ecdfe.js';
 export { p as parseColor } from './utilities-a87209ad.js';
@@ -53,7 +53,7 @@ interface PresetMiniOptions extends PresetOptions {
      */
     preflight?: boolean;
 }
-declare const presetMini: (options?: PresetMiniOptions) => Preset<Theme>;
+declare function presetMini(options?: PresetMiniOptions): Preset<Theme>;
 
 declare function VarPrefixPostprocessor(prefix: string): Postprocessor | undefined;
 declare function normalizePreflights(preflights: Preflight[], variablePrefix: string): Preflight<{}>[];

package/dist/index.mjs

@@ -1,12 +1,12 @@
 import { entriesToCss, toArray } from '@unocss/core';
-import './shared/preset-mini.761cdd48.mjs';
-import { r as rules } from './shared/preset-mini.be40d10c.mjs';
+import './shared/preset-mini.94514c53.mjs';
+import { r as rules } from './shared/preset-mini.b53c93f8.mjs';
 export { p as parseColor } from './shared/preset-mini.617e6696.mjs';
-export { c as colors } from './shared/preset-mini.65ac75be.mjs';
-import { t as theme } from './shared/preset-mini.f9468448.mjs';
-export { t as theme } from './shared/preset-mini.f9468448.mjs';
-import { v as variants } from './shared/preset-mini.9d7e4452.mjs';
-import './shared/preset-mini.305062ab.mjs';
+export { c as colors } from './shared/preset-mini.74b45c11.mjs';
+import { t as theme } from './shared/preset-mini.d3cd9ef2.mjs';
+export { t as theme } from './shared/preset-mini.d3cd9ef2.mjs';
+import { v as variants } from './shared/preset-mini.b68b942d.mjs';
+import './shared/preset-mini.6c20780a.mjs';
 
 const preflights = [
   {
@@ -21,7 +21,7 @@ const preflights = [
   }
 ];
 
-const presetMini = (options = {}) => {
+function presetMini(options = {}) {
   options.dark = options.dark ?? "class";
   options.attributifyPseudo = options.attributifyPseudo ?? false;
   options.preflight = options.preflight ?? true;
@@ -36,7 +36,7 @@ const presetMini = (options = {}) => {
     preflights: options.preflight ? normalizePreflights(preflights, options.variablePrefix) : [],
     prefix: options.prefix
   };
-};
+}
 function VarPrefixPostprocessor(prefix) {
   if (prefix !== "un-") {
     return (obj) => {

package/dist/rules.cjs

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const transform = require('./shared/preset-mini.e96e6b4a.cjs');
-const _default = require('./shared/preset-mini.2f75df7e.cjs');
+const transform = require('./shared/preset-mini.fea712fb.cjs');
+const _default = require('./shared/preset-mini.4b2d3970.cjs');
 require('./shared/preset-mini.2be263e2.cjs');
 require('@unocss/core');
 

package/dist/rules.mjs

@@ -1,4 +1,4 @@
-export { I as alignments, F as appearance, w as appearances, b as bgColors, V as borderStyles, a as borders, r as boxShadows, T as boxShadowsBase, N as boxSizing, C as breaks, R as contains, c as contentVisibility, e as contents, v as cursors, d as displays, L as floats, q as fontSmoothings, p as fontStyles, f as fonts, W as handlerBorderStyle, K as insets, H as justifies, o as opacity, G as orders, E as outline, D as overflows, J as placements, x as pointerEvents, u as positions, y as resizes, U as ringBase, s as rings, t as tabSizes, m as textAligns, n as textColors, i as textDecorations, g as textIndents, h as textOverflows, k as textShadows, j as textStrokes, l as textTransforms, S as transformBase, P as transforms, O as transitions, A as userSelects, X as varEmpty, z as verticalAligns, B as whitespaces, Q as willChange, M as zIndexes } from './shared/preset-mini.761cdd48.mjs';
-export { b as aspectRatio, c as containerParent, h as cssProperty, e as cssVariables, f as flex, g as gaps, a as grids, m as margins, p as paddings, q as questionMark, r as rules, s as sizes, d as svgUtilities } from './shared/preset-mini.be40d10c.mjs';
+export { I as alignments, F as appearance, w as appearances, b as bgColors, V as borderStyles, a as borders, r as boxShadows, T as boxShadowsBase, N as boxSizing, C as breaks, R as contains, c as contentVisibility, e as contents, v as cursors, d as displays, L as floats, q as fontSmoothings, p as fontStyles, f as fonts, W as handlerBorderStyle, K as insets, H as justifies, o as opacity, G as orders, E as outline, D as overflows, J as placements, x as pointerEvents, u as positions, y as resizes, U as ringBase, s as rings, t as tabSizes, m as textAligns, n as textColors, i as textDecorations, g as textIndents, h as textOverflows, k as textShadows, j as textStrokes, l as textTransforms, S as transformBase, P as transforms, O as transitions, A as userSelects, X as varEmpty, z as verticalAligns, B as whitespaces, Q as willChange, M as zIndexes } from './shared/preset-mini.94514c53.mjs';
+export { b as aspectRatio, c as containerParent, h as cssProperty, e as cssVariables, f as flex, g as gaps, a as grids, m as margins, p as paddings, q as questionMark, r as rules, s as sizes, d as svgUtilities } from './shared/preset-mini.b53c93f8.mjs';
 import './shared/preset-mini.617e6696.mjs';
 import '@unocss/core';

package/dist/shared/{preset-mini.fc0fd434.cjs → preset-mini.2c84a1da.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-const colors = require('./preset-mini.30606736.cjs');
-const transform = require('./preset-mini.e96e6b4a.cjs');
+const colors = require('./preset-mini.bb7dc365.cjs');
+const transform = require('./preset-mini.fea712fb.cjs');
 require('@unocss/core');
 require('./preset-mini.2be263e2.cjs');