@serendie/ui 0.1.15 → 0.2.0

package/dist/node_modules/@serendie/design-token/dist/tokens.js

@@ -10,9 +10,10 @@ const e = {
             1e3: "#000000"
           },
           transparency: {
-            5: "#0000000D",
-            20: "#00000033",
-            60: "#FFFFFF99"
+            bl2: "#00000005",
+            bl5: "#0000000D",
+            bl20: "#00000033",
+            wh60: "#FFFFFF99"
           },
           gray: {
             100: "#EFEEEB",
@@ -65,8 +66,8 @@ const e = {
           yellow: {
             100: "#FEEDBE",
             200: "#FFE885",
-            300: "#FFE600",
-            400: "#EDD202",
+            300: "#EFD616",
+            400: "#D8BF00",
             500: "#AC9301",
             600: "#857100",
             700: "#5F5100",
@@ -76,7 +77,7 @@ const e = {
           },
           green: {
             100: "#CAF9E6",
-            200: "#AEEAD5",
+            200: "#B1EAD7",
             300: "#98E1C8",
             400: "#6ED0AE",
             500: "#40A683",
@@ -242,18 +243,24 @@ const e = {
           onTertiary: "#000000",
           tertiaryContainer: "#EFF2FC",
           onTertiaryContainer: "#000000",
-          notice: "#FFE600",
+          notice: "#EFD616",
           onNotice: "#000000",
-          noticeContainer: "#FFE600",
+          noticeContainer: "#EFD616",
           onNoticeContainer: "#000000",
+          noticeContainerVariant: "#FEEDBE",
+          onNoticeContainerVariant: "#000000",
           negative: "#CE0037",
           onNegative: "#FFFFFF",
           negativeContainer: "#FCD6D3",
           onNegativeContainer: "#000000",
+          negativeContainerVariant: "#FCEBEA",
+          onNegativeContainerVariant: "#CE0037",
           positive: "#40A683",
           onPositive: "#FFFFFF",
           positiveContainer: "#40A683",
-          onPositiveContainer: "#FFFFFF"
+          onPositiveContainer: "#FFFFFF",
+          positiveContainerVariant: "#CAF9E6",
+          onPositiveContainerVariant: "#000000"
         },
         component: {
           surface: "#FFFFFF",
@@ -261,6 +268,7 @@ const e = {
           onSurfaceVariant: "#696966",
           inverseSurface: "#232322",
           inverseOnSurface: "#FFFFFF",
+          inversePrimary: "#EFF2FC",
           outline: "#C8C7C2",
           outlineVariant: "#8C8B87",
           scrim: "#00000033"
@@ -268,10 +276,67 @@ const e = {
         interaction: {
           disabled: "#EFEEEB",
           disabledOnSurface: "#AFAEAA",
+          selected: "#00000005",
           selectedSurface: "#BFCEFC",
           hovered: "#00000033",
           hoveredVariant: "#0000000D",
           hoveredOnPrimary: "#FFFFFF99"
+        },
+        chart: {
+          mark: {
+            primary: {
+              "01": "#D7DEFB",
+              "02": "#BFCEFC",
+              "03": "#8FAEFE",
+              "04": "#428CFE",
+              "05": "#0A69CF",
+              "06": "#073165"
+            },
+            positive: {
+              "01": "#B1EAD7",
+              "02": "#98E1C8",
+              "03": "#6ED0AE",
+              "04": "#40A683",
+              "05": "#2C755C",
+              "06": "#12372B"
+            },
+            negative: {
+              "01": "#FCD6D3",
+              "02": "#FDB9B4",
+              "03": "#FF8F8F",
+              "04": "#F84258",
+              "05": "#CE0037",
+              "06": "#650417"
+            },
+            notice: {
+              "01": "#FFE885",
+              "02": "#EFD616",
+              "03": "#D8BF00",
+              "04": "#AC9301",
+              "05": "#857100",
+              "06": "#3A3000"
+            },
+            multi: {
+              10: "#AF8245",
+              "01": "#0A69CF",
+              "02": "#6ED0AE",
+              "03": "#FF8F8F",
+              "04": "#AA61C2",
+              "05": "#803510",
+              "06": "#64CCD3",
+              "07": "#FFE885",
+              "08": "#AB4919",
+              "09": "#932653"
+            }
+          },
+          component: {
+            onMarkLabel: "#000000",
+            inverseOnMarkLabel: "#FFFFFF",
+            scalemark: "#D9D8D3",
+            threshold: "#428CFE",
+            chartSurface: "#FFFFFF",
+            onChartSurface: "#696966"
+          }
         }
       },
       dimension: {
@@ -572,26 +637,32 @@ const e = {
                   onPrimary: "#FFFFFF",
                   primaryContainer: "#00757E",
                   onPrimaryContainer: "#FFFFFF",
-                  secondary: "#AEEAD5",
+                  secondary: "#B1EAD7",
                   onSecondary: "#000000",
-                  secondaryContainer: "#AEEAD5",
+                  secondaryContainer: "#B1EAD7",
                   onSecondaryContainer: "#000000",
                   tertiary: "#EFEEEB",
                   onTertiary: "#000000",
                   tertiaryContainer: "#EFEEEB",
                   onTertiaryContainer: "#000000",
-                  notice: "#FFE600",
+                  notice: "#EFD616",
                   onNotice: "#000000",
-                  noticeContainer: "#FFE600",
+                  noticeContainer: "#EFD616",
                   onNoticeContainer: "#000000",
+                  noticeContainerVariant: "#FEEDBE",
+                  onNoticeContainerVariant: "#000000",
                   negative: "#CE0037",
                   onNegative: "#FFFFFF",
                   negativeContainer: "#FCD6D3",
                   onNegativeContainer: "#000000",
+                  negativeContainerVariant: "#FCEBEA",
+                  onNegativeContainerVariant: "#CE0037",
                   positive: "#40A683",
                   onPositive: "#FFFFFF",
                   positiveContainer: "#40A683",
-                  onPositiveContainer: "#FFFFFF"
+                  onPositiveContainer: "#FFFFFF",
+                  positiveContainerVariant: "#CAF9E6",
+                  onPositiveContainerVariant: "#000000"
                 },
                 component: {
                   surface: "#FFFFFF",
@@ -599,6 +670,7 @@ const e = {
                   onSurfaceVariant: "#696966",
                   inverseSurface: "#232322",
                   inverseOnSurface: "#FFFFFF",
+                  inversePrimary: "#D9F6FC",
                   outline: "#C8C7C2",
                   outlineVariant: "#8C8B87",
                   scrim: "#00000033"
@@ -606,10 +678,67 @@ const e = {
                 interaction: {
                   disabled: "#EFEEEB",
                   disabledOnSurface: "#AFAEAA",
-                  selectedSurface: "#AEEAD5",
+                  selected: "#00000005",
+                  selectedSurface: "#B1EAD7",
                   hovered: "#00000033",
                   hoveredVariant: "#0000000D",
                   hoveredOnPrimary: "#FFFFFF99"
+                },
+                chart: {
+                  mark: {
+                    primary: {
+                      "01": "#C3EFF4",
+                      "02": "#9CE6EC",
+                      "03": "#64CCD3",
+                      "04": "#00A3AF",
+                      "05": "#00757E",
+                      "06": "#02373C"
+                    },
+                    positive: {
+                      "01": "#B1EAD7",
+                      "02": "#98E1C8",
+                      "03": "#6ED0AE",
+                      "04": "#40A683",
+                      "05": "#2C755C",
+                      "06": "#12372B"
+                    },
+                    negative: {
+                      "01": "#FCD6D3",
+                      "02": "#FDB9B4",
+                      "03": "#FF8F8F",
+                      "04": "#F84258",
+                      "05": "#CE0037",
+                      "06": "#650417"
+                    },
+                    notice: {
+                      "01": "#FFE885",
+                      "02": "#EFD616",
+                      "03": "#D8BF00",
+                      "04": "#AC9301",
+                      "05": "#857100",
+                      "06": "#3A3000"
+                    },
+                    multi: {
+                      10: "#AF8245",
+                      "01": "#0A69CF",
+                      "02": "#6ED0AE",
+                      "03": "#FF8F8F",
+                      "04": "#AA61C2",
+                      "05": "#803510",
+                      "06": "#64CCD3",
+                      "07": "#FFE885",
+                      "08": "#AB4919",
+                      "09": "#932653"
+                    }
+                  },
+                  component: {
+                    onMarkLabel: "#000000",
+                    inverseOnMarkLabel: "#FFFFFF",
+                    scalemark: "#D9D8D3",
+                    threshold: "#00A3AF",
+                    chartSurface: "#FFFFFF",
+                    onChartSurface: "#696966"
+                  }
                 }
               }
             }
@@ -636,18 +765,24 @@ const e = {
                   onTertiary: "#000000",
                   tertiaryContainer: "#F7EDE2",
                   onTertiaryContainer: "#000000",
-                  notice: "#FFE600",
+                  notice: "#EFD616",
                   onNotice: "#000000",
-                  noticeContainer: "#FFE600",
+                  noticeContainer: "#EFD616",
                   onNoticeContainer: "#000000",
+                  noticeContainerVariant: "#FEEDBE",
+                  onNoticeContainerVariant: "#000000",
                   negative: "#CE0037",
                   onNegative: "#FFFFFF",
                   negativeContainer: "#FCD6D3",
                   onNegativeContainer: "#000000",
+                  negativeContainerVariant: "#FCEBEA",
+                  onNegativeContainerVariant: "#CE0037",
                   positive: "#40A683",
                   onPositive: "#FFFFFF",
                   positiveContainer: "#40A683",
-                  onPositiveContainer: "#FFFFFF"
+                  onPositiveContainer: "#FFFFFF",
+                  positiveContainerVariant: "#CAF9E6",
+                  onPositiveContainerVariant: "#000000"
                 },
                 component: {
                   surface: "#FFFFFF",
@@ -655,6 +790,7 @@ const e = {
                   onSurfaceVariant: "#696966",
                   inverseSurface: "#232322",
                   inverseOnSurface: "#FFFFFF",
+                  inversePrimary: "#FAECE6",
                   outline: "#C8C7C2",
                   outlineVariant: "#8C8B87",
                   scrim: "#00000033"
@@ -662,10 +798,67 @@ const e = {
                 interaction: {
                   disabled: "#EFEEEB",
                   disabledOnSurface: "#AFAEAA",
+                  selected: "#00000005",
                   selectedSurface: "#F7C6B0",
                   hovered: "#00000033",
                   hoveredVariant: "#0000000D",
                   hoveredOnPrimary: "#FFFFFF99"
+                },
+                chart: {
+                  mark: {
+                    primary: {
+                      "01": "#F7D8C9",
+                      "02": "#F7C6B0",
+                      "03": "#F49567",
+                      "04": "#E26324",
+                      "05": "#AB4919",
+                      "06": "#50230D"
+                    },
+                    positive: {
+                      "01": "#B1EAD7",
+                      "02": "#98E1C8",
+                      "03": "#6ED0AE",
+                      "04": "#40A683",
+                      "05": "#2C755C",
+                      "06": "#12372B"
+                    },
+                    negative: {
+                      "01": "#FCD6D3",
+                      "02": "#FDB9B4",
+                      "03": "#FF8F8F",
+                      "04": "#F84258",
+                      "05": "#CE0037",
+                      "06": "#650417"
+                    },
+                    notice: {
+                      "01": "#FFE885",
+                      "02": "#EFD616",
+                      "03": "#D8BF00",
+                      "04": "#AC9301",
+                      "05": "#857100",
+                      "06": "#3A3000"
+                    },
+                    multi: {
+                      10: "#AF8245",
+                      "01": "#0A69CF",
+                      "02": "#6ED0AE",
+                      "03": "#FF8F8F",
+                      "04": "#AA61C2",
+                      "05": "#803510",
+                      "06": "#64CCD3",
+                      "07": "#FFE885",
+                      "08": "#AB4919",
+                      "09": "#932653"
+                    }
+                  },
+                  component: {
+                    onMarkLabel: "#000000",
+                    inverseOnMarkLabel: "#FFFFFF",
+                    scalemark: "#D9D8D3",
+                    threshold: "#E26324",
+                    chartSurface: "#FFFFFF",
+                    onChartSurface: "#696966"
+                  }
                 }
               }
             }
@@ -692,18 +885,24 @@ const e = {
                   onTertiary: "#FFFFFF",
                   tertiaryContainer: "#073165",
                   onTertiaryContainer: "#FFFFFF",
-                  notice: "#FFE600",
+                  notice: "#EFD616",
                   onNotice: "#000000",
-                  noticeContainer: "#FFE600",
+                  noticeContainer: "#EFD616",
                   onNoticeContainer: "#000000",
+                  noticeContainerVariant: "#FEEDBE",
+                  onNoticeContainerVariant: "#000000",
                   negative: "#CE0037",
                   onNegative: "#FFFFFF",
                   negativeContainer: "#FCD6D3",
                   onNegativeContainer: "#000000",
+                  negativeContainerVariant: "#FCEBEA",
+                  onNegativeContainerVariant: "#CE0037",
                   positive: "#40A683",
                   onPositive: "#FFFFFF",
                   positiveContainer: "#40A683",
-                  onPositiveContainer: "#FFFFFF"
+                  onPositiveContainer: "#FFFFFF",
+                  positiveContainerVariant: "#CAF9E6",
+                  onPositiveContainerVariant: "#000000"
                 },
                 component: {
                   surface: "#FFFFFF",
@@ -711,6 +910,7 @@ const e = {
                   onSurfaceVariant: "#696966",
                   inverseSurface: "#232322",
                   inverseOnSurface: "#FFFFFF",
+                  inversePrimary: "#F4ECF6",
                   outline: "#C8C7C2",
                   outlineVariant: "#8C8B87",
                   scrim: "#00000033"
@@ -718,10 +918,67 @@ const e = {
                 interaction: {
                   disabled: "#EFEEEB",
                   disabledOnSurface: "#AFAEAA",
+                  selected: "#00000005",
                   selectedSurface: "#DCBDE4",
                   hovered: "#00000033",
                   hoveredVariant: "#0000000D",
                   hoveredOnPrimary: "#FFFFFF99"
+                },
+                chart: {
+                  mark: {
+                    primary: {
+                      "01": "#EADAEE",
+                      "02": "#DCBDE4",
+                      "03": "#CC9FD9",
+                      "04": "#AA61C2",
+                      "05": "#733B85",
+                      "06": "#462352"
+                    },
+                    positive: {
+                      "01": "#B1EAD7",
+                      "02": "#98E1C8",
+                      "03": "#6ED0AE",
+                      "04": "#40A683",
+                      "05": "#2C755C",
+                      "06": "#12372B"
+                    },
+                    negative: {
+                      "01": "#FCD6D3",
+                      "02": "#FDB9B4",
+                      "03": "#FF8F8F",
+                      "04": "#F84258",
+                      "05": "#CE0037",
+                      "06": "#650417"
+                    },
+                    notice: {
+                      "01": "#FFE885",
+                      "02": "#EFD616",
+                      "03": "#D8BF00",
+                      "04": "#AC9301",
+                      "05": "#857100",
+                      "06": "#3A3000"
+                    },
+                    multi: {
+                      10: "#AF8245",
+                      "01": "#0A69CF",
+                      "02": "#6ED0AE",
+                      "03": "#FF8F8F",
+                      "04": "#AA61C2",
+                      "05": "#803510",
+                      "06": "#64CCD3",
+                      "07": "#FFE885",
+                      "08": "#AB4919",
+                      "09": "#932653"
+                    }
+                  },
+                  component: {
+                    onMarkLabel: "#000000",
+                    inverseOnMarkLabel: "#FFFFFF",
+                    scalemark: "#D9D8D3",
+                    threshold: "#AA61C2",
+                    chartSurface: "#FFFFFF",
+                    onChartSurface: "#696966"
+                  }
                 }
               }
             }
@@ -748,18 +1005,24 @@ const e = {
                   onTertiary: "#FFFFFF",
                   tertiaryContainer: "#401026",
                   onTertiaryContainer: "#FFFFFF",
-                  notice: "#FFE600",
+                  notice: "#EFD616",
                   onNotice: "#000000",
-                  noticeContainer: "#FFE600",
+                  noticeContainer: "#EFD616",
                   onNoticeContainer: "#000000",
+                  noticeContainerVariant: "#FEEDBE",
+                  onNoticeContainerVariant: "#000000",
                   negative: "#CE0037",
                   onNegative: "#FFFFFF",
                   negativeContainer: "#FCD6D3",
                   onNegativeContainer: "#000000",
+                  negativeContainerVariant: "#FCEBEA",
+                  onNegativeContainerVariant: "#CE0037",
                   positive: "#40A683",
                   onPositive: "#FFFFFF",
                   positiveContainer: "#40A683",
-                  onPositiveContainer: "#FFFFFF"
+                  onPositiveContainer: "#FFFFFF",
+                  positiveContainerVariant: "#CAF9E6",
+                  onPositiveContainerVariant: "#000000"
                 },
                 component: {
                   surface: "#FFFFFF",
@@ -767,6 +1030,7 @@ const e = {
                   onSurfaceVariant: "#696966",
                   inverseSurface: "#232322",
                   inverseOnSurface: "#FFFFFF",
+                  inversePrimary: "#F9EBF0",
                   outline: "#C8C7C2",
                   outlineVariant: "#8C8B87",
                   scrim: "#00000033"
@@ -774,10 +1038,67 @@ const e = {
                 interaction: {
                   disabled: "#EFEEEB",
                   disabledOnSurface: "#AFAEAA",
-                  selectedSurface: "#F6D7E0",
+                  selected: "#00000005",
+                  selectedSurface: "#F9EBF0",
                   hovered: "#00000033",
                   hoveredVariant: "#0000000D",
                   hoveredOnPrimary: "#FFFFFF99"
+                },
+                chart: {
+                  mark: {
+                    primary: {
+                      "01": "#F6D7E0",
+                      "02": "#F5C1D1",
+                      "03": "#F190B4",
+                      "04": "#EB4F8E",
+                      "05": "#932653",
+                      "06": "#591734"
+                    },
+                    positive: {
+                      "01": "#B1EAD7",
+                      "02": "#98E1C8",
+                      "03": "#6ED0AE",
+                      "04": "#40A683",
+                      "05": "#2C755C",
+                      "06": "#12372B"
+                    },
+                    negative: {
+                      "01": "#FCD6D3",
+                      "02": "#FDB9B4",
+                      "03": "#FF8F8F",
+                      "04": "#F84258",
+                      "05": "#CE0037",
+                      "06": "#650417"
+                    },
+                    notice: {
+                      "01": "#FFE885",
+                      "02": "#EFD616",
+                      "03": "#D8BF00",
+                      "04": "#AC9301",
+                      "05": "#857100",
+                      "06": "#3A3000"
+                    },
+                    multi: {
+                      10: "#AF8245",
+                      "01": "#0A69CF",
+                      "02": "#6ED0AE",
+                      "03": "#FF8F8F",
+                      "04": "#AA61C2",
+                      "05": "#803510",
+                      "06": "#64CCD3",
+                      "07": "#FFE885",
+                      "08": "#AB4919",
+                      "09": "#932653"
+                    }
+                  },
+                  component: {
+                    onMarkLabel: "#000000",
+                    inverseOnMarkLabel: "#FFFFFF",
+                    scalemark: "#D9D8D3",
+                    threshold: "#EB4F8E",
+                    chartSurface: "#FFFFFF",
+                    onChartSurface: "#696966"
+                  }
                 }
               }
             }

package/dist/node_modules/@zag-js/accordion/dist/index.js

@@ -1,7 +1,7 @@
 import { createAnatomy as R } from "../../anatomy/dist/index.js";
 import { getEventKey as y } from "../../dom-event/dist/index.js";
-import { createScope as G, queryAll as O, nextById as C, prevById as h, dataAttr as s, isSafari as S } from "../../dom-query/dist/index.js";
-import { first as x, last as P, compact as F, createSplitProps as w, remove as L, add as A, warn as N, isEqual as p } from "../../utils/dist/index.js";
+import { createScope as G, isSafari as O, dataAttr as s, prevById as C, nextById as h, queryAll as S } from "../../dom-query/dist/index.js";
+import { compact as x, createSplitProps as P, last as F, first as w, warn as L, add as A, remove as N, isEqual as p } from "../../utils/dist/index.js";
 import { createMachine as $, guards as B } from "../../core/dist/index.js";
 import { createProps as v } from "../../types/dist/index.js";
 var U = R("accordion").parts("root", "item", "itemTrigger", "itemContent", "itemIndicator"), g = U.build(), i = G({
@@ -24,12 +24,12 @@ var U = R("accordion").parts("root", "item", "itemTrigger", "itemContent", "item
   getRootEl: (e) => i.getById(e, i.getRootId(e)),
   getTriggerEls: (e) => {
     const t = `[aria-controls][data-ownedby='${CSS.escape(i.getRootId(e))}']:not([disabled])`;
-    return O(i.getRootEl(e), t);
+    return S(i.getRootEl(e), t);
   },
-  getFirstTriggerEl: (e) => x(i.getTriggerEls(e)),
-  getLastTriggerEl: (e) => P(i.getTriggerEls(e)),
-  getNextTriggerEl: (e, o) => C(i.getTriggerEls(e), i.getItemTriggerId(e, o)),
-  getPrevTriggerEl: (e, o) => h(i.getTriggerEls(e), i.getItemTriggerId(e, o))
+  getFirstTriggerEl: (e) => w(i.getTriggerEls(e)),
+  getLastTriggerEl: (e) => F(i.getTriggerEls(e)),
+  getNextTriggerEl: (e, o) => h(i.getTriggerEls(e), i.getItemTriggerId(e, o)),
+  getPrevTriggerEl: (e, o) => C(i.getTriggerEls(e), i.getItemTriggerId(e, o))
 });
 function J(e, o, t) {
   const a = e.context.focusedValue, d = e.context.value, I = e.context.multiple;
@@ -117,7 +117,7 @@ function J(e, o, t) {
           l.disabled || o("TRIGGER.BLUR");
         },
         onClick(u) {
-          l.disabled || (S() && u.currentTarget.focus(), o({ type: "TRIGGER.CLICK", value: r }));
+          l.disabled || (O() && u.currentTarget.focus(), o({ type: "TRIGGER.CLICK", value: r }));
         },
         onKeyDown(u) {
           if (u.defaultPrevented || l.disabled) return;
@@ -152,7 +152,7 @@ function J(e, o, t) {
 }
 var { and: H, not: k } = B;
 function Q(e) {
-  const o = F(e);
+  const o = x(e);
   return $(
     {
       id: "accordion",
@@ -226,7 +226,7 @@ function Q(e) {
       },
       actions: {
         collapse(t, a) {
-          const d = t.multiple ? L(t.value, a.value) : [];
+          const d = t.multiple ? N(t.value, a.value) : [];
           f.value(t, t.multiple ? d : []);
         },
         expand(t, a) {
@@ -261,7 +261,7 @@ function Q(e) {
           f.value(t, a.value);
         },
         coarseValue(t) {
-          !t.multiple && t.value.length > 1 && (N("The value of accordion should be a single value when multiple is false."), t.value = [t.value[0]]);
+          !t.multiple && t.value.length > 1 && (L("The value of accordion should be a single value when multiple is false."), t.value = [t.value[0]]);
         }
       }
     }
@@ -297,7 +297,7 @@ v()([
   "orientation",
   "value"
 ]);
-var K = v()(["value", "disabled"]), W = w(K);
+var K = v()(["value", "disabled"]), W = P(K);
 export {
   U as anatomy,
   J as connect,