krl-alfred 2.20.3 → 2.20.4

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 (23) hide show
  1. package/dist/components/Checkbox/Checkbox.js +12 -1
  2. package/dist/components/Checkbox/Checkbox.styled.d.ts +5 -1
  3. package/dist/components/Checkbox/Checkbox.styled.js +32 -28
  4. package/dist/components/DescriptionCard/DescriptionCard.d.ts +1 -1
  5. package/dist/components/DescriptionCard/DescriptionCard.js +19 -2
  6. package/dist/components/DescriptionCard/DescriptionCard.styled.d.ts +25 -1
  7. package/dist/components/DescriptionCard/DescriptionCard.styled.js +50 -21
  8. package/dist/components/DescriptionCard/props.d.ts +27 -0
  9. package/dist/components/DescriptionCard/props.js +8 -1
  10. package/dist/components/DescriptionCard/stories/DescriptionCard.stories.d.ts +7 -1
  11. package/dist/components/DescriptionCard/stories/DescriptionCard.stories.js +45 -2
  12. package/dist/components/Icon/iconList/Subcategory.d.ts +3 -0
  13. package/dist/components/Icon/iconList/Subcategory.js +40 -0
  14. package/dist/components/Icon/iconList/index.d.ts +5 -1
  15. package/dist/components/Icon/iconList/index.js +9 -3
  16. package/dist/components/ProductCardVertical/ProductCardVertical.d.ts +1 -1
  17. package/dist/components/ProductCardVertical/ProductCardVertical.js +4 -2
  18. package/dist/components/ProductCardVertical/ProductCardVertical.styled.js +18 -16
  19. package/dist/components/ProductCardVertical/props.d.ts +4 -0
  20. package/dist/components/ProductCardVertical/props.js +2 -0
  21. package/dist/components/ProductCardVertical/stories/ProductCardVertical.stories.d.ts +101 -1
  22. package/dist/components/ProductCardVertical/stories/ProductCardVertical.stories.js +15 -1
  23. package/package.json +1 -1
@@ -7,7 +7,7 @@ import type { ProductCardVerticalProps } from "../props";
7
7
  export declare const allProductCardArgs: ProductCardVerticalProps;
8
8
  declare const _default: {
9
9
  title: string;
10
- component: React.MemoExoticComponent<({ title, description, hasDiscount, price, oldPrice, oldPricePeriod, slug, component, period, discountRate, isResponsive, image, hasCustomBadge, customBadge, hasNewImageType, hasOutOfStock, hasBeltBadge, beltBadgeVariant, beltBadgeTitle, imageInfoText, imageInfoTextVariant, isShowOldPrice, isOldPricePeriodUnderline, hasImageOffset, hasButton, buttonOnClick, buttonText, }: import("../props").ProductCardVertical) => React.JSX.Element>;
10
+ component: React.MemoExoticComponent<({ title, description, hasDiscount, price, oldPrice, oldPricePeriod, slug, component, period, discountRate, isResponsive, image, hasCustomBadge, customBadge, hasNewImageType, hasSquareFillImage, hasOutOfStock, hasBeltBadge, beltBadgeVariant, beltBadgeTitle, imageInfoText, imageInfoTextVariant, isShowOldPrice, isOldPricePeriodUnderline, hasImageOffset, hasSingleLineDescription, hasButton, buttonOnClick, buttonText, }: import("../props").ProductCardVertical) => React.JSX.Element>;
11
11
  tags: string[];
12
12
  argTypes: {
13
13
  title: {
@@ -61,6 +61,10 @@ declare const _default: {
61
61
  hasNewImageType: {
62
62
  control: string;
63
63
  };
64
+ hasSquareFillImage: {
65
+ control: string;
66
+ description: string;
67
+ };
64
68
  hasOutOfStock: {
65
69
  control: string;
66
70
  };
@@ -90,6 +94,10 @@ declare const _default: {
90
94
  hasImageOffset: {
91
95
  control: string;
92
96
  };
97
+ hasSingleLineDescription: {
98
+ control: string;
99
+ description: string;
100
+ };
93
101
  hasButton: {
94
102
  control: string;
95
103
  };
@@ -121,6 +129,7 @@ export declare const Default: {
121
129
  image?: React.ReactNode;
122
130
  customBadge?: React.ReactNode;
123
131
  hasNewImageType?: boolean;
132
+ hasSquareFillImage?: boolean;
124
133
  hasOutOfStock?: boolean;
125
134
  hasBeltBadge?: boolean;
126
135
  isShowOldPrice?: boolean;
@@ -130,6 +139,7 @@ export declare const Default: {
130
139
  imageInfoTextVariant?: string;
131
140
  isOldPricePeriodUnderline?: boolean;
132
141
  hasImageOffset?: boolean;
142
+ hasSingleLineDescription?: boolean;
133
143
  hasButton?: boolean;
134
144
  buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
135
145
  buttonText?: string;
@@ -153,6 +163,7 @@ export declare const NoDiscount: {
153
163
  image?: React.ReactNode;
154
164
  customBadge?: React.ReactNode;
155
165
  hasNewImageType?: boolean;
166
+ hasSquareFillImage?: boolean;
156
167
  hasOutOfStock?: boolean;
157
168
  hasBeltBadge?: boolean;
158
169
  beltBadgeVariant?: string;
@@ -161,6 +172,7 @@ export declare const NoDiscount: {
161
172
  imageInfoTextVariant?: string;
162
173
  isOldPricePeriodUnderline?: boolean;
163
174
  hasImageOffset?: boolean;
175
+ hasSingleLineDescription?: boolean;
164
176
  hasButton?: boolean;
165
177
  buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
166
178
  buttonText?: string;
@@ -185,6 +197,7 @@ export declare const OutOfStock: {
185
197
  image?: React.ReactNode;
186
198
  customBadge?: React.ReactNode;
187
199
  hasNewImageType?: boolean;
200
+ hasSquareFillImage?: boolean;
188
201
  isShowOldPrice?: boolean;
189
202
  beltBadgeVariant?: string;
190
203
  beltBadgeTitle?: string;
@@ -192,6 +205,7 @@ export declare const OutOfStock: {
192
205
  imageInfoTextVariant?: string;
193
206
  isOldPricePeriodUnderline?: boolean;
194
207
  hasImageOffset?: boolean;
208
+ hasSingleLineDescription?: boolean;
195
209
  hasButton?: boolean;
196
210
  buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
197
211
  buttonText?: string;
@@ -215,6 +229,7 @@ export declare const WithCustomBadge: {
215
229
  isResponsive?: boolean;
216
230
  image?: React.ReactNode;
217
231
  hasNewImageType?: boolean;
232
+ hasSquareFillImage?: boolean;
218
233
  hasOutOfStock?: boolean;
219
234
  isShowOldPrice?: boolean;
220
235
  beltBadgeVariant?: string;
@@ -223,6 +238,7 @@ export declare const WithCustomBadge: {
223
238
  imageInfoTextVariant?: string;
224
239
  isOldPricePeriodUnderline?: boolean;
225
240
  hasImageOffset?: boolean;
241
+ hasSingleLineDescription?: boolean;
226
242
  hasButton?: boolean;
227
243
  buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
228
244
  buttonText?: string;
@@ -246,6 +262,7 @@ export declare const ResponsiveWithNewImageType: {
246
262
  discountRate?: number;
247
263
  image?: React.ReactNode;
248
264
  customBadge?: React.ReactNode;
265
+ hasSquareFillImage?: boolean;
249
266
  hasOutOfStock?: boolean;
250
267
  hasBeltBadge?: boolean;
251
268
  isShowOldPrice?: boolean;
@@ -254,6 +271,7 @@ export declare const ResponsiveWithNewImageType: {
254
271
  imageInfoText?: string;
255
272
  imageInfoTextVariant?: string;
256
273
  isOldPricePeriodUnderline?: boolean;
274
+ hasSingleLineDescription?: boolean;
257
275
  hasButton?: boolean;
258
276
  buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
259
277
  buttonText?: string;
@@ -278,6 +296,7 @@ export declare const DarkImageInfoText: {
278
296
  image?: React.ReactNode;
279
297
  customBadge?: React.ReactNode;
280
298
  hasNewImageType?: boolean;
299
+ hasSquareFillImage?: boolean;
281
300
  hasOutOfStock?: boolean;
282
301
  hasBeltBadge?: boolean;
283
302
  isShowOldPrice?: boolean;
@@ -285,6 +304,7 @@ export declare const DarkImageInfoText: {
285
304
  beltBadgeTitle?: string;
286
305
  isOldPricePeriodUnderline?: boolean;
287
306
  hasImageOffset?: boolean;
307
+ hasSingleLineDescription?: boolean;
288
308
  hasButton?: boolean;
289
309
  buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
290
310
  buttonText?: string;
@@ -308,6 +328,7 @@ export declare const WithoutBeltBadge: {
308
328
  image?: React.ReactNode;
309
329
  customBadge?: React.ReactNode;
310
330
  hasNewImageType?: boolean;
331
+ hasSquareFillImage?: boolean;
311
332
  hasOutOfStock?: boolean;
312
333
  isShowOldPrice?: boolean;
313
334
  beltBadgeVariant?: string;
@@ -316,6 +337,7 @@ export declare const WithoutBeltBadge: {
316
337
  imageInfoTextVariant?: string;
317
338
  isOldPricePeriodUnderline?: boolean;
318
339
  hasImageOffset?: boolean;
340
+ hasSingleLineDescription?: boolean;
319
341
  hasButton?: boolean;
320
342
  buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
321
343
  buttonText?: string;
@@ -339,6 +361,7 @@ export declare const WithoutImageInfoText: {
339
361
  image?: React.ReactNode;
340
362
  customBadge?: React.ReactNode;
341
363
  hasNewImageType?: boolean;
364
+ hasSquareFillImage?: boolean;
342
365
  hasOutOfStock?: boolean;
343
366
  hasBeltBadge?: boolean;
344
367
  isShowOldPrice?: boolean;
@@ -347,6 +370,7 @@ export declare const WithoutImageInfoText: {
347
370
  imageInfoTextVariant?: string;
348
371
  isOldPricePeriodUnderline?: boolean;
349
372
  hasImageOffset?: boolean;
373
+ hasSingleLineDescription?: boolean;
350
374
  hasButton?: boolean;
351
375
  buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
352
376
  buttonText?: string;
@@ -372,12 +396,14 @@ export declare const Minimal: {
372
396
  image?: React.ReactNode;
373
397
  customBadge?: React.ReactNode;
374
398
  hasNewImageType?: boolean;
399
+ hasSquareFillImage?: boolean;
375
400
  hasOutOfStock?: boolean;
376
401
  beltBadgeVariant?: string;
377
402
  beltBadgeTitle?: string;
378
403
  imageInfoTextVariant?: string;
379
404
  isOldPricePeriodUnderline?: boolean;
380
405
  hasImageOffset?: boolean;
406
+ hasSingleLineDescription?: boolean;
381
407
  hasButton?: boolean;
382
408
  buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
383
409
  buttonText?: string;
@@ -401,6 +427,40 @@ export declare const WithoutImageOffset: {
401
427
  image?: React.ReactNode;
402
428
  customBadge?: React.ReactNode;
403
429
  hasNewImageType?: boolean;
430
+ hasSquareFillImage?: boolean;
431
+ hasOutOfStock?: boolean;
432
+ hasBeltBadge?: boolean;
433
+ isShowOldPrice?: boolean;
434
+ beltBadgeVariant?: string;
435
+ beltBadgeTitle?: string;
436
+ imageInfoText?: string;
437
+ imageInfoTextVariant?: string;
438
+ isOldPricePeriodUnderline?: boolean;
439
+ hasSingleLineDescription?: boolean;
440
+ hasButton?: boolean;
441
+ buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
442
+ buttonText?: string;
443
+ };
444
+ };
445
+ export declare const SingleLineDescription: {
446
+ args: {
447
+ hasSingleLineDescription: boolean;
448
+ title?: string;
449
+ description?: string;
450
+ hasDiscount?: boolean;
451
+ hasCustomBadge?: boolean;
452
+ price?: string;
453
+ oldPrice?: string;
454
+ oldPricePeriod?: string;
455
+ slug?: string;
456
+ component?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
457
+ period?: string;
458
+ discountRate?: number;
459
+ isResponsive?: boolean;
460
+ image?: React.ReactNode;
461
+ customBadge?: React.ReactNode;
462
+ hasNewImageType?: boolean;
463
+ hasSquareFillImage?: boolean;
404
464
  hasOutOfStock?: boolean;
405
465
  hasBeltBadge?: boolean;
406
466
  isShowOldPrice?: boolean;
@@ -409,6 +469,40 @@ export declare const WithoutImageOffset: {
409
469
  imageInfoText?: string;
410
470
  imageInfoTextVariant?: string;
411
471
  isOldPricePeriodUnderline?: boolean;
472
+ hasImageOffset?: boolean;
473
+ hasButton?: boolean;
474
+ buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
475
+ buttonText?: string;
476
+ };
477
+ };
478
+ export declare const SquareFillImage: {
479
+ args: {
480
+ hasSquareFillImage: boolean;
481
+ title?: string;
482
+ description?: string;
483
+ hasDiscount?: boolean;
484
+ hasCustomBadge?: boolean;
485
+ price?: string;
486
+ oldPrice?: string;
487
+ oldPricePeriod?: string;
488
+ slug?: string;
489
+ component?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
490
+ period?: string;
491
+ discountRate?: number;
492
+ isResponsive?: boolean;
493
+ image?: React.ReactNode;
494
+ customBadge?: React.ReactNode;
495
+ hasNewImageType?: boolean;
496
+ hasOutOfStock?: boolean;
497
+ hasBeltBadge?: boolean;
498
+ isShowOldPrice?: boolean;
499
+ beltBadgeVariant?: string;
500
+ beltBadgeTitle?: string;
501
+ imageInfoText?: string;
502
+ imageInfoTextVariant?: string;
503
+ isOldPricePeriodUnderline?: boolean;
504
+ hasImageOffset?: boolean;
505
+ hasSingleLineDescription?: boolean;
412
506
  hasButton?: boolean;
413
507
  buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
414
508
  buttonText?: string;
@@ -432,6 +526,7 @@ export declare const WithoutOldPrice: {
432
526
  image?: React.ReactNode;
433
527
  customBadge?: React.ReactNode;
434
528
  hasNewImageType?: boolean;
529
+ hasSquareFillImage?: boolean;
435
530
  hasOutOfStock?: boolean;
436
531
  hasBeltBadge?: boolean;
437
532
  beltBadgeVariant?: string;
@@ -440,6 +535,7 @@ export declare const WithoutOldPrice: {
440
535
  imageInfoTextVariant?: string;
441
536
  isOldPricePeriodUnderline?: boolean;
442
537
  hasImageOffset?: boolean;
538
+ hasSingleLineDescription?: boolean;
443
539
  hasButton?: boolean;
444
540
  buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
445
541
  buttonText?: string;
@@ -463,6 +559,7 @@ export declare const WithoutOldPriceUnderline: {
463
559
  image?: React.ReactNode;
464
560
  customBadge?: React.ReactNode;
465
561
  hasNewImageType?: boolean;
562
+ hasSquareFillImage?: boolean;
466
563
  hasOutOfStock?: boolean;
467
564
  hasBeltBadge?: boolean;
468
565
  isShowOldPrice?: boolean;
@@ -471,6 +568,7 @@ export declare const WithoutOldPriceUnderline: {
471
568
  imageInfoText?: string;
472
569
  imageInfoTextVariant?: string;
473
570
  hasImageOffset?: boolean;
571
+ hasSingleLineDescription?: boolean;
474
572
  hasButton?: boolean;
475
573
  buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
476
574
  buttonText?: string;
@@ -499,6 +597,7 @@ export declare const WithButton: {
499
597
  image?: React.ReactNode;
500
598
  customBadge?: React.ReactNode;
501
599
  hasNewImageType?: boolean;
600
+ hasSquareFillImage?: boolean;
502
601
  hasOutOfStock?: boolean;
503
602
  hasBeltBadge?: boolean;
504
603
  isShowOldPrice?: boolean;
@@ -508,6 +607,7 @@ export declare const WithButton: {
508
607
  imageInfoTextVariant?: string;
509
608
  isOldPricePeriodUnderline?: boolean;
510
609
  hasImageOffset?: boolean;
610
+ hasSingleLineDescription?: boolean;
511
611
  buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
512
612
  };
513
613
  };
@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
14
14
  return (mod && mod.__esModule) ? mod : { "default": mod };
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.WithButton = exports.WithoutOldPriceUnderline = exports.WithoutOldPrice = exports.WithoutImageOffset = exports.Minimal = exports.WithoutImageInfoText = exports.WithoutBeltBadge = exports.DarkImageInfoText = exports.ResponsiveWithNewImageType = exports.WithCustomBadge = exports.OutOfStock = exports.NoDiscount = exports.Default = exports.allProductCardArgs = void 0;
17
+ exports.WithButton = exports.WithoutOldPriceUnderline = exports.WithoutOldPrice = exports.SquareFillImage = exports.SingleLineDescription = exports.WithoutImageOffset = exports.Minimal = exports.WithoutImageInfoText = exports.WithoutBeltBadge = exports.DarkImageInfoText = exports.ResponsiveWithNewImageType = exports.WithCustomBadge = exports.OutOfStock = exports.NoDiscount = exports.Default = exports.allProductCardArgs = void 0;
18
18
  var jsx_runtime_1 = require("react/jsx-runtime");
19
19
  var ProductCardVertical_1 = __importDefault(require("../ProductCardVertical"));
20
20
  var props_1 = require("../props");
@@ -88,6 +88,10 @@ exports.default = {
88
88
  hasCustomBadge: { control: "boolean" },
89
89
  customBadge: { control: false },
90
90
  hasNewImageType: { control: "boolean" },
91
+ hasSquareFillImage: {
92
+ control: "boolean",
93
+ description: "Görseli 1/1 oranında wrapper'ı tamamen doldurur",
94
+ },
91
95
  hasOutOfStock: { control: "boolean" },
92
96
  hasBeltBadge: { control: "boolean" },
93
97
  beltBadgeVariant: {
@@ -103,6 +107,10 @@ exports.default = {
103
107
  isShowOldPrice: { control: "boolean" },
104
108
  isOldPricePeriodUnderline: { control: "boolean" },
105
109
  hasImageOffset: { control: "boolean" },
110
+ hasSingleLineDescription: {
111
+ control: "boolean",
112
+ description: "Açıklamayı tek satırda gösterir; alt boşluk 1rem olur",
113
+ },
106
114
  hasButton: { control: "boolean" },
107
115
  buttonText: { control: "text" },
108
116
  buttonOnClick: { action: "buttonOnClick" },
@@ -140,6 +148,12 @@ exports.Minimal = {
140
148
  exports.WithoutImageOffset = {
141
149
  args: __assign(__assign({}, exports.allProductCardArgs), { hasImageOffset: false }),
142
150
  };
151
+ exports.SingleLineDescription = {
152
+ args: __assign(__assign({}, exports.allProductCardArgs), { hasSingleLineDescription: true }),
153
+ };
154
+ exports.SquareFillImage = {
155
+ args: __assign(__assign({}, exports.allProductCardArgs), { hasSquareFillImage: true }),
156
+ };
143
157
  exports.WithoutOldPrice = {
144
158
  args: __assign(__assign({}, exports.allProductCardArgs), { isShowOldPrice: false, oldPrice: null }),
145
159
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "krl-alfred",
3
- "version": "2.20.3",
3
+ "version": "2.20.4",
4
4
  "files": [
5
5
  "dist"
6
6
  ],