thread-ui 0.4.1 → 0.5.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/dist/components/layouts/column-layout/column-layout.js +1 -1
- package/dist/components/layouts/column-layout/column-layout.js.map +1 -1
- package/dist/components/layouts/column-layout/column-layout.types.d.ts +1 -1
- package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.js +2 -1
- package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.js.map +1 -1
- package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.types.d.ts +1 -1
- package/dist/components/media/info-card/index.d.ts +1 -1
- package/dist/components/ui/index.d.ts +1 -0
- package/dist/components/ui/index.js +1 -0
- package/dist/components/ui/index.js.map +1 -1
- package/dist/components/ui/loaders/dots-loader/dots-loader.d.ts +8 -0
- package/dist/components/ui/loaders/dots-loader/dots-loader.js +59 -0
- package/dist/components/ui/loaders/dots-loader/dots-loader.js.map +1 -0
- package/dist/components/ui/loaders/dots-loader/dots-loader.types.d.ts +2 -0
- package/dist/components/ui/loaders/dots-loader/dots-loader.types.js +2 -0
- package/dist/components/ui/loaders/dots-loader/dots-loader.types.js.map +1 -0
- package/dist/components/ui/loaders/dots-loader/index.d.ts +2 -0
- package/dist/components/ui/loaders/dots-loader/index.js +2 -0
- package/dist/components/ui/loaders/dots-loader/index.js.map +1 -0
- package/dist/components/ui/loaders/index.d.ts +5 -0
- package/dist/components/ui/loaders/index.js +5 -0
- package/dist/components/ui/loaders/index.js.map +1 -0
- package/dist/components/ui/loaders/loaders.types.d.ts +9 -0
- package/dist/components/ui/loaders/loaders.types.js +2 -0
- package/dist/components/ui/loaders/loaders.types.js.map +1 -0
- package/dist/components/ui/loaders/skeleton/index.d.ts +2 -0
- package/dist/components/ui/loaders/skeleton/index.js +2 -0
- package/dist/components/ui/loaders/skeleton/index.js.map +1 -0
- package/dist/components/ui/loaders/skeleton/skeleton.d.ts +10 -0
- package/dist/components/ui/loaders/skeleton/skeleton.js +31 -0
- package/dist/components/ui/loaders/skeleton/skeleton.js.map +1 -0
- package/dist/components/ui/loaders/skeleton/skeleton.types.d.ts +8 -0
- package/dist/components/ui/loaders/skeleton/skeleton.types.js +2 -0
- package/dist/components/ui/loaders/skeleton/skeleton.types.js.map +1 -0
- package/dist/components/ui/loaders/skeleton-layout/index.d.ts +2 -0
- package/dist/components/ui/loaders/skeleton-layout/index.js +2 -0
- package/dist/components/ui/loaders/skeleton-layout/index.js.map +1 -0
- package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.d.ts +14 -0
- package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.js +23 -0
- package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.js.map +1 -0
- package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.types.d.ts +8 -0
- package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.types.js +2 -0
- package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.types.js.map +1 -0
- package/dist/components/ui/loaders/spin-loader/index.d.ts +2 -0
- package/dist/components/ui/loaders/spin-loader/index.js +2 -0
- package/dist/components/ui/loaders/spin-loader/index.js.map +1 -0
- package/dist/components/ui/loaders/spin-loader/spin-loader.d.ts +8 -0
- package/dist/components/ui/loaders/spin-loader/spin-loader.js +40 -0
- package/dist/components/ui/loaders/spin-loader/spin-loader.js.map +1 -0
- package/dist/components/ui/loaders/spin-loader/spin-loader.types.d.ts +2 -0
- package/dist/components/ui/loaders/spin-loader/spin-loader.types.js +2 -0
- package/dist/components/ui/loaders/spin-loader/spin-loader.types.js.map +1 -0
- package/dist/styled-system/css/conditions.mjs +1 -1
- package/dist/styled-system/css/css.mjs +1 -1
- package/dist/styled-system/css/sva.mjs +9 -4
- package/dist/styled-system/helpers.mjs +11 -22
- package/dist/styled-system/patterns/divider.d.ts +1 -1
- package/dist/styled-system/patterns/float.d.ts +1 -1
- package/dist/styled-system/patterns/grid.mjs +1 -1
- package/dist/styled-system/patterns/hstack.mjs +1 -1
- package/dist/styled-system/patterns/stack.mjs +1 -1
- package/dist/styled-system/patterns/vstack.mjs +1 -1
- package/dist/styled-system/patterns/wrap.mjs +1 -1
- package/dist/styled-system/recipes/button.d.ts +3 -0
- package/dist/styled-system/styles.css +1 -2225
- package/dist/styled-system/tokens/index.mjs +43 -7
- package/dist/styled-system/tokens/tokens.d.ts +4 -4
- package/dist/styled-system/types/composition.d.ts +86 -23
- package/dist/styled-system/types/conditions.d.ts +8 -4
- package/dist/styled-system/types/csstype.d.ts +6405 -5133
- package/dist/styled-system/types/pattern.d.ts +4 -4
- package/dist/styled-system/types/prop-type.d.ts +12 -2
- package/dist/styled-system/types/style-props.d.ts +2763 -2165
- package/dist/styled-system/types/system-types.d.ts +38 -80
- package/dist/styles/panda.css +1 -1
- package/package.json +10 -8
|
@@ -22,14 +22,12 @@ function toChar(code) {
|
|
|
22
22
|
function toName(code) {
|
|
23
23
|
let name = "";
|
|
24
24
|
let x;
|
|
25
|
-
for (x = Math.abs(code); x > 52; x = x / 52 | 0)
|
|
26
|
-
name = toChar(x % 52) + name;
|
|
25
|
+
for (x = Math.abs(code); x > 52; x = x / 52 | 0) name = toChar(x % 52) + name;
|
|
27
26
|
return toChar(x % 52) + name;
|
|
28
27
|
}
|
|
29
28
|
function toPhash(h, x) {
|
|
30
29
|
let i = x.length;
|
|
31
|
-
while (i)
|
|
32
|
-
h = h * 33 ^ x.charCodeAt(--i);
|
|
30
|
+
while (i) h = h * 33 ^ x.charCodeAt(--i);
|
|
33
31
|
return h;
|
|
34
32
|
}
|
|
35
33
|
function toHash(value) {
|
|
@@ -67,11 +65,9 @@ var memo = (fn) => {
|
|
|
67
65
|
var MERGE_OMIT = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
|
|
68
66
|
function mergeProps(...sources) {
|
|
69
67
|
return sources.reduce((prev, obj) => {
|
|
70
|
-
if (!obj)
|
|
71
|
-
return prev;
|
|
68
|
+
if (!obj) return prev;
|
|
72
69
|
Object.keys(obj).forEach((key) => {
|
|
73
|
-
if (MERGE_OMIT.has(key))
|
|
74
|
-
return;
|
|
70
|
+
if (MERGE_OMIT.has(key)) return;
|
|
75
71
|
const prevValue = prev[key];
|
|
76
72
|
const value = obj[key];
|
|
77
73
|
if (isObject(prevValue) && isObject(value)) {
|
|
@@ -109,10 +105,8 @@ function walkObject(target, predicate, options = {}) {
|
|
|
109
105
|
return inner(target);
|
|
110
106
|
}
|
|
111
107
|
function mapObject(obj, fn) {
|
|
112
|
-
if (Array.isArray(obj))
|
|
113
|
-
|
|
114
|
-
if (!isObject(obj))
|
|
115
|
-
return fn(obj);
|
|
108
|
+
if (Array.isArray(obj)) return obj.map((value) => fn(value));
|
|
109
|
+
if (!isObject(obj)) return fn(obj);
|
|
116
110
|
return walkObject(obj, (value) => fn(value));
|
|
117
111
|
}
|
|
118
112
|
|
|
@@ -170,15 +164,13 @@ function createCss(context) {
|
|
|
170
164
|
const normalizedObject = normalizeStyleObject(styleObject, context);
|
|
171
165
|
const classNames = /* @__PURE__ */ new Set();
|
|
172
166
|
walkObject(normalizedObject, (value, paths) => {
|
|
173
|
-
if (value == null)
|
|
174
|
-
return;
|
|
167
|
+
if (value == null) return;
|
|
175
168
|
const important = isImportant(value);
|
|
176
169
|
const [prop, ...allConditions] = conds.shift(paths);
|
|
177
170
|
const conditions = filterBaseConditions(allConditions);
|
|
178
171
|
const transformed = utility.transform(prop, withoutImportant(sanitize(value)));
|
|
179
172
|
let className = hashFn(conditions, transformed.className);
|
|
180
|
-
if (important)
|
|
181
|
-
className = `${className}!`;
|
|
173
|
+
if (important) className = `${className}!`;
|
|
182
174
|
classNames.add(className);
|
|
183
175
|
});
|
|
184
176
|
return Array.from(classNames).join(" ");
|
|
@@ -190,8 +182,7 @@ function compactStyles(...styles) {
|
|
|
190
182
|
function createMergeCss(context) {
|
|
191
183
|
function resolve(styles) {
|
|
192
184
|
const allStyles = compactStyles(...styles);
|
|
193
|
-
if (allStyles.length === 1)
|
|
194
|
-
return allStyles;
|
|
185
|
+
if (allStyles.length === 1) return allStyles;
|
|
195
186
|
return allStyles.map((style) => normalizeStyleObject(style, context));
|
|
196
187
|
}
|
|
197
188
|
function mergeCss(...styles) {
|
|
@@ -207,8 +198,7 @@ function createMergeCss(context) {
|
|
|
207
198
|
var wordRegex = /([A-Z])/g;
|
|
208
199
|
var msRegex = /^ms-/;
|
|
209
200
|
var hypenateProperty = memo((property) => {
|
|
210
|
-
if (property.startsWith("--"))
|
|
211
|
-
return property;
|
|
201
|
+
if (property.startsWith("--")) return property;
|
|
212
202
|
return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase();
|
|
213
203
|
});
|
|
214
204
|
|
|
@@ -234,8 +224,7 @@ var patternFns = {
|
|
|
234
224
|
isCssUnit
|
|
235
225
|
};
|
|
236
226
|
var getPatternStyles = (pattern, styles) => {
|
|
237
|
-
if (!pattern?.defaultValues)
|
|
238
|
-
return styles;
|
|
227
|
+
if (!pattern?.defaultValues) return styles;
|
|
239
228
|
const defaults = typeof pattern.defaultValues === "function" ? pattern.defaultValues(styles) : pattern.defaultValues;
|
|
240
229
|
return Object.assign({}, defaults, compact(styles));
|
|
241
230
|
};
|
|
@@ -6,7 +6,7 @@ import type { DistributiveOmit } from '../types/system-types';
|
|
|
6
6
|
import type { Tokens } from '../tokens/index';
|
|
7
7
|
|
|
8
8
|
export interface DividerProperties {
|
|
9
|
-
orientation?:
|
|
9
|
+
orientation?: "horizontal" | "vertical"
|
|
10
10
|
thickness?: ConditionalValue<Tokens["sizes"] | Properties["borderWidth"]>
|
|
11
11
|
color?: ConditionalValue<Tokens["colors"] | Properties["borderColor"]>
|
|
12
12
|
}
|
|
@@ -9,7 +9,7 @@ export interface FloatProperties {
|
|
|
9
9
|
offsetX?: ConditionalValue<Tokens["spacing"] | Properties["left"]>
|
|
10
10
|
offsetY?: ConditionalValue<Tokens["spacing"] | Properties["top"]>
|
|
11
11
|
offset?: ConditionalValue<Tokens["spacing"] | Properties["top"]>
|
|
12
|
-
placement?:
|
|
12
|
+
placement?: "bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom-center" | "top-center" | "middle-center" | "middle-end" | "middle-start"
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
interface FloatStyles extends FloatProperties, DistributiveOmit<SystemStyleObject, keyof FloatProperties > {}
|
|
@@ -15,7 +15,7 @@ transform(props, { map, isCssUnit }) {
|
|
|
15
15
|
};
|
|
16
16
|
},
|
|
17
17
|
defaultValues(props) {
|
|
18
|
-
return { gap: props.columnGap || props.rowGap ? void 0 : "
|
|
18
|
+
return { gap: props.columnGap || props.rowGap ? void 0 : "8px" };
|
|
19
19
|
}}
|
|
20
20
|
|
|
21
21
|
export const getGridStyle = (styles = {}) => {
|
|
@@ -3,7 +3,7 @@ import { css } from '../css/index.mjs';
|
|
|
3
3
|
|
|
4
4
|
const wrapConfig = {
|
|
5
5
|
transform(props) {
|
|
6
|
-
const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "
|
|
6
|
+
const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "8px", align, justify, ...rest } = props;
|
|
7
7
|
return {
|
|
8
8
|
display: "flex",
|
|
9
9
|
flexWrap: "wrap",
|
|
@@ -25,11 +25,14 @@ type ButtonVariantMap = {
|
|
|
25
25
|
[key in keyof ButtonVariant]: Array<ButtonVariant[key]>
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
+
|
|
29
|
+
|
|
28
30
|
export type ButtonVariantProps = {
|
|
29
31
|
[key in keyof ButtonVariant]?: ButtonVariant[key] | undefined
|
|
30
32
|
}
|
|
31
33
|
|
|
32
34
|
export interface ButtonRecipe {
|
|
35
|
+
|
|
33
36
|
__type: ButtonVariantProps
|
|
34
37
|
(props?: ButtonVariantProps): string
|
|
35
38
|
raw: (props?: ButtonVariantProps) => ButtonVariantProps
|