vueless 0.0.72 → 0.0.74

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 (21) hide show
  1. package/package.json +3 -3
  2. package/preset.tailwind/index.js +6 -5
  3. package/service.ui/index.js +10 -6
  4. package/ui.navigation-stepper/index.vue +2 -2
  5. package/web-types.json +1 -1
  6. package/assets/images/.generated/@material-symbols/svg-500/outlined/add.svg +0 -1
  7. package/assets/images/.generated/@material-symbols/svg-500/outlined/apps.svg +0 -1
  8. package/assets/images/.generated/@material-symbols/svg-500/outlined/arrow_back.svg +0 -1
  9. package/assets/images/.generated/@material-symbols/svg-500/outlined/check.svg +0 -1
  10. package/assets/images/.generated/@material-symbols/svg-500/outlined/check_circle.svg +0 -1
  11. package/assets/images/.generated/@material-symbols/svg-500/outlined/close.svg +0 -1
  12. package/assets/images/.generated/@material-symbols/svg-500/outlined/description.svg +0 -1
  13. package/assets/images/.generated/@material-symbols/svg-500/outlined/drag_indicator.svg +0 -1
  14. package/assets/images/.generated/@material-symbols/svg-500/outlined/emoji_food_beverage.svg +0 -1
  15. package/assets/images/.generated/@material-symbols/svg-500/outlined/expand_more.svg +0 -1
  16. package/assets/images/.generated/@material-symbols/svg-500/outlined/keyboard_arrow_down.svg +0 -1
  17. package/assets/images/.generated/@material-symbols/svg-500/outlined/keyboard_arrow_right.svg +0 -1
  18. package/assets/images/.generated/@material-symbols/svg-500/outlined/remove.svg +0 -1
  19. package/assets/images/.generated/@material-symbols/svg-500/outlined/star-fill.svg +0 -1
  20. package/assets/images/.generated/@material-symbols/svg-500/outlined/upload_file.svg +0 -1
  21. package/assets/images/.generated/@material-symbols/svg-500/outlined/visibility-fill.svg +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "0.0.72",
3
+ "version": "0.0.74",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless Component Framework.",
6
6
  "homepage": "https://vueless.com",
@@ -40,8 +40,8 @@
40
40
  "@release-it/bumper": "^6.0.1",
41
41
  "@vitejs/plugin-vue": "^5.0.4",
42
42
  "@vue/eslint-config-prettier": "^9.0.0",
43
- "@vueless/plugin-vite": "^0.0.1",
44
- "@vueless/storybook": "^0.0.8",
43
+ "@vueless/plugin-vite": "^0.0.7",
44
+ "@vueless/storybook": "^0.0.17",
45
45
  "autoprefixer": "^10.4.19",
46
46
  "cssnano": "^6.1.2",
47
47
  "eslint": "^8.55.0",
package/preset.tailwind/index.js CHANGED
@@ -2,8 +2,9 @@ import colors from "tailwindcss/colors.js";
2
2
  import forms from "@tailwindcss/forms";
3
3
  import vuelessConfig from "../../../vueless.config.js";
4
4
 
5
- export const grayColors = ["slate", "gray", "zinc", "neutral", "stone"];
6
- export const brandColors = [
5
+ export const GRAY_COLORS = ["slate", "gray", "zinc", "neutral", "stone"];
6
+ export const GRAYSCALE_BRAND_COLOR = "grayscale";
7
+ export const BRAND_COLORS = [
7
8
  "brand",
8
9
  "red",
9
10
  "orange",
@@ -33,10 +34,10 @@ export function vuelessPreset() {
33
34
  const brandColor = twColorWithOpacity("--color-brand");
34
35
  const { brand, gray } = vuelessConfig;
35
36
 
36
- let brandPalette = brandColors.includes(brand) ? colors[brand] : colors.green;
37
- let grayPalette = grayColors.includes(gray) ? colors[gray] : colors.zinc;
37
+ let brandPalette = BRAND_COLORS.includes(brand) ? colors[brand] : colors.green;
38
+ let grayPalette = GRAY_COLORS.includes(gray) ? colors[gray] : colors.zinc;
38
39
 
39
- if (brand === "grayscale") {
40
+ if (brand === GRAYSCALE_BRAND_COLOR) {
40
41
  brandPalette = grayPalette;
41
42
  }
42
43
 
package/service.ui/index.js CHANGED
@@ -2,7 +2,7 @@ import { merge } from "lodash-es";
2
2
  import { defineConfig } from "cva";
3
3
  import { twMerge } from "tailwind-merge";
4
4
  import colors from "tailwindcss/colors";
5
- import { brandColors, grayColors } from "../preset.tailwind";
5
+ import { BRAND_COLORS, GRAY_COLORS, GRAYSCALE_BRAND_COLOR } from "../preset.tailwind";
6
6
  import vuelessConfig from "../../../vueless.config.js";
7
7
 
8
8
  /*
@@ -105,7 +105,7 @@ export default class UIServiceDefault {
105
105
  // TODO: This should be rewrote to support all set of brand colors (not only one).
106
106
  setBrandColor(brandColor) {
107
107
  function getBrandColor(color, grayColor, brandColors) {
108
- if (color === "grayscale") {
108
+ if (color === GRAYSCALE_BRAND_COLOR) {
109
109
  return grayColor;
110
110
  }
111
111
 
@@ -116,9 +116,9 @@ export default class UIServiceDefault {
116
116
  return grayColors.includes(color) ? colors[color][900] : colors.zinc[900];
117
117
  }
118
118
 
119
- const grayColor = getGrayColor(gray, grayColors);
120
- const localBrandColor = getBrandColor(brandColor, grayColor, brandColors);
121
- const globalBrandColor = getBrandColor(brand, grayColor, brandColors);
119
+ const grayColor = getGrayColor(gray, GRAY_COLORS);
120
+ const localBrandColor = getBrandColor(brandColor, grayColor, BRAND_COLORS);
121
+ const globalBrandColor = getBrandColor(brand, grayColor, BRAND_COLORS);
122
122
 
123
123
  const style = document.createElement("style");
124
124
  const rgb = UIServiceDefault.convertHexInRgb(localBrandColor || globalBrandColor || grayColor);
@@ -167,7 +167,11 @@ export default class UIServiceDefault {
167
167
  */
168
168
  static get(defaultConfig, name) {
169
169
  return {
170
- default: merge(defaultConfig.defaultVariants, globalComponentConfig[name]?.defaultVariants),
170
+ default: merge(
171
+ defaultConfig.defaultVariants,
172
+ brand === GRAYSCALE_BRAND_COLOR && { color: GRAYSCALE_BRAND_COLOR },
173
+ globalComponentConfig[name]?.defaultVariants,
174
+ ),
171
175
  };
172
176
  }
173
177
  }
package/ui.navigation-stepper/index.vue CHANGED
@@ -46,7 +46,7 @@ import colors from "tailwindcss/colors";
46
46
 
47
47
  import UHeader from "../ui.text-header";
48
48
  import UIService from "../service.ui";
49
- import { grayColors } from "../preset.tailwind";
49
+ import { GRAY_COLORS } from "../preset.tailwind";
50
50
 
51
51
  import { UStepper } from "./constants/index";
52
52
  import defaultConfig from "./configs/default.config";
@@ -112,7 +112,7 @@ const { wrapperAttrs, titleAttrs, stepperAttrs, ringAttrs, countAttrs, gradientA
112
112
  const setStepperColor = computed(() => {
113
113
  return colors[props.color]
114
114
  ? colors[props.color][500]
115
- : grayColors.includes(props.color)
115
+ : GRAY_COLORS.includes(props.color)
116
116
  ? colors[props.color][900]
117
117
  : colors.zinc[900];
118
118
  });
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "vueless",
4
- "version": "0.0.72",
4
+ "version": "0.0.74",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",
package/assets/images/.generated/@material-symbols/svg-500/outlined/add.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M445.93-445.93H194.02v-68.14h251.91v-252.15h68.14v252.15h252.15v68.14H514.07v251.91h-68.14v-251.91Z"/></svg>
package/assets/images/.generated/@material-symbols/svg-500/outlined/apps.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M223.29-154.5q-29.12 0-48.95-19.84-19.84-19.83-19.84-48.95 0-29.12 19.84-48.91 19.83-19.8 48.95-19.8 29.12 0 48.91 19.8 19.8 19.79 19.8 48.91 0 29.12-19.8 48.95-19.79 19.84-48.91 19.84Zm256.8 0q-29.05 0-48.88-19.84-19.84-19.83-19.84-48.95 0-29.12 19.75-48.91 19.74-19.8 48.79-19.8t48.88 19.8q19.84 19.79 19.84 48.91 0 29.12-19.75 48.95-19.74 19.84-48.79 19.84Zm256.62 0q-29.12 0-48.91-19.84-19.8-19.83-19.8-48.95 0-29.12 19.8-48.91 19.79-19.8 48.91-19.8 29.12 0 48.95 19.8 19.84 19.79 19.84 48.91 0 29.12-19.84 48.95-19.83 19.84-48.95 19.84ZM223.29-411.37q-29.12 0-48.95-19.75-19.84-19.74-19.84-48.79t19.84-48.88q19.83-19.84 48.95-19.84 29.12 0 48.91 19.75 19.8 19.74 19.8 48.79t-19.8 48.88q-19.79 19.84-48.91 19.84Zm256.8 0q-29.05 0-48.88-19.75-19.84-19.74-19.84-48.79t19.75-48.88q19.74-19.84 48.79-19.84t48.88 19.75q19.84 19.74 19.84 48.79t-19.75 48.88q-19.74 19.84-48.79 19.84Zm256.62 0q-29.12 0-48.91-19.75-19.8-19.74-19.8-48.79t19.8-48.88q19.79-19.84 48.91-19.84 29.12 0 48.95 19.75 19.84 19.74 19.84 48.79t-19.84 48.88q-19.83 19.84-48.95 19.84ZM223.29-668q-29.12 0-48.95-19.8-19.84-19.79-19.84-48.91 0-29.12 19.84-48.95 19.83-19.84 48.95-19.84 29.12 0 48.91 19.84 19.8 19.83 19.8 48.95 0 29.12-19.8 48.91-19.79 19.8-48.91 19.8Zm256.8 0q-29.05 0-48.88-19.8-19.84-19.79-19.84-48.91 0-29.12 19.75-48.95 19.74-19.84 48.79-19.84t48.88 19.84q19.84 19.83 19.84 48.95 0 29.12-19.75 48.91-19.74 19.8-48.79 19.8Zm256.62 0q-29.12 0-48.91-19.8-19.8-19.79-19.8-48.91 0-29.12 19.8-48.95 19.79-19.84 48.91-19.84 29.12 0 48.95 19.84 19.84 19.83 19.84 48.95 0 29.12-19.84 48.91-19.83 19.8-48.95 19.8Z"/></svg>
package/assets/images/.generated/@material-symbols/svg-500/outlined/arrow_back.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m283.8-445.93 244.18 244.17L480-154.02 154.02-480 480-806.22l47.98 47.98L283.8-514.07h522.42v68.14H283.8Z"/></svg>
package/assets/images/.generated/@material-symbols/svg-500/outlined/check.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M378-240.26 148.26-470l48.98-48.98L378-338.22l383.76-383.76L810.74-673 378-240.26Z"/></svg>
package/assets/images/.generated/@material-symbols/svg-500/outlined/check_circle.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m420.52-294.41 285.63-285.63-50.78-50.03-234.85 234.85-117.85-117.85-49.78 50.03 167.63 168.63Zm59.51 220.39q-83.46 0-157.54-31.88-74.07-31.88-129.39-87.2-55.32-55.32-87.2-129.36-31.88-74.04-31.88-157.51 0-84.46 31.88-158.54 31.88-74.07 87.16-128.9 55.28-54.84 129.34-86.82 74.06-31.99 157.55-31.99 84.48 0 158.59 31.97 74.1 31.97 128.91 86.77 54.82 54.8 86.79 128.88 31.98 74.08 31.98 158.6 0 83.5-31.99 157.57-31.98 74.07-86.82 129.36-54.83 55.29-128.87 87.17-74.04 31.88-158.51 31.88Zm-.03-68.13q141.04 0 239.45-98.75 98.4-98.76 98.4-239.1 0-141.04-98.4-239.45-98.41-98.4-239.57-98.4-140.16 0-238.95 98.4-98.78 98.41-98.78 239.57 0 140.16 98.75 238.95 98.76 98.78 239.1 98.78ZM480-480Z"/></svg>
package/assets/images/.generated/@material-symbols/svg-500/outlined/close.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M249-201.26 201.26-249l231-231-231-231L249-758.74l231 231 231-231L758.74-711l-231 231 231 231L711-201.26l-231-231-231 231Z"/></svg>
package/assets/images/.generated/@material-symbols/svg-500/outlined/description.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M319-249.52h322v-62.63H319v62.63Zm0-170h322v-62.63H319v62.63Zm-96.85 345.5q-27.6 0-47.86-20.27-20.27-20.26-20.27-47.86v-675.7q0-27.7 20.27-48.03 20.26-20.34 47.86-20.34h361.48l222.59 222.59v521.48q0 27.6-20.34 47.86-20.33 20.27-48.03 20.27h-515.7Zm326.7-557.83v-186h-326.7v675.7h515.7v-489.7h-189Zm-326.7-186v186-186 675.7-675.7Z"/></svg>
package/assets/images/.generated/@material-symbols/svg-500/outlined/drag_indicator.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M347.41-154.5q-30.1 0-51.51-21.43-21.4-21.44-21.4-51.54 0-30.1 21.43-51.31Q317.37-300 347.47-300q30.1 0 51.31 21.25Q420-257.51 420-227.41q0 30.1-21.25 51.51-21.24 21.4-51.34 21.4Zm265.34 0q-30.1 0-51.42-21.43Q540-197.37 540-227.47q0-30.1 21.39-51.31Q582.79-300 612.83-300q30.14 0 51.4 21.25 21.27 21.24 21.27 51.34 0 30.1-21.32 51.51-21.33 21.4-51.43 21.4ZM347.41-407.37q-30.1 0-51.51-21.39-21.4-21.4-21.4-51.44 0-30.23 21.43-51.33 21.44-21.1 51.54-21.1 30.1 0 51.31 21.19Q420-510.26 420-480.14q0 30.12-21.25 51.44-21.24 21.33-51.34 21.33Zm265.34 0q-30.1 0-51.42-21.39Q540-450.16 540-480.2q0-30.23 21.39-51.33 21.4-21.1 51.44-21.1 30.14 0 51.4 21.19 21.27 21.18 21.27 51.3 0 30.12-21.32 51.44-21.33 21.33-51.43 21.33ZM347.41-660q-30.1 0-51.51-21.39-21.4-21.4-21.4-51.44 0-30.14 21.43-51.4 21.44-21.27 51.54-21.27 30.1 0 51.31 21.32Q420-762.85 420-732.75t-21.25 51.42Q377.51-660 347.41-660Zm265.34 0q-30.1 0-51.42-21.39Q540-702.79 540-732.83q0-30.14 21.39-51.4 21.4-21.27 51.44-21.27 30.14 0 51.4 21.32 21.27 21.33 21.27 51.43t-21.32 51.42Q642.85-660 612.75-660Z"/></svg>
package/assets/images/.generated/@material-symbols/svg-500/outlined/emoji_food_beverage.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M154.02-114.02v-68.13h652.2v68.13h-652.2ZM309.8-258.57q-65.17 0-110.48-44.93-45.3-44.93-45.3-109.85v-432.87h664.07q28.1 0 48.11 20.08 20.02 20.08 20.02 48.05v160q0 28.1-20.02 48.12-20.01 20.01-48.11 20.01h-92.66v136.61q0 64.92-45.47 109.85-45.48 44.93-110.55 44.93H309.8Zm.24-519.28H657.3 222.15h87.89Zm415.39 159.76h92.42v-160h-92.42v160ZM569.15-326.93q34.84 0 61.5-26.52 26.65-26.52 26.65-60.14v-364.26H399.15v37.31l71 58q1 1 9 18v150q0 9.6-7 16.8-7 7.2-18 7.2h-151q-11 0-18-7.2t-7-16.8v-150q0-4 9-18l72-58v-37.31h-137v364.26q0 33.62 26.98 60.14 26.97 26.52 60.91 26.52h259.11ZM355.57-777.85h40-40Z"/></svg>
package/assets/images/.generated/@material-symbols/svg-500/outlined/expand_more.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M480-339.5 234.26-585.24 283-633.98l197 198 197-197 48.74 48.74L480-339.5Z"/></svg>
package/assets/images/.generated/@material-symbols/svg-500/outlined/keyboard_arrow_down.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M480-338.26 234.26-584 283-632.74l197 197 197-197L725.74-584 480-338.26Z"/></svg>
package/assets/images/.generated/@material-symbols/svg-500/outlined/keyboard_arrow_right.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m524.26-481-198-198L375-727.74 621.74-481 375-234.26 326.26-283l198-198Z"/></svg>
package/assets/images/.generated/@material-symbols/svg-500/outlined/remove.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M194.02-445.93v-68.14h572.2v68.14h-572.2Z"/></svg>
package/assets/images/.generated/@material-symbols/svg-500/outlined/star-fill.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m224.15-107.56 67.39-291.29L65.41-594.78l298.52-25.72L480-895.3l116.07 274.8 298.52 25.72-226.13 195.93 67.63 291.29L480-262.3 224.15-107.56Z"/></svg>
package/assets/images/.generated/@material-symbols/svg-500/outlined/upload_file.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M452-203.43h60v-201.96l82.48 82.48 42-42L480-517.15 325.76-362.91l42 42L452-405.39v201.96ZM222.15-74.02q-27.6 0-47.86-20.27-20.27-20.26-20.27-47.86v-675.7q0-27.7 20.27-48.03 20.26-20.34 47.86-20.34h361.48l222.59 222.59v521.48q0 27.6-20.34 47.86-20.33 20.27-48.03 20.27h-515.7Zm326.7-557.83v-186h-326.7v675.7h515.7v-489.7h-189Zm-326.7-186v186-186 675.7-675.7Z"/></svg>
package/assets/images/.generated/@material-symbols/svg-500/outlined/visibility-fill.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M480.12-330q70.88 0 120.38-49.62t49.5-120.5q0-70.88-49.62-120.38T479.88-670Q409-670 359.5-620.38T310-499.88q0 70.88 49.62 120.38t120.5 49.5Zm-.3-61.83q-45.15 0-76.57-31.6-31.42-31.6-31.42-76.75t31.6-76.57q31.6-31.42 76.75-31.42t76.57 31.6q31.42 31.6 31.42 76.75t-31.6 76.57q-31.6 31.42-76.75 31.42ZM480-194.5q-147.91 0-267.35-84.67Q93.22-363.85 34.5-500q58.72-136.15 178.15-220.83Q332.09-805.5 480-805.5q147.91 0 267.35 84.67Q866.78-636.15 925.5-500q-58.72 136.15-178.15 220.83Q627.91-194.5 480-194.5Z"/></svg>