npm - @serendie/ui - Versions diffs - 0.1.16 → 0.2.0 - Mend

@serendie/ui 0.1.16 → 0.2.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 (155) hide show

package/dist/tokens/index.d.ts CHANGED Viewed

@@ -157,13 +157,16 @@ export declare const SerendieTokens: {
                             };
                         };
                         transparency: {
-                            5: {
+                            bl2: {
+                                value: string;
+                            };
+                            bl5: {
                                 value: string;
                             };
-                            20: {
+                            bl20: {
                                 value: string;
                             };
-                            60: {
+                            wh60: {
                                 value: string;
                             };
                         };
@@ -541,6 +544,12 @@ export declare const SerendieTokens: {
                         onNoticeContainer: {
                             value: string;
                         };
+                        noticeContainerVariant: {
+                            value: string;
+                        };
+                        onNoticeContainerVariant: {
+                            value: string;
+                        };
                         negative: {
                             value: string;
                         };
@@ -553,6 +562,12 @@ export declare const SerendieTokens: {
                         onNegativeContainer: {
                             value: string;
                         };
+                        negativeContainerVariant: {
+                            value: string;
+                        };
+                        onNegativeContainerVariant: {
+                            value: string;
+                        };
                         positive: {
                             value: string;
                         };
@@ -565,6 +580,12 @@ export declare const SerendieTokens: {
                         onPositiveContainer: {
                             value: string;
                         };
+                        positiveContainerVariant: {
+                            value: string;
+                        };
+                        onPositiveContainerVariant: {
+                            value: string;
+                        };
                     };
                     component: {
                         surface: {
@@ -582,6 +603,9 @@ export declare const SerendieTokens: {
                         inverseOnSurface: {
                             value: string;
                         };
+                        inversePrimary: {
+                            value: string;
+                        };
                         outline: {
                             value: string;
                         };
@@ -599,6 +623,9 @@ export declare const SerendieTokens: {
                         disabledOnSurface: {
                             value: string;
                         };
+                        selected: {
+                            value: string;
+                        };
                         selectedSurface: {
                             value: string;
                         };
@@ -612,6 +639,142 @@ export declare const SerendieTokens: {
                             value: string;
                         };
                     };
+                    chart: {
+                        mark: {
+                            primary: {
+                                "01": {
+                                    value: string;
+                                };
+                                "02": {
+                                    value: string;
+                                };
+                                "03": {
+                                    value: string;
+                                };
+                                "04": {
+                                    value: string;
+                                };
+                                "05": {
+                                    value: string;
+                                };
+                                "06": {
+                                    value: string;
+                                };
+                            };
+                            positive: {
+                                "01": {
+                                    value: string;
+                                };
+                                "02": {
+                                    value: string;
+                                };
+                                "03": {
+                                    value: string;
+                                };
+                                "04": {
+                                    value: string;
+                                };
+                                "05": {
+                                    value: string;
+                                };
+                                "06": {
+                                    value: string;
+                                };
+                            };
+                            negative: {
+                                "01": {
+                                    value: string;
+                                };
+                                "02": {
+                                    value: string;
+                                };
+                                "03": {
+                                    value: string;
+                                };
+                                "04": {
+                                    value: string;
+                                };
+                                "05": {
+                                    value: string;
+                                };
+                                "06": {
+                                    value: string;
+                                };
+                            };
+                            notice: {
+                                "01": {
+                                    value: string;
+                                };
+                                "02": {
+                                    value: string;
+                                };
+                                "03": {
+                                    value: string;
+                                };
+                                "04": {
+                                    value: string;
+                                };
+                                "05": {
+                                    value: string;
+                                };
+                                "06": {
+                                    value: string;
+                                };
+                            };
+                            multi: {
+                                10: {
+                                    value: string;
+                                };
+                                "01": {
+                                    value: string;
+                                };
+                                "02": {
+                                    value: string;
+                                };
+                                "03": {
+                                    value: string;
+                                };
+                                "04": {
+                                    value: string;
+                                };
+                                "05": {
+                                    value: string;
+                                };
+                                "06": {
+                                    value: string;
+                                };
+                                "07": {
+                                    value: string;
+                                };
+                                "08": {
+                                    value: string;
+                                };
+                                "09": {
+                                    value: string;
+                                };
+                            };
+                        };
+                        component: {
+                            onMarkLabel: {
+                                value: string;
+                            };
+                            inverseOnMarkLabel: {
+                                value: string;
+                            };
+                            scalemark: {
+                                value: string;
+                            };
+                            threshold: {
+                                value: string;
+                            };
+                            chartSurface: {
+                                value: string;
+                            };
+                            onChartSurface: {
+                                value: string;
+                            };
+                        };
+                    };
                 };
             };
         };
@@ -1090,6 +1253,12 @@ export declare const SerendieTokens: {
                                     onNoticeContainer: {
                                         value: string;
                                     };
+                                    noticeContainerVariant: {
+                                        value: string;
+                                    };
+                                    onNoticeContainerVariant: {
+                                        value: string;
+                                    };
                                     negative: {
                                         value: string;
                                     };
@@ -1102,6 +1271,12 @@ export declare const SerendieTokens: {
                                     onNegativeContainer: {
                                         value: string;
                                     };
+                                    negativeContainerVariant: {
+                                        value: string;
+                                    };
+                                    onNegativeContainerVariant: {
+                                        value: string;
+                                    };
                                     positive: {
                                         value: string;
                                     };
@@ -1114,6 +1289,12 @@ export declare const SerendieTokens: {
                                     onPositiveContainer: {
                                         value: string;
                                     };
+                                    positiveContainerVariant: {
+                                        value: string;
+                                    };
+                                    onPositiveContainerVariant: {
+                                        value: string;
+                                    };
                                 };
                                 component: {
                                     surface: {
@@ -1131,6 +1312,9 @@ export declare const SerendieTokens: {
                                     inverseOnSurface: {
                                         value: string;
                                     };
+                                    inversePrimary: {
+                                        value: string;
+                                    };
                                     outline: {
                                         value: string;
                                     };
@@ -1148,6 +1332,9 @@ export declare const SerendieTokens: {
                                     disabledOnSurface: {
                                         value: string;
                                     };
+                                    selected: {
+                                        value: string;
+                                    };
                                     selectedSurface: {
                                         value: string;
                                     };
@@ -1161,6 +1348,142 @@ export declare const SerendieTokens: {
                                         value: string;
                                     };
                                 };
+                                chart: {
+                                    mark: {
+                                        primary: {
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                        };
+                                        positive: {
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                        };
+                                        negative: {
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                        };
+                                        notice: {
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                        };
+                                        multi: {
+                                            10: {
+                                                value: string;
+                                            };
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                            "07": {
+                                                value: string;
+                                            };
+                                            "08": {
+                                                value: string;
+                                            };
+                                            "09": {
+                                                value: string;
+                                            };
+                                        };
+                                    };
+                                    component: {
+                                        onMarkLabel: {
+                                            value: string;
+                                        };
+                                        inverseOnMarkLabel: {
+                                            value: string;
+                                        };
+                                        scalemark: {
+                                            value: string;
+                                        };
+                                        threshold: {
+                                            value: string;
+                                        };
+                                        chartSurface: {
+                                            value: string;
+                                        };
+                                        onChartSurface: {
+                                            value: string;
+                                        };
+                                    };
+                                };
                             };
                         };
                     };
@@ -1222,6 +1545,12 @@ export declare const SerendieTokens: {
                                     onNoticeContainer: {
                                         value: string;
                                     };
+                                    noticeContainerVariant: {
+                                        value: string;
+                                    };
+                                    onNoticeContainerVariant: {
+                                        value: string;
+                                    };
                                     negative: {
                                         value: string;
                                     };
@@ -1234,6 +1563,12 @@ export declare const SerendieTokens: {
                                     onNegativeContainer: {
                                         value: string;
                                     };
+                                    negativeContainerVariant: {
+                                        value: string;
+                                    };
+                                    onNegativeContainerVariant: {
+                                        value: string;
+                                    };
                                     positive: {
                                         value: string;
                                     };
@@ -1246,6 +1581,12 @@ export declare const SerendieTokens: {
                                     onPositiveContainer: {
                                         value: string;
                                     };
+                                    positiveContainerVariant: {
+                                        value: string;
+                                    };
+                                    onPositiveContainerVariant: {
+                                        value: string;
+                                    };
                                 };
                                 component: {
                                     surface: {
@@ -1263,6 +1604,9 @@ export declare const SerendieTokens: {
                                     inverseOnSurface: {
                                         value: string;
                                     };
+                                    inversePrimary: {
+                                        value: string;
+                                    };
                                     outline: {
                                         value: string;
                                     };
@@ -1280,6 +1624,9 @@ export declare const SerendieTokens: {
                                     disabledOnSurface: {
                                         value: string;
                                     };
+                                    selected: {
+                                        value: string;
+                                    };
                                     selectedSurface: {
                                         value: string;
                                     };
@@ -1293,6 +1640,142 @@ export declare const SerendieTokens: {
                                         value: string;
                                     };
                                 };
+                                chart: {
+                                    mark: {
+                                        primary: {
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                        };
+                                        positive: {
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                        };
+                                        negative: {
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                        };
+                                        notice: {
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                        };
+                                        multi: {
+                                            10: {
+                                                value: string;
+                                            };
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                            "07": {
+                                                value: string;
+                                            };
+                                            "08": {
+                                                value: string;
+                                            };
+                                            "09": {
+                                                value: string;
+                                            };
+                                        };
+                                    };
+                                    component: {
+                                        onMarkLabel: {
+                                            value: string;
+                                        };
+                                        inverseOnMarkLabel: {
+                                            value: string;
+                                        };
+                                        scalemark: {
+                                            value: string;
+                                        };
+                                        threshold: {
+                                            value: string;
+                                        };
+                                        chartSurface: {
+                                            value: string;
+                                        };
+                                        onChartSurface: {
+                                            value: string;
+                                        };
+                                    };
+                                };
                             };
                         };
                     };
@@ -1354,6 +1837,12 @@ export declare const SerendieTokens: {
                                     onNoticeContainer: {
                                         value: string;
                                     };
+                                    noticeContainerVariant: {
+                                        value: string;
+                                    };
+                                    onNoticeContainerVariant: {
+                                        value: string;
+                                    };
                                     negative: {
                                         value: string;
                                     };
@@ -1366,6 +1855,12 @@ export declare const SerendieTokens: {
                                     onNegativeContainer: {
                                         value: string;
                                     };
+                                    negativeContainerVariant: {
+                                        value: string;
+                                    };
+                                    onNegativeContainerVariant: {
+                                        value: string;
+                                    };
                                     positive: {
                                         value: string;
                                     };
@@ -1378,6 +1873,12 @@ export declare const SerendieTokens: {
                                     onPositiveContainer: {
                                         value: string;
                                     };
+                                    positiveContainerVariant: {
+                                        value: string;
+                                    };
+                                    onPositiveContainerVariant: {
+                                        value: string;
+                                    };
                                 };
                                 component: {
                                     surface: {
@@ -1395,6 +1896,9 @@ export declare const SerendieTokens: {
                                     inverseOnSurface: {
                                         value: string;
                                     };
+                                    inversePrimary: {
+                                        value: string;
+                                    };
                                     outline: {
                                         value: string;
                                     };
@@ -1412,6 +1916,9 @@ export declare const SerendieTokens: {
                                     disabledOnSurface: {
                                         value: string;
                                     };
+                                    selected: {
+                                        value: string;
+                                    };
                                     selectedSurface: {
                                         value: string;
                                     };
@@ -1425,6 +1932,142 @@ export declare const SerendieTokens: {
                                         value: string;
                                     };
                                 };
+                                chart: {
+                                    mark: {
+                                        primary: {
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                        };
+                                        positive: {
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                        };
+                                        negative: {
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                        };
+                                        notice: {
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                        };
+                                        multi: {
+                                            10: {
+                                                value: string;
+                                            };
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                            "07": {
+                                                value: string;
+                                            };
+                                            "08": {
+                                                value: string;
+                                            };
+                                            "09": {
+                                                value: string;
+                                            };
+                                        };
+                                    };
+                                    component: {
+                                        onMarkLabel: {
+                                            value: string;
+                                        };
+                                        inverseOnMarkLabel: {
+                                            value: string;
+                                        };
+                                        scalemark: {
+                                            value: string;
+                                        };
+                                        threshold: {
+                                            value: string;
+                                        };
+                                        chartSurface: {
+                                            value: string;
+                                        };
+                                        onChartSurface: {
+                                            value: string;
+                                        };
+                                    };
+                                };
                             };
                         };
                     };
@@ -1486,6 +2129,12 @@ export declare const SerendieTokens: {
                                     onNoticeContainer: {
                                         value: string;
                                     };
+                                    noticeContainerVariant: {
+                                        value: string;
+                                    };
+                                    onNoticeContainerVariant: {
+                                        value: string;
+                                    };
                                     negative: {
                                         value: string;
                                     };
@@ -1498,6 +2147,12 @@ export declare const SerendieTokens: {
                                     onNegativeContainer: {
                                         value: string;
                                     };
+                                    negativeContainerVariant: {
+                                        value: string;
+                                    };
+                                    onNegativeContainerVariant: {
+                                        value: string;
+                                    };
                                     positive: {
                                         value: string;
                                     };
@@ -1510,6 +2165,12 @@ export declare const SerendieTokens: {
                                     onPositiveContainer: {
                                         value: string;
                                     };
+                                    positiveContainerVariant: {
+                                        value: string;
+                                    };
+                                    onPositiveContainerVariant: {
+                                        value: string;
+                                    };
                                 };
                                 component: {
                                     surface: {
@@ -1527,6 +2188,9 @@ export declare const SerendieTokens: {
                                     inverseOnSurface: {
                                         value: string;
                                     };
+                                    inversePrimary: {
+                                        value: string;
+                                    };
                                     outline: {
                                         value: string;
                                     };
@@ -1544,6 +2208,9 @@ export declare const SerendieTokens: {
                                     disabledOnSurface: {
                                         value: string;
                                     };
+                                    selected: {
+                                        value: string;
+                                    };
                                     selectedSurface: {
                                         value: string;
                                     };
@@ -1557,6 +2224,142 @@ export declare const SerendieTokens: {
                                         value: string;
                                     };
                                 };
+                                chart: {
+                                    mark: {
+                                        primary: {
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                        };
+                                        positive: {
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                        };
+                                        negative: {
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                        };
+                                        notice: {
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                        };
+                                        multi: {
+                                            10: {
+                                                value: string;
+                                            };
+                                            "01": {
+                                                value: string;
+                                            };
+                                            "02": {
+                                                value: string;
+                                            };
+                                            "03": {
+                                                value: string;
+                                            };
+                                            "04": {
+                                                value: string;
+                                            };
+                                            "05": {
+                                                value: string;
+                                            };
+                                            "06": {
+                                                value: string;
+                                            };
+                                            "07": {
+                                                value: string;
+                                            };
+                                            "08": {
+                                                value: string;
+                                            };
+                                            "09": {
+                                                value: string;
+                                            };
+                                        };
+                                    };
+                                    component: {
+                                        onMarkLabel: {
+                                            value: string;
+                                        };
+                                        inverseOnMarkLabel: {
+                                            value: string;
+                                        };
+                                        scalemark: {
+                                            value: string;
+                                        };
+                                        threshold: {
+                                            value: string;
+                                        };
+                                        chartSurface: {
+                                            value: string;
+                                        };
+                                        onChartSurface: {
+                                            value: string;
+                                        };
+                                    };
+                                };
                             };
                         };
                     };