vueless 0.0.640 → 0.0.642

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 (4) hide show
  1. package/package.json +1 -1
  2. package/ui.data-list/config.ts +15 -6
  3. package/ui.form-color-picker/config.ts +0 -20
  4. package/utils/node/tailwindSafelist.js +2 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "0.0.640",
3
+ "version": "0.0.642",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
6
6
  "keywords": [
package/ui.data-list/config.ts CHANGED
@@ -4,12 +4,21 @@ export default /*tw*/ {
4
4
  draggableDrag: "bg-gray-100",
5
5
  draggableGhost: "bg-gray-100/50",
6
6
  itemWrapper: "group/item-wrapper",
7
- item: `
8
- group/item
9
- border-b border-gray-100
10
- group-last/item-wrapper:border-b-0 group-[]/nested:group-last/item-wrapper:border-b
11
- py-4 space-x-4 flex flex-auto items-center justify-between
12
- `,
7
+ item: {
8
+ base: `
9
+ group/item
10
+ border-b border-gray-100
11
+ group-last/item-wrapper:border-b-0 group-[]/nested:group-last/item-wrapper:border-b
12
+ flex flex-auto items-center justify-between
13
+ `,
14
+ variants: {
15
+ size: {
16
+ sm: "gap-2.5 py-2.5",
17
+ md: "gap-3 py-3",
18
+ lg: "gap-3.5 py-3.5",
19
+ },
20
+ },
21
+ },
13
22
  dataListIcon: {
14
23
  base: "{UIcon}",
15
24
  defaults: {
package/ui.form-color-picker/config.ts CHANGED
@@ -34,26 +34,6 @@ export default /*tw*/ {
34
34
  disabled:border-{color}-400 disabled:bg-{color}-400
35
35
  `,
36
36
  },
37
- // TODO: Add dynamic colors parsing from the config
38
- safelistColors: [
39
- "red",
40
- "orange",
41
- "amber",
42
- "yellow",
43
- "lime",
44
- "green",
45
- "emerald",
46
- "teal",
47
- "cyan",
48
- "sky",
49
- "blue",
50
- "indigo",
51
- "violet",
52
- "purple",
53
- "fuchsia",
54
- "pink",
55
- "rose",
56
- ],
57
37
  defaults: {
58
38
  size: "md",
59
39
  name: "colorPicker",
package/utils/node/tailwindSafelist.js CHANGED
@@ -205,7 +205,7 @@ async function findComponentColors(componentName, files, vuelessConfigFiles) {
205
205
  colors.add(defaultColor);
206
206
  }
207
207
 
208
- getSafelistColorsFromConfig().forEach((color) => colors.add(color));
208
+ getSafelistColorsFromConfig(componentName).forEach((color) => colors.add(color));
209
209
 
210
210
  let isComponentExists = false;
211
211
 
@@ -262,8 +262,7 @@ function isDefaultComponentConfig(filePath, componentName) {
262
262
 
263
263
  function getSafelistColorsFromConfig(componentName) {
264
264
  const globalSafelistColors = vuelessConfig.safelistColors || [];
265
- const componentSafelistColors =
266
- (vuelessConfig.component && vuelessConfig.component[componentName]?.safelistColors) || [];
265
+ const componentSafelistColors = vuelessConfig.component?.[componentName]?.safelistColors || [];
267
266
 
268
267
  return [...globalSafelistColors, ...componentSafelistColors];
269
268
  }