@brightspot/ui 1.7.0 → 1.9.0

package/dist/custom-elements.json

@@ -295,67 +295,45 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/badge/Badge.ts",
+      "path": "src/components/circular-progress/CircularProgress.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A badge component for highlighting important information.\n\nBadges help highlight notifications, status, or new messages.\nPrimarily used for communicating secondary or additional information.",
-          "name": "Badge",
+          "description": "A circular progress indicator for showing loading states or progress.",
+          "name": "CircularProgress",
           "cssProperties": [
             {
-              "description": "Text color (overrides theme color)",
-              "name": "--badge-color-foreground"
-            },
-            {
-              "description": "Background color (overrides theme color)",
-              "name": "--badge-color-background"
-            },
-            {
-              "description": "Border radius size (overrides shape default, default: 999px)",
-              "name": "--badge-radius-size"
-            },
-            {
-              "description": "Horizontal padding (overrides size default)",
-              "name": "--badge-px"
+              "description": "Custom progress indicator color (overrides theme color)",
+              "name": "--progress-color"
             },
             {
-              "description": "Vertical padding (overrides size default)",
-              "name": "--badge-py"
+              "description": "Track/background color (overrides default gray-100)",
+              "name": "--track-color"
             },
             {
-              "description": "Size of the dot affordance (default: 6px)",
-              "name": "--badge-dot-size"
+              "description": "Custom size in pixels (overrides size preset)",
+              "name": "--progress-size"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'info' | 'primary' | 'error' | 'success' | 'warning'"
-              },
-              "default": "'info'",
-              "description": "Style of the badge.\n- 'info': Informational (default)\n- 'primary': Primary action or emphasis\n- 'error': Error or danger state\n- 'success': Success or completion state\n- 'warning': Warning or caution state",
-              "attribute": "variant"
-            },
-            {
-              "kind": "field",
-              "name": "dot",
+              "name": "indeterminate",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Should a dot be displayed before the label?",
-              "attribute": "dot"
+              "default": "true",
+              "description": "Whether the progress indicator is indeterminate (animated spinner).\nWhen false, shows determinate progress based on the progress value.",
+              "attribute": "indeterminate"
             },
             {
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "string"
+                "text": "'sm' | 'md' | 'lg'"
               },
               "default": "'sm'",
-              "description": "Size variant.\n- 'sm': Small (default)\n- 'md': Medium\n- 'lg': Large",
+              "description": "Size variant.\n- 'sm': Small (16px) - default\n- 'md': Medium (32px)\n- 'lg': Large (48px)",
               "attribute": "size"
             }
           ],
@@ -365,42 +343,43 @@
                 "text": "CustomEvent"
               },
               "description": "Fired after first render and initialization",
-              "name": "btu-badge-ready"
-            }
-          ],
-          "attributes": [
+              "name": "btu-progress-ready"
+            },
             {
-              "name": "variant",
               "type": {
-                "text": "'info' | 'primary' | 'error' | 'success' | 'warning'"
+                "text": "CustomEvent"
               },
-              "default": "'info'",
-              "description": "Style of the badge.\n- 'info': Informational (default)\n- 'primary': Primary action or emphasis\n- 'error': Error or danger state\n- 'success': Success or completion state\n- 'warning': Warning or caution state",
-              "fieldName": "variant",
-              "attribute": "variant"
-            },
+              "description": "Fired when determinate progress reaches 100",
+              "name": "btu-progress-complete"
+            }
+          ],
+          "attributes": [
             {
-              "name": "dot",
+              "name": "indeterminate",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Should a dot be displayed before the label?",
-              "fieldName": "dot",
-              "attribute": "dot"
+              "default": "true",
+              "description": "Whether the progress indicator is indeterminate (animated spinner).\nWhen false, shows determinate progress based on the progress value.",
+              "fieldName": "indeterminate",
+              "attribute": "indeterminate"
             },
             {
               "name": "size",
               "type": {
-                "text": "string"
+                "text": "'sm' | 'md' | 'lg'"
               },
               "default": "'sm'",
-              "description": "Size variant.\n- 'sm': Small (default)\n- 'md': Medium\n- 'lg': Large",
+              "description": "Size variant.\n- 'sm': Small (16px) - default\n- 'md': Medium (32px)\n- 'lg': Large (48px)",
               "fieldName": "size",
               "attribute": "size"
             }
           ],
           "mixins": [
+            {
+              "name": "ProgressMixin",
+              "module": "/src/util/ProgressMixin.js"
+            },
             {
               "name": "EventEmitterMixin",
               "module": "/src/util/EventEmitterMixin.js"
@@ -414,7 +393,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "btu-badge",
+          "tagName": "btu-circular-progress",
           "customElement": true
         }
       ],
@@ -423,61 +402,83 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "Badge",
-            "module": "src/components/badge/Badge.ts"
+            "name": "CircularProgress",
+            "module": "src/components/circular-progress/CircularProgress.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "btu-badge",
+          "name": "btu-circular-progress",
           "declaration": {
-            "name": "Badge",
-            "module": "src/components/badge/Badge.ts"
+            "name": "CircularProgress",
+            "module": "src/components/circular-progress/CircularProgress.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/circular-progress/CircularProgress.ts",
+      "path": "src/components/badge/Badge.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A circular progress indicator for showing loading states or progress.",
-          "name": "CircularProgress",
+          "description": "A badge component for highlighting important information.\n\nBadges help highlight notifications, status, or new messages.\nPrimarily used for communicating secondary or additional information.",
+          "name": "Badge",
           "cssProperties": [
             {
-              "description": "Custom progress indicator color (overrides theme color)",
-              "name": "--progress-color"
+              "description": "Text color (overrides theme color)",
+              "name": "--badge-color-foreground"
             },
             {
-              "description": "Track/background color (overrides default gray-100)",
-              "name": "--track-color"
+              "description": "Background color (overrides theme color)",
+              "name": "--badge-color-background"
             },
             {
-              "description": "Custom size in pixels (overrides size preset)",
-              "name": "--progress-size"
+              "description": "Border radius size (overrides shape default, default: 999px)",
+              "name": "--badge-radius-size"
+            },
+            {
+              "description": "Horizontal padding (overrides size default)",
+              "name": "--badge-px"
+            },
+            {
+              "description": "Vertical padding (overrides size default)",
+              "name": "--badge-py"
+            },
+            {
+              "description": "Size of the dot affordance (default: 6px)",
+              "name": "--badge-dot-size"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "indeterminate",
+              "name": "variant",
+              "type": {
+                "text": "'info' | 'primary' | 'error' | 'success' | 'warning'"
+              },
+              "default": "'info'",
+              "description": "Style of the badge.\n- 'info': Informational (default)\n- 'primary': Primary action or emphasis\n- 'error': Error or danger state\n- 'success': Success or completion state\n- 'warning': Warning or caution state",
+              "attribute": "variant"
+            },
+            {
+              "kind": "field",
+              "name": "dot",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Whether the progress indicator is indeterminate (animated spinner).\nWhen false, shows determinate progress based on the progress value.",
-              "attribute": "indeterminate"
+              "default": "false",
+              "description": "Should a dot be displayed before the label?",
+              "attribute": "dot"
             },
             {
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "string"
               },
               "default": "'sm'",
-              "description": "Size variant.\n- 'sm': Small (16px) - default\n- 'md': Medium (32px)\n- 'lg': Large (48px)",
+              "description": "Size variant.\n- 'sm': Small (default)\n- 'md': Medium\n- 'lg': Large",
               "attribute": "size"
             }
           ],
@@ -487,43 +488,42 @@
                 "text": "CustomEvent"
               },
               "description": "Fired after first render and initialization",
-              "name": "btu-progress-ready"
-            },
-            {
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired when determinate progress reaches 100",
-              "name": "btu-progress-complete"
+              "name": "btu-badge-ready"
             }
           ],
           "attributes": [
             {
-              "name": "indeterminate",
+              "name": "variant",
+              "type": {
+                "text": "'info' | 'primary' | 'error' | 'success' | 'warning'"
+              },
+              "default": "'info'",
+              "description": "Style of the badge.\n- 'info': Informational (default)\n- 'primary': Primary action or emphasis\n- 'error': Error or danger state\n- 'success': Success or completion state\n- 'warning': Warning or caution state",
+              "fieldName": "variant",
+              "attribute": "variant"
+            },
+            {
+              "name": "dot",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Whether the progress indicator is indeterminate (animated spinner).\nWhen false, shows determinate progress based on the progress value.",
-              "fieldName": "indeterminate",
-              "attribute": "indeterminate"
+              "default": "false",
+              "description": "Should a dot be displayed before the label?",
+              "fieldName": "dot",
+              "attribute": "dot"
             },
             {
               "name": "size",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "string"
               },
               "default": "'sm'",
-              "description": "Size variant.\n- 'sm': Small (16px) - default\n- 'md': Medium (32px)\n- 'lg': Large (48px)",
+              "description": "Size variant.\n- 'sm': Small (default)\n- 'md': Medium\n- 'lg': Large",
               "fieldName": "size",
               "attribute": "size"
             }
           ],
           "mixins": [
-            {
-              "name": "ProgressMixin",
-              "module": "/src/util/ProgressMixin.js"
-            },
             {
               "name": "EventEmitterMixin",
               "module": "/src/util/EventEmitterMixin.js"
@@ -537,7 +537,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "btu-circular-progress",
+          "tagName": "btu-badge",
           "customElement": true
         }
       ],
@@ -546,16 +546,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "CircularProgress",
-            "module": "src/components/circular-progress/CircularProgress.ts"
+            "name": "Badge",
+            "module": "src/components/badge/Badge.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "btu-circular-progress",
+          "name": "btu-badge",
           "declaration": {
-            "name": "CircularProgress",
-            "module": "src/components/circular-progress/CircularProgress.ts"
+            "name": "Badge",
+            "module": "src/components/badge/Badge.ts"
           }
         }
       ]
@@ -1683,6 +1683,10 @@
               "description": "Icon size (overrides size default)",
               "name": "--Icon-size"
             },
+            {
+              "description": "SVG stroke width as a unitless number in viewBox units; scales visually with icon size (default: 2)",
+              "name": "--Icon-stroke-width"
+            },
             {
               "description": "Icon fill color for filled icons (e.g., \"currentColor\")",
               "name": "--Icon-fill"
@@ -1806,6 +1810,221 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/icon-button/IconButton.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Surfaces the different actions someone can perform in an interface where space is limited.\n\nUses an icon to communicate the action and supports multiple visual types and sizes.\nTooltip support is built-in for accessibility in compact layouts.",
+          "name": "IconButton",
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional name for the button which can be used to identify the button in a callback.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "IconButtonType"
+              },
+              "default": "'primary'",
+              "description": "Specifies the type of icon-button, controlling the visual style.",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "iconSymbol",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Lucide icon name.",
+              "attribute": "icon-symbol"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "IconButtonSize"
+              },
+              "default": "'medium'",
+              "description": "Specifies the size of icon-button.",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "destructive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specifies an icon-button will be used to take any destructive action overriding the\ndefault color used for the icon-button type with the error color.",
+              "attribute": "destructive"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the button, preventing interaction and indicating an inactive state.",
+              "attribute": "disabled"
+            },
+            {
+              "kind": "method",
+              "name": "_relayTooltipAttrs",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_buildButtonClasses",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired after first render and initialization",
+              "name": "btu-icon-button-ready"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<{name: string | undefined}>"
+              },
+              "description": "Fired when the button is clicked",
+              "name": "btu-icon-button-click"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional name for the button which can be used to identify the button in a callback.",
+              "fieldName": "name",
+              "attribute": "name"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "IconButtonType"
+              },
+              "default": "'primary'",
+              "description": "Specifies the type of icon-button, controlling the visual style.",
+              "fieldName": "type",
+              "attribute": "type"
+            },
+            {
+              "name": "icon-symbol",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Lucide icon name.",
+              "fieldName": "iconSymbol",
+              "attribute": "icon-symbol"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "IconButtonSize"
+              },
+              "default": "'medium'",
+              "description": "Specifies the size of icon-button.",
+              "fieldName": "size",
+              "attribute": "size"
+            },
+            {
+              "name": "destructive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specifies an icon-button will be used to take any destructive action overriding the\ndefault color used for the icon-button type with the error color.",
+              "fieldName": "destructive",
+              "attribute": "destructive"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the button, preventing interaction and indicating an inactive state.",
+              "fieldName": "disabled",
+              "attribute": "disabled"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "TooltipMixin",
+              "module": "/src/util/TooltipMixin.js"
+            },
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/util/EventEmitterMixin.js"
+            },
+            {
+              "name": "ReadyMixin",
+              "module": "/src/util/ReadyMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "btu-icon-button",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IconButton",
+            "module": "src/components/icon-button/IconButton.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "btu-icon-button",
+          "declaration": {
+            "name": "IconButton",
+            "module": "src/components/icon-button/IconButton.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/linear-progress/LinearProgress.ts",
@@ -2151,7 +2370,7 @@
                 {
                   "name": "clickedButton",
                   "type": {
-                    "text": "HTMLButtonElement"
+                    "text": "IconButton"
                   }
                 }
               ]