@okshaun/components 0.4.6 → 0.5.1

package/dist/panda.buildinfo.json

@@ -67,6 +67,10 @@
       "color]___[value:gold.40",
       "gridColumn]___[value:1 / -1",
       "marginTop]___[value:32",
+      "minWidth]___[value:16",
+      "height]___[value:fit",
+      "minWidth]___[value:20",
+      "minWidth]___[value:24",
       "color]___[value:text.subtle",
       "background]___[value:bg.neutral",
       "color]___[value:text.inverse",
@@ -177,6 +181,36 @@
       "fontWeight]___[value:medium",
       "width]___[value:24",
       "height]___[value:24",
+      "gap]___[value:6",
+      "gap]___[value:2",
+      "gap]___[value:3",
+      "zIndex]___[value:0",
+      "borderColor]___[value:var(--colors-bg)",
+      "width]___[value:80",
+      "fontWeight]___[value:500",
+      "fontWeight]___[value:600",
+      "fontSize]___[value:12",
+      "background]___[value:bg.success.bold",
+      "background]___[value:bg.danger.bold",
+      "background]___[value:bg.neutral.bold",
+      "background]___[value:bg.brand.bold",
+      "color]___[value:icon.inverse",
+      "width]___[value:12",
+      "height]___[value:12",
+      "gap]___[value:12",
+      "marginInline]___[value:16",
+      "width]___[value:20",
+      "height]___[value:20",
+      "width]___[value:32",
+      "height]___[value:32",
+      "width]___[value:fit",
+      "flexWrap]___[value:wrap",
+      "gap]___[value:1",
+      "color]___[value:text.muted",
+      "textStyle]___[value:mono.xs",
+      "gridTemplateColumns]___[value:auto auto auto",
+      "animation]___[value:badgePop 200ms ease-out",
+      "animation]___[value:badgePopStandalone 200ms ease-out",
       "opacity]___[value:0",
       "opacity]___[value:1",
       "position]___[value:absolute",
@@ -184,77 +218,23 @@
       "right]___[value:0",
       "bottom]___[value:0",
       "placeItems]___[value:center",
-      "gap]___[value:12",
       "marginLeft]___[value:24",
-      "gap]___[value:2",
-      "maxWidth]___[value:600",
-      "fontWeight]___[value:500",
+      "paddingInlineStart]___[value:4",
+      "paddingInlineEnd]___[value:4",
       "width]___[value:100",
-      "width]___[value:80",
-      "textTransform]___[value:capitalize",
-      "background]___[value:blue.30]___[cond:_hover",
-      "background]___[value:blue.80]___[cond:_hover<___>_dark",
-      "color]___[value:blue.50",
-      "borderColor]___[value:blue.40",
-      "borderColor]___[value:blue.60]___[cond:_dark",
+      "maxWidth]___[value:lg",
       "background]___[value:transparent",
-      "background]___[value:blue.10]___[cond:_hover",
-      "background]___[value:blue.90/50]___[cond:_hover<___>_dark",
-      "background]___[value:blue.10",
-      "color]___[value:blue.40",
-      "color]___[value:blue.60]___[cond:_dark",
-      "background]___[value:purple.30]___[cond:_hover",
-      "background]___[value:purple.80]___[cond:_hover<___>_dark",
-      "color]___[value:purple.50",
-      "color]___[value:purple.40]___[cond:_dark",
-      "borderColor]___[value:purple.40",
-      "borderColor]___[value:purple.60]___[cond:_dark",
-      "background]___[value:purple.10]___[cond:_hover",
-      "background]___[value:purple.90/50]___[cond:_hover<___>_dark",
-      "background]___[value:purple.10",
-      "color]___[value:purple.40",
-      "color]___[value:purple.60]___[cond:_dark",
-      "background]___[value:orange.30]___[cond:_hover",
-      "background]___[value:orange.90]___[cond:_hover<___>_dark",
-      "color]___[value:orange.50",
-      "color]___[value:orange.40]___[cond:_dark",
-      "borderColor]___[value:orange.40",
-      "borderColor]___[value:orange.60]___[cond:_dark",
-      "background]___[value:orange.10]___[cond:_hover",
-      "background]___[value:orange.90/50]___[cond:_hover<___>_dark",
-      "background]___[value:orange.10",
-      "color]___[value:orange.40",
-      "color]___[value:orange.60]___[cond:_dark",
-      "background]___[value:green.30]___[cond:_hover",
-      "background]___[value:green.80]___[cond:_hover<___>_dark",
-      "color]___[value:green.50",
-      "color]___[value:green.40]___[cond:_dark",
-      "borderColor]___[value:green.40",
-      "borderColor]___[value:green.60]___[cond:_dark",
-      "background]___[value:green.10]___[cond:_hover",
-      "background]___[value:green.90/50]___[cond:_hover<___>_dark",
-      "background]___[value:green.10",
-      "color]___[value:green.40",
-      "color]___[value:green.60]___[cond:_dark",
-      "background]___[value:bg.neutral.hovered]___[cond:_hover",
-      "borderColor]___[value:border.default",
-      "background]___[value:bg.neutral]___[cond:_hover",
-      "color]___[value:text.disabled",
-      "width]___[value:14",
-      "height]___[value:14",
-      "flexWrap]___[value:wrap",
       "padding]___[value:80",
       "transitionProperty]___[value:transform",
       "transitionDuration]___[value:normal",
       "transitionTimingFunction]___[value:default",
       "transform]___[value:rotate(180deg)]___[cond:&[data-open=\"true\"]",
       "offset]___[value:4",
-      "width]___[value:20",
-      "height]___[value:20",
       "fill]___[value:current",
       "font]___[value:mono",
       "color]___[value:gray.90",
       "color]___[value:gold.50",
+      "color]___[value:blue.50",
       "color]___[value:gray.10]___[cond:_dark",
       "textStyle]___[value:body-md",
       "color]___[value:gray.90]___[cond:_dark",
@@ -300,7 +280,9 @@
         "size]___[value:default]___[recipe:iconButton",
         "appearance]___[value:default]___[recipe:iconButton",
         "appearance]___[value:primary]___[recipe:iconButton",
-        "size]___[value:large]___[recipe:iconButton"
+        "size]___[value:large]___[recipe:iconButton",
+        "appearance]___[value:hollow]___[recipe:iconButton",
+        "size]___[value:small]___[recipe:iconButton"
       ],
       "box": [],
       "pre": [],
@@ -314,12 +296,17 @@
         "size]___[value:large]___[recipe:spinner"
       ],
       "badge": [
-        "variant]___[value:solid]___[recipe:badge",
         "size]___[value:sm]___[recipe:badge",
+        "appearance]___[value:danger]___[recipe:badge",
         "size]___[value:md]___[recipe:badge",
         "size]___[value:lg]___[recipe:badge",
-        "variant]___[value:subtle]___[recipe:badge",
-        "variant]___[value:outline]___[recipe:badge"
+        "appearance]___[value:success]___[recipe:badge",
+        "appearance]___[value:warning]___[recipe:badge",
+        "appearance]___[value:info]___[recipe:badge",
+        "appearance]___[value:neutral]___[recipe:badge",
+        "appearance]___[value:subtle]___[recipe:badge",
+        "appearance]___[value:inverted]___[recipe:badge",
+        "appearance]___[value:subtle-inverted]___[recipe:badge"
       ],
       "tag": [
         "appearance]___[value:default]___[recipe:tag",
@@ -375,17 +362,22 @@
         "position]___[value:right]___[recipe:tooltip",
         "caret]___[value:true]___[recipe:tooltip"
       ],
+      "avatar": [
+        "size]___[value:xs]___[recipe:avatar",
+        "shape]___[value:circle]___[recipe:avatar",
+        "size]___[value:sm]___[recipe:avatar",
+        "size]___[value:md]___[recipe:avatar",
+        "size]___[value:lg]___[recipe:avatar",
+        "size]___[value:xl]___[recipe:avatar",
+        "size]___[value:2xl]___[recipe:avatar",
+        "shape]___[value:square]___[recipe:avatar",
+        "shape]___[value:hexagon]___[recipe:avatar"
+      ],
       "chip": [
-        "state]___[value:resolved]___[recipe:chip",
-        "hue]___[value:blue]___[recipe:chip",
-        "hasIcon]___[value:false]___[recipe:chip",
-        "state]___[value:placeholder]___[recipe:chip",
-        "state]___[value:loading]___[recipe:chip",
-        "state]___[value:deleted]___[recipe:chip",
-        "hue]___[value:purple]___[recipe:chip",
-        "hue]___[value:orange]___[recipe:chip",
-        "hue]___[value:green]___[recipe:chip",
-        "hue]___[value:gray]___[recipe:chip"
+        "size]___[value:small]___[recipe:chip",
+        "size]___[value:default]___[recipe:chip",
+        "size]___[value:large]___[recipe:chip",
+        "before]___[value:multi]___[recipe:chip"
       ],
       "code": [],
       "radioInput": [],