@womp/kookie-ui 0.14.4 → 0.15.0

package/schemas/index.json

@@ -86,7 +86,7 @@
               ]
             },
             "variant": {
-              "default": "raised",
+              "default": "solid",
               "description": "Visual variant that determines the button's appearance and context",
               "type": "string",
               "enum": [
@@ -95,9 +95,7 @@
                 "soft",
                 "surface",
                 "outline",
-                "ghost",
-                "override",
-                "classic"
+                "ghost"
               ]
             },
             "color": {
@@ -148,11 +146,6 @@
               "description": "Loading state that shows a spinner and disables interaction",
               "type": "boolean"
             },
-            "fullWidth": {
-              "default": false,
-              "description": "Full width mode that expands the button to fill its container",
-              "type": "boolean"
-            },
             "material": {
               "description": "Material type for visual rendering and depth effects",
               "type": "string",
@@ -161,14 +154,6 @@
                 "translucent"
               ]
             },
-            "panelBackground": {
-              "description": "Panel background type (deprecated - use material instead)",
-              "type": "string",
-              "enum": [
-                "solid",
-                "translucent"
-              ]
-            },
             "flush": {
               "default": false,
               "description": "Flush mode that removes visual padding for seamless text integration",
@@ -371,7 +356,7 @@
               ]
             },
             "variant": {
-              "default": "raised",
+              "default": "solid",
               "description": "Visual variant that determines the button's appearance and context",
               "type": "string",
               "enum": [
@@ -380,9 +365,7 @@
                 "soft",
                 "surface",
                 "outline",
-                "ghost",
-                "override",
-                "classic"
+                "ghost"
               ]
             },
             "color": {
@@ -433,11 +416,6 @@
               "description": "Loading state that shows a spinner and disables interaction",
               "type": "boolean"
             },
-            "fullWidth": {
-              "default": false,
-              "description": "Full width mode that expands the button to fill its container",
-              "type": "boolean"
-            },
             "material": {
               "description": "Material type for visual rendering and depth effects",
               "type": "string",
@@ -446,14 +424,6 @@
                 "translucent"
               ]
             },
-            "panelBackground": {
-              "description": "Panel background type (deprecated - use material instead)",
-              "type": "string",
-              "enum": [
-                "solid",
-                "translucent"
-              ]
-            },
             "flush": {
               "default": false,
               "description": "Flush mode that removes visual padding for seamless text integration",
@@ -580,6 +550,25 @@
                 "left"
               ]
             },
+            "emphasis": {
+              "description": "The button's rank: loud (solid), medium (raised) or quiet (ghost). Not with variant.",
+              "type": "string",
+              "enum": [
+                "loud",
+                "medium",
+                "quiet"
+              ]
+            },
+            "iconOnly": {
+              "default": false,
+              "description": "Square button holding only an icon; needs aria-label",
+              "type": "boolean"
+            },
+            "fullWidth": {
+              "default": false,
+              "description": "Expands the button to fill its container",
+              "type": "boolean"
+            },
             "tooltipAlign": {
               "default": "center",
               "description": "Alignment of the tooltip relative to the button",
@@ -598,223 +587,6 @@
               "default": false,
               "description": "Whether to disable hoverable content behavior",
               "type": "boolean"
-            },
-            "overrideStyles": {
-              "description": "Override styles for different interaction states",
-              "type": "object",
-              "properties": {
-                "normal": {
-                  "type": "object",
-                  "properties": {
-                    "color": {
-                      "type": "string"
-                    },
-                    "background": {
-                      "type": "string"
-                    },
-                    "backgroundColor": {
-                      "type": "string"
-                    },
-                    "boxShadow": {
-                      "type": "string"
-                    },
-                    "filter": {
-                      "type": "string"
-                    },
-                    "outline": {
-                      "type": "string"
-                    },
-                    "outlineOffset": {
-                      "type": "string"
-                    },
-                    "opacity": {
-                      "type": [
-                        "string",
-                        "number"
-                      ]
-                    }
-                  },
-                  "additionalProperties": false
-                },
-                "hover": {
-                  "type": "object",
-                  "properties": {
-                    "color": {
-                      "type": "string"
-                    },
-                    "background": {
-                      "type": "string"
-                    },
-                    "backgroundColor": {
-                      "type": "string"
-                    },
-                    "boxShadow": {
-                      "type": "string"
-                    },
-                    "filter": {
-                      "type": "string"
-                    },
-                    "outline": {
-                      "type": "string"
-                    },
-                    "outlineOffset": {
-                      "type": "string"
-                    },
-                    "opacity": {
-                      "type": [
-                        "string",
-                        "number"
-                      ]
-                    }
-                  },
-                  "additionalProperties": false
-                },
-                "active": {
-                  "type": "object",
-                  "properties": {
-                    "color": {
-                      "type": "string"
-                    },
-                    "background": {
-                      "type": "string"
-                    },
-                    "backgroundColor": {
-                      "type": "string"
-                    },
-                    "boxShadow": {
-                      "type": "string"
-                    },
-                    "filter": {
-                      "type": "string"
-                    },
-                    "outline": {
-                      "type": "string"
-                    },
-                    "outlineOffset": {
-                      "type": "string"
-                    },
-                    "opacity": {
-                      "type": [
-                        "string",
-                        "number"
-                      ]
-                    }
-                  },
-                  "additionalProperties": false
-                },
-                "pressed": {
-                  "type": "object",
-                  "properties": {
-                    "color": {
-                      "type": "string"
-                    },
-                    "background": {
-                      "type": "string"
-                    },
-                    "backgroundColor": {
-                      "type": "string"
-                    },
-                    "boxShadow": {
-                      "type": "string"
-                    },
-                    "filter": {
-                      "type": "string"
-                    },
-                    "outline": {
-                      "type": "string"
-                    },
-                    "outlineOffset": {
-                      "type": "string"
-                    },
-                    "opacity": {
-                      "type": [
-                        "string",
-                        "number"
-                      ]
-                    }
-                  },
-                  "additionalProperties": false
-                },
-                "open": {
-                  "type": "object",
-                  "properties": {
-                    "color": {
-                      "type": "string"
-                    },
-                    "background": {
-                      "type": "string"
-                    },
-                    "backgroundColor": {
-                      "type": "string"
-                    },
-                    "boxShadow": {
-                      "type": "string"
-                    },
-                    "filter": {
-                      "type": "string"
-                    },
-                    "outline": {
-                      "type": "string"
-                    },
-                    "outlineOffset": {
-                      "type": "string"
-                    },
-                    "opacity": {
-                      "type": [
-                        "string",
-                        "number"
-                      ]
-                    }
-                  },
-                  "additionalProperties": false
-                },
-                "disabled": {
-                  "type": "object",
-                  "properties": {
-                    "color": {
-                      "type": "string"
-                    },
-                    "background": {
-                      "type": "string"
-                    },
-                    "backgroundColor": {
-                      "type": "string"
-                    },
-                    "boxShadow": {
-                      "type": "string"
-                    },
-                    "filter": {
-                      "type": "string"
-                    },
-                    "outline": {
-                      "type": "string"
-                    },
-                    "outlineOffset": {
-                      "type": "string"
-                    },
-                    "opacity": {
-                      "type": [
-                        "string",
-                        "number"
-                      ]
-                    }
-                  },
-                  "additionalProperties": false
-                },
-                "focus": {
-                  "type": "object",
-                  "properties": {
-                    "outline": {
-                      "type": "string"
-                    },
-                    "outlineOffset": {
-                      "type": "string"
-                    }
-                  },
-                  "additionalProperties": false
-                }
-              },
-              "additionalProperties": false
             }
           },
           "additionalProperties": false
@@ -907,7 +679,7 @@
               ]
             },
             "variant": {
-              "default": "raised",
+              "default": "solid",
               "description": "Visual variant that determines the button's appearance and context",
               "type": "string",
               "enum": [
@@ -916,9 +688,7 @@
                 "soft",
                 "surface",
                 "outline",
-                "ghost",
-                "override",
-                "classic"
+                "ghost"
               ]
             },
             "color": {
@@ -969,11 +739,6 @@
               "description": "Loading state that shows a spinner and disables interaction",
               "type": "boolean"
             },
-            "fullWidth": {
-              "default": false,
-              "description": "Full width mode that expands the button to fill its container",
-              "type": "boolean"
-            },
             "material": {
               "description": "Material type for visual rendering and depth effects",
               "type": "string",
@@ -982,14 +747,6 @@
                 "translucent"
               ]
             },
-            "panelBackground": {
-              "description": "Panel background type (deprecated - use material instead)",
-              "type": "string",
-              "enum": [
-                "solid",
-                "translucent"
-              ]
-            },
             "flush": {
               "default": false,
               "description": "Flush mode that removes visual padding for seamless text integration",
@@ -1226,7 +983,7 @@
               ]
             },
             "variant": {
-              "default": "raised",
+              "default": "solid",
               "description": "Visual variant that determines the button's appearance and context",
               "type": "string",
               "enum": [
@@ -1235,9 +992,7 @@
                 "soft",
                 "surface",
                 "outline",
-                "ghost",
-                "override",
-                "classic"
+                "ghost"
               ]
             },
             "color": {
@@ -1288,11 +1043,6 @@
               "description": "Loading state that shows a spinner and disables interaction",
               "type": "boolean"
             },
-            "fullWidth": {
-              "default": false,
-              "description": "Full width mode that expands the button to fill its container",
-              "type": "boolean"
-            },
             "material": {
               "description": "Material type for visual rendering and depth effects",
               "type": "string",
@@ -1301,14 +1051,6 @@
                 "translucent"
               ]
             },
-            "panelBackground": {
-              "description": "Panel background type (deprecated - use material instead)",
-              "type": "string",
-              "enum": [
-                "solid",
-                "translucent"
-              ]
-            },
             "flush": {
               "default": false,
               "description": "Flush mode that removes visual padding for seamless text integration",
@@ -1435,6 +1177,25 @@
                 "left"
               ]
             },
+            "emphasis": {
+              "description": "The button's rank: loud (solid), medium (raised) or quiet (ghost). Not with variant.",
+              "type": "string",
+              "enum": [
+                "loud",
+                "medium",
+                "quiet"
+              ]
+            },
+            "iconOnly": {
+              "default": false,
+              "description": "Square button holding only an icon; needs aria-label",
+              "type": "boolean"
+            },
+            "fullWidth": {
+              "default": false,
+              "description": "Expands the button to fill its container",
+              "type": "boolean"
+            },
             "tooltipAlign": {
               "default": "center",
               "description": "Alignment of the tooltip relative to the button",
@@ -1454,223 +1215,6 @@
               "description": "Whether to disable hoverable content behavior",
               "type": "boolean"
             },
-            "overrideStyles": {
-              "description": "Override styles for different interaction states",
-              "type": "object",
-              "properties": {
-                "normal": {
-                  "type": "object",
-                  "properties": {
-                    "color": {
-                      "type": "string"
-                    },
-                    "background": {
-                      "type": "string"
-                    },
-                    "backgroundColor": {
-                      "type": "string"
-                    },
-                    "boxShadow": {
-                      "type": "string"
-                    },
-                    "filter": {
-                      "type": "string"
-                    },
-                    "outline": {
-                      "type": "string"
-                    },
-                    "outlineOffset": {
-                      "type": "string"
-                    },
-                    "opacity": {
-                      "type": [
-                        "string",
-                        "number"
-                      ]
-                    }
-                  },
-                  "additionalProperties": false
-                },
-                "hover": {
-                  "type": "object",
-                  "properties": {
-                    "color": {
-                      "type": "string"
-                    },
-                    "background": {
-                      "type": "string"
-                    },
-                    "backgroundColor": {
-                      "type": "string"
-                    },
-                    "boxShadow": {
-                      "type": "string"
-                    },
-                    "filter": {
-                      "type": "string"
-                    },
-                    "outline": {
-                      "type": "string"
-                    },
-                    "outlineOffset": {
-                      "type": "string"
-                    },
-                    "opacity": {
-                      "type": [
-                        "string",
-                        "number"
-                      ]
-                    }
-                  },
-                  "additionalProperties": false
-                },
-                "active": {
-                  "type": "object",
-                  "properties": {
-                    "color": {
-                      "type": "string"
-                    },
-                    "background": {
-                      "type": "string"
-                    },
-                    "backgroundColor": {
-                      "type": "string"
-                    },
-                    "boxShadow": {
-                      "type": "string"
-                    },
-                    "filter": {
-                      "type": "string"
-                    },
-                    "outline": {
-                      "type": "string"
-                    },
-                    "outlineOffset": {
-                      "type": "string"
-                    },
-                    "opacity": {
-                      "type": [
-                        "string",
-                        "number"
-                      ]
-                    }
-                  },
-                  "additionalProperties": false
-                },
-                "pressed": {
-                  "type": "object",
-                  "properties": {
-                    "color": {
-                      "type": "string"
-                    },
-                    "background": {
-                      "type": "string"
-                    },
-                    "backgroundColor": {
-                      "type": "string"
-                    },
-                    "boxShadow": {
-                      "type": "string"
-                    },
-                    "filter": {
-                      "type": "string"
-                    },
-                    "outline": {
-                      "type": "string"
-                    },
-                    "outlineOffset": {
-                      "type": "string"
-                    },
-                    "opacity": {
-                      "type": [
-                        "string",
-                        "number"
-                      ]
-                    }
-                  },
-                  "additionalProperties": false
-                },
-                "open": {
-                  "type": "object",
-                  "properties": {
-                    "color": {
-                      "type": "string"
-                    },
-                    "background": {
-                      "type": "string"
-                    },
-                    "backgroundColor": {
-                      "type": "string"
-                    },
-                    "boxShadow": {
-                      "type": "string"
-                    },
-                    "filter": {
-                      "type": "string"
-                    },
-                    "outline": {
-                      "type": "string"
-                    },
-                    "outlineOffset": {
-                      "type": "string"
-                    },
-                    "opacity": {
-                      "type": [
-                        "string",
-                        "number"
-                      ]
-                    }
-                  },
-                  "additionalProperties": false
-                },
-                "disabled": {
-                  "type": "object",
-                  "properties": {
-                    "color": {
-                      "type": "string"
-                    },
-                    "background": {
-                      "type": "string"
-                    },
-                    "backgroundColor": {
-                      "type": "string"
-                    },
-                    "boxShadow": {
-                      "type": "string"
-                    },
-                    "filter": {
-                      "type": "string"
-                    },
-                    "outline": {
-                      "type": "string"
-                    },
-                    "outlineOffset": {
-                      "type": "string"
-                    },
-                    "opacity": {
-                      "type": [
-                        "string",
-                        "number"
-                      ]
-                    }
-                  },
-                  "additionalProperties": false
-                },
-                "focus": {
-                  "type": "object",
-                  "properties": {
-                    "outline": {
-                      "type": "string"
-                    },
-                    "outlineOffset": {
-                      "type": "string"
-                    }
-                  },
-                  "additionalProperties": false
-                }
-              },
-              "additionalProperties": false
-            },
             "pressed": {
               "description": "Controlled pressed state",
               "type": "boolean"
@@ -1770,7 +1314,7 @@
               ]
             },
             "variant": {
-              "default": "raised",
+              "default": "solid",
               "description": "Visual variant that determines the button's appearance and context",
               "type": "string",
               "enum": [
@@ -1779,9 +1323,7 @@
                 "soft",
                 "surface",
                 "outline",
-                "ghost",
-                "override",
-                "classic"
+                "ghost"
               ]
             },
             "color": {
@@ -1832,11 +1374,6 @@
               "description": "Loading state that shows a spinner and disables interaction",
               "type": "boolean"
             },
-            "fullWidth": {
-              "default": false,
-              "description": "Full width mode that expands the button to fill its container",
-              "type": "boolean"
-            },
             "material": {
               "description": "Material type for visual rendering and depth effects",
               "type": "string",
@@ -1845,14 +1382,6 @@
                 "translucent"
               ]
             },
-            "panelBackground": {
-              "description": "Panel background type (deprecated - use material instead)",
-              "type": "string",
-              "enum": [
-                "solid",
-                "translucent"
-              ]
-            },
             "flush": {
               "default": false,
               "description": "Flush mode that removes visual padding for seamless text integration",
@@ -2042,6 +1571,16 @@
                 }
               ]
             },
+            "size": {
+              "default": "2",
+              "description": "Index of the pane chrome and the Sidebar rows in it",
+              "type": "string",
+              "enum": [
+                "1",
+                "2",
+                "3"
+              ]
+            },
             "className": {
               "description": "Additional CSS class name",
               "type": "string"
@@ -2781,7 +2320,6 @@
                   "type": "string",
                   "enum": [
                     "collapsed",
-                    "thin",
                     "expanded"
                   ],
                   "description": "Sidebar state"
@@ -2792,7 +2330,6 @@
                       "type": "string",
                       "enum": [
                         "collapsed",
-                        "thin",
                         "expanded"
                       ],
                       "description": "Sidebar state"
@@ -2804,7 +2341,6 @@
                           "type": "string",
                           "enum": [
                             "collapsed",
-                            "thin",
                             "expanded"
                           ],
                           "description": "Sidebar state"
@@ -2813,7 +2349,6 @@
                           "type": "string",
                           "enum": [
                             "collapsed",
-                            "thin",
                             "expanded"
                           ],
                           "description": "Sidebar state"
@@ -2822,7 +2357,6 @@
                           "type": "string",
                           "enum": [
                             "collapsed",
-                            "thin",
                             "expanded"
                           ],
                           "description": "Sidebar state"
@@ -2831,7 +2365,6 @@
                           "type": "string",
                           "enum": [
                             "collapsed",
-                            "thin",
                             "expanded"
                           ],
                           "description": "Sidebar state"
@@ -2840,7 +2373,6 @@
                           "type": "string",
                           "enum": [
                             "collapsed",
-                            "thin",
                             "expanded"
                           ],
                           "description": "Sidebar state"
@@ -2849,7 +2381,6 @@
                           "type": "string",
                           "enum": [
                             "collapsed",
-                            "thin",
                             "expanded"
                           ],
                           "description": "Sidebar state"
@@ -2869,7 +2400,6 @@
                   "type": "string",
                   "enum": [
                     "collapsed",
-                    "thin",
                     "expanded"
                   ],
                   "description": "Sidebar state"
@@ -2881,7 +2411,6 @@
                       "type": "string",
                       "enum": [
                         "collapsed",
-                        "thin",
                         "expanded"
                       ],
                       "description": "Sidebar state"
@@ -2890,7 +2419,6 @@
                       "type": "string",
                       "enum": [
                         "collapsed",
-                        "thin",
                         "expanded"
                       ],
                       "description": "Sidebar state"
@@ -2899,7 +2427,6 @@
                       "type": "string",
                       "enum": [
                         "collapsed",
-                        "thin",
                         "expanded"
                       ],
                       "description": "Sidebar state"
@@ -2908,7 +2435,6 @@
                       "type": "string",
                       "enum": [
                         "collapsed",
-                        "thin",
                         "expanded"
                       ],
                       "description": "Sidebar state"
@@ -2917,7 +2443,6 @@
                       "type": "string",
                       "enum": [
                         "collapsed",
-                        "thin",
                         "expanded"
                       ],
                       "description": "Sidebar state"
@@ -2926,7 +2451,6 @@
                       "type": "string",
                       "enum": [
                         "collapsed",
-                        "thin",
                         "expanded"
                       ],
                       "description": "Sidebar state"
@@ -2935,20 +2459,6 @@
                   "additionalProperties": false
                 }
               ]
-            },
-            "thinSize": {
-              "default": 64,
-              "description": "Width in the thin state",
-              "type": "number"
-            },
-            "toggleModes": {
-              "default": "both",
-              "description": "`both` goes collapsed, thin, expanded; `single` goes between collapsed and one open state",
-              "type": "string",
-              "enum": [
-                "both",
-                "single"
-              ]
             }
           },
           "additionalProperties": false