vueless 1.4.11-beta.2 → 1.4.11-beta.4

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/constants.js CHANGED
@@ -76,7 +76,17 @@ export const STATE_COLORS = [
76
76
  GRAYSCALE_COLOR,
77
77
  ];
78
78
  export const LAYOUT_COLORS = ["text", "border", "bg"];
79
- export const NEUTRAL_COLORS = ["slate", "gray", "zinc", "neutral", "stone"];
79
+ export const NEUTRAL_COLORS = [
80
+ "slate",
81
+ "gray",
82
+ "zinc",
83
+ "neutral",
84
+ "stone",
85
+ "mauve",
86
+ "olive",
87
+ "mist",
88
+ "taupe",
89
+ ];
80
90
  export const COLOR_SHADES = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
81
91
 
82
92
  export const DEFAULT_LIGHT_THEME = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "1.4.11-beta.2",
3
+ "version": "1.4.11-beta.4",
4
4
  "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
5
5
  "author": "Johnny Grid <hello@vueless.com> (https://vueless.com)",
6
6
  "homepage": "https://vueless.com",
@@ -62,6 +62,7 @@
62
62
  "@vueless/storybook": "^1.6.6",
63
63
  "eslint": "^10.2.1",
64
64
  "eslint-plugin-storybook": "^10.3.5",
65
+ "eslint-plugin-tailwindcss": "^4.0.0-alpha.7",
65
66
  "eslint-plugin-vue": "^10.9.0",
66
67
  "globals": "^17.5.0",
67
68
  "jsdom": "^29.0.2",
package/types.ts CHANGED
@@ -235,7 +235,17 @@ export interface ColorShades {
235
235
  950: string;
236
236
  }
237
237
 
238
- export type NeutralColorName = "slate" | "gray" | "zinc" | "neutral" | "stone" | string;
238
+ export type NeutralColorName =
239
+ | "slate"
240
+ | "gray"
241
+ | "zinc"
242
+ | "neutral"
243
+ | "stone"
244
+ | "mauve"
245
+ | "olive"
246
+ | "mist"
247
+ | "taupe"
248
+ | string;
239
249
  export type PrimaryColorName =
240
250
  | "red"
241
251
  | "orange"
@@ -2,6 +2,9 @@ export default /*tw*/ {
2
2
  wrapper: {
3
3
  base: "grid",
4
4
  variants: {
5
+ block: {
6
+ true: "w-full",
7
+ },
5
8
  cols: {
6
9
  "1": "grid-cols-1",
7
10
  "2": "grid-cols-2",
@@ -125,5 +128,6 @@ export default /*tw*/ {
125
128
  placeContent: "start",
126
129
  placeItems: "start",
127
130
  tag: "div",
131
+ block: false,
128
132
  },
129
133
  };
@@ -74,6 +74,11 @@ export interface Props {
74
74
  */
75
75
  placeItems?: "start" | "end" | "end-safe" | "center" | "center-safe" | "stretch" | "baseline";
76
76
 
77
+ /**
78
+ * Make the Grid expand to fill the entire width of its container.
79
+ */
80
+ block?: boolean;
81
+
77
82
  /**
78
83
  * Allows changing HTML tag.
79
84
  */
@@ -140,7 +140,7 @@ export default /*tw*/ {
140
140
  },
141
141
  listbox: `
142
142
  {UListbox} border-0 outline-solid outline-1! outline-default
143
- my-2 group-[*]/top:bottom-full group-[*]/top:top-auto top-full w-full
143
+ my-2 group-[*]/top:bottom-full group-[*]/top:top-auto top-full w-full left-0
144
144
  `,
145
145
  i18n: {
146
146
  listIsEmpty: "List is empty.",
@@ -55,6 +55,10 @@ export default {
55
55
  zinc: "bg-zinc-600",
56
56
  neutral: "bg-neutral-600",
57
57
  stone: "bg-stone-600",
58
+ mauve: "bg-mauve-600",
59
+ olive: "bg-olive-600",
60
+ mist: "bg-mist-600",
61
+ taupe: "bg-taupe-600",
58
62
  },
59
63
  },
60
64
  argTypes: {