lism-css 0.13.0 → 0.14.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.
Files changed (59) hide show
  1. package/config/defaults/props.ts +8 -7
  2. package/config/defaults/tokens.ts +1 -1
  3. package/config/defaults/traits.ts +0 -1
  4. package/dist/components/Dummy/Dummy.d.ts +1 -1
  5. package/dist/components/Lism/Lism.stories.d.ts +1 -2
  6. package/dist/components/atomic/Decorator/Decorator.d.ts +6 -1
  7. package/dist/components/atomic/Decorator/index.js +4 -5
  8. package/dist/components/atomic/Divider/index.js +4 -5
  9. package/dist/components/atomic/Icon/getProps.d.ts +1 -1
  10. package/dist/components/atomic/Icon/getProps.js +34 -35
  11. package/dist/components/atomic/Spacer/index.js +5 -6
  12. package/dist/components/index.d.ts +1 -1
  13. package/dist/config/default-config.d.ts +13 -9
  14. package/dist/config/defaults/props.d.ts +12 -7
  15. package/dist/config/defaults/props.js +10 -9
  16. package/dist/config/defaults/tokens.d.ts +1 -1
  17. package/dist/config/defaults/tokens.js +1 -1
  18. package/dist/config/defaults/traits.d.ts +0 -1
  19. package/dist/config/defaults/traits.js +3 -4
  20. package/dist/config/index.d.ts +26 -18
  21. package/dist/config/index.js +4 -4
  22. package/dist/css/base/set.css +1 -1
  23. package/dist/css/base.css +1 -1
  24. package/dist/css/main.css +1 -1
  25. package/dist/css/main_no_layer.css +1 -1
  26. package/dist/css/primitives/layout.css +1 -1
  27. package/dist/css/primitives/trait.css +1 -1
  28. package/dist/css/props.css +1 -1
  29. package/dist/lib/getAtomicProps.d.ts +24 -0
  30. package/dist/lib/getAtomicProps.js +30 -0
  31. package/dist/lib/getLayoutProps.d.ts +1 -1
  32. package/dist/lib/getLayoutProps.js +28 -18
  33. package/dist/lib/getLismProps.d.ts +11 -8
  34. package/dist/lib/getLismProps.js +50 -56
  35. package/dist/lib/getMaybeTokenValue.js +20 -20
  36. package/dist/lib/types/AtomicProps.d.ts +22 -0
  37. package/dist/lib/types/TraitProps.d.ts +1 -1
  38. package/package.json +1 -1
  39. package/packages/astro/Dummy/Dummy.astro +1 -1
  40. package/packages/astro/atomic/Decorator/Decorator.astro +4 -7
  41. package/packages/astro/atomic/Divider/Divider.astro +1 -2
  42. package/packages/astro/atomic/Spacer/Spacer.astro +1 -2
  43. package/packages/astro/index.ts +1 -1
  44. package/src/scss/_prop-config.scss +13 -6
  45. package/src/scss/base/_html.scss +1 -1
  46. package/src/scss/base/set/_bp.scss +2 -2
  47. package/src/scss/base/set/index.scss +1 -1
  48. package/src/scss/base/tokens/_tokens.scss +6 -7
  49. package/src/scss/primitives/atomic/_icon.scss +2 -2
  50. package/src/scss/primitives/layout/_fluidCols.scss +1 -1
  51. package/src/scss/primitives/layout/_sideMain.scss +1 -1
  52. package/src/scss/primitives/trait/index.scss +0 -1
  53. package/dist/components/atomic/Decorator/getProps.d.ts +0 -8
  54. package/dist/components/atomic/Decorator/getProps.js +0 -15
  55. package/dist/components/atomic/Divider/getProps.d.ts +0 -2
  56. package/dist/components/atomic/Divider/getProps.js +0 -11
  57. package/dist/components/atomic/Spacer/getProps.d.ts +0 -2
  58. package/dist/components/atomic/Spacer/getProps.js +0 -27
  59. package/src/scss/primitives/trait/_vertical.scss +0 -9
@@ -83,15 +83,15 @@ export default {
83
83
  prop: 'maxInlineSize',
84
84
  token: 'sz',
85
85
  tokenClass: 1,
86
+ presets: ['full'],
86
87
  exUtility: {
87
- min: '',
88
88
  full: '',
89
89
  container: '',
90
90
  },
91
91
  },
92
- ysz: { prop: 'blockSize', token: 'sz' },
93
- 'min-ysz': { prop: 'minBlockSize', token: 'sz' },
94
- 'max-ysz': { prop: 'maxBlockSize', token: 'sz' },
92
+ bsz: { prop: 'blockSize', token: 'sz' },
93
+ 'min-bsz': { prop: 'minBlockSize', token: 'sz' },
94
+ 'max-bsz': { prop: 'maxBlockSize', token: 'sz' },
95
95
 
96
96
  // bg
97
97
  bg: { prop: 'background', bp: 1 },
@@ -353,10 +353,11 @@ export default {
353
353
  // },
354
354
 
355
355
  // others
356
- ovwrap: { prop: 'overflowWrap', presets: ['anywhere'] },
357
- whspace: { prop: 'whiteSpace', presets: ['nowrap'] },
356
+ ovw: { prop: 'overflowWrap', presets: ['anywhere'] },
357
+ whs: { prop: 'whiteSpace', presets: ['nowrap'] },
358
358
  // wordbreak: { prop: 'wordBreak', utils: { keep: 'keep-all', all: 'break-all' } },
359
359
  float: { prop: 'float', presets: ['left', 'right'] },
360
360
  clear: { prop: 'clear', presets: ['both'] },
361
- isolation: { prop: 'isolation', presets: ['isolate'] },
361
+ iso: { prop: 'isolation', presets: ['isolate'] },
362
+ wm: { prop: 'writingMode', presets: ['vertical-rl'], bp: 1 },
362
363
  } as const;
@@ -8,7 +8,7 @@ export default {
8
8
  o: ['-10', '-20', '-30'],
9
9
  bdrs: ['10', '20', '30', '40', '99', 'inner'],
10
10
  bxsh: ['10', '20', '30', '40'],
11
- sz: ['xs', 's', 'm', 'l', 'xl', 'min', 'full', 'container'],
11
+ sz: ['xs', 's', 'm', 'l', 'xl', 'container'],
12
12
  ar: ['og'],
13
13
  space: {
14
14
  pre: '--s',
@@ -12,5 +12,4 @@ export default {
12
12
  isCoverLink: 'is--coverLink',
13
13
  isSide: 'is--side',
14
14
  isSkipFlow: 'is--skipFlow',
15
- isVertical: 'is--vertical',
16
15
  } as const;
@@ -1,6 +1,6 @@
1
1
  import { LismComponentProps } from '../Lism';
2
2
  /**
3
- * @deprecated DummyText / DummyImage (@lism-css/ui) を使用してください。
3
+ * @deprecated DummyText (@lism-css/ui) を使用してください。
4
4
  */
5
5
  export default function Dummy({ lang, ...props }: LismComponentProps & {
6
6
  lang?: string;
@@ -10,8 +10,7 @@ export default meta;
10
10
  type Story = StoryObj<typeof meta>;
11
11
  export declare const Default: Story;
12
12
  export declare const AsParagraph: Story;
13
- export declare const WithLismClass: Story;
14
- export declare const WithVariant: Story;
13
+ export declare const WithClassName: Story;
15
14
  export declare const WithLayout: Story;
16
15
  export declare const ResponsiveArray: Story;
17
16
  export declare const ResponsiveObject: Story;
@@ -1,2 +1,7 @@
1
- import { DecoratorProps } from './getProps';
1
+ import { LismComponentProps } from '../../Lism/Lism';
2
+ import { CssValue } from '../../../lib/types/LayoutProps';
3
+ export interface DecoratorOwnProps {
4
+ size?: CssValue;
5
+ }
6
+ export type DecoratorProps = LismComponentProps & DecoratorOwnProps;
2
7
  export default function Decorator(props: DecoratorProps): import("react").JSX.Element;
@@ -1,9 +1,8 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import t from "./getProps.js";
3
- import m from "../../Lism/index.js";
4
- function p(r) {
5
- return /* @__PURE__ */ o(m, { ...t(r) });
2
+ import t from "../../Lism/index.js";
3
+ function i(r) {
4
+ return /* @__PURE__ */ o(t, { atomic: "decorator", "aria-hidden": "true", ...r });
6
5
  }
7
6
  export {
8
- p as default
7
+ i as default
9
8
  };
@@ -1,9 +1,8 @@
1
- import { jsx as i } from "react/jsx-runtime";
2
- import { getDividerProps as o } from "./getProps.js";
1
+ import { jsx as r } from "react/jsx-runtime";
3
2
  import t from "../../Lism/index.js";
4
- function p(r) {
5
- return /* @__PURE__ */ i(t, { ...o(r) });
3
+ function d(i) {
4
+ return /* @__PURE__ */ r(t, { atomic: "divider", "aria-hidden": "true", ...i });
6
5
  }
7
6
  export {
8
- p as default
7
+ d as default
9
8
  };
@@ -15,7 +15,7 @@ export interface IconOwnProps {
15
15
  exProps?: Record<string, unknown>;
16
16
  }
17
17
  export type IconProps = LismProps & IconOwnProps;
18
- export default function getProps({ lismClass, as, icon, label, exProps, ..._props }: IconProps): {
18
+ export default function getProps({ as, icon, label, exProps, ..._props }: IconProps): {
19
19
  Component: ElementType | "_SVG_";
20
20
  lismProps: {
21
21
  [key: string]: unknown;
@@ -1,56 +1,55 @@
1
- import S from "./presets.js";
2
- import h from "../../../lib/helper/atts.js";
3
- function d(m) {
4
- const f = {}, s = m.match(/<svg([^>]*?)>([\s\S]*?)<\/svg>/i);
5
- if (s) {
6
- const [, c, t] = s, u = /([\w-]+)=["']([^"']*)["']/g;
7
- let a;
8
- for (; (a = u.exec(c)) !== null; ) {
9
- const [, i, o] = a;
10
- if (i === "style") {
11
- const g = {};
12
- o.split(";").forEach((l) => {
13
- const [n, r] = l.split(":").map((e) => e.trim());
14
- n && r && (g[n] = r);
15
- }), f[i] = g;
1
+ import _ from "./presets.js";
2
+ function p(m) {
3
+ const s = {}, n = m.match(/<svg([^>]*?)>([\s\S]*?)<\/svg>/i);
4
+ if (n) {
5
+ const [, t, u] = n, a = /([\w-]+)=["']([^"']*)["']/g;
6
+ let r;
7
+ for (; (r = a.exec(t)) !== null; ) {
8
+ const [, c, o] = r;
9
+ if (c === "style") {
10
+ const e = {};
11
+ o.split(";").forEach((f) => {
12
+ const [i, l] = f.split(":").map((g) => g.trim());
13
+ i && l && (e[i] = l);
14
+ }), s[c] = e;
16
15
  } else
17
- f[i] = o;
16
+ s[c] = o;
18
17
  }
19
- return { svgProps: f, svgContent: t };
18
+ return { svgProps: s, svgContent: u };
20
19
  }
21
20
  return {};
22
21
  }
23
- function b({ lismClass: m, as: f, icon: s, label: c, exProps: t = {}, ...u }) {
24
- let a = f || "span", i = "";
22
+ function d({ as: m, icon: s, label: n, exProps: t = {}, ...u }) {
23
+ let a = m || "span", r = "";
25
24
  const {
26
- style: o = {},
27
- className: g = "",
28
- ...l
25
+ style: c = {},
26
+ className: o = "",
27
+ ...e
29
28
  } = u;
30
- let n = o, r = g;
31
- if (l.viewBox) {
29
+ let f = c, i = o;
30
+ if (e.viewBox) {
32
31
  a = "svg";
33
- const e = l.size;
34
- e && delete l.size, l.width || (t.width = e || "1em"), l.height || (t.height = e || "1em");
35
- } else if (l.src)
32
+ const l = e.size;
33
+ l && delete e.size, e.width || (t.width = l || "1em"), e.height || (t.height = l || "1em");
34
+ } else if (e.src)
36
35
  a = "img";
37
36
  else if (s)
38
37
  if (typeof s == "string")
39
38
  if (s.startsWith("<svg")) {
40
39
  a = "_SVG_";
41
- const { svgProps: e = {}, svgContent: v = "" } = d(s), { class: y, style: _, ...p } = e;
42
- r = h(r, y), n = { ...n, ..._ }, t = { ...t, ...p, fill: "currentColor" }, i = v;
40
+ const { svgProps: l = {}, svgContent: g = "" } = p(s), { class: v, style: h, ...y } = l;
41
+ v && (i = i ? `${i} ${v}` : v), f = { ...f, ...h }, t = { ...t, ...y, fill: "currentColor" }, r = g;
43
42
  } else {
44
- const e = S[s] || null;
45
- e != null && (a = "_SVG_", t = { ...t, ...e });
43
+ const l = _[s] || null;
44
+ l != null && (a = "_SVG_", t = { ...t, ...l });
46
45
  }
47
46
  else if (typeof s == "object" && s.as) {
48
- const { as: e, ...v } = s;
49
- a = e, t = { ...t, ...v };
47
+ const { as: l, ...g } = s;
48
+ a = l, t = { ...t, ...g };
50
49
  } else
51
50
  a = s;
52
- return c ? (t["aria-label"] = c, t.role = "img") : t["aria-hidden"] = "true", l.lismClass = h(m, "a--icon", r), l.style = { ...n }, { Component: a, lismProps: l, exProps: t, content: i };
51
+ return n ? (t["aria-label"] = n, t.role = "img") : t["aria-hidden"] = "true", e.atomic = "icon", i && (e.className = i), e.style = { ...f }, { Component: a, lismProps: e, exProps: t, content: r };
53
52
  }
54
53
  export {
55
- b as default
54
+ d as default
56
55
  };
@@ -1,9 +1,8 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import t from "./getProps.js";
3
- import m from "../../Lism/index.js";
4
- function i(r) {
5
- return /* @__PURE__ */ o(m, { ...t(r) });
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import a from "../../Lism/index.js";
3
+ function o(r) {
4
+ return /* @__PURE__ */ t(a, { atomic: "spacer", "aria-hidden": "true", ...r });
6
5
  }
7
6
  export {
8
- i as default
7
+ o as default
9
8
  };
@@ -1,5 +1,5 @@
1
1
  export * from './Lism';
2
- /** @deprecated DummyText / DummyImage (@lism-css/ui) を使用してください */
2
+ /** @deprecated DummyText (@lism-css/ui) を使用してください */
3
3
  export * from './Dummy';
4
4
  export * from './Text';
5
5
  export * from './Inline';
@@ -9,7 +9,7 @@ declare const _default: {
9
9
  readonly o: readonly ["-10", "-20", "-30"];
10
10
  readonly bdrs: readonly ["10", "20", "30", "40", "99", "inner"];
11
11
  readonly bxsh: readonly ["10", "20", "30", "40"];
12
- readonly sz: readonly ["xs", "s", "m", "l", "xl", "min", "full", "container"];
12
+ readonly sz: readonly ["xs", "s", "m", "l", "xl", "container"];
13
13
  readonly ar: readonly ["og"];
14
14
  readonly space: {
15
15
  readonly pre: "--s";
@@ -181,21 +181,21 @@ declare const _default: {
181
181
  readonly prop: "maxInlineSize";
182
182
  readonly token: "sz";
183
183
  readonly tokenClass: 1;
184
+ readonly presets: readonly ["full"];
184
185
  readonly exUtility: {
185
- readonly min: "";
186
186
  readonly full: "";
187
187
  readonly container: "";
188
188
  };
189
189
  };
190
- readonly ysz: {
190
+ readonly bsz: {
191
191
  readonly prop: "blockSize";
192
192
  readonly token: "sz";
193
193
  };
194
- readonly 'min-ysz': {
194
+ readonly 'min-bsz': {
195
195
  readonly prop: "minBlockSize";
196
196
  readonly token: "sz";
197
197
  };
198
- readonly 'max-ysz': {
198
+ readonly 'max-bsz': {
199
199
  readonly prop: "maxBlockSize";
200
200
  readonly token: "sz";
201
201
  };
@@ -767,11 +767,11 @@ declare const _default: {
767
767
  readonly prop: "order";
768
768
  readonly presets: readonly ["0", "-1", "1"];
769
769
  };
770
- readonly ovwrap: {
770
+ readonly ovw: {
771
771
  readonly prop: "overflowWrap";
772
772
  readonly presets: readonly ["anywhere"];
773
773
  };
774
- readonly whspace: {
774
+ readonly whs: {
775
775
  readonly prop: "whiteSpace";
776
776
  readonly presets: readonly ["nowrap"];
777
777
  };
@@ -783,10 +783,15 @@ declare const _default: {
783
783
  readonly prop: "clear";
784
784
  readonly presets: readonly ["both"];
785
785
  };
786
- readonly isolation: {
786
+ readonly iso: {
787
787
  readonly prop: "isolation";
788
788
  readonly presets: readonly ["isolate"];
789
789
  };
790
+ readonly wm: {
791
+ readonly prop: "writingMode";
792
+ readonly presets: readonly ["vertical-rl"];
793
+ readonly bp: 1;
794
+ };
790
795
  };
791
796
  readonly traits: {
792
797
  readonly isContainer: "is--container";
@@ -802,7 +807,6 @@ declare const _default: {
802
807
  readonly isCoverLink: "is--coverLink";
803
808
  readonly isSide: "is--side";
804
809
  readonly isSkipFlow: "is--skipFlow";
805
- readonly isVertical: "is--vertical";
806
810
  };
807
811
  };
808
812
  export default _default;
@@ -169,21 +169,21 @@ declare const _default: {
169
169
  readonly prop: "maxInlineSize";
170
170
  readonly token: "sz";
171
171
  readonly tokenClass: 1;
172
+ readonly presets: readonly ["full"];
172
173
  readonly exUtility: {
173
- readonly min: "";
174
174
  readonly full: "";
175
175
  readonly container: "";
176
176
  };
177
177
  };
178
- readonly ysz: {
178
+ readonly bsz: {
179
179
  readonly prop: "blockSize";
180
180
  readonly token: "sz";
181
181
  };
182
- readonly 'min-ysz': {
182
+ readonly 'min-bsz': {
183
183
  readonly prop: "minBlockSize";
184
184
  readonly token: "sz";
185
185
  };
186
- readonly 'max-ysz': {
186
+ readonly 'max-bsz': {
187
187
  readonly prop: "maxBlockSize";
188
188
  readonly token: "sz";
189
189
  };
@@ -755,11 +755,11 @@ declare const _default: {
755
755
  readonly prop: "order";
756
756
  readonly presets: readonly ["0", "-1", "1"];
757
757
  };
758
- readonly ovwrap: {
758
+ readonly ovw: {
759
759
  readonly prop: "overflowWrap";
760
760
  readonly presets: readonly ["anywhere"];
761
761
  };
762
- readonly whspace: {
762
+ readonly whs: {
763
763
  readonly prop: "whiteSpace";
764
764
  readonly presets: readonly ["nowrap"];
765
765
  };
@@ -771,9 +771,14 @@ declare const _default: {
771
771
  readonly prop: "clear";
772
772
  readonly presets: readonly ["both"];
773
773
  };
774
- readonly isolation: {
774
+ readonly iso: {
775
775
  readonly prop: "isolation";
776
776
  readonly presets: readonly ["isolate"];
777
777
  };
778
+ readonly wm: {
779
+ readonly prop: "writingMode";
780
+ readonly presets: readonly ["vertical-rl"];
781
+ readonly bp: 1;
782
+ };
778
783
  };
779
784
  export default _default;
@@ -1,4 +1,4 @@
1
- const e = ["start", "center", "end"], r = ["flex-start", "flex-end"], p = { s: "start", e: "end", c: "center", fs: "flex-start", fe: "flex-end" }, o = {
1
+ const e = ["start", "center", "end"], r = ["flex-start", "flex-end"], p = { s: "start", e: "end", c: "center", fs: "flex-start", fe: "flex-end" }, t = {
2
2
  f: { prop: "font", presets: ["inherit"] },
3
3
  fz: { prop: "fontSize", token: "fz", tokenClass: 1, bp: 1, alwaysVar: 1 },
4
4
  fw: {
@@ -60,15 +60,15 @@ const e = ["start", "center", "end"], r = ["flex-start", "flex-end"], p = { s: "
60
60
  prop: "maxInlineSize",
61
61
  token: "sz",
62
62
  tokenClass: 1,
63
+ presets: ["full"],
63
64
  exUtility: {
64
- min: "",
65
65
  full: "",
66
66
  container: ""
67
67
  }
68
68
  },
69
- ysz: { prop: "blockSize", token: "sz" },
70
- "min-ysz": { prop: "minBlockSize", token: "sz" },
71
- "max-ysz": { prop: "maxBlockSize", token: "sz" },
69
+ bsz: { prop: "blockSize", token: "sz" },
70
+ "min-bsz": { prop: "minBlockSize", token: "sz" },
71
+ "max-bsz": { prop: "maxBlockSize", token: "sz" },
72
72
  // bg
73
73
  bg: { prop: "background", bp: 1 },
74
74
  bgi: { prop: "backgroundImage" },
@@ -318,13 +318,14 @@ const e = ["start", "center", "end"], r = ["flex-start", "flex-end"], p = { s: "
318
318
  // },
319
319
  // },
320
320
  // others
321
- ovwrap: { prop: "overflowWrap", presets: ["anywhere"] },
322
- whspace: { prop: "whiteSpace", presets: ["nowrap"] },
321
+ ovw: { prop: "overflowWrap", presets: ["anywhere"] },
322
+ whs: { prop: "whiteSpace", presets: ["nowrap"] },
323
323
  // wordbreak: { prop: 'wordBreak', utils: { keep: 'keep-all', all: 'break-all' } },
324
324
  float: { prop: "float", presets: ["left", "right"] },
325
325
  clear: { prop: "clear", presets: ["both"] },
326
- isolation: { prop: "isolation", presets: ["isolate"] }
326
+ iso: { prop: "isolation", presets: ["isolate"] },
327
+ wm: { prop: "writingMode", presets: ["vertical-rl"], bp: 1 }
327
328
  };
328
329
  export {
329
- o as default
330
+ t as default
330
331
  };
@@ -8,7 +8,7 @@ declare const _default: {
8
8
  readonly o: readonly ["-10", "-20", "-30"];
9
9
  readonly bdrs: readonly ["10", "20", "30", "40", "99", "inner"];
10
10
  readonly bxsh: readonly ["10", "20", "30", "40"];
11
- readonly sz: readonly ["xs", "s", "m", "l", "xl", "min", "full", "container"];
11
+ readonly sz: readonly ["xs", "s", "m", "l", "xl", "container"];
12
12
  readonly ar: readonly ["og"];
13
13
  readonly space: {
14
14
  readonly pre: "--s";
@@ -8,7 +8,7 @@ const e = {
8
8
  o: ["-10", "-20", "-30"],
9
9
  bdrs: ["10", "20", "30", "40", "99", "inner"],
10
10
  bxsh: ["10", "20", "30", "40"],
11
- sz: ["xs", "s", "m", "l", "xl", "min", "full", "container"],
11
+ sz: ["xs", "s", "m", "l", "xl", "container"],
12
12
  ar: ["og"],
13
13
  space: {
14
14
  pre: "--s",
@@ -12,6 +12,5 @@ declare const _default: {
12
12
  readonly isCoverLink: "is--coverLink";
13
13
  readonly isSide: "is--side";
14
14
  readonly isSkipFlow: "is--skipFlow";
15
- readonly isVertical: "is--vertical";
16
15
  };
17
16
  export default _default;
@@ -1,4 +1,4 @@
1
- const i = {
1
+ const s = {
2
2
  isContainer: "is--container",
3
3
  isWrapper: {
4
4
  className: "is--wrapper",
@@ -11,9 +11,8 @@ const i = {
11
11
  isBoxLink: "is--boxLink",
12
12
  isCoverLink: "is--coverLink",
13
13
  isSide: "is--side",
14
- isSkipFlow: "is--skipFlow",
15
- isVertical: "is--vertical"
14
+ isSkipFlow: "is--skipFlow"
16
15
  };
17
16
  export {
18
- i as default
17
+ s as default
19
18
  };
@@ -9,7 +9,7 @@ export declare const CONFIG: {
9
9
  readonly o: readonly ["-10", "-20", "-30"];
10
10
  readonly bdrs: readonly ["10", "20", "30", "40", "99", "inner"];
11
11
  readonly bxsh: readonly ["10", "20", "30", "40"];
12
- readonly sz: readonly ["xs", "s", "m", "l", "xl", "min", "full", "container"];
12
+ readonly sz: readonly ["xs", "s", "m", "l", "xl", "container"];
13
13
  readonly ar: readonly ["og"];
14
14
  readonly space: {
15
15
  readonly pre: "--s";
@@ -181,21 +181,21 @@ export declare const CONFIG: {
181
181
  readonly prop: "maxInlineSize";
182
182
  readonly token: "sz";
183
183
  readonly tokenClass: 1;
184
+ readonly presets: readonly ["full"];
184
185
  readonly exUtility: {
185
- readonly min: "";
186
186
  readonly full: "";
187
187
  readonly container: "";
188
188
  };
189
189
  };
190
- readonly ysz: {
190
+ readonly bsz: {
191
191
  readonly prop: "blockSize";
192
192
  readonly token: "sz";
193
193
  };
194
- readonly 'min-ysz': {
194
+ readonly 'min-bsz': {
195
195
  readonly prop: "minBlockSize";
196
196
  readonly token: "sz";
197
197
  };
198
- readonly 'max-ysz': {
198
+ readonly 'max-bsz': {
199
199
  readonly prop: "maxBlockSize";
200
200
  readonly token: "sz";
201
201
  };
@@ -767,11 +767,11 @@ export declare const CONFIG: {
767
767
  readonly prop: "order";
768
768
  readonly presets: readonly ["0", "-1", "1"];
769
769
  };
770
- readonly ovwrap: {
770
+ readonly ovw: {
771
771
  readonly prop: "overflowWrap";
772
772
  readonly presets: readonly ["anywhere"];
773
773
  };
774
- readonly whspace: {
774
+ readonly whs: {
775
775
  readonly prop: "whiteSpace";
776
776
  readonly presets: readonly ["nowrap"];
777
777
  };
@@ -783,10 +783,15 @@ export declare const CONFIG: {
783
783
  readonly prop: "clear";
784
784
  readonly presets: readonly ["both"];
785
785
  };
786
- readonly isolation: {
786
+ readonly iso: {
787
787
  readonly prop: "isolation";
788
788
  readonly presets: readonly ["isolate"];
789
789
  };
790
+ readonly wm: {
791
+ readonly prop: "writingMode";
792
+ readonly presets: readonly ["vertical-rl"];
793
+ readonly bp: 1;
794
+ };
790
795
  };
791
796
  traits: {
792
797
  readonly isContainer: "is--container";
@@ -802,7 +807,6 @@ export declare const CONFIG: {
802
807
  readonly isCoverLink: "is--coverLink";
803
808
  readonly isSide: "is--side";
804
809
  readonly isSkipFlow: "is--skipFlow";
805
- readonly isVertical: "is--vertical";
806
810
  };
807
811
  };
808
812
  export declare const TOKENS: {
@@ -815,7 +819,7 @@ export declare const TOKENS: {
815
819
  readonly o: readonly ["-10", "-20", "-30"];
816
820
  readonly bdrs: readonly ["10", "20", "30", "40", "99", "inner"];
817
821
  readonly bxsh: readonly ["10", "20", "30", "40"];
818
- readonly sz: readonly ["xs", "s", "m", "l", "xl", "min", "full", "container"];
822
+ readonly sz: readonly ["xs", "s", "m", "l", "xl", "container"];
819
823
  readonly ar: readonly ["og"];
820
824
  readonly space: {
821
825
  readonly pre: "--s";
@@ -988,21 +992,21 @@ export declare const PROPS: {
988
992
  readonly prop: "maxInlineSize";
989
993
  readonly token: "sz";
990
994
  readonly tokenClass: 1;
995
+ readonly presets: readonly ["full"];
991
996
  readonly exUtility: {
992
- readonly min: "";
993
997
  readonly full: "";
994
998
  readonly container: "";
995
999
  };
996
1000
  };
997
- readonly ysz: {
1001
+ readonly bsz: {
998
1002
  readonly prop: "blockSize";
999
1003
  readonly token: "sz";
1000
1004
  };
1001
- readonly 'min-ysz': {
1005
+ readonly 'min-bsz': {
1002
1006
  readonly prop: "minBlockSize";
1003
1007
  readonly token: "sz";
1004
1008
  };
1005
- readonly 'max-ysz': {
1009
+ readonly 'max-bsz': {
1006
1010
  readonly prop: "maxBlockSize";
1007
1011
  readonly token: "sz";
1008
1012
  };
@@ -1574,11 +1578,11 @@ export declare const PROPS: {
1574
1578
  readonly prop: "order";
1575
1579
  readonly presets: readonly ["0", "-1", "1"];
1576
1580
  };
1577
- readonly ovwrap: {
1581
+ readonly ovw: {
1578
1582
  readonly prop: "overflowWrap";
1579
1583
  readonly presets: readonly ["anywhere"];
1580
1584
  };
1581
- readonly whspace: {
1585
+ readonly whs: {
1582
1586
  readonly prop: "whiteSpace";
1583
1587
  readonly presets: readonly ["nowrap"];
1584
1588
  };
@@ -1590,10 +1594,15 @@ export declare const PROPS: {
1590
1594
  readonly prop: "clear";
1591
1595
  readonly presets: readonly ["both"];
1592
1596
  };
1593
- readonly isolation: {
1597
+ readonly iso: {
1594
1598
  readonly prop: "isolation";
1595
1599
  readonly presets: readonly ["isolate"];
1596
1600
  };
1601
+ readonly wm: {
1602
+ readonly prop: "writingMode";
1603
+ readonly presets: readonly ["vertical-rl"];
1604
+ readonly bp: 1;
1605
+ };
1597
1606
  };
1598
1607
  export declare const TRAITS: {
1599
1608
  readonly isContainer: "is--container";
@@ -1609,7 +1618,6 @@ export declare const TRAITS: {
1609
1618
  readonly isCoverLink: "is--coverLink";
1610
1619
  readonly isSide: "is--side";
1611
1620
  readonly isSkipFlow: "is--skipFlow";
1612
- readonly isVertical: "is--vertical";
1613
1621
  };
1614
1622
  export declare const BREAK_POINTS: readonly ["sm", "md", "lg", "xl"];
1615
1623
  export declare const BREAK_POINTS_ALL: readonly ["base", "sm", "md", "lg", "xl"];
@@ -1,12 +1,12 @@
1
1
  import r from "./default-config.js";
2
2
  import s from "lism-css/config.js";
3
- import { objDeepMerge as e, arrayConvertToSet as n } from "./helper.js";
4
- let t = e(r, s);
5
- typeof window < "u" && window._LISM_CSS_CONFIG_ && (t = e(t, window._LISM_CSS_CONFIG_));
3
+ import { arrayConvertToSet as e, objDeepMerge as n } from "./helper.js";
4
+ let t = n(r, s);
5
+ typeof window < "u" && window._LISM_CSS_CONFIG_ && (t = n(t, window._LISM_CSS_CONFIG_));
6
6
  const i = t, { tokens: o, props: c, traits: C } = i, S = {
7
7
  color: [...o.c.values, ...o.palette.values],
8
8
  ...o
9
- }, m = n(structuredClone(S)), p = n(structuredClone(c)), u = C, l = ["sm", "md", "lg", "xl"], a = ["base", ...l];
9
+ }, m = e(structuredClone(S)), p = e(structuredClone(c)), u = C, l = ["sm", "md", "lg", "xl"], a = ["base", ...l];
10
10
  export {
11
11
  l as BREAK_POINTS,
12
12
  a as BREAK_POINTS_ALL,
@@ -1 +1 @@
1
- :root{--_is_sm:unset;--_is_md:unset}@container (min-width: 480px){.set--bp{--_is_sm: }}@container (min-width: 800px){.set--bp{--_is_md: }}@media (any-hover:hover){.set--hov:hover{--_notHov: }.set--hov:not(:is(:hover,:focus-within)){--_isHov: }}@media (any-hover:none){.set--hov{--_isHov: }}.set--hov:is(:focus-visible,:focus-within){--_notHov: }.set--transition{transition:var(--hov-duration,.25s) var(--hov-ease,linear) var(--hov-delay,0s);transition-property:var(--hov-prop,all)}.set--innerRs{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set--plain{background:none;border:none;border-radius:0;color:inherit;font:inherit;height:auto;line-height:calc(1em + var(--hl)*2);margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;text-decoration:none;width:auto}.set--gutter{padding-inline:var(--gutter-size)}
1
+ @media (any-hover:hover){.set--hov:hover{--_notHov: }.set--hov:not(:is(:hover,:focus-within)){--_isHov: }}@media (any-hover:none){.set--hov{--_isHov: }}.set--hov:is(:focus-visible,:focus-within){--_notHov: }.set--transition{transition:var(--hov-duration,.25s) var(--hov-ease,linear) var(--hov-delay,0s);transition-property:var(--hov-prop,all)}.set--innerRs{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set--plain{background:none;border:none;border-radius:0;color:inherit;font:inherit;height:auto;line-height:calc(1em + var(--hl)*2);margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;text-decoration:none;width:auto}.set--gutter{padding-inline:var(--gutter-size)}