@community-release/nx-ui 0.0.78 → 0.0.80
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/dist/module.d.mts
CHANGED
|
@@ -106,7 +106,8 @@ var defaultComponentsStyle = {
|
|
|
106
106
|
"text-font-size": "var(--ui-text-m)"
|
|
107
107
|
},
|
|
108
108
|
button: {
|
|
109
|
-
"border-radius": "var(--ui-input-size-2xl)"
|
|
109
|
+
"border-radius": "var(--ui-input-size-2xl)",
|
|
110
|
+
"font-weight": "var(--ui-font-weight-medium)"
|
|
110
111
|
},
|
|
111
112
|
map: {
|
|
112
113
|
"user-position-color": "var(--ui-color-primary)"
|
|
@@ -125,7 +126,7 @@ var defaultComponentsStyle = {
|
|
|
125
126
|
};
|
|
126
127
|
|
|
127
128
|
var generateComponentsDefaults = (options) => {
|
|
128
|
-
let result = "";
|
|
129
|
+
let result = "// This file is generated, do not edit. Styles can be edit in default.components.js\n";
|
|
129
130
|
const components = options?.componentsStyle ? options.componentsStyle : {};
|
|
130
131
|
for (let name in defaultComponentsStyle) {
|
|
131
132
|
const style = Object.assign(defaultComponentsStyle[name], components[name] ? components[name] : {});
|
package/dist/module.d.ts
CHANGED
|
@@ -106,7 +106,8 @@ var defaultComponentsStyle = {
|
|
|
106
106
|
"text-font-size": "var(--ui-text-m)"
|
|
107
107
|
},
|
|
108
108
|
button: {
|
|
109
|
-
"border-radius": "var(--ui-input-size-2xl)"
|
|
109
|
+
"border-radius": "var(--ui-input-size-2xl)",
|
|
110
|
+
"font-weight": "var(--ui-font-weight-medium)"
|
|
110
111
|
},
|
|
111
112
|
map: {
|
|
112
113
|
"user-position-color": "var(--ui-color-primary)"
|
|
@@ -125,7 +126,7 @@ var defaultComponentsStyle = {
|
|
|
125
126
|
};
|
|
126
127
|
|
|
127
128
|
var generateComponentsDefaults = (options) => {
|
|
128
|
-
let result = "";
|
|
129
|
+
let result = "// This file is generated, do not edit. Styles can be edit in default.components.js\n";
|
|
129
130
|
const components = options?.componentsStyle ? options.componentsStyle : {};
|
|
130
131
|
for (let name in defaultComponentsStyle) {
|
|
131
132
|
const style = Object.assign(defaultComponentsStyle[name], components[name] ? components[name] : {});
|
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -106,7 +106,8 @@ const defaultComponentsStyle = {
|
|
|
106
106
|
"text-font-size": "var(--ui-text-m)"
|
|
107
107
|
},
|
|
108
108
|
button: {
|
|
109
|
-
"border-radius": "var(--ui-input-size-2xl)"
|
|
109
|
+
"border-radius": "var(--ui-input-size-2xl)",
|
|
110
|
+
"font-weight": "var(--ui-font-weight-medium)"
|
|
110
111
|
},
|
|
111
112
|
map: {
|
|
112
113
|
"user-position-color": "var(--ui-color-primary)"
|
|
@@ -125,7 +126,7 @@ const defaultComponentsStyle = {
|
|
|
125
126
|
};
|
|
126
127
|
|
|
127
128
|
const generateComponentsDefaults = (options) => {
|
|
128
|
-
let result = "";
|
|
129
|
+
let result = "// This file is generated, do not edit. Styles can be edit in default.components.js\n";
|
|
129
130
|
const components = options?.componentsStyle ? options.componentsStyle : {};
|
|
130
131
|
for (let name in defaultComponentsStyle) {
|
|
131
132
|
const style = Object.assign(defaultComponentsStyle[name], components[name] ? components[name] : {});
|
|
@@ -147,10 +147,7 @@
|
|
|
147
147
|
});
|
|
148
148
|
const buttonBgStyle = computed(() => {
|
|
149
149
|
return {
|
|
150
|
-
// Лучше поддержка браузеров
|
|
151
|
-
// 'background': (props.variant === 'flat' || props.variant === 'outline') ? `transparent` : `color-mix(in srgb, var(--ui-color-${props.color}) 95%, black)`
|
|
152
|
-
|
|
153
|
-
// Лучше результат но хуже поддержка браузеров
|
|
150
|
+
// Лучше результат но хуже поддержка браузеров чем при использование color-mix
|
|
154
151
|
'background': (props.variant === 'flat' || props.variant === 'outline') ? `transparent` : `oklch(from var(--ui-color-${props.color}) ${props.hoverColorTransform})`
|
|
155
152
|
}
|
|
156
153
|
});
|
|
@@ -176,6 +173,8 @@
|
|
|
176
173
|
</script>
|
|
177
174
|
|
|
178
175
|
<style lang="less">
|
|
176
|
+
@import (less) '../styles/components.less';
|
|
177
|
+
|
|
179
178
|
.component-ui-button {
|
|
180
179
|
--button-hover-text-color: #fff;
|
|
181
180
|
--button-hover-background: #fff;
|
|
@@ -223,6 +222,7 @@
|
|
|
223
222
|
|
|
224
223
|
// Font
|
|
225
224
|
@com-font-header: var(--ui-font-header);
|
|
225
|
+
@com-font-weight: @ui-button-font-weight;
|
|
226
226
|
|
|
227
227
|
// Box shadow
|
|
228
228
|
@com-bs-1: var(--ui-bs-1);
|
|
@@ -272,7 +272,7 @@
|
|
|
272
272
|
|
|
273
273
|
position: relative;
|
|
274
274
|
height: 100%;
|
|
275
|
-
font-weight:
|
|
275
|
+
font-weight: @com-font-weight;
|
|
276
276
|
font-family: @com-font-header;
|
|
277
277
|
|
|
278
278
|
.slot-default {
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
// This file is generated, do not edit. Styles can be edit in default.components.js
|
|
1
2
|
@ui-accordion-title-font-size: var(--ui-text-l);
|
|
2
3
|
@ui-accordion-text-font-size: var(--ui-text-m);
|
|
3
4
|
@ui-button-border-radius: var(--ui-input-size-2xl);
|
|
5
|
+
@ui-button-font-weight: var(--ui-font-weight-medium);
|
|
4
6
|
@ui-map-user-position-color: var(--color-primary);
|
|
5
7
|
@ui-select-value-font-weight: var(--ui-font-weight-medium);
|
|
6
8
|
@ui-select-background-color: var(--ui-color-surface);
|