tide-design-system 2.2.15 → 2.2.16
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.
- package/.storybook/preview.ts +8 -1
- package/dist/css/reset.css +1 -1
- package/dist/css/utilities-lg.css +7 -3
- package/dist/css/utilities-md.css +7 -3
- package/dist/css/utilities-sm.css +7 -3
- package/dist/css/utilities-xl.css +7 -3
- package/dist/css/utilities.css +7 -3
- package/dist/css/variables.css +1 -1
- package/dist/style.css +1 -1
- package/dist/tide-design-system.cjs +2 -2
- package/dist/tide-design-system.esm.d.ts +16 -18
- package/dist/tide-design-system.esm.js +1191 -1175
- package/dist/utilities/storybook.ts +12 -3
- package/index.ts +3 -1
- package/package.json +1 -1
- package/src/assets/css/reset.css +1 -1
- package/src/assets/css/utilities-lg.css +7 -3
- package/src/assets/css/utilities-md.css +7 -3
- package/src/assets/css/utilities-sm.css +7 -3
- package/src/assets/css/utilities-xl.css +7 -3
- package/src/assets/css/utilities.css +7 -3
- package/src/assets/css/variables.css +1 -1
- package/src/components/TideImage.vue +7 -1
- package/src/components/TideInputCheckbox.vue +3 -5
- package/src/components/TideInputRadio.vue +18 -5
- package/src/components/TideInputText.vue +50 -50
- package/src/components/TideInputTextarea.vue +17 -22
- package/src/components/TidePopover.vue +8 -3
- package/src/contexts/sandbox/AppSandbox.vue +3 -1
- package/src/stories/TideInputRadio.stories.ts +9 -0
- package/src/types/Styles.ts +5 -0
- package/src/utilities/storybook.ts +12 -3
|
@@ -712,7 +712,7 @@ export declare const ALERT: {
|
|
|
712
712
|
|
|
713
713
|
export declare type Alert = (typeof ALERT)[keyof typeof ALERT];
|
|
714
714
|
|
|
715
|
-
declare const BADGE_COLOR: {
|
|
715
|
+
export declare const BADGE_COLOR: {
|
|
716
716
|
readonly BLACK: "black";
|
|
717
717
|
readonly BLUE: "blue";
|
|
718
718
|
readonly GREEN: "green";
|
|
@@ -725,6 +725,11 @@ declare const BADGE_COLOR: {
|
|
|
725
725
|
readonly YELLOW: "yellow";
|
|
726
726
|
};
|
|
727
727
|
|
|
728
|
+
export declare const BADGE_COLOR_DETAILS: Record<BadgeColor, {
|
|
729
|
+
borderColor: string;
|
|
730
|
+
iconColor: string;
|
|
731
|
+
}>;
|
|
732
|
+
|
|
728
733
|
export declare const BADGE_TRUSTED: {
|
|
729
734
|
readonly YEARS_10: "10";
|
|
730
735
|
readonly YEARS_15: "15";
|
|
@@ -778,6 +783,7 @@ declare const CSS_2: {
|
|
|
778
783
|
readonly ALIGN: {
|
|
779
784
|
readonly X: {
|
|
780
785
|
readonly CENTER: "tide-text-center";
|
|
786
|
+
readonly JUSTIFY: "tide-text-justify";
|
|
781
787
|
readonly LEFT: "tide-text-left";
|
|
782
788
|
readonly RIGHT: "tide-text-right";
|
|
783
789
|
};
|
|
@@ -1243,6 +1249,10 @@ declare const CSS_2: {
|
|
|
1243
1249
|
readonly SNAP_ALIGN: {
|
|
1244
1250
|
readonly START: "tide-scroll-snap-start";
|
|
1245
1251
|
};
|
|
1252
|
+
readonly STRIKETHROUGH: {
|
|
1253
|
+
readonly OFF: "tide-strikethrough-none";
|
|
1254
|
+
readonly ON: "tide-strikethrough";
|
|
1255
|
+
};
|
|
1246
1256
|
readonly TEXT_TRANSFORM: {
|
|
1247
1257
|
readonly LOWER: "tide-text-transform-lower";
|
|
1248
1258
|
readonly NONE: "tide-text-transform-none";
|
|
@@ -1678,22 +1688,21 @@ declare type Props_20 = {
|
|
|
1678
1688
|
|
|
1679
1689
|
declare type Props_21 = {
|
|
1680
1690
|
checked?: boolean;
|
|
1681
|
-
dataTrack?: string;
|
|
1682
1691
|
disabled?: boolean;
|
|
1683
1692
|
indeterminate?: boolean;
|
|
1684
1693
|
inputId?: string;
|
|
1685
1694
|
label: string;
|
|
1686
1695
|
name: string;
|
|
1687
|
-
number?: number
|
|
1696
|
+
number?: number;
|
|
1688
1697
|
};
|
|
1689
1698
|
|
|
1690
1699
|
declare type Props_22 = {
|
|
1691
1700
|
checked?: boolean;
|
|
1692
|
-
dataTrack?: string;
|
|
1693
1701
|
disabled?: boolean;
|
|
1694
1702
|
inputId?: string;
|
|
1695
1703
|
label: string;
|
|
1696
1704
|
name: string;
|
|
1705
|
+
number?: number;
|
|
1697
1706
|
};
|
|
1698
1707
|
|
|
1699
1708
|
declare interface Props_23 extends SelectField {
|
|
@@ -1703,7 +1712,6 @@ declare interface Props_23 extends SelectField {
|
|
|
1703
1712
|
|
|
1704
1713
|
declare type Props_24 = {
|
|
1705
1714
|
autocomplete?: boolean;
|
|
1706
|
-
dataTrack?: string;
|
|
1707
1715
|
disabled?: boolean;
|
|
1708
1716
|
error?: ValidationError;
|
|
1709
1717
|
hasClear?: boolean;
|
|
@@ -1724,7 +1732,6 @@ declare type Props_24 = {
|
|
|
1724
1732
|
};
|
|
1725
1733
|
|
|
1726
1734
|
declare type Props_25 = {
|
|
1727
|
-
dataTrack?: string;
|
|
1728
1735
|
error?: ValidationError;
|
|
1729
1736
|
inputId?: string;
|
|
1730
1737
|
label?: string;
|
|
@@ -2311,7 +2318,6 @@ label: string | number;
|
|
|
2311
2318
|
|
|
2312
2319
|
export declare const TideInputCheckbox: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToOption_21<Props_21>, {
|
|
2313
2320
|
checked: boolean;
|
|
2314
|
-
dataTrack: string;
|
|
2315
2321
|
disabled: boolean;
|
|
2316
2322
|
indeterminate: boolean;
|
|
2317
2323
|
inputId: undefined;
|
|
@@ -2320,7 +2326,6 @@ name: undefined;
|
|
|
2320
2326
|
number: undefined;
|
|
2321
2327
|
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToOption_21<Props_21>, {
|
|
2322
2328
|
checked: boolean;
|
|
2323
|
-
dataTrack: string;
|
|
2324
2329
|
disabled: boolean;
|
|
2325
2330
|
indeterminate: boolean;
|
|
2326
2331
|
inputId: undefined;
|
|
@@ -2332,7 +2337,6 @@ number: number;
|
|
|
2332
2337
|
label: string;
|
|
2333
2338
|
disabled: boolean;
|
|
2334
2339
|
checked: boolean;
|
|
2335
|
-
dataTrack: string;
|
|
2336
2340
|
indeterminate: boolean;
|
|
2337
2341
|
inputId: string;
|
|
2338
2342
|
name: string;
|
|
@@ -2340,21 +2344,21 @@ name: string;
|
|
|
2340
2344
|
|
|
2341
2345
|
export declare const TideInputRadio: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToOption_22<Props_22>, {
|
|
2342
2346
|
checked: boolean;
|
|
2343
|
-
dataTrack: string;
|
|
2344
2347
|
disabled: boolean;
|
|
2345
2348
|
inputId: undefined;
|
|
2346
2349
|
label: undefined;
|
|
2350
|
+
number: undefined;
|
|
2347
2351
|
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToOption_22<Props_22>, {
|
|
2348
2352
|
checked: boolean;
|
|
2349
|
-
dataTrack: string;
|
|
2350
2353
|
disabled: boolean;
|
|
2351
2354
|
inputId: undefined;
|
|
2352
2355
|
label: undefined;
|
|
2356
|
+
number: undefined;
|
|
2353
2357
|
}>>>, {
|
|
2358
|
+
number: number;
|
|
2354
2359
|
label: string;
|
|
2355
2360
|
disabled: boolean;
|
|
2356
2361
|
checked: boolean;
|
|
2357
|
-
dataTrack: string;
|
|
2358
2362
|
inputId: string;
|
|
2359
2363
|
}, {}>;
|
|
2360
2364
|
|
|
@@ -2389,7 +2393,6 @@ supportingText: string;
|
|
|
2389
2393
|
|
|
2390
2394
|
export declare const TideInputText: DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToOption_24<Props_24>, {
|
|
2391
2395
|
autocomplete: boolean;
|
|
2392
|
-
dataTrack: string;
|
|
2393
2396
|
disabled: boolean;
|
|
2394
2397
|
error: boolean;
|
|
2395
2398
|
hasClear: boolean;
|
|
@@ -2413,7 +2416,6 @@ updateValue: (newValue: string) => void;
|
|
|
2413
2416
|
value: Ref<string | undefined>;
|
|
2414
2417
|
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToOption_24<Props_24>, {
|
|
2415
2418
|
autocomplete: boolean;
|
|
2416
|
-
dataTrack: string;
|
|
2417
2419
|
disabled: boolean;
|
|
2418
2420
|
error: boolean;
|
|
2419
2421
|
hasClear: boolean;
|
|
@@ -2438,7 +2440,6 @@ required: boolean;
|
|
|
2438
2440
|
prefix: string;
|
|
2439
2441
|
disabled: boolean;
|
|
2440
2442
|
iconLeading: Icon;
|
|
2441
|
-
dataTrack: string;
|
|
2442
2443
|
inputId: string;
|
|
2443
2444
|
value: string;
|
|
2444
2445
|
maxlength: number;
|
|
@@ -2452,7 +2453,6 @@ transformValue: FormValueTransformer;
|
|
|
2452
2453
|
}, {}>;
|
|
2453
2454
|
|
|
2454
2455
|
export declare const TideInputTextarea: DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToOption_25<Props_25>, {
|
|
2455
|
-
dataTrack: string;
|
|
2456
2456
|
error: boolean;
|
|
2457
2457
|
inputId: undefined;
|
|
2458
2458
|
label: undefined;
|
|
@@ -2468,7 +2468,6 @@ error: Ref<ValidationError>;
|
|
|
2468
2468
|
required: boolean;
|
|
2469
2469
|
value: Ref<string | undefined>;
|
|
2470
2470
|
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToOption_25<Props_25>, {
|
|
2471
|
-
dataTrack: string;
|
|
2472
2471
|
error: boolean;
|
|
2473
2472
|
inputId: undefined;
|
|
2474
2473
|
label: undefined;
|
|
@@ -2483,7 +2482,6 @@ value: undefined;
|
|
|
2483
2482
|
label: string;
|
|
2484
2483
|
error: ValidationError;
|
|
2485
2484
|
required: boolean;
|
|
2486
|
-
dataTrack: string;
|
|
2487
2485
|
inputId: string;
|
|
2488
2486
|
name: string;
|
|
2489
2487
|
value: string;
|