@wizleap-inc/wiz-ui-next 3.8.0 → 3.9.0

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/dist/components/base/card/card.stories.d.ts +363 -1
  2. package/dist/components/base/card/card.vue.d.ts +11 -0
  3. package/dist/style.css +1 -1
  4. package/dist/wiz-ui.es.js +180 -172
  5. package/dist/wiz-ui.umd.js +12 -12
  6. package/package.json +2 -2
package/dist/components/base/card/card.stories.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { StoryFn, Meta } from '@storybook/vue3';
1
+ import { Meta, StoryFn } from '@storybook/vue3';
2
2
  import { default as WizCard } from './card.vue';
3
3
  declare const _default: Meta<typeof WizCard>;
4
4
  export default _default;
@@ -30,6 +30,11 @@ export declare const Default: StoryFn<{
30
30
  type: BooleanConstructor;
31
31
  required: false;
32
32
  };
33
+ borderColor: {
34
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
35
+ required: false;
36
+ default: string;
37
+ };
33
38
  align: {
34
39
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
35
40
  required: false;
@@ -75,6 +80,11 @@ export declare const Default: StoryFn<{
75
80
  type: BooleanConstructor;
76
81
  required: false;
77
82
  };
83
+ borderColor: {
84
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
85
+ required: false;
86
+ default: string;
87
+ };
78
88
  align: {
79
89
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
80
90
  required: false;
@@ -96,6 +106,7 @@ export declare const Default: StoryFn<{
96
106
  }>>, {
97
107
  backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
98
108
  border: boolean;
109
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
99
110
  gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
100
111
  p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
101
112
  align: "stretch" | "center" | "end" | "start";
@@ -135,6 +146,11 @@ export declare const Default: StoryFn<{
135
146
  type: BooleanConstructor;
136
147
  required: false;
137
148
  };
149
+ borderColor: {
150
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
151
+ required: false;
152
+ default: string;
153
+ };
138
154
  align: {
139
155
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
140
156
  required: false;
@@ -156,6 +172,7 @@ export declare const Default: StoryFn<{
156
172
  }>>, {}, {}, {}, {}, {
157
173
  backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
158
174
  border: boolean;
175
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
159
176
  gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
160
177
  p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
161
178
  align: "stretch" | "center" | "end" | "start";
@@ -192,6 +209,11 @@ export declare const Default: StoryFn<{
192
209
  type: BooleanConstructor;
193
210
  required: false;
194
211
  };
212
+ borderColor: {
213
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
214
+ required: false;
215
+ default: string;
216
+ };
195
217
  align: {
196
218
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
197
219
  required: false;
@@ -213,6 +235,7 @@ export declare const Default: StoryFn<{
213
235
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
214
236
  backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
215
237
  border: boolean;
238
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
216
239
  gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
217
240
  p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
218
241
  align: "stretch" | "center" | "end" | "start";
@@ -254,6 +277,11 @@ export declare const Shadow: StoryFn<{
254
277
  type: BooleanConstructor;
255
278
  required: false;
256
279
  };
280
+ borderColor: {
281
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
282
+ required: false;
283
+ default: string;
284
+ };
257
285
  align: {
258
286
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
259
287
  required: false;
@@ -299,6 +327,11 @@ export declare const Shadow: StoryFn<{
299
327
  type: BooleanConstructor;
300
328
  required: false;
301
329
  };
330
+ borderColor: {
331
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
332
+ required: false;
333
+ default: string;
334
+ };
302
335
  align: {
303
336
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
304
337
  required: false;
@@ -320,6 +353,7 @@ export declare const Shadow: StoryFn<{
320
353
  }>>, {
321
354
  backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
322
355
  border: boolean;
356
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
323
357
  gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
324
358
  p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
325
359
  align: "stretch" | "center" | "end" | "start";
@@ -359,6 +393,11 @@ export declare const Shadow: StoryFn<{
359
393
  type: BooleanConstructor;
360
394
  required: false;
361
395
  };
396
+ borderColor: {
397
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
398
+ required: false;
399
+ default: string;
400
+ };
362
401
  align: {
363
402
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
364
403
  required: false;
@@ -380,6 +419,7 @@ export declare const Shadow: StoryFn<{
380
419
  }>>, {}, {}, {}, {}, {
381
420
  backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
382
421
  border: boolean;
422
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
383
423
  gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
384
424
  p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
385
425
  align: "stretch" | "center" | "end" | "start";
@@ -416,6 +456,11 @@ export declare const Shadow: StoryFn<{
416
456
  type: BooleanConstructor;
417
457
  required: false;
418
458
  };
459
+ borderColor: {
460
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
461
+ required: false;
462
+ default: string;
463
+ };
419
464
  align: {
420
465
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
421
466
  required: false;
@@ -437,6 +482,7 @@ export declare const Shadow: StoryFn<{
437
482
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
438
483
  backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
439
484
  border: boolean;
485
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
440
486
  gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
441
487
  p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
442
488
  align: "stretch" | "center" | "end" | "start";
@@ -478,6 +524,11 @@ export declare const Border: StoryFn<{
478
524
  type: BooleanConstructor;
479
525
  required: false;
480
526
  };
527
+ borderColor: {
528
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
529
+ required: false;
530
+ default: string;
531
+ };
481
532
  align: {
482
533
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
483
534
  required: false;
@@ -523,6 +574,11 @@ export declare const Border: StoryFn<{
523
574
  type: BooleanConstructor;
524
575
  required: false;
525
576
  };
577
+ borderColor: {
578
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
579
+ required: false;
580
+ default: string;
581
+ };
526
582
  align: {
527
583
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
528
584
  required: false;
@@ -544,6 +600,7 @@ export declare const Border: StoryFn<{
544
600
  }>>, {
545
601
  backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
546
602
  border: boolean;
603
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
547
604
  gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
548
605
  p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
549
606
  align: "stretch" | "center" | "end" | "start";
@@ -583,6 +640,11 @@ export declare const Border: StoryFn<{
583
640
  type: BooleanConstructor;
584
641
  required: false;
585
642
  };
643
+ borderColor: {
644
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
645
+ required: false;
646
+ default: string;
647
+ };
586
648
  align: {
587
649
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
588
650
  required: false;
@@ -604,6 +666,7 @@ export declare const Border: StoryFn<{
604
666
  }>>, {}, {}, {}, {}, {
605
667
  backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
606
668
  border: boolean;
669
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
607
670
  gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
608
671
  p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
609
672
  align: "stretch" | "center" | "end" | "start";
@@ -640,6 +703,11 @@ export declare const Border: StoryFn<{
640
703
  type: BooleanConstructor;
641
704
  required: false;
642
705
  };
706
+ borderColor: {
707
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
708
+ required: false;
709
+ default: string;
710
+ };
643
711
  align: {
644
712
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
645
713
  required: false;
@@ -661,6 +729,254 @@ export declare const Border: StoryFn<{
661
729
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
662
730
  backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
663
731
  border: boolean;
732
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
733
+ gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
734
+ p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
735
+ align: "stretch" | "center" | "end" | "start";
736
+ shadow: boolean;
737
+ fit: boolean;
738
+ }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
739
+ $slots: {
740
+ mainHeaderArea?(_: {}): any;
741
+ subHeaderArea?(_: {}): any;
742
+ default?(_: {}): any;
743
+ footer?(_: {}): any;
744
+ };
745
+ })>;
746
+ export declare const BorderColor: StoryFn<{
747
+ new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
748
+ p: {
749
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').SpacingKeys>;
750
+ required: false;
751
+ default: string;
752
+ };
753
+ px: {
754
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').SpacingKeys>;
755
+ required: false;
756
+ };
757
+ py: {
758
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').SpacingKeys>;
759
+ required: false;
760
+ };
761
+ backgroundColor: {
762
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
763
+ required: false;
764
+ default: string;
765
+ };
766
+ shadow: {
767
+ type: BooleanConstructor;
768
+ required: false;
769
+ };
770
+ border: {
771
+ type: BooleanConstructor;
772
+ required: false;
773
+ };
774
+ borderColor: {
775
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
776
+ required: false;
777
+ default: string;
778
+ };
779
+ align: {
780
+ type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
781
+ required: false;
782
+ default: string;
783
+ };
784
+ fit: {
785
+ type: BooleanConstructor;
786
+ required: false;
787
+ };
788
+ maxWidth: {
789
+ type: StringConstructor;
790
+ required: false;
791
+ };
792
+ gap: {
793
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').SpacingKeys>;
794
+ required: false;
795
+ default: string;
796
+ };
797
+ }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
798
+ p: {
799
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').SpacingKeys>;
800
+ required: false;
801
+ default: string;
802
+ };
803
+ px: {
804
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').SpacingKeys>;
805
+ required: false;
806
+ };
807
+ py: {
808
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').SpacingKeys>;
809
+ required: false;
810
+ };
811
+ backgroundColor: {
812
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
813
+ required: false;
814
+ default: string;
815
+ };
816
+ shadow: {
817
+ type: BooleanConstructor;
818
+ required: false;
819
+ };
820
+ border: {
821
+ type: BooleanConstructor;
822
+ required: false;
823
+ };
824
+ borderColor: {
825
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
826
+ required: false;
827
+ default: string;
828
+ };
829
+ align: {
830
+ type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
831
+ required: false;
832
+ default: string;
833
+ };
834
+ fit: {
835
+ type: BooleanConstructor;
836
+ required: false;
837
+ };
838
+ maxWidth: {
839
+ type: StringConstructor;
840
+ required: false;
841
+ };
842
+ gap: {
843
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').SpacingKeys>;
844
+ required: false;
845
+ default: string;
846
+ };
847
+ }>>, {
848
+ backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
849
+ border: boolean;
850
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
851
+ gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
852
+ p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
853
+ align: "stretch" | "center" | "end" | "start";
854
+ shadow: boolean;
855
+ fit: boolean;
856
+ }, true, {}, {}, {
857
+ P: {};
858
+ B: {};
859
+ D: {};
860
+ C: {};
861
+ M: {};
862
+ Defaults: {};
863
+ }, Readonly<import('vue').ExtractPropTypes<{
864
+ p: {
865
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').SpacingKeys>;
866
+ required: false;
867
+ default: string;
868
+ };
869
+ px: {
870
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').SpacingKeys>;
871
+ required: false;
872
+ };
873
+ py: {
874
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').SpacingKeys>;
875
+ required: false;
876
+ };
877
+ backgroundColor: {
878
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
879
+ required: false;
880
+ default: string;
881
+ };
882
+ shadow: {
883
+ type: BooleanConstructor;
884
+ required: false;
885
+ };
886
+ border: {
887
+ type: BooleanConstructor;
888
+ required: false;
889
+ };
890
+ borderColor: {
891
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
892
+ required: false;
893
+ default: string;
894
+ };
895
+ align: {
896
+ type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
897
+ required: false;
898
+ default: string;
899
+ };
900
+ fit: {
901
+ type: BooleanConstructor;
902
+ required: false;
903
+ };
904
+ maxWidth: {
905
+ type: StringConstructor;
906
+ required: false;
907
+ };
908
+ gap: {
909
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').SpacingKeys>;
910
+ required: false;
911
+ default: string;
912
+ };
913
+ }>>, {}, {}, {}, {}, {
914
+ backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
915
+ border: boolean;
916
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
917
+ gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
918
+ p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
919
+ align: "stretch" | "center" | "end" | "start";
920
+ shadow: boolean;
921
+ fit: boolean;
922
+ }>;
923
+ __isFragment?: never;
924
+ __isTeleport?: never;
925
+ __isSuspense?: never;
926
+ } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
927
+ p: {
928
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').SpacingKeys>;
929
+ required: false;
930
+ default: string;
931
+ };
932
+ px: {
933
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').SpacingKeys>;
934
+ required: false;
935
+ };
936
+ py: {
937
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').SpacingKeys>;
938
+ required: false;
939
+ };
940
+ backgroundColor: {
941
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
942
+ required: false;
943
+ default: string;
944
+ };
945
+ shadow: {
946
+ type: BooleanConstructor;
947
+ required: false;
948
+ };
949
+ border: {
950
+ type: BooleanConstructor;
951
+ required: false;
952
+ };
953
+ borderColor: {
954
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
955
+ required: false;
956
+ default: string;
957
+ };
958
+ align: {
959
+ type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
960
+ required: false;
961
+ default: string;
962
+ };
963
+ fit: {
964
+ type: BooleanConstructor;
965
+ required: false;
966
+ };
967
+ maxWidth: {
968
+ type: StringConstructor;
969
+ required: false;
970
+ };
971
+ gap: {
972
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').SpacingKeys>;
973
+ required: false;
974
+ default: string;
975
+ };
976
+ }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
977
+ backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
978
+ border: boolean;
979
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
664
980
  gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
665
981
  p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
666
982
  align: "stretch" | "center" | "end" | "start";
@@ -702,6 +1018,11 @@ export declare const Align: StoryFn<{
702
1018
  type: BooleanConstructor;
703
1019
  required: false;
704
1020
  };
1021
+ borderColor: {
1022
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
1023
+ required: false;
1024
+ default: string;
1025
+ };
705
1026
  align: {
706
1027
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
707
1028
  required: false;
@@ -747,6 +1068,11 @@ export declare const Align: StoryFn<{
747
1068
  type: BooleanConstructor;
748
1069
  required: false;
749
1070
  };
1071
+ borderColor: {
1072
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
1073
+ required: false;
1074
+ default: string;
1075
+ };
750
1076
  align: {
751
1077
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
752
1078
  required: false;
@@ -768,6 +1094,7 @@ export declare const Align: StoryFn<{
768
1094
  }>>, {
769
1095
  backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
770
1096
  border: boolean;
1097
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
771
1098
  gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
772
1099
  p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
773
1100
  align: "stretch" | "center" | "end" | "start";
@@ -807,6 +1134,11 @@ export declare const Align: StoryFn<{
807
1134
  type: BooleanConstructor;
808
1135
  required: false;
809
1136
  };
1137
+ borderColor: {
1138
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
1139
+ required: false;
1140
+ default: string;
1141
+ };
810
1142
  align: {
811
1143
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
812
1144
  required: false;
@@ -828,6 +1160,7 @@ export declare const Align: StoryFn<{
828
1160
  }>>, {}, {}, {}, {}, {
829
1161
  backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
830
1162
  border: boolean;
1163
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
831
1164
  gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
832
1165
  p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
833
1166
  align: "stretch" | "center" | "end" | "start";
@@ -864,6 +1197,11 @@ export declare const Align: StoryFn<{
864
1197
  type: BooleanConstructor;
865
1198
  required: false;
866
1199
  };
1200
+ borderColor: {
1201
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
1202
+ required: false;
1203
+ default: string;
1204
+ };
867
1205
  align: {
868
1206
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
869
1207
  required: false;
@@ -885,6 +1223,7 @@ export declare const Align: StoryFn<{
885
1223
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
886
1224
  backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
887
1225
  border: boolean;
1226
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
888
1227
  gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
889
1228
  p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
890
1229
  align: "stretch" | "center" | "end" | "start";
@@ -926,6 +1265,11 @@ export declare const Gap: StoryFn<{
926
1265
  type: BooleanConstructor;
927
1266
  required: false;
928
1267
  };
1268
+ borderColor: {
1269
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
1270
+ required: false;
1271
+ default: string;
1272
+ };
929
1273
  align: {
930
1274
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
931
1275
  required: false;
@@ -971,6 +1315,11 @@ export declare const Gap: StoryFn<{
971
1315
  type: BooleanConstructor;
972
1316
  required: false;
973
1317
  };
1318
+ borderColor: {
1319
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
1320
+ required: false;
1321
+ default: string;
1322
+ };
974
1323
  align: {
975
1324
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
976
1325
  required: false;
@@ -992,6 +1341,7 @@ export declare const Gap: StoryFn<{
992
1341
  }>>, {
993
1342
  backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
994
1343
  border: boolean;
1344
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
995
1345
  gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
996
1346
  p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
997
1347
  align: "stretch" | "center" | "end" | "start";
@@ -1031,6 +1381,11 @@ export declare const Gap: StoryFn<{
1031
1381
  type: BooleanConstructor;
1032
1382
  required: false;
1033
1383
  };
1384
+ borderColor: {
1385
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
1386
+ required: false;
1387
+ default: string;
1388
+ };
1034
1389
  align: {
1035
1390
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
1036
1391
  required: false;
@@ -1052,6 +1407,7 @@ export declare const Gap: StoryFn<{
1052
1407
  }>>, {}, {}, {}, {}, {
1053
1408
  backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
1054
1409
  border: boolean;
1410
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
1055
1411
  gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
1056
1412
  p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
1057
1413
  align: "stretch" | "center" | "end" | "start";
@@ -1088,6 +1444,11 @@ export declare const Gap: StoryFn<{
1088
1444
  type: BooleanConstructor;
1089
1445
  required: false;
1090
1446
  };
1447
+ borderColor: {
1448
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
1449
+ required: false;
1450
+ default: string;
1451
+ };
1091
1452
  align: {
1092
1453
  type: import('vue').PropType<"start" | "center" | "end" | "stretch">;
1093
1454
  required: false;
@@ -1109,6 +1470,7 @@ export declare const Gap: StoryFn<{
1109
1470
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
1110
1471
  backgroundColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
1111
1472
  border: boolean;
1473
+ borderColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
1112
1474
  gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
1113
1475
  p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
1114
1476
  align: "stretch" | "center" | "end" | "start";
package/dist/components/base/card/card.vue.d.ts CHANGED
@@ -39,6 +39,11 @@ declare const __VLS_component: import('vue').DefineComponent<{
39
39
  type: BooleanConstructor;
40
40
  required: false;
41
41
  };
42
+ borderColor: {
43
+ type: PropType<ColorKeys>;
44
+ required: false;
45
+ default: string;
46
+ };
42
47
  align: {
43
48
  type: PropType<"start" | "center" | "end" | "stretch">;
44
49
  required: false;
@@ -84,6 +89,11 @@ declare const __VLS_component: import('vue').DefineComponent<{
84
89
  type: BooleanConstructor;
85
90
  required: false;
86
91
  };
92
+ borderColor: {
93
+ type: PropType<ColorKeys>;
94
+ required: false;
95
+ default: string;
96
+ };
87
97
  align: {
88
98
  type: PropType<"start" | "center" | "end" | "stretch">;
89
99
  required: false;
@@ -105,6 +115,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
105
115
  }>>, {
106
116
  backgroundColor: ColorKeys;
107
117
  border: boolean;
118
+ borderColor: ColorKeys;
108
119
  gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
109
120
  p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
110
121
  align: "stretch" | "center" | "end" | "start";