@katlux/preset-modern 0.1.0-beta.69 → 0.1.0-beta.70

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/assets/scss/css-variables.css +20 -27
  3. package/dist/runtime/assets/scss/index.css +21 -28
  4. package/package.json +1 -1
package/dist/module.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@katlux/preset-modern",
3
3
  "configKey": "katluxTemplateModern",
4
- "version": "0.1.0-beta.69",
4
+ "version": "0.1.0-beta.70",
5
5
  "builder": {
6
6
  "@nuxt/module-builder": "1.0.2",
7
7
  "unbuild": "3.6.1"
package/dist/runtime/assets/scss/css-variables.css CHANGED
@@ -1,4 +1,4 @@
1
- [data-template=modern] {
1
+ [data-preset~=modern] {
2
2
  --primary-100: #ede9fe;
3
3
  --primary-300: #c4b5fd;
4
4
  --primary-500: #8b5cf6;
@@ -73,37 +73,30 @@
73
73
  --button-font-size-sm: var(--font-size-sm);
74
74
  --button-font-size-md: var(--font-size-md);
75
75
  --button-font-size-lg: var(--font-size-lg);
76
- --button-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
77
- --button-gradient-danger: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
78
- --button-gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
79
- --button-gradient-warning: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
80
- --button-gradient-info: linear-gradient(135deg, #30cfd0 0%, #330867 100%);
81
- --button-gradient-light: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
82
- --button-gradient-dark: linear-gradient(135deg, #434343 0%, #000000 100%);
83
- --button-bg-default: var(--button-gradient-primary);
76
+ --button-bg-default: var(--neutral-900);
84
77
  --button-text-default: var(--font-color-light);
85
- --button-hover-bg-default: var(--button-gradient-primary);
86
- --button-bg-primary: var(--button-gradient-primary);
78
+ --button-hover-bg-default: var(--neutral-800);
79
+ --button-bg-primary: var(--primary-500);
87
80
  --button-text-primary: var(--font-color-light);
88
- --button-hover-bg-primary: var(--button-gradient-primary);
89
- --button-bg-success: var(--button-gradient-success);
81
+ --button-hover-bg-primary: var(--primary-700);
82
+ --button-bg-success: var(--success-color);
90
83
  --button-text-success: var(--font-color-light);
91
- --button-hover-bg-success: var(--button-gradient-success);
92
- --button-bg-warning: var(--button-gradient-warning);
93
- --button-text-warning: var(--neutral-800);
94
- --button-hover-bg-warning: var(--button-gradient-warning);
95
- --button-bg-danger: var(--button-gradient-danger);
84
+ --button-hover-bg-success: #059669;
85
+ --button-bg-warning: var(--warning-color);
86
+ --button-text-warning: var(--neutral-900);
87
+ --button-hover-bg-warning: #d97706;
88
+ --button-bg-danger: var(--error-color);
96
89
  --button-text-danger: var(--font-color-light);
97
- --button-hover-bg-danger: var(--button-gradient-danger);
98
- --button-bg-info: var(--button-gradient-info);
90
+ --button-hover-bg-danger: #dc2626;
91
+ --button-bg-info: var(--info-color);
99
92
  --button-text-info: var(--font-color-light);
100
- --button-hover-bg-info: var(--button-gradient-info);
101
- --button-bg-light: var(--button-gradient-light);
93
+ --button-hover-bg-info: #2563eb;
94
+ --button-bg-light: var(--neutral-100);
102
95
  --button-text-light: var(--neutral-800);
103
- --button-hover-bg-light: var(--button-gradient-light);
104
- --button-bg-dark: var(--button-gradient-dark);
96
+ --button-hover-bg-light: var(--neutral-200);
97
+ --button-bg-dark: var(--neutral-900);
105
98
  --button-text-dark: var(--font-color-light);
106
- --button-hover-bg-dark: var(--button-gradient-dark);
99
+ --button-hover-bg-dark: var(--neutral-800);
107
100
  --input-bg: var(--background-color);
108
101
  --input-border-radius: var(--border-radius-sm);
109
102
  --input-border-color: var(--border-color-medium);
@@ -117,8 +110,8 @@
117
110
  --table-border-color: var(--neutral-200);
118
111
  --table-row-hover: var(--neutral-100);
119
112
  --table-row-selected: #eff6ff;
120
- --panel-bg-opacity: 0.4;
121
- --panel-blur: 12px;
113
+ --panel-bg-opacity: 0.5;
114
+ --panel-blur: 16px;
122
115
  --panel-bg-default: var(--neutral-100);
123
116
  --panel-header-bg-default: var(--neutral-200);
124
117
  --panel-footer-bg-default: var(--neutral-100);
package/dist/runtime/assets/scss/index.css CHANGED
@@ -1,4 +1,4 @@
1
- [data-template=modern] {
1
+ [data-preset~=modern] {
2
2
  --primary-100: #ede9fe;
3
3
  --primary-300: #c4b5fd;
4
4
  --primary-500: #8b5cf6;
@@ -73,37 +73,30 @@
73
73
  --button-font-size-sm: var(--font-size-sm);
74
74
  --button-font-size-md: var(--font-size-md);
75
75
  --button-font-size-lg: var(--font-size-lg);
76
- --button-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
77
- --button-gradient-danger: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
78
- --button-gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
79
- --button-gradient-warning: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
80
- --button-gradient-info: linear-gradient(135deg, #30cfd0 0%, #330867 100%);
81
- --button-gradient-light: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
82
- --button-gradient-dark: linear-gradient(135deg, #434343 0%, #000000 100%);
83
- --button-bg-default: var(--button-gradient-primary);
76
+ --button-bg-default: var(--neutral-900);
84
77
  --button-text-default: var(--font-color-light);
85
- --button-hover-bg-default: var(--button-gradient-primary);
86
- --button-bg-primary: var(--button-gradient-primary);
78
+ --button-hover-bg-default: var(--neutral-800);
79
+ --button-bg-primary: var(--primary-500);
87
80
  --button-text-primary: var(--font-color-light);
88
- --button-hover-bg-primary: var(--button-gradient-primary);
89
- --button-bg-success: var(--button-gradient-success);
81
+ --button-hover-bg-primary: var(--primary-700);
82
+ --button-bg-success: var(--success-color);
90
83
  --button-text-success: var(--font-color-light);
91
- --button-hover-bg-success: var(--button-gradient-success);
92
- --button-bg-warning: var(--button-gradient-warning);
93
- --button-text-warning: var(--neutral-800);
94
- --button-hover-bg-warning: var(--button-gradient-warning);
95
- --button-bg-danger: var(--button-gradient-danger);
84
+ --button-hover-bg-success: #059669;
85
+ --button-bg-warning: var(--warning-color);
86
+ --button-text-warning: var(--neutral-900);
87
+ --button-hover-bg-warning: #d97706;
88
+ --button-bg-danger: var(--error-color);
96
89
  --button-text-danger: var(--font-color-light);
97
- --button-hover-bg-danger: var(--button-gradient-danger);
98
- --button-bg-info: var(--button-gradient-info);
90
+ --button-hover-bg-danger: #dc2626;
91
+ --button-bg-info: var(--info-color);
99
92
  --button-text-info: var(--font-color-light);
100
- --button-hover-bg-info: var(--button-gradient-info);
101
- --button-bg-light: var(--button-gradient-light);
93
+ --button-hover-bg-info: #2563eb;
94
+ --button-bg-light: var(--neutral-100);
102
95
  --button-text-light: var(--neutral-800);
103
- --button-hover-bg-light: var(--button-gradient-light);
104
- --button-bg-dark: var(--button-gradient-dark);
96
+ --button-hover-bg-light: var(--neutral-200);
97
+ --button-bg-dark: var(--neutral-900);
105
98
  --button-text-dark: var(--font-color-light);
106
- --button-hover-bg-dark: var(--button-gradient-dark);
99
+ --button-hover-bg-dark: var(--neutral-800);
107
100
  --input-bg: var(--background-color);
108
101
  --input-border-radius: var(--border-radius-sm);
109
102
  --input-border-color: var(--border-color-medium);
@@ -117,8 +110,8 @@
117
110
  --table-border-color: var(--neutral-200);
118
111
  --table-row-hover: var(--neutral-100);
119
112
  --table-row-selected: #eff6ff;
120
- --panel-bg-opacity: 0.4;
121
- --panel-blur: 12px;
113
+ --panel-bg-opacity: 0.5;
114
+ --panel-blur: 16px;
122
115
  --panel-bg-default: var(--neutral-100);
123
116
  --panel-header-bg-default: var(--neutral-200);
124
117
  --panel-footer-bg-default: var(--neutral-100);
@@ -137,7 +130,7 @@
137
130
 
138
131
  .k-input-label {
139
132
  font-size: var(--font-size-xs);
140
- color: var(--neutral-500);
133
+ color: var(--font-color-secondary);
141
134
  margin-bottom: calc(var(--gap-sm) / 2);
142
135
  display: block;
143
136
  font-weight: 500;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@katlux/preset-modern",
3
- "version": "0.1.0-beta.69",
3
+ "version": "0.1.0-beta.70",
4
4
  "description": "Modern default design preset and styling variables for Katlux components",
5
5
  "author": "Katlux",
6
6
  "license": "Apache-2.0",