webcake-ui-kit 1.1.5 → 1.1.6

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 (6) hide show
  1. package/package.json +1 -1
  2. package/src/components/dialog/dialog.css +1 -1
  3. package/src/components/input/input.css +10 -0
  4. package/src/components/select/select.css +6 -1
  5. package/src/icons/GenerateImage.vue +36 -0
  6. package/src/icons/index.js +1 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "webcake-ui-kit",
3
- "version": "1.1.5",
3
+ "version": "1.1.6",
4
4
  "description": "UI Kit for Vue 2 && 3 - Pure Options API",
5
5
  "main": "src/index.js",
6
6
  "module": "src/index.js",
package/src/components/dialog/dialog.css CHANGED
@@ -173,7 +173,7 @@
173
173
  display: flex;
174
174
  flex-direction: column;
175
175
  width: 100%;
176
- padding: var(--spacing-md);
176
+ padding: var(--spacing-sm) var(--spacing-md);
177
177
  background: var(--accent-0);
178
178
  }
179
179
 
package/src/components/input/input.css CHANGED
@@ -21,6 +21,7 @@
21
21
  line-height: var(--paragraph-small-line-height);
22
22
  letter-spacing: var(--paragraph-small-letter-spacing);
23
23
  }
24
+
24
25
  .ui-input--size-lg {
25
26
  min-height: 40px;
26
27
  gap: var(--spacing-sm);
@@ -29,6 +30,7 @@
29
30
  line-height: var(--paragraph-small-line-height);
30
31
  letter-spacing: var(--paragraph-small-letter-spacing);
31
32
  }
33
+
32
34
  .ui-input--size-sm {
33
35
  min-height: 32px;
34
36
  gap: var(--spacing-6);
@@ -37,6 +39,7 @@
37
39
  line-height: var(--paragraph-small-line-height);
38
40
  letter-spacing: var(--paragraph-small-letter-spacing);
39
41
  }
42
+
40
43
  .ui-input--size-xs {
41
44
  min-height: 28px;
42
45
  gap: var(--spacing-2xs);
@@ -50,9 +53,11 @@
50
53
  .ui-input--round-default {
51
54
  border-radius: var(--rounded-xl);
52
55
  }
56
+
53
57
  .ui-input--size-xs.ui-input--round-default {
54
58
  border-radius: var(--radius);
55
59
  }
60
+
56
61
  .ui-input--round-round {
57
62
  border-radius: var(--rounded-full);
58
63
  }
@@ -68,6 +73,7 @@
68
73
  border-color: var(--destructive-border);
69
74
  box-shadow: none;
70
75
  }
76
+
71
77
  .ui-input--error:focus-within {
72
78
  border-color: var(--destructive-border);
73
79
  box-shadow: 0 0 0 3px var(--focus-ring-error);
@@ -77,6 +83,7 @@
77
83
  .ui-input--disabled {
78
84
  opacity: 0.5;
79
85
  }
86
+
80
87
  .ui-input--disabled:focus-within {
81
88
  border-color: var(--border-primary);
82
89
  box-shadow: var(--shadow-xs);
@@ -96,10 +103,12 @@
96
103
  font: inherit;
97
104
  letter-spacing: inherit;
98
105
  }
106
+
99
107
  .ui-input__field::placeholder {
100
108
  color: var(--muted-fg);
101
109
  opacity: 1;
102
110
  }
111
+
103
112
  .ui-input__field:disabled {
104
113
  cursor: not-allowed;
105
114
  }
@@ -114,6 +123,7 @@
114
123
  height: 20px;
115
124
  color: var(--muted-fg);
116
125
  }
126
+
117
127
  .ui-input--size-xs .ui-input__decoration {
118
128
  width: 16px;
119
129
  height: 16px;
package/src/components/select/select.css CHANGED
@@ -102,7 +102,7 @@
102
102
  width: 16px;
103
103
  height: 16px;
104
104
  flex-shrink: 0;
105
- color: var(--muted-fg);
105
+ color: var(--primary-fg);
106
106
  transition: transform 0.2s ease;
107
107
  }
108
108
 
@@ -116,6 +116,7 @@
116
116
  padding: var(--spacing-10) var(--spacing-xs) var(--spacing-10) var(--spacing-md);
117
117
  gap: var(--spacing-sm);
118
118
  }
119
+
119
120
  .ui-select--lg .ui-select__left {
120
121
  gap: var(--spacing-sm);
121
122
  }
@@ -127,6 +128,7 @@
127
128
  padding: var(--spacing-6) var(--spacing-xs);
128
129
  gap: var(--spacing-6);
129
130
  }
131
+
130
132
  .ui-select--sm .ui-select__left {
131
133
  gap: var(--spacing-6);
132
134
  }
@@ -137,9 +139,11 @@
137
139
  gap: var(--spacing-2xs);
138
140
  border-radius: var(--rounded-lg);
139
141
  }
142
+
140
143
  .ui-select--xs .ui-select__left {
141
144
  gap: var(--spacing-2xs);
142
145
  }
146
+
143
147
  .ui-select--xs .ui-select__value,
144
148
  .ui-select--xs .ui-select__prepend {
145
149
  font-size: var(--paragraph-mini-font-size);
@@ -160,6 +164,7 @@
160
164
  .ui-select__list::-webkit-scrollbar {
161
165
  width: 6px;
162
166
  }
167
+
163
168
  .ui-select__list::-webkit-scrollbar-thumb {
164
169
  background: var(--border-primary);
165
170
  border-radius: 3px;
package/src/icons/GenerateImage.vue ADDED
@@ -0,0 +1,36 @@
1
+ <template>
2
+ <BaseIcon v-bind="$attrs" v-on="listeners">
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
4
+ <path
5
+ d="M21.4838 5.04818L20.0696 4.50868C19.9385 4.45858 19.8383 4.35839 19.7882 4.22737L19.2488 2.81311C19.0908 2.39693 18.5012 2.39693 18.3431 2.81311L17.8036 4.22737C17.7535 4.35839 17.6533 4.45858 17.5224 4.50868L16.108 5.04818C15.6919 5.20617 15.6919 5.79577 16.108 5.95376L17.5224 6.49326C17.6533 6.54336 17.7535 6.64356 17.8036 6.77457L18.3431 8.18884C18.5012 8.60502 19.0908 8.60502 19.2488 8.18884L19.7882 6.77457C19.8383 6.64356 19.9385 6.54336 20.0696 6.49326L21.4838 5.95376C21.9 5.79577 21.9 5.20617 21.4838 5.04818Z"
6
+ fill="currentColor"
7
+ />
8
+ <path
9
+ d="M12.45 9.46744L13.1405 9.73221C13.2437 9.77092 13.3276 9.85489 13.3663 9.95821L13.6309 10.6491C13.76 10.9849 14.2375 10.9849 14.3634 10.6491L14.6279 9.95821C14.6666 9.85489 14.7505 9.77092 14.8538 9.73221L15.5443 9.46744C15.8798 9.33829 15.8798 8.86048 15.5443 8.73453L14.8538 8.46977C14.7505 8.43103 14.6666 8.34708 14.6279 8.24376L14.3634 7.55281C14.2343 7.21703 13.7567 7.21703 13.6309 7.55281L13.3663 8.24376C13.3276 8.34708 13.2437 8.43103 13.1405 8.46977L12.45 8.73453C12.1112 8.86365 12.1112 9.34153 12.45 9.46744Z"
10
+ fill="currentColor"
11
+ />
12
+ <path
13
+ fill-rule="evenodd"
14
+ clip-rule="evenodd"
15
+ d="M12.45 3.20184C12.8642 3.20184 13.2 3.53763 13.2 3.95184C13.2 4.36605 12.8642 4.70184 12.45 4.70184H3.75001L3.75 15.6039L7.56328 11.7895C7.8445 11.5084 8.22626 11.3512 8.62383 11.3512C9.02143 11.3512 9.40311 11.5084 9.68438 11.7895L13.8094 15.9145L15.6844 14.0395C15.8235 13.9003 15.9889 13.7902 16.1707 13.7148C16.3526 13.6395 16.548 13.6 16.7449 13.6C16.9419 13.6 17.1371 13.6394 17.3191 13.7148C17.501 13.7902 17.6663 13.9003 17.8055 14.0395L20.25 16.4828V13.15C20.25 12.7358 20.5858 12.4 21 12.4C21.4142 12.4 21.75 12.7358 21.75 13.15V20.35C21.75 20.7478 21.5919 21.1293 21.3105 21.4106C21.0292 21.6919 20.6478 21.85 20.25 21.85H3.75C3.35218 21.85 2.97076 21.6919 2.68945 21.4106C2.40815 21.1293 2.25 20.7478 2.25 20.35L2.25001 4.70184C2.25001 4.30402 2.40816 3.9226 2.68947 3.64129C2.97077 3.35999 3.35219 3.20184 3.75001 3.20184H12.45ZM3.75 17.725V20.35H16.125L8.625 12.85L3.75 17.725ZM14.8711 16.975L18.2461 20.35H20.25V18.6039L16.7461 15.1L14.8711 16.975Z"
16
+ fill="currentColor"
17
+ />
18
+ </svg>
19
+ </BaseIcon>
20
+ </template>
21
+
22
+ <script>
23
+ import BaseIcon from './BaseIcon.vue'
24
+
25
+ export default {
26
+ name: 'GenerateImage',
27
+ components: { BaseIcon },
28
+ inheritAttrs: false,
29
+ emits: [],
30
+ computed: {
31
+ listeners() {
32
+ return this.$listeners || {}
33
+ }
34
+ }
35
+ }
36
+ </script>
package/src/icons/index.js CHANGED
@@ -1730,4 +1730,5 @@ export { default as WkiZoomIn } from './ZoomIn.vue'
1730
1730
  export { default as WkiZoomOut } from './ZoomOut.vue'
1731
1731
  export { default as WkiClickButton } from './ClickButton.vue'
1732
1732
  export { default as WkiSectionBuilder } from './SectionBuilder.vue'
1733
+ export { default as WkiGenerateImage } from './GenerateImage.vue'
1733
1734
  // --- AUTO-GENERATED LUCIDE EXPORTS END ---