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

@serendie/ui 0.1.16 → 0.2.1

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 (156) hide show

package/dist/preset.d.ts CHANGED Viewed

@@ -54,6 +54,12 @@ declare const themes: {
                                 onNoticeContainer: {
                                     value: string;
                                 };
+                                noticeContainerVariant: {
+                                    value: string;
+                                };
+                                onNoticeContainerVariant: {
+                                    value: string;
+                                };
                                 negative: {
                                     value: string;
                                 };
@@ -66,6 +72,12 @@ declare const themes: {
                                 onNegativeContainer: {
                                     value: string;
                                 };
+                                negativeContainerVariant: {
+                                    value: string;
+                                };
+                                onNegativeContainerVariant: {
+                                    value: string;
+                                };
                                 positive: {
                                     value: string;
                                 };
@@ -78,6 +90,12 @@ declare const themes: {
                                 onPositiveContainer: {
                                     value: string;
                                 };
+                                positiveContainerVariant: {
+                                    value: string;
+                                };
+                                onPositiveContainerVariant: {
+                                    value: string;
+                                };
                             };
                             component: {
                                 surface: {
@@ -95,6 +113,9 @@ declare const themes: {
                                 inverseOnSurface: {
                                     value: string;
                                 };
+                                inversePrimary: {
+                                    value: string;
+                                };
                                 outline: {
                                     value: string;
                                 };
@@ -112,6 +133,9 @@ declare const themes: {
                                 disabledOnSurface: {
                                     value: string;
                                 };
+                                selected: {
+                                    value: string;
+                                };
                                 selectedSurface: {
                                     value: string;
                                 };
@@ -125,6 +149,142 @@ declare const themes: {
                                     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;
+                                    };
+                                };
+                            };
                         };
                     };
                 };
@@ -186,6 +346,12 @@ declare const themes: {
                                 onNoticeContainer: {
                                     value: string;
                                 };
+                                noticeContainerVariant: {
+                                    value: string;
+                                };
+                                onNoticeContainerVariant: {
+                                    value: string;
+                                };
                                 negative: {
                                     value: string;
                                 };
@@ -198,6 +364,12 @@ declare const themes: {
                                 onNegativeContainer: {
                                     value: string;
                                 };
+                                negativeContainerVariant: {
+                                    value: string;
+                                };
+                                onNegativeContainerVariant: {
+                                    value: string;
+                                };
                                 positive: {
                                     value: string;
                                 };
@@ -210,6 +382,12 @@ declare const themes: {
                                 onPositiveContainer: {
                                     value: string;
                                 };
+                                positiveContainerVariant: {
+                                    value: string;
+                                };
+                                onPositiveContainerVariant: {
+                                    value: string;
+                                };
                             };
                             component: {
                                 surface: {
@@ -227,6 +405,9 @@ declare const themes: {
                                 inverseOnSurface: {
                                     value: string;
                                 };
+                                inversePrimary: {
+                                    value: string;
+                                };
                                 outline: {
                                     value: string;
                                 };
@@ -244,6 +425,9 @@ declare const themes: {
                                 disabledOnSurface: {
                                     value: string;
                                 };
+                                selected: {
+                                    value: string;
+                                };
                                 selectedSurface: {
                                     value: string;
                                 };
@@ -257,6 +441,142 @@ declare const themes: {
                                     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;
+                                    };
+                                };
+                            };
                         };
                     };
                 };
@@ -318,6 +638,12 @@ declare const themes: {
                                 onNoticeContainer: {
                                     value: string;
                                 };
+                                noticeContainerVariant: {
+                                    value: string;
+                                };
+                                onNoticeContainerVariant: {
+                                    value: string;
+                                };
                                 negative: {
                                     value: string;
                                 };
@@ -330,6 +656,12 @@ declare const themes: {
                                 onNegativeContainer: {
                                     value: string;
                                 };
+                                negativeContainerVariant: {
+                                    value: string;
+                                };
+                                onNegativeContainerVariant: {
+                                    value: string;
+                                };
                                 positive: {
                                     value: string;
                                 };
@@ -342,6 +674,12 @@ declare const themes: {
                                 onPositiveContainer: {
                                     value: string;
                                 };
+                                positiveContainerVariant: {
+                                    value: string;
+                                };
+                                onPositiveContainerVariant: {
+                                    value: string;
+                                };
                             };
                             component: {
                                 surface: {
@@ -359,6 +697,9 @@ declare const themes: {
                                 inverseOnSurface: {
                                     value: string;
                                 };
+                                inversePrimary: {
+                                    value: string;
+                                };
                                 outline: {
                                     value: string;
                                 };
@@ -376,6 +717,9 @@ declare const themes: {
                                 disabledOnSurface: {
                                     value: string;
                                 };
+                                selected: {
+                                    value: string;
+                                };
                                 selectedSurface: {
                                     value: string;
                                 };
@@ -389,6 +733,142 @@ declare const themes: {
                                     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;
+                                    };
+                                };
+                            };
                         };
                     };
                 };
@@ -450,6 +930,12 @@ declare const themes: {
                                 onNoticeContainer: {
                                     value: string;
                                 };
+                                noticeContainerVariant: {
+                                    value: string;
+                                };
+                                onNoticeContainerVariant: {
+                                    value: string;
+                                };
                                 negative: {
                                     value: string;
                                 };
@@ -462,6 +948,12 @@ declare const themes: {
                                 onNegativeContainer: {
                                     value: string;
                                 };
+                                negativeContainerVariant: {
+                                    value: string;
+                                };
+                                onNegativeContainerVariant: {
+                                    value: string;
+                                };
                                 positive: {
                                     value: string;
                                 };
@@ -474,6 +966,12 @@ declare const themes: {
                                 onPositiveContainer: {
                                     value: string;
                                 };
+                                positiveContainerVariant: {
+                                    value: string;
+                                };
+                                onPositiveContainerVariant: {
+                                    value: string;
+                                };
                             };
                             component: {
                                 surface: {
@@ -491,6 +989,9 @@ declare const themes: {
                                 inverseOnSurface: {
                                     value: string;
                                 };
+                                inversePrimary: {
+                                    value: string;
+                                };
                                 outline: {
                                     value: string;
                                 };
@@ -508,6 +1009,9 @@ declare const themes: {
                                 disabledOnSurface: {
                                     value: string;
                                 };
+                                selected: {
+                                    value: string;
+                                };
                                 selectedSurface: {
                                     value: string;
                                 };
@@ -521,6 +1025,142 @@ declare const themes: {
                                     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;
+                                    };
+                                };
+                            };
                         };
                     };
                 };
@@ -537,7 +1177,7 @@ export declare const SerendiePreset: {
             breakpoints: {
                 expanded: string;
             };
-            recipes: import('@pandacss/dev').RecipeVariantRecord;
+            recipes: import('@pandacss/types').RecipeVariantRecord;
             tokens: {
                 sizes: {
                     sd: {
@@ -697,13 +1337,16 @@ export declare const SerendiePreset: {
                                         };
                                     };
                                     transparency: {
-                                        5: {
+                                        bl2: {
+                                            value: string;
+                                        };
+                                        bl5: {
                                             value: string;
                                         };
-                                        20: {
+                                        bl20: {
                                             value: string;
                                         };
-                                        60: {
+                                        wh60: {
                                             value: string;
                                         };
                                     };
@@ -1081,6 +1724,12 @@ export declare const SerendiePreset: {
                                     onNoticeContainer: {
                                         value: string;
                                     };
+                                    noticeContainerVariant: {
+                                        value: string;
+                                    };
+                                    onNoticeContainerVariant: {
+                                        value: string;
+                                    };
                                     negative: {
                                         value: string;
                                     };
@@ -1093,6 +1742,12 @@ export declare const SerendiePreset: {
                                     onNegativeContainer: {
                                         value: string;
                                     };
+                                    negativeContainerVariant: {
+                                        value: string;
+                                    };
+                                    onNegativeContainerVariant: {
+                                        value: string;
+                                    };
                                     positive: {
                                         value: string;
                                     };
@@ -1105,6 +1760,12 @@ export declare const SerendiePreset: {
                                     onPositiveContainer: {
                                         value: string;
                                     };
+                                    positiveContainerVariant: {
+                                        value: string;
+                                    };
+                                    onPositiveContainerVariant: {
+                                        value: string;
+                                    };
                                 };
                                 component: {
                                     surface: {
@@ -1122,6 +1783,9 @@ export declare const SerendiePreset: {
                                     inverseOnSurface: {
                                         value: string;
                                     };
+                                    inversePrimary: {
+                                        value: string;
+                                    };
                                     outline: {
                                         value: string;
                                     };
@@ -1139,6 +1803,9 @@ export declare const SerendiePreset: {
                                     disabledOnSurface: {
                                         value: string;
                                     };
+                                    selected: {
+                                        value: string;
+                                    };
                                     selectedSurface: {
                                         value: string;
                                     };
@@ -1152,6 +1819,142 @@ export declare const SerendiePreset: {
                                         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;
+                                        };
+                                    };
+                                };
                             };
                         };
                     };