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.
Files changed (76) hide show
  1. package/dist/components/layouts/column-layout/column-layout.js +1 -1
  2. package/dist/components/layouts/column-layout/column-layout.js.map +1 -1
  3. package/dist/components/layouts/column-layout/column-layout.types.d.ts +1 -1
  4. package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.js +2 -1
  5. package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.js.map +1 -1
  6. package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.types.d.ts +1 -1
  7. package/dist/components/media/info-card/index.d.ts +1 -1
  8. package/dist/components/ui/index.d.ts +1 -0
  9. package/dist/components/ui/index.js +1 -0
  10. package/dist/components/ui/index.js.map +1 -1
  11. package/dist/components/ui/loaders/dots-loader/dots-loader.d.ts +8 -0
  12. package/dist/components/ui/loaders/dots-loader/dots-loader.js +59 -0
  13. package/dist/components/ui/loaders/dots-loader/dots-loader.js.map +1 -0
  14. package/dist/components/ui/loaders/dots-loader/dots-loader.types.d.ts +2 -0
  15. package/dist/components/ui/loaders/dots-loader/dots-loader.types.js +2 -0
  16. package/dist/components/ui/loaders/dots-loader/dots-loader.types.js.map +1 -0
  17. package/dist/components/ui/loaders/dots-loader/index.d.ts +2 -0
  18. package/dist/components/ui/loaders/dots-loader/index.js +2 -0
  19. package/dist/components/ui/loaders/dots-loader/index.js.map +1 -0
  20. package/dist/components/ui/loaders/index.d.ts +5 -0
  21. package/dist/components/ui/loaders/index.js +5 -0
  22. package/dist/components/ui/loaders/index.js.map +1 -0
  23. package/dist/components/ui/loaders/loaders.types.d.ts +9 -0
  24. package/dist/components/ui/loaders/loaders.types.js +2 -0
  25. package/dist/components/ui/loaders/loaders.types.js.map +1 -0
  26. package/dist/components/ui/loaders/skeleton/index.d.ts +2 -0
  27. package/dist/components/ui/loaders/skeleton/index.js +2 -0
  28. package/dist/components/ui/loaders/skeleton/index.js.map +1 -0
  29. package/dist/components/ui/loaders/skeleton/skeleton.d.ts +10 -0
  30. package/dist/components/ui/loaders/skeleton/skeleton.js +31 -0
  31. package/dist/components/ui/loaders/skeleton/skeleton.js.map +1 -0
  32. package/dist/components/ui/loaders/skeleton/skeleton.types.d.ts +8 -0
  33. package/dist/components/ui/loaders/skeleton/skeleton.types.js +2 -0
  34. package/dist/components/ui/loaders/skeleton/skeleton.types.js.map +1 -0
  35. package/dist/components/ui/loaders/skeleton-layout/index.d.ts +2 -0
  36. package/dist/components/ui/loaders/skeleton-layout/index.js +2 -0
  37. package/dist/components/ui/loaders/skeleton-layout/index.js.map +1 -0
  38. package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.d.ts +14 -0
  39. package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.js +23 -0
  40. package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.js.map +1 -0
  41. package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.types.d.ts +8 -0
  42. package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.types.js +2 -0
  43. package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.types.js.map +1 -0
  44. package/dist/components/ui/loaders/spin-loader/index.d.ts +2 -0
  45. package/dist/components/ui/loaders/spin-loader/index.js +2 -0
  46. package/dist/components/ui/loaders/spin-loader/index.js.map +1 -0
  47. package/dist/components/ui/loaders/spin-loader/spin-loader.d.ts +8 -0
  48. package/dist/components/ui/loaders/spin-loader/spin-loader.js +40 -0
  49. package/dist/components/ui/loaders/spin-loader/spin-loader.js.map +1 -0
  50. package/dist/components/ui/loaders/spin-loader/spin-loader.types.d.ts +2 -0
  51. package/dist/components/ui/loaders/spin-loader/spin-loader.types.js +2 -0
  52. package/dist/components/ui/loaders/spin-loader/spin-loader.types.js.map +1 -0
  53. package/dist/styled-system/css/conditions.mjs +1 -1
  54. package/dist/styled-system/css/css.mjs +1 -1
  55. package/dist/styled-system/css/sva.mjs +9 -4
  56. package/dist/styled-system/helpers.mjs +11 -22
  57. package/dist/styled-system/patterns/divider.d.ts +1 -1
  58. package/dist/styled-system/patterns/float.d.ts +1 -1
  59. package/dist/styled-system/patterns/grid.mjs +1 -1
  60. package/dist/styled-system/patterns/hstack.mjs +1 -1
  61. package/dist/styled-system/patterns/stack.mjs +1 -1
  62. package/dist/styled-system/patterns/vstack.mjs +1 -1
  63. package/dist/styled-system/patterns/wrap.mjs +1 -1
  64. package/dist/styled-system/recipes/button.d.ts +3 -0
  65. package/dist/styled-system/styles.css +1 -2225
  66. package/dist/styled-system/tokens/index.mjs +43 -7
  67. package/dist/styled-system/tokens/tokens.d.ts +4 -4
  68. package/dist/styled-system/types/composition.d.ts +86 -23
  69. package/dist/styled-system/types/conditions.d.ts +8 -4
  70. package/dist/styled-system/types/csstype.d.ts +6405 -5133
  71. package/dist/styled-system/types/pattern.d.ts +4 -4
  72. package/dist/styled-system/types/prop-type.d.ts +12 -2
  73. package/dist/styled-system/types/style-props.d.ts +2763 -2165
  74. package/dist/styled-system/types/system-types.d.ts +38 -80
  75. package/dist/styles/panda.css +1 -1
  76. 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
- return obj.map((value) => fn(value));
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?: ConditionalValue<"horizontal" | "vertical">
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?: ConditionalValue<"bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom-center" | "top-center" | "middle-center" | "middle-end" | "middle-start">
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 : "10px" };
18
+ return { gap: props.columnGap || props.rowGap ? void 0 : "8px" };
19
19
  }}
20
20
 
21
21
  export const getGridStyle = (styles = {}) => {
@@ -13,7 +13,7 @@ transform(props) {
13
13
  ...rest
14
14
  };
15
15
  },
16
- defaultValues:{gap:'10px'}}
16
+ defaultValues:{gap:'8px'}}
17
17
 
18
18
  export const getHstackStyle = (styles = {}) => {
19
19
  const _styles = getPatternStyles(hstackConfig, styles)
@@ -13,7 +13,7 @@ transform(props) {
13
13
  ...rest
14
14
  };
15
15
  },
16
- defaultValues:{direction:'column',gap:'10px'}}
16
+ defaultValues:{direction:'column',gap:'8px'}}
17
17
 
18
18
  export const getStackStyle = (styles = {}) => {
19
19
  const _styles = getPatternStyles(stackConfig, styles)
@@ -13,7 +13,7 @@ transform(props) {
13
13
  ...rest
14
14
  };
15
15
  },
16
- defaultValues:{gap:'10px'}}
16
+ defaultValues:{gap:'8px'}}
17
17
 
18
18
  export const getVstackStyle = (styles = {}) => {
19
19
  const _styles = getPatternStyles(vstackConfig, 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 : "10px", align, justify, ...rest } = props;
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