lism-css 0.18.0 → 0.21.0

package/dist/config/defaults/props.d.ts

@@ -58,12 +58,13 @@ declare const _default: {
         readonly isVar: 1;
         readonly token: "hl";
         readonly tokenClass: 0;
-        readonly bp: 1;
+        readonly bp: 0;
     };
     readonly lts: {
         readonly prop: "letterSpacing";
         readonly token: "lts";
         readonly tokenClass: 1;
+        readonly bp: 0;
     };
     readonly ta: {
         readonly prop: "textAlign";
@@ -85,7 +86,7 @@ declare const _default: {
     readonly d: {
         readonly prop: "display";
         readonly presets: readonly ["none", "block", "flex", "inline-flex", "grid", "inline-grid", "inline", "inline-block"];
-        readonly bp: 1;
+        readonly bp: "lg";
     };
     readonly o: {
         readonly prop: "opacity";
@@ -158,6 +159,11 @@ declare const _default: {
         readonly token: "sz";
         readonly bp: 1;
     };
+    readonly contentSize: {
+        readonly isVar: 1;
+        readonly presets: readonly ["s", "m", "l", "xl"];
+        readonly token: "sz";
+    };
     readonly sz: {
         readonly prop: "inlineSize";
         readonly token: "sz";
@@ -190,7 +196,7 @@ declare const _default: {
     };
     readonly bg: {
         readonly prop: "background";
-        readonly bp: 1;
+        readonly bp: 0;
     };
     readonly bgi: {
         readonly prop: "backgroundImage";
@@ -259,16 +265,16 @@ declare const _default: {
     readonly 'bd-y': {
         readonly prop: "borderBlock";
     };
-    readonly 'bd-x-s': {
+    readonly 'bd-s': {
         readonly prop: "borderInlineStart";
     };
-    readonly 'bd-x-e': {
+    readonly 'bd-e': {
         readonly prop: "borderInlineEnd";
     };
-    readonly 'bd-y-s': {
+    readonly 'bd-bs': {
         readonly prop: "borderBlockStart";
     };
-    readonly 'bd-y-e': {
+    readonly 'bd-be': {
         readonly prop: "borderBlockEnd";
     };
     readonly 'bd-t': {
@@ -335,6 +341,7 @@ declare const _default: {
     readonly pos: {
         readonly prop: "position";
         readonly presets: readonly ["static", "fixed", "sticky", "relative", "absolute"];
+        readonly bp: 1;
     };
     readonly z: {
         readonly prop: "zIndex";
@@ -387,19 +394,19 @@ declare const _default: {
         readonly prop: "insetBlock";
         readonly token: "space";
     };
-    readonly 'i-x-s': {
+    readonly 'i-s': {
         readonly prop: "insetInlineStart";
         readonly token: "space";
     };
-    readonly 'i-x-e': {
+    readonly 'i-e': {
         readonly prop: "insetInlineEnd";
         readonly token: "space";
     };
-    readonly 'i-y-s': {
+    readonly 'i-bs': {
         readonly prop: "insetBlockStart";
         readonly token: "space";
     };
-    readonly 'i-y-e': {
+    readonly 'i-be': {
         readonly prop: "insetBlockEnd";
         readonly token: "space";
     };
@@ -425,22 +432,22 @@ declare const _default: {
         readonly tokenClass: 1;
         readonly bp: 1;
     };
-    readonly 'px-s': {
+    readonly ps: {
         readonly prop: "paddingInlineStart";
         readonly token: "space";
         readonly bp: 1;
     };
-    readonly 'px-e': {
+    readonly pe: {
         readonly prop: "paddingInlineEnd";
         readonly token: "space";
         readonly bp: 1;
     };
-    readonly 'py-s': {
+    readonly pbs: {
         readonly prop: "paddingBlockStart";
         readonly token: "space";
         readonly bp: 1;
     };
-    readonly 'py-e': {
+    readonly pbe: {
         readonly prop: "paddingBlockEnd";
         readonly token: "space";
         readonly bp: 1;
@@ -448,22 +455,22 @@ declare const _default: {
     readonly pl: {
         readonly prop: "paddingLeft";
         readonly token: "space";
-        readonly bp: 1;
+        readonly bp: 0;
     };
     readonly pr: {
         readonly prop: "paddingRight";
         readonly token: "space";
-        readonly bp: 1;
+        readonly bp: 0;
     };
     readonly pt: {
         readonly prop: "paddingTop";
         readonly token: "space";
-        readonly bp: 1;
+        readonly bp: 0;
     };
     readonly pb: {
         readonly prop: "paddingBottom";
         readonly token: "space";
-        readonly bp: 1;
+        readonly bp: 0;
     };
     readonly m: {
         readonly prop: "margin";
@@ -487,26 +494,26 @@ declare const _default: {
         readonly tokenClass: 1;
         readonly bp: 1;
     };
-    readonly 'mx-s': {
+    readonly ms: {
         readonly prop: "marginInlineStart";
         readonly presets: readonly ["auto"];
         readonly token: "space";
         readonly bp: 1;
     };
-    readonly 'mx-e': {
+    readonly me: {
         readonly prop: "marginInlineEnd";
         readonly presets: readonly ["auto"];
         readonly token: "space";
         readonly bp: 1;
     };
-    readonly 'my-s': {
+    readonly mbs: {
         readonly prop: "marginBlockStart";
         readonly token: "space";
         readonly bp: 1;
         readonly presets: readonly ["auto", "0"];
         readonly tokenClass: 1;
     };
-    readonly 'my-e': {
+    readonly mbe: {
         readonly prop: "marginBlockEnd";
         readonly presets: readonly ["auto"];
         readonly token: "space";
@@ -515,22 +522,22 @@ declare const _default: {
     readonly ml: {
         readonly prop: "marginLeft";
         readonly token: "space";
-        readonly bp: 1;
+        readonly bp: 0;
     };
     readonly mr: {
         readonly prop: "marginRight";
         readonly token: "space";
-        readonly bp: 1;
+        readonly bp: 0;
     };
     readonly mt: {
         readonly prop: "marginTop";
         readonly token: "space";
-        readonly bp: 1;
+        readonly bp: 0;
     };
     readonly mb: {
         readonly prop: "marginBottom";
         readonly token: "space";
-        readonly bp: 1;
+        readonly bp: 0;
     };
     readonly g: {
         readonly prop: "gap";
@@ -542,21 +549,21 @@ declare const _default: {
         };
         readonly token: "space";
         readonly tokenClass: 1;
-        readonly bp: 1;
+        readonly bp: "lg";
     };
     readonly cg: {
         readonly prop: "columnGap";
         readonly token: "space";
-        readonly bp: 1;
+        readonly bp: 0;
     };
     readonly rg: {
         readonly prop: "rowGap";
         readonly token: "space";
-        readonly bp: 1;
+        readonly bp: 0;
     };
     readonly cols: {
         readonly isVar: 1;
-        readonly bp: 1;
+        readonly bp: "lg";
     };
     readonly rows: {
         readonly isVar: 1;
@@ -598,17 +605,17 @@ declare const _default: {
     };
     readonly gta: {
         readonly prop: "gridTemplateAreas";
-        readonly bp: 1;
+        readonly bp: "lg";
     };
     readonly gtc: {
         readonly prop: "gridTemplateColumns";
         readonly presets: readonly ["subgrid"];
-        readonly bp: 1;
+        readonly bp: "lg";
     };
     readonly gtr: {
         readonly prop: "gridTemplateRows";
         readonly presets: readonly ["subgrid"];
-        readonly bp: 1;
+        readonly bp: "lg";
     };
     readonly gaf: {
         readonly prop: "gridAutoFlow";
@@ -626,21 +633,21 @@ declare const _default: {
         readonly utils: {
             readonly '1/1': "1 / 1";
         };
-        readonly bp: 1;
+        readonly bp: "lg";
     };
     readonly gc: {
         readonly prop: "gridColumn";
         readonly utils: {
             readonly '1/-1': "1 / -1";
         };
-        readonly bp: 1;
+        readonly bp: "lg";
     };
     readonly gr: {
         readonly prop: "gridRow";
         readonly utils: {
             readonly '1/-1': "1 / -1";
         };
-        readonly bp: 1;
+        readonly bp: "lg";
     };
     readonly gcs: {
         readonly prop: "gridColumnStart";
@@ -745,6 +752,7 @@ declare const _default: {
     readonly order: {
         readonly prop: "order";
         readonly presets: readonly ["0", "-1", "1"];
+        readonly bp: 1;
     };
     readonly ovw: {
         readonly prop: "overflowWrap";

package/dist/config/defaults/props.js

@@ -20,9 +20,9 @@ const e = ["start", "center", "end"], r = ["flex-start", "flex-end"], p = { s: "
     isVar: 1,
     token: "hl",
     tokenClass: 0,
-    bp: 1
+    bp: 0
   },
-  lts: { prop: "letterSpacing", token: "lts", tokenClass: 1 },
+  lts: { prop: "letterSpacing", token: "lts", tokenClass: 1, bp: 0 },
   ta: { prop: "textAlign", presets: ["center", "left", "right"] },
   td: { prop: "textDecoration", utils: { none: "none" } },
   tt: { prop: "textTransform", utils: { upper: "uppercase", lower: "lowercase" } },
@@ -31,7 +31,7 @@ const e = ["start", "center", "end"], r = ["flex-start", "flex-end"], p = { s: "
   d: {
     prop: "display",
     presets: ["none", "block", "flex", "inline-flex", "grid", "inline-grid", "inline", "inline-block"],
-    bp: 1
+    bp: "lg"
   },
   o: { prop: "opacity", presets: ["0"], token: "o", tokenClass: 1 },
   v: { prop: "visibility", presets: ["hidden"] },
@@ -54,6 +54,7 @@ const e = ["start", "center", "end"], r = ["flex-start", "flex-end"], p = { s: "
   "max-w": { prop: "maxWidth", presets: ["100%"], token: "sz", bp: 1 },
   "min-h": { prop: "minHeight", presets: ["100%"], token: "sz", bp: 1 },
   "max-h": { prop: "maxHeight", presets: ["100%"], token: "sz", bp: 1 },
+  contentSize: { isVar: 1, presets: ["s", "m", "l", "xl"], token: "sz" },
   sz: { prop: "inlineSize", token: "sz" },
   "min-sz": { prop: "minInlineSize", token: "sz" },
   "max-sz": {
@@ -70,7 +71,7 @@ const e = ["start", "center", "end"], r = ["flex-start", "flex-end"], p = { s: "
   "min-bsz": { prop: "minBlockSize", token: "sz" },
   "max-bsz": { prop: "maxBlockSize", token: "sz" },
   // bg
-  bg: { prop: "background", bp: 1 },
+  bg: { prop: "background", bp: 0 },
   bgi: { prop: "backgroundImage" },
   bgr: { prop: "backgroundRepeat", presets: ["no-repeat"] },
   bgp: { prop: "backgroundPosition", presets: ["center"] },
@@ -114,10 +115,10 @@ const e = ["start", "center", "end"], r = ["flex-start", "flex-end"], p = { s: "
   // --bdw のみ
   "bd-x": { prop: "borderInline" },
   "bd-y": { prop: "borderBlock" },
-  "bd-x-s": { prop: "borderInlineStart" },
-  "bd-x-e": { prop: "borderInlineEnd" },
-  "bd-y-s": { prop: "borderBlockStart" },
-  "bd-y-e": { prop: "borderBlockEnd" },
+  "bd-s": { prop: "borderInlineStart" },
+  "bd-e": { prop: "borderInlineEnd" },
+  "bd-bs": { prop: "borderBlockStart" },
+  "bd-be": { prop: "borderBlockEnd" },
   "bd-t": { prop: "borderTop" },
   "bd-b": { prop: "borderBottom" },
   "bd-l": { prop: "borderLeft" },
@@ -142,7 +143,8 @@ const e = ["start", "center", "end"], r = ["flex-start", "flex-end"], p = { s: "
   // position
   pos: {
     prop: "position",
-    presets: ["static", "fixed", "sticky", "relative", "absolute"]
+    presets: ["static", "fixed", "sticky", "relative", "absolute"],
+    bp: 1
   },
   z: { prop: "zIndex", presets: ["-1", "0", "1", "99"] },
   t: { prop: "top", utils: { 0: "0%" }, presets: ["50%", "100%"], token: "space" },
@@ -152,10 +154,10 @@ const e = ["start", "center", "end"], r = ["flex-start", "flex-end"], p = { s: "
   i: { prop: "inset", utils: { 0: "0%" }, token: "space" },
   "i-x": { prop: "insetInline", token: "space" },
   "i-y": { prop: "insetBlock", token: "space" },
-  "i-x-s": { prop: "insetInlineStart", token: "space" },
-  "i-x-e": { prop: "insetInlineEnd", token: "space" },
-  "i-y-s": { prop: "insetBlockStart", token: "space" },
-  "i-y-e": { prop: "insetBlockEnd", token: "space" },
+  "i-s": { prop: "insetInlineStart", token: "space" },
+  "i-e": { prop: "insetInlineEnd", token: "space" },
+  "i-bs": { prop: "insetBlockStart", token: "space" },
+  "i-be": { prop: "insetBlockEnd", token: "space" },
   // space
   p: {
     prop: "padding",
@@ -167,14 +169,14 @@ const e = ["start", "center", "end"], r = ["flex-start", "flex-end"], p = { s: "
   },
   px: { prop: "paddingInline", presets: ["0"], token: "space", tokenClass: 1, bp: 1 },
   py: { prop: "paddingBlock", presets: ["0"], token: "space", tokenClass: 1, bp: 1 },
-  "px-s": { prop: "paddingInlineStart", token: "space", bp: 1 },
-  "px-e": { prop: "paddingInlineEnd", token: "space", bp: 1 },
-  "py-s": { prop: "paddingBlockStart", token: "space", bp: 1 },
-  "py-e": { prop: "paddingBlockEnd", token: "space", bp: 1 },
-  pl: { prop: "paddingLeft", token: "space", bp: 1 },
-  pr: { prop: "paddingRight", token: "space", bp: 1 },
-  pt: { prop: "paddingTop", token: "space", bp: 1 },
-  pb: { prop: "paddingBottom", token: "space", bp: 1 },
+  ps: { prop: "paddingInlineStart", token: "space", bp: 1 },
+  pe: { prop: "paddingInlineEnd", token: "space", bp: 1 },
+  pbs: { prop: "paddingBlockStart", token: "space", bp: 1 },
+  pbe: { prop: "paddingBlockEnd", token: "space", bp: 1 },
+  pl: { prop: "paddingLeft", token: "space", bp: 0 },
+  pr: { prop: "paddingRight", token: "space", bp: 0 },
+  pt: { prop: "paddingTop", token: "space", bp: 0 },
+  pb: { prop: "paddingBottom", token: "space", bp: 0 },
   m: {
     prop: "margin",
     presets: ["auto", "0"],
@@ -185,25 +187,25 @@ const e = ["start", "center", "end"], r = ["flex-start", "flex-end"], p = { s: "
   },
   mx: { prop: "marginInline", presets: ["auto", "0"], token: "space", tokenClass: 1, bp: 1 },
   my: { prop: "marginBlock", presets: ["auto", "0"], token: "space", tokenClass: 1, bp: 1 },
-  "mx-s": { prop: "marginInlineStart", presets: ["auto"], token: "space", bp: 1 },
-  "mx-e": { prop: "marginInlineEnd", presets: ["auto"], token: "space", bp: 1 },
-  "my-s": { prop: "marginBlockStart", token: "space", bp: 1, presets: ["auto", "0"], tokenClass: 1 },
-  "my-e": { prop: "marginBlockEnd", presets: ["auto"], token: "space", bp: 1 },
-  ml: { prop: "marginLeft", token: "space", bp: 1 },
-  mr: { prop: "marginRight", token: "space", bp: 1 },
-  mt: { prop: "marginTop", token: "space", bp: 1 },
-  mb: { prop: "marginBottom", token: "space", bp: 1 },
+  ms: { prop: "marginInlineStart", presets: ["auto"], token: "space", bp: 1 },
+  me: { prop: "marginInlineEnd", presets: ["auto"], token: "space", bp: 1 },
+  mbs: { prop: "marginBlockStart", token: "space", bp: 1, presets: ["auto", "0"], tokenClass: 1 },
+  mbe: { prop: "marginBlockEnd", presets: ["auto"], token: "space", bp: 1 },
+  ml: { prop: "marginLeft", token: "space", bp: 0 },
+  mr: { prop: "marginRight", token: "space", bp: 0 },
+  mt: { prop: "marginTop", token: "space", bp: 0 },
+  mb: { prop: "marginBottom", token: "space", bp: 0 },
   g: {
     prop: "gap",
     presets: ["0", "inherit"],
     exUtility: { inherit: { gap: "inherit" } },
     token: "space",
     tokenClass: 1,
-    bp: 1
+    bp: "lg"
   },
-  cg: { prop: "columnGap", token: "space", bp: 1 },
-  rg: { prop: "rowGap", token: "space", bp: 1 },
-  cols: { isVar: 1, bp: 1 },
+  cg: { prop: "columnGap", token: "space", bp: 0 },
+  rg: { prop: "rowGap", token: "space", bp: 0 },
+  cols: { isVar: 1, bp: "lg" },
   rows: { isVar: 1, bp: 1 },
   // flex
   fxf: { prop: "flexFlow" },
@@ -219,26 +221,25 @@ const e = ["start", "center", "end"], r = ["flex-start", "flex-end"], p = { s: "
     prop: "gridTemplate",
     bp: 1
   },
-  gta: { prop: "gridTemplateAreas", bp: 1 },
+  gta: { prop: "gridTemplateAreas", bp: "lg" },
   gtc: {
     prop: "gridTemplateColumns",
     presets: ["subgrid"],
-    bp: 1
+    bp: "lg"
   },
   gtr: {
     prop: "gridTemplateRows",
     presets: ["subgrid"],
-    // exUtility: { repeat: { '--rows': '1', '--gtr': 'repeat(var(--rows), 1fr)' } },
-    bp: 1
+    bp: "lg"
   },
   gaf: { prop: "gridAutoFlow", presets: ["row", "column"], bp: 1 },
   //dense
   gac: { prop: "gridAutoColumns" },
   gar: { prop: "gridAutoRows" },
   // grid item
-  ga: { prop: "gridArea", utils: { "1/1": "1 / 1" }, bp: 1 },
-  gc: { prop: "gridColumn", utils: { "1/-1": "1 / -1" }, bp: 1 },
-  gr: { prop: "gridRow", utils: { "1/-1": "1 / -1" }, bp: 1 },
+  ga: { prop: "gridArea", utils: { "1/1": "1 / 1" }, bp: "lg" },
+  gc: { prop: "gridColumn", utils: { "1/-1": "1 / -1" }, bp: "lg" },
+  gr: { prop: "gridRow", utils: { "1/-1": "1 / -1" }, bp: "lg" },
   gcs: { prop: "gridColumnStart" },
   gce: { prop: "gridColumnEnd" },
   grs: { prop: "gridRowStart" },
@@ -284,7 +285,7 @@ const e = ["start", "center", "end"], r = ["flex-start", "flex-end"], p = { s: "
     shorthands: p
   },
   pslf: { prop: "placeSelf", presets: e },
-  order: { prop: "order", presets: ["0", "-1", "1"] },
+  order: { prop: "order", presets: ["0", "-1", "1"], bp: 1 },
   // transform
   // translate: {
   // 	prop: 'translate',

package/dist/config/defaults/tokens.d.ts

@@ -16,7 +16,7 @@ declare const _default: {
     };
     readonly c: {
         readonly pre: "--";
-        readonly values: readonly ["base", "base-2", "text", "text-2", "divider", "link", "brand", "accent"];
+        readonly values: readonly ["base", "base-2", "text", "text-2", "divider", "link", "brand", "accent", "neutral"];
     };
     readonly palette: {
         readonly pre: "--";

package/dist/config/defaults/tokens.js

@@ -16,7 +16,7 @@ const e = {
   },
   c: {
     pre: "--",
-    values: ["base", "base-2", "text", "text-2", "divider", "link", "brand", "accent"]
+    values: ["base", "base-2", "text", "text-2", "divider", "link", "brand", "accent", "neutral"]
   },
   palette: {
     pre: "--",

package/dist/config/defaults/traits.d.ts

@@ -1,12 +1,6 @@
 declare const _default: {
     readonly isContainer: "is--container";
-    readonly isWrapper: {
-        readonly className: "is--wrapper";
-        readonly preset: readonly ["s", "l"];
-        readonly presetClass: "-contentSize";
-        readonly customVar: "--contentSize";
-        readonly tokenKey: "sz";
-    };
+    readonly isWrapper: "is--wrapper";
     readonly isLayer: "is--layer";
     readonly isBoxLink: "is--boxLink";
     readonly isCoverLink: "is--coverLink";

package/dist/config/defaults/traits.js

@@ -1,12 +1,6 @@
 const s = {
   isContainer: "is--container",
-  isWrapper: {
-    className: "is--wrapper",
-    preset: ["s", "l"],
-    presetClass: "-contentSize",
-    customVar: "--contentSize",
-    tokenKey: "sz"
-  },
+  isWrapper: "is--wrapper",
   isLayer: "is--layer",
   isBoxLink: "is--boxLink",
   isCoverLink: "is--coverLink",