@community-release/nx-ui 0.0.77 → 0.0.78

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/dist/module.json +1 -1
  2. package/dist/runtime/components/button/index.vue +14 -2
  3. package/dist/runtime/components/button/props.json +2 -0
  4. package/package.json +2 -2
package/dist/module.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "ui",
3
3
  "configKey": "ui",
4
- "version": "0.0.77"
4
+ "version": "0.0.78"
5
5
  }
package/dist/runtime/components/button/index.vue CHANGED
@@ -59,6 +59,14 @@
59
59
  type: String,
60
60
  default: comProps.color,
61
61
  },
62
+ hoverColorTransform: {
63
+ type: String,
64
+ default: comProps.hoverColorTransform,
65
+ },
66
+ hoverFlatColor: {
67
+ type: String,
68
+ default: comProps.hoverFlatColor,
69
+ },
62
70
  size: {
63
71
  type: String,
64
72
  default: comProps.size,
@@ -128,7 +136,7 @@
128
136
  let color = `var(--ui-color-text-on-${props.color})`;
129
137
 
130
138
  if (props.variant === 'flat' || props.variant === 'outline') {
131
- background = `var(--ui-color-surface)`;
139
+ background = `var(--ui-color-${props.hoverFlatColor})`;
132
140
  color = `var(--ui-color-${props.color}-text)`;
133
141
  }
134
142
 
@@ -139,7 +147,11 @@
139
147
  });
140
148
  const buttonBgStyle = computed(() => {
141
149
  return {
142
- 'background': (props.variant === 'flat' || props.variant === 'outline') ? `var(--ui-color-${props.color.value})` : 'rgba(66,88,120, 0.075)'
150
+ // Лучше поддержка браузеров но хуже результат
151
+ // 'background': (props.variant === 'flat' || props.variant === 'outline') ? `transparent` : `color-mix(in srgb, var(--ui-color-${props.color}) 95%, black)`
152
+
153
+ // Лучше результат но хуже поддержка браузеров
154
+ 'background': (props.variant === 'flat' || props.variant === 'outline') ? `transparent` : `oklch(from var(--ui-color-${props.color}) ${props.hoverColorTransform})`
143
155
  }
144
156
  });
145
157
 
package/dist/runtime/components/button/props.json CHANGED
@@ -1,5 +1,7 @@
1
1
  {
2
2
  "color": "primary",
3
+ "hoverColorTransform": "max(0, calc(l - 0.05)) c h",
4
+ "hoverFlatColor": "surface",
3
5
  "shape": "",
4
6
  "size": "default",
5
7
  "variant": "solid"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@community-release/nx-ui",
3
- "version": "0.0.77",
3
+ "version": "0.0.78",
4
4
  "packageManager": "pnpm@10.14.0",
5
5
  "description": "nx-ui - Nuxt UI library",
6
6
  "repository": {
@@ -62,7 +62,7 @@
62
62
  "dev": "nuxi dev docs --host --port 7012",
63
63
  "build": "nuxi build docs",
64
64
  "prepare": "nuxt-module-build build && nuxt-module-build prepare && nuxi prepare docs",
65
- "release": "npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
65
+ "release": "npm login && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
66
66
  "test": "vitest run",
67
67
  "test:watch": "vitest watch",
68
68
  "test:com": "vitest components run",