@antify/ui 2.4.1 → 2.4.3

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 (5) hide show
  1. package/dist/components/inputs/__stories/AntSelect.stories.js +19 -55
  2. package/dist/components/inputs/__stories/AntSelect.stories.mjs +24 -55
  3. package/dist/components/inputs/__types/AntSelect.types.d.ts +1 -1
  4. package/dist/index.css +1 -1
  5. package/package.json +1 -1
package/dist/components/inputs/__stories/AntSelect.stories.js CHANGED
@@ -153,62 +153,10 @@ const WithSlots = exports.WithSlots = {
153
153
  <div class="flex items-center h-[200vh]">
154
154
  <AntSelect v-bind="args" v-model="modelValue">
155
155
  <template #contentLeft="option">
156
- <div v-if="option.value === '1'">
157
- <AntIcon
158
- :icon="faCake"
159
- color="text-primary-500"
160
- />
161
- </div>
162
-
163
- <div v-if="option.value === '2'">
164
- <AntIcon
165
- :icon="faCake"
166
- color="text-secondary-500"
167
- />
168
- </div>
169
-
170
- <div v-if="option.value === '3'">
171
- <AntIcon
172
- :icon="faCake"
173
- color="text-success-500"
174
- />
175
- </div>
176
-
177
- <div v-if="option.value === '4'">
178
- <AntIcon
179
- :icon="faCake"
180
- color="text-warning-500"
181
- />
182
- </div>
156
+ <img v-if="option.imgUrl" class="w-6 h-6 rounded-full" :src="option.imgUrl" :alt="option.label"/>
183
157
  </template>
184
158
  <template #contentRight="option">
185
- <div v-if="option.value === '1'">
186
- <AntIcon
187
- :icon="faCake"
188
- color="text-primary-500"
189
- />
190
- </div>
191
-
192
- <div v-if="option.value === '2'">
193
- <AntIcon
194
- :icon="faCake"
195
- color="text-secondary-500"
196
- />
197
- </div>
198
-
199
- <div v-if="option.value === '3'">
200
- <AntIcon
201
- :icon="faCake"
202
- color="text-success-500"
203
- />
204
- </div>
205
-
206
- <div v-if="option.value === '4'">
207
- <AntIcon
208
- :icon="faCake"
209
- color="text-warning-500"
210
- />
211
- </div>
159
+ <img v-if="option.imgUrl" class="w-6 h-6 rounded-full" :src="option.imgUrl" :alt="option.label"/>
212
160
  </template>
213
161
  </AntSelect>
214
162
  </div>
@@ -218,7 +166,23 @@ const WithSlots = exports.WithSlots = {
218
166
  args: {
219
167
  modelValue: null,
220
168
  label: "Label",
221
- options,
169
+ options: [{
170
+ label: "Option 1",
171
+ value: 1,
172
+ imgUrl: "https://fastly.picsum.photos/id/972/200/200.jpg?hmac=TeAvfwW2T9YMpPW-sWWTeAiseERb12wSeR3mYzuG6TE"
173
+ }, {
174
+ label: "Option 2",
175
+ value: 2,
176
+ imgUrl: "https://fastly.picsum.photos/id/314/200/200.jpg?hmac=bCAc2iO5ovLPrvwDQV31aBPS13QTyv33ut2H2wY4QXU"
177
+ }, {
178
+ label: "Option 3",
179
+ value: 3,
180
+ imgUrl: "https://fastly.picsum.photos/id/972/200/200.jpg?hmac=TeAvfwW2T9YMpPW-sWWTeAiseERb12wSeR3mYzuG6TE"
181
+ }, {
182
+ label: "Option 4",
183
+ value: 4,
184
+ imgUrl: "https://fastly.picsum.photos/id/165/200/200.jpg?hmac=tQGrY9pm5ze9soSsZ5CNBt87zqnHfFwdPv_khau12Sw"
185
+ }],
222
186
  description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
223
187
  }
224
188
  };
package/dist/components/inputs/__stories/AntSelect.stories.mjs CHANGED
@@ -163,62 +163,10 @@ export const WithSlots = {
163
163
  <div class="flex items-center h-[200vh]">
164
164
  <AntSelect v-bind="args" v-model="modelValue">
165
165
  <template #contentLeft="option">
166
- <div v-if="option.value === '1'">
167
- <AntIcon
168
- :icon="faCake"
169
- color="text-primary-500"
170
- />
171
- </div>
172
-
173
- <div v-if="option.value === '2'">
174
- <AntIcon
175
- :icon="faCake"
176
- color="text-secondary-500"
177
- />
178
- </div>
179
-
180
- <div v-if="option.value === '3'">
181
- <AntIcon
182
- :icon="faCake"
183
- color="text-success-500"
184
- />
185
- </div>
186
-
187
- <div v-if="option.value === '4'">
188
- <AntIcon
189
- :icon="faCake"
190
- color="text-warning-500"
191
- />
192
- </div>
166
+ <img v-if="option.imgUrl" class="w-6 h-6 rounded-full" :src="option.imgUrl" :alt="option.label"/>
193
167
  </template>
194
168
  <template #contentRight="option">
195
- <div v-if="option.value === '1'">
196
- <AntIcon
197
- :icon="faCake"
198
- color="text-primary-500"
199
- />
200
- </div>
201
-
202
- <div v-if="option.value === '2'">
203
- <AntIcon
204
- :icon="faCake"
205
- color="text-secondary-500"
206
- />
207
- </div>
208
-
209
- <div v-if="option.value === '3'">
210
- <AntIcon
211
- :icon="faCake"
212
- color="text-success-500"
213
- />
214
- </div>
215
-
216
- <div v-if="option.value === '4'">
217
- <AntIcon
218
- :icon="faCake"
219
- color="text-warning-500"
220
- />
221
- </div>
169
+ <img v-if="option.imgUrl" class="w-6 h-6 rounded-full" :src="option.imgUrl" :alt="option.label"/>
222
170
  </template>
223
171
  </AntSelect>
224
172
  </div>
@@ -228,7 +176,28 @@ export const WithSlots = {
228
176
  args: {
229
177
  modelValue: null,
230
178
  label: "Label",
231
- options,
179
+ options: [
180
+ {
181
+ label: "Option 1",
182
+ value: 1,
183
+ imgUrl: "https://fastly.picsum.photos/id/972/200/200.jpg?hmac=TeAvfwW2T9YMpPW-sWWTeAiseERb12wSeR3mYzuG6TE"
184
+ },
185
+ {
186
+ label: "Option 2",
187
+ value: 2,
188
+ imgUrl: "https://fastly.picsum.photos/id/314/200/200.jpg?hmac=bCAc2iO5ovLPrvwDQV31aBPS13QTyv33ut2H2wY4QXU"
189
+ },
190
+ {
191
+ label: "Option 3",
192
+ value: 3,
193
+ imgUrl: "https://fastly.picsum.photos/id/972/200/200.jpg?hmac=TeAvfwW2T9YMpPW-sWWTeAiseERb12wSeR3mYzuG6TE"
194
+ },
195
+ {
196
+ label: "Option 4",
197
+ value: 4,
198
+ imgUrl: "https://fastly.picsum.photos/id/165/200/200.jpg?hmac=tQGrY9pm5ze9soSsZ5CNBt87zqnHfFwdPv_khau12Sw"
199
+ }
200
+ ],
232
201
  description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
233
202
  }
234
203
  };
package/dist/components/inputs/__types/AntSelect.types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export type SelectOption = {
2
2
  label: string;
3
3
  value: string | number;
4
- };
4
+ } & Record<string, unknown>;
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- @import "tailwindcss";@theme inline{--color-base-50:var(--color-slate-50);--color-base-100:var(--color-slate-100);--color-base-200:var(--color-slate-200);--color-base-300:var(--color-slate-300);--color-base-400:var(--color-slate-400);--color-base-500:var(--color-slate-500);--color-base-600:var(--color-slate-600);--color-base-700:var(--color-slate-700);--color-base-800:var(--color-slate-800);--color-base-900:var(--color-slate-900);--color-base-950:var(--color-slate-950);--color-primary-50:var(--color-sky-50);--color-primary-100:var(--color-sky-100);--color-primary-200:var(--color-sky-200);--color-primary-300:var(--color-sky-300);--color-primary-400:var(--color-sky-400);--color-primary-500:var(--color-sky-500);--color-primary-600:var(--color-sky-600);--color-primary-700:var(--color-sky-700);--color-primary-800:var(--color-sky-800);--color-primary-900:var(--color-sky-900);--color-primary-950:var(--color-sky-950);--color-secondary-50:var(--color-lime-50);--color-secondary-100:var(--color-lime-100);--color-secondary-200:var(--color-lime-200);--color-secondary-300:var(--color-lime-300);--color-secondary-400:var(--color-lime-400);--color-secondary-500:var(--color-lime-500);--color-secondary-600:var(--color-lime-600);--color-secondary-700:var(--color-lime-700);--color-secondary-800:var(--color-lime-800);--color-secondary-900:var(--color-lime-900);--color-secondary-950:var(--color-lime-950);--color-info-50:var(--color-blue-50);--color-info-100:var(--color-blue-100);--color-info-200:var(--color-blue-200);--color-info-300:var(--color-blue-300);--color-info-400:var(--color-blue-400);--color-info-500:var(--color-blue-500);--color-info-600:var(--color-blue-600);--color-info-700:var(--color-blue-700);--color-info-800:var(--color-blue-800);--color-info-900:var(--color-blue-900);--color-info-950:var(--color-blue-950);--color-success-50:var(--color-green-50);--color-success-100:var(--color-green-100);--color-success-200:var(--color-green-200);--color-success-300:var(--color-green-300);--color-success-400:var(--color-green-400);--color-success-500:var(--color-green-500);--color-success-600:var(--color-green-600);--color-success-700:var(--color-green-700);--color-success-800:var(--color-green-800);--color-success-900:var(--color-green-900);--color-success-950:var(--color-green-950);--color-warning-50:var(--color-yellow-50);--color-warning-100:var(--color-yellow-100);--color-warning-200:var(--color-yellow-200);--color-warning-300:var(--color-yellow-300);--color-warning-400:var(--color-yellow-400);--color-warning-500:var(--color-yellow-500);--color-warning-600:var(--color-yellow-600);--color-warning-700:var(--color-yellow-700);--color-warning-800:var(--color-yellow-800);--color-warning-900:var(--color-yellow-900);--color-warning-950:var(--color-yellow-950);--color-danger-50:var(--color-red-50);--color-danger-100:var(--color-red-100);--color-danger-200:var(--color-red-200);--color-danger-300:var(--color-red-300);--color-danger-400:var(--color-red-400);--color-danger-500:var(--color-red-500);--color-danger-600:var(--color-red-600);--color-danger-700:var(--color-red-700);--color-danger-800:var(--color-red-800);--color-danger-900:var(--color-red-900);--color-danger-950:var(--color-red-950);--color-for-white-bg-font:var(--color-base-600);--color-for-black-bg-font:var(--color-base-100);--color-base-50-font:var(--color-base-600);--color-base-100-font:var(--color-base-600);--color-base-200-font:var(--color-base-600);--color-base-300-font:var(--color-base-600);--color-base-400-font:var(--color-base-600);--color-base-500-font:var(--color-base-100);--color-base-600-font:var(--color-base-100);--color-base-700-font:var(--color-base-100);--color-base-800-font:var(--color-base-100);--color-base-900-font:var(--color-base-100);--color-base-950-font:var(--color-base-100);--color-primary-50-font:var(--color-base-600);--color-primary-100-font:var(--color-base-600);--color-primary-200-font:var(--color-base-600);--color-primary-300-font:var(--color-base-600);--color-primary-400-font:var(--color-base-600);--color-primary-500-font:var(--color-base-100);--color-primary-600-font:var(--color-base-100);--color-primary-700-font:var(--color-base-100);--color-primary-800-font:var(--color-base-100);--color-primary-900-font:var(--color-base-100);--color-primary-950-font:var(--color-base-100);--color-secondary-50-font:var(--color-base-600);--color-secondary-100-font:var(--color-base-600);--color-secondary-200-font:var(--color-base-600);--color-secondary-300-font:var(--color-base-600);--color-secondary-400-font:var(--color-base-600);--color-secondary-500-font:var(--color-base-100);--color-secondary-600-font:var(--color-base-100);--color-secondary-700-font:var(--color-base-100);--color-secondary-800-font:var(--color-base-100);--color-secondary-900-font:var(--color-base-100);--color-secondary-950-font:var(--color-base-100);--color-success-50-font:var(--color-base-600);--color-success-100-font:var(--color-base-600);--color-success-200-font:var(--color-base-600);--color-success-300-font:var(--color-base-600);--color-success-400-font:var(--color-base-600);--color-success-500-font:var(--color-base-100);--color-success-600-font:var(--color-base-100);--color-success-700-font:var(--color-base-100);--color-success-800-font:var(--color-base-100);--color-success-900-font:var(--color-base-100);--color-success-950-font:var(--color-base-100);--color-info-50-font:var(--color-base-600);--color-info-100-font:var(--color-base-600);--color-info-200-font:var(--color-base-600);--color-info-300-font:var(--color-base-600);--color-info-400-font:var(--color-base-600);--color-info-500-font:var(--color-base-100);--color-info-600-font:var(--color-base-100);--color-info-700-font:var(--color-base-100);--color-info-800-font:var(--color-base-100);--color-info-900-font:var(--color-base-100);--color-info-950-font:var(--color-base-100);--color-warning-50-font:var(--color-base-600);--color-warning-100-font:var(--color-base-600);--color-warning-200-font:var(--color-base-600);--color-warning-300-font:var(--color-base-600);--color-warning-400-font:var(--color-base-600);--color-warning-500-font:var(--color-base-100);--color-warning-600-font:var(--color-base-100);--color-warning-700-font:var(--color-base-100);--color-warning-800-font:var(--color-base-100);--color-warning-900-font:var(--color-base-100);--color-warning-950-font:var(--color-base-100);--color-danger-50-font:var(--color-base-600);--color-danger-100-font:var(--color-base-600);--color-danger-200-font:var(--color-base-600);--color-danger-300-font:var(--color-base-600);--color-danger-400-font:var(--color-base-600);--color-danger-500-font:var(--color-base-100);--color-danger-600-font:var(--color-base-100);--color-danger-700-font:var(--color-base-100);--color-danger-800-font:var(--color-base-100);--color-danger-900-font:var(--color-base-100);--color-danger-950-font:var(--color-base-100);--text-2xs:0.625rem;--text-2xs--line-height:0.75rem;--animate-skeleton:skeleton 2s ease-out infinite;@keyframes skeleton{0%,to{background-color:var(--color-base-300)}50%{background-color:var(--color-base-100)}}}
1
+ @import "tailwindcss";@theme inline{--color-base-50:var(--color-slate-50);--color-base-100:var(--color-slate-100);--color-base-200:var(--color-slate-200);--color-base-300:var(--color-slate-300);--color-base-400:var(--color-slate-400);--color-base-500:var(--color-slate-500);--color-base-600:var(--color-slate-600);--color-base-700:var(--color-slate-700);--color-base-800:var(--color-slate-800);--color-base-900:var(--color-slate-900);--color-base-950:var(--color-slate-950);--color-primary-50:var(--color-sky-50);--color-primary-100:var(--color-sky-100);--color-primary-200:var(--color-sky-200);--color-primary-300:var(--color-sky-300);--color-primary-400:var(--color-sky-400);--color-primary-500:var(--color-sky-500);--color-primary-600:var(--color-sky-600);--color-primary-700:var(--color-sky-700);--color-primary-800:var(--color-sky-800);--color-primary-900:var(--color-sky-900);--color-primary-950:var(--color-sky-950);--color-secondary-50:var(--color-lime-50);--color-secondary-100:var(--color-lime-100);--color-secondary-200:var(--color-lime-200);--color-secondary-300:var(--color-lime-300);--color-secondary-400:var(--color-lime-400);--color-secondary-500:var(--color-lime-500);--color-secondary-600:var(--color-lime-600);--color-secondary-700:var(--color-lime-700);--color-secondary-800:var(--color-lime-800);--color-secondary-900:var(--color-lime-900);--color-secondary-950:var(--color-lime-950);--color-info-50:var(--color-blue-50);--color-info-100:var(--color-blue-100);--color-info-200:var(--color-blue-200);--color-info-300:var(--color-blue-300);--color-info-400:var(--color-blue-400);--color-info-500:var(--color-blue-500);--color-info-600:var(--color-blue-600);--color-info-700:var(--color-blue-700);--color-info-800:var(--color-blue-800);--color-info-900:var(--color-blue-900);--color-info-950:var(--color-blue-950);--color-success-50:var(--color-green-50);--color-success-100:var(--color-green-100);--color-success-200:var(--color-green-200);--color-success-300:var(--color-green-300);--color-success-400:var(--color-green-400);--color-success-500:var(--color-green-500);--color-success-600:var(--color-green-600);--color-success-700:var(--color-green-700);--color-success-800:var(--color-green-800);--color-success-900:var(--color-green-900);--color-success-950:var(--color-green-950);--color-warning-50:var(--color-yellow-50);--color-warning-100:var(--color-yellow-100);--color-warning-200:var(--color-yellow-200);--color-warning-300:var(--color-yellow-300);--color-warning-400:var(--color-yellow-400);--color-warning-500:var(--color-yellow-500);--color-warning-600:var(--color-yellow-600);--color-warning-700:var(--color-yellow-700);--color-warning-800:var(--color-yellow-800);--color-warning-900:var(--color-yellow-900);--color-warning-950:var(--color-yellow-950);--color-danger-50:var(--color-red-50);--color-danger-100:var(--color-red-100);--color-danger-200:var(--color-red-200);--color-danger-300:var(--color-red-300);--color-danger-400:var(--color-red-400);--color-danger-500:var(--color-red-500);--color-danger-600:var(--color-red-600);--color-danger-700:var(--color-red-700);--color-danger-800:var(--color-red-800);--color-danger-900:var(--color-red-900);--color-danger-950:var(--color-red-950);--color-for-white-bg-font:var(--color-base-600);--color-for-black-bg-font:var(--color-base-100);--color-base-50-font:var(--color-base-600);--color-base-100-font:var(--color-base-600);--color-base-200-font:var(--color-base-600);--color-base-300-font:var(--color-base-600);--color-base-400-font:var(--color-base-600);--color-base-500-font:var(--color-base-100);--color-base-600-font:var(--color-base-100);--color-base-700-font:var(--color-base-100);--color-base-800-font:var(--color-base-100);--color-base-900-font:var(--color-base-100);--color-base-950-font:var(--color-base-100);--color-primary-50-font:var(--color-base-600);--color-primary-100-font:var(--color-base-600);--color-primary-200-font:var(--color-base-600);--color-primary-300-font:var(--color-base-600);--color-primary-400-font:var(--color-base-600);--color-primary-500-font:var(--color-base-100);--color-primary-600-font:var(--color-base-100);--color-primary-700-font:var(--color-base-100);--color-primary-800-font:var(--color-base-100);--color-primary-900-font:var(--color-base-100);--color-primary-950-font:var(--color-base-100);--color-secondary-50-font:var(--color-base-600);--color-secondary-100-font:var(--color-base-600);--color-secondary-200-font:var(--color-base-600);--color-secondary-300-font:var(--color-base-600);--color-secondary-400-font:var(--color-base-600);--color-secondary-500-font:var(--color-base-100);--color-secondary-600-font:var(--color-base-100);--color-secondary-700-font:var(--color-base-100);--color-secondary-800-font:var(--color-base-100);--color-secondary-900-font:var(--color-base-100);--color-secondary-950-font:var(--color-base-100);--color-success-50-font:var(--color-base-600);--color-success-100-font:var(--color-base-600);--color-success-200-font:var(--color-base-600);--color-success-300-font:var(--color-base-600);--color-success-400-font:var(--color-base-600);--color-success-500-font:var(--color-base-100);--color-success-600-font:var(--color-base-100);--color-success-700-font:var(--color-base-100);--color-success-800-font:var(--color-base-100);--color-success-900-font:var(--color-base-100);--color-success-950-font:var(--color-base-100);--color-info-50-font:var(--color-base-600);--color-info-100-font:var(--color-base-600);--color-info-200-font:var(--color-base-600);--color-info-300-font:var(--color-base-600);--color-info-400-font:var(--color-base-600);--color-info-500-font:var(--color-base-100);--color-info-600-font:var(--color-base-100);--color-info-700-font:var(--color-base-100);--color-info-800-font:var(--color-base-100);--color-info-900-font:var(--color-base-100);--color-info-950-font:var(--color-base-100);--color-warning-50-font:var(--color-base-600);--color-warning-100-font:var(--color-base-600);--color-warning-200-font:var(--color-base-600);--color-warning-300-font:var(--color-base-600);--color-warning-400-font:var(--color-base-600);--color-warning-500-font:var(--color-base-100);--color-warning-600-font:var(--color-base-100);--color-warning-700-font:var(--color-base-100);--color-warning-800-font:var(--color-base-100);--color-warning-900-font:var(--color-base-100);--color-warning-950-font:var(--color-base-100);--color-danger-50-font:var(--color-base-600);--color-danger-100-font:var(--color-base-600);--color-danger-200-font:var(--color-base-600);--color-danger-300-font:var(--color-base-600);--color-danger-400-font:var(--color-base-600);--color-danger-500-font:var(--color-base-100);--color-danger-600-font:var(--color-base-100);--color-danger-700-font:var(--color-base-100);--color-danger-800-font:var(--color-base-100);--color-danger-900-font:var(--color-base-100);--color-danger-950-font:var(--color-base-100);--text-2xs:0.625rem;--text-2xs--line-height:0.75rem;--animate-skeleton:skeleton 2s ease-out infinite;@keyframes skeleton{0%,to{background-color:var(--color-base-300)}50%{background-color:var(--color-base-100)}}}::-webkit-scrollbar{@apply w-3 h-3 bg-transparent}::-webkit-scrollbar-track{@apply bg-transparent}::-webkit-scrollbar-thumb{@apply bg-base-200 rounded-full border-3 border-transparent cursor-pointer bg-clip-content}::-webkit-scrollbar-thumb:hover{@apply bg-base-300 border-l-1 border-t-1}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antify/ui",
3
- "version": "2.4.1",
3
+ "version": "2.4.3",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "exports": {