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.
- package/config/defaults/props.ts +8 -7
- package/config/defaults/tokens.ts +1 -1
- package/config/defaults/traits.ts +0 -1
- package/dist/components/Dummy/Dummy.d.ts +1 -1
- package/dist/components/Lism/Lism.stories.d.ts +1 -2
- package/dist/components/atomic/Decorator/Decorator.d.ts +6 -1
- package/dist/components/atomic/Decorator/index.js +4 -5
- package/dist/components/atomic/Divider/index.js +4 -5
- package/dist/components/atomic/Icon/getProps.d.ts +1 -1
- package/dist/components/atomic/Icon/getProps.js +34 -35
- package/dist/components/atomic/Spacer/index.js +5 -6
- package/dist/components/index.d.ts +1 -1
- package/dist/config/default-config.d.ts +13 -9
- package/dist/config/defaults/props.d.ts +12 -7
- package/dist/config/defaults/props.js +10 -9
- package/dist/config/defaults/tokens.d.ts +1 -1
- package/dist/config/defaults/tokens.js +1 -1
- package/dist/config/defaults/traits.d.ts +0 -1
- package/dist/config/defaults/traits.js +3 -4
- package/dist/config/index.d.ts +26 -18
- package/dist/config/index.js +4 -4
- package/dist/css/base/set.css +1 -1
- package/dist/css/base.css +1 -1
- package/dist/css/main.css +1 -1
- package/dist/css/main_no_layer.css +1 -1
- package/dist/css/primitives/layout.css +1 -1
- package/dist/css/primitives/trait.css +1 -1
- package/dist/css/props.css +1 -1
- package/dist/lib/getAtomicProps.d.ts +24 -0
- package/dist/lib/getAtomicProps.js +30 -0
- package/dist/lib/getLayoutProps.d.ts +1 -1
- package/dist/lib/getLayoutProps.js +28 -18
- package/dist/lib/getLismProps.d.ts +11 -8
- package/dist/lib/getLismProps.js +50 -56
- package/dist/lib/getMaybeTokenValue.js +20 -20
- package/dist/lib/types/AtomicProps.d.ts +22 -0
- package/dist/lib/types/TraitProps.d.ts +1 -1
- package/package.json +1 -1
- package/packages/astro/Dummy/Dummy.astro +1 -1
- package/packages/astro/atomic/Decorator/Decorator.astro +4 -7
- package/packages/astro/atomic/Divider/Divider.astro +1 -2
- package/packages/astro/atomic/Spacer/Spacer.astro +1 -2
- package/packages/astro/index.ts +1 -1
- package/src/scss/_prop-config.scss +13 -6
- package/src/scss/base/_html.scss +1 -1
- package/src/scss/base/set/_bp.scss +2 -2
- package/src/scss/base/set/index.scss +1 -1
- package/src/scss/base/tokens/_tokens.scss +6 -7
- package/src/scss/primitives/atomic/_icon.scss +2 -2
- package/src/scss/primitives/layout/_fluidCols.scss +1 -1
- package/src/scss/primitives/layout/_sideMain.scss +1 -1
- package/src/scss/primitives/trait/index.scss +0 -1
- package/dist/components/atomic/Decorator/getProps.d.ts +0 -8
- package/dist/components/atomic/Decorator/getProps.js +0 -15
- package/dist/components/atomic/Divider/getProps.d.ts +0 -2
- package/dist/components/atomic/Divider/getProps.js +0 -11
- package/dist/components/atomic/Spacer/getProps.d.ts +0 -2
- package/dist/components/atomic/Spacer/getProps.js +0 -27
- package/src/scss/primitives/trait/_vertical.scss +0 -9
package/config/defaults/props.ts
CHANGED
|
@@ -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
|
-
|
|
93
|
-
'min-
|
|
94
|
-
'max-
|
|
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
|
-
|
|
357
|
-
|
|
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
|
-
|
|
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', '
|
|
11
|
+
sz: ['xs', 's', 'm', 'l', 'xl', 'container'],
|
|
12
12
|
ar: ['og'],
|
|
13
13
|
space: {
|
|
14
14
|
pre: '--s',
|
|
@@ -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
|
|
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 {
|
|
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 "
|
|
3
|
-
|
|
4
|
-
|
|
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
|
-
|
|
7
|
+
i as default
|
|
9
8
|
};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { jsx as
|
|
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
|
|
5
|
-
return /* @__PURE__ */
|
|
3
|
+
function d(i) {
|
|
4
|
+
return /* @__PURE__ */ r(t, { atomic: "divider", "aria-hidden": "true", ...i });
|
|
6
5
|
}
|
|
7
6
|
export {
|
|
8
|
-
|
|
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({
|
|
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
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
-
|
|
16
|
+
s[c] = o;
|
|
18
17
|
}
|
|
19
|
-
return { svgProps:
|
|
18
|
+
return { svgProps: s, svgContent: u };
|
|
20
19
|
}
|
|
21
20
|
return {};
|
|
22
21
|
}
|
|
23
|
-
function
|
|
24
|
-
let a =
|
|
22
|
+
function d({ as: m, icon: s, label: n, exProps: t = {}, ...u }) {
|
|
23
|
+
let a = m || "span", r = "";
|
|
25
24
|
const {
|
|
26
|
-
style:
|
|
27
|
-
className:
|
|
28
|
-
...
|
|
25
|
+
style: c = {},
|
|
26
|
+
className: o = "",
|
|
27
|
+
...e
|
|
29
28
|
} = u;
|
|
30
|
-
let
|
|
31
|
-
if (
|
|
29
|
+
let f = c, i = o;
|
|
30
|
+
if (e.viewBox) {
|
|
32
31
|
a = "svg";
|
|
33
|
-
const
|
|
34
|
-
|
|
35
|
-
} else if (
|
|
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:
|
|
42
|
-
|
|
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
|
|
45
|
-
|
|
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:
|
|
49
|
-
a =
|
|
47
|
+
const { as: l, ...g } = s;
|
|
48
|
+
a = l, t = { ...t, ...g };
|
|
50
49
|
} else
|
|
51
50
|
a = s;
|
|
52
|
-
return
|
|
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
|
-
|
|
54
|
+
d as default
|
|
56
55
|
};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
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
|
-
|
|
7
|
+
o as default
|
|
9
8
|
};
|
|
@@ -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", "
|
|
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
|
|
190
|
+
readonly bsz: {
|
|
191
191
|
readonly prop: "blockSize";
|
|
192
192
|
readonly token: "sz";
|
|
193
193
|
};
|
|
194
|
-
readonly 'min-
|
|
194
|
+
readonly 'min-bsz': {
|
|
195
195
|
readonly prop: "minBlockSize";
|
|
196
196
|
readonly token: "sz";
|
|
197
197
|
};
|
|
198
|
-
readonly 'max-
|
|
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
|
|
770
|
+
readonly ovw: {
|
|
771
771
|
readonly prop: "overflowWrap";
|
|
772
772
|
readonly presets: readonly ["anywhere"];
|
|
773
773
|
};
|
|
774
|
-
readonly
|
|
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
|
|
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
|
|
178
|
+
readonly bsz: {
|
|
179
179
|
readonly prop: "blockSize";
|
|
180
180
|
readonly token: "sz";
|
|
181
181
|
};
|
|
182
|
-
readonly 'min-
|
|
182
|
+
readonly 'min-bsz': {
|
|
183
183
|
readonly prop: "minBlockSize";
|
|
184
184
|
readonly token: "sz";
|
|
185
185
|
};
|
|
186
|
-
readonly 'max-
|
|
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
|
|
758
|
+
readonly ovw: {
|
|
759
759
|
readonly prop: "overflowWrap";
|
|
760
760
|
readonly presets: readonly ["anywhere"];
|
|
761
761
|
};
|
|
762
|
-
readonly
|
|
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
|
|
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" },
|
|
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
|
-
|
|
70
|
-
"min-
|
|
71
|
-
"max-
|
|
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
|
-
|
|
322
|
-
|
|
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
|
-
|
|
326
|
+
iso: { prop: "isolation", presets: ["isolate"] },
|
|
327
|
+
wm: { prop: "writingMode", presets: ["vertical-rl"], bp: 1 }
|
|
327
328
|
};
|
|
328
329
|
export {
|
|
329
|
-
|
|
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", "
|
|
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", "
|
|
11
|
+
sz: ["xs", "s", "m", "l", "xl", "container"],
|
|
12
12
|
ar: ["og"],
|
|
13
13
|
space: {
|
|
14
14
|
pre: "--s",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
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
|
-
|
|
17
|
+
s as default
|
|
19
18
|
};
|
package/dist/config/index.d.ts
CHANGED
|
@@ -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", "
|
|
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
|
|
190
|
+
readonly bsz: {
|
|
191
191
|
readonly prop: "blockSize";
|
|
192
192
|
readonly token: "sz";
|
|
193
193
|
};
|
|
194
|
-
readonly 'min-
|
|
194
|
+
readonly 'min-bsz': {
|
|
195
195
|
readonly prop: "minBlockSize";
|
|
196
196
|
readonly token: "sz";
|
|
197
197
|
};
|
|
198
|
-
readonly 'max-
|
|
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
|
|
770
|
+
readonly ovw: {
|
|
771
771
|
readonly prop: "overflowWrap";
|
|
772
772
|
readonly presets: readonly ["anywhere"];
|
|
773
773
|
};
|
|
774
|
-
readonly
|
|
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
|
|
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", "
|
|
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
|
|
1001
|
+
readonly bsz: {
|
|
998
1002
|
readonly prop: "blockSize";
|
|
999
1003
|
readonly token: "sz";
|
|
1000
1004
|
};
|
|
1001
|
-
readonly 'min-
|
|
1005
|
+
readonly 'min-bsz': {
|
|
1002
1006
|
readonly prop: "minBlockSize";
|
|
1003
1007
|
readonly token: "sz";
|
|
1004
1008
|
};
|
|
1005
|
-
readonly 'max-
|
|
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
|
|
1581
|
+
readonly ovw: {
|
|
1578
1582
|
readonly prop: "overflowWrap";
|
|
1579
1583
|
readonly presets: readonly ["anywhere"];
|
|
1580
1584
|
};
|
|
1581
|
-
readonly
|
|
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
|
|
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"];
|
package/dist/config/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import r from "./default-config.js";
|
|
2
2
|
import s from "lism-css/config.js";
|
|
3
|
-
import {
|
|
4
|
-
let t =
|
|
5
|
-
typeof window < "u" && window._LISM_CSS_CONFIG_ && (t =
|
|
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 =
|
|
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,
|
package/dist/css/base/set.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
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)}
|