@brightspot/ui 1.7.0 → 1.8.0

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 (62) hide show
  1. package/dist/components/icon-button/IconButton.d.ts +85 -0
  2. package/dist/components/icon-button/IconButton.d.ts.map +1 -0
  3. package/dist/components/icon-button/IconButton.js +171 -0
  4. package/dist/components/icon-button/IconButton.js.map +1 -0
  5. package/dist/components/pagination/Pagination.d.ts +0 -1
  6. package/dist/components/pagination/Pagination.d.ts.map +1 -1
  7. package/dist/components/pagination/Pagination.js +22 -22
  8. package/dist/components/pagination/Pagination.js.map +1 -1
  9. package/dist/custom-elements.json +317 -102
  10. package/dist/storybook/assets/{Avatar.stories-BAaSlDF7.js → Avatar.stories-XfJUoW42.js} +1 -1
  11. package/dist/storybook/assets/{AvatarGroup.stories-CgoDB4N4.js → AvatarGroup.stories-CPkv0mVI.js} +1 -1
  12. package/dist/storybook/assets/{Badge.stories-uexxdmo6.js → Badge.stories-Z42hQyzK.js} +1 -1
  13. package/dist/storybook/assets/{Button.stories-T9UJUPHI.js → Button.stories-DTcnCrp-.js} +1 -1
  14. package/dist/storybook/assets/{CircularProgress.stories-DW-VJA5j.js → CircularProgress.stories-B59nHh_k.js} +1 -1
  15. package/dist/storybook/assets/{ClipboardMixin.stories-DzU4vxu5.js → ClipboardMixin.stories-C6DraZ93.js} +1 -1
  16. package/dist/storybook/assets/{Color-6BZIO3FS-DRk2xjoN.js → Color-6BZIO3FS-BuNGIaf5.js} +1 -1
  17. package/dist/storybook/assets/{Colors.stories-_UPdvuhY.js → Colors.stories-B3Capc8F.js} +1 -1
  18. package/dist/storybook/assets/{ComponentStatesMixin-BIu5SKeV.js → ComponentStatesMixin-DRalOmcW.js} +1 -1
  19. package/dist/storybook/assets/{ComponentStatesMixin.stories-C0FLaqLu.js → ComponentStatesMixin.stories-TKD7YrVe.js} +1 -1
  20. package/dist/storybook/assets/{CopyToClipboard.stories-D31zoUVI.js → CopyToClipboard.stories-Bv8jZ7TL.js} +1 -1
  21. package/dist/storybook/assets/{Debounce.stories-CgPPl5Ee.js → Debounce.stories-CLwXI3OZ.js} +1 -1
  22. package/dist/storybook/assets/{DocsRenderer-LL677BLK-iwiwOzX9.js → DocsRenderer-LL677BLK-DjMDalQg.js} +6 -6
  23. package/dist/storybook/assets/{Dropdown.stories-CDcl6rmG.js → Dropdown.stories-D7X0Dbnt.js} +1 -1
  24. package/dist/storybook/assets/{Events.stories-DS6UC9dZ.js → Events.stories-Dgn1N8jT.js} +1 -1
  25. package/dist/storybook/assets/{Heading.stories-CAQfEGE2.js → Heading.stories-BcciQ3Ug.js} +1 -1
  26. package/dist/storybook/assets/{Icon.stories-C7msWlHs.js → Icon.stories-BWqJoZUM.js} +3 -3
  27. package/dist/storybook/assets/IconButton.stories-BrMDAi9q.js +748 -0
  28. package/dist/storybook/assets/{LinearProgress.stories-DBGJ5a2-.js → LinearProgress.stories-INijWBr_.js} +1 -1
  29. package/dist/storybook/assets/LucideDynamicLoader-jmdq8YDM.js +1 -0
  30. package/dist/storybook/assets/{Pagination.stories-C58bGOdf.js → Pagination.stories-CrExaWpC.js} +1 -1
  31. package/dist/storybook/assets/{Popover.stories-C9zU0sEX.js → Popover.stories-Bh6IUPG_.js} +1 -1
  32. package/dist/storybook/assets/{ReadyMixin-qf8SAjMu.js → ReadyMixin-C1lZU7vt.js} +1 -1
  33. package/dist/storybook/assets/{Rtc.stories-k9tKHNhD.js → Rtc.stories-BHqFwgR7.js} +1 -1
  34. package/dist/storybook/assets/{ScrollShadow.stories-Bp42zyLH.js → ScrollShadow.stories-DnIj5cZF.js} +1 -1
  35. package/dist/storybook/assets/{Throttle.stories-B5YU-Nms.js → Throttle.stories-Dilsv90H.js} +1 -1
  36. package/dist/storybook/assets/{Tooltip.stories-COQcvOnL.js → Tooltip.stories-Dnb76OXa.js} +1 -1
  37. package/dist/storybook/assets/{Widget.stories-D3Sq5-_A.js → Widget.stories-Cl-3dv15.js} +1 -1
  38. package/dist/storybook/assets/{WithTooltip-65CFNBJE-Cox81aM_.js → WithTooltip-65CFNBJE-Bq21jhKM.js} +1 -1
  39. package/dist/storybook/assets/{formatter-EIJCOSYU-3ErcoV9q.js → formatter-EIJCOSYU-CwrejIu0.js} +1 -1
  40. package/dist/storybook/assets/if-defined-D1UQmdjo.js +1 -0
  41. package/dist/storybook/assets/{iframe-D3r2Ciu8.css → iframe-CNxIA3cQ.css} +1 -1
  42. package/dist/storybook/assets/{iframe-CM6gBkqA.js → iframe-CsKt54V3.js} +100 -100
  43. package/dist/storybook/assets/{index-iwfnMgqg.js → index-DQ0xe06s.js} +1 -1
  44. package/dist/storybook/assets/{onFind.stories-CDtoTN6S.js → onFind.stories-CGeGoVR6.js} +1 -1
  45. package/dist/storybook/assets/{onRemove.stories-CSTeFCLU.js → onRemove.stories-DXOwfv14.js} +1 -1
  46. package/dist/storybook/assets/{onVisible.stories-C-yiw9n4.js → onVisible.stories-DNzXceKW.js} +1 -1
  47. package/dist/storybook/assets/{style-map-BJGdSb_D.js → style-map-kcS06w9f.js} +1 -1
  48. package/dist/storybook/assets/{syntaxhighlighter-ED5Y7EFY-BEudYlVi.js → syntaxhighlighter-ED5Y7EFY-BnpaJz4a.js} +1 -1
  49. package/dist/storybook/iframe.html +2 -2
  50. package/dist/storybook/index.json +1 -1
  51. package/dist/storybook/project.json +1 -1
  52. package/dist/tailwind-plugin-pagination.js +9 -21
  53. package/dist/tailwind-plugin-pagination.js.map +1 -1
  54. package/dist/tailwind-plugin-pagination.ts +10 -21
  55. package/dist/util/EventEmitterMixin.d.ts +4 -0
  56. package/dist/util/EventEmitterMixin.d.ts.map +1 -1
  57. package/dist/util/EventEmitterMixin.js.map +1 -1
  58. package/docs/components/IconButton.md +63 -0
  59. package/docs/components/Pagination.md +9 -9
  60. package/docs/components/README.md +1 -0
  61. package/package.json +1 -1
  62. package/dist/storybook/assets/if-defined-Bv2_qPJg.js +0 -1
@@ -1,4 +1,4 @@
1
- import{g as f,x as t}from"./iframe-CM6gBkqA.js";import{o as v}from"./style-map-BJGdSb_D.js";import"./preload-helper-PPVm8Dsz.js";const{events:S,args:C,argTypes:n}=f("btu-dropdown"),k={title:"Components/Dropdown",component:"btu-dropdown",tags:["autodocs"],parameters:{docs:{subtitle:"btu-dropdown",description:{component:`
1
+ import{g as f,x as t}from"./iframe-CsKt54V3.js";import{o as v}from"./style-map-kcS06w9f.js";import"./preload-helper-PPVm8Dsz.js";const{events:S,args:C,argTypes:n}=f("btu-dropdown"),k={title:"Components/Dropdown",component:"btu-dropdown",tags:["autodocs"],parameters:{docs:{subtitle:"btu-dropdown",description:{component:`
2
2
  A dropdown menu component that renders a trigger button and manages a floating panel
3
3
  containing a \`btu-dropdown-menu\` with \`btu-dropdown-item\` children.
4
4
 
@@ -1,4 +1,4 @@
1
- import{x as d}from"./iframe-CM6gBkqA.js";import"./preload-helper-PPVm8Dsz.js";var n=Object.freeze,r=Object.defineProperty,s=(t,i)=>n(r(t,"raw",{value:n(t.slice())})),o;const l={title:"Mixins/Events",tags:["autodocs"],parameters:{docs:{subtitle:"Events inherited from EventEmitterMixin",description:{component:`
1
+ import{x as d}from"./iframe-CsKt54V3.js";import"./preload-helper-PPVm8Dsz.js";var n=Object.freeze,r=Object.defineProperty,s=(t,i)=>n(r(t,"raw",{value:n(t.slice())})),o;const l={title:"Mixins/Events",tags:["autodocs"],parameters:{docs:{subtitle:"Events inherited from EventEmitterMixin",description:{component:`
2
2
  <h3>EventEmitterMixin Events</h3>
3
3
 
4
4
  <p>All Brightspot UI components that extend EventEmitterMixin emit the following lifecycle events in addition to those inherited from LitElement. These events use CustomEvent and bubble through the DOM with <code>composed: true</code>, meaning they cross shadow DOM boundaries.</p>
@@ -1,3 +1,3 @@
1
- import{x as s}from"./iframe-CM6gBkqA.js";import"./preload-helper-PPVm8Dsz.js";const r=({size:t})=>s` <div class=${[`btu-heading-${t}`].join(" ")}>Heading</div> `,o={title:"CSS Plugins/Heading",component:"btu-heading",tags:["autodocs"],parameters:{docs:{subtitle:"This Tailwind CSS plugin provides the `.btu-heading` utility class for styling headings. It supports five different sizes, from 1 (largest) to 5 (smallest). Apply the class to `<h1>` through `<h5>` elements to style them accordingly."},controls:{expanded:!0}},render:t=>r(t),argTypes:{size:{control:{type:"range",min:1,max:5,step:1},description:"Heading size from 1 to 5, where 1 is the largest and 5 is the smallest."}},args:{size:1}},e={args:{}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
1
+ import{x as s}from"./iframe-CsKt54V3.js";import"./preload-helper-PPVm8Dsz.js";const r=({size:t})=>s` <div class=${[`btu-heading-${t}`].join(" ")}>Heading</div> `,o={title:"CSS Plugins/Heading",component:"btu-heading",tags:["autodocs"],parameters:{docs:{subtitle:"This Tailwind CSS plugin provides the `.btu-heading` utility class for styling headings. It supports five different sizes, from 1 (largest) to 5 (smallest). Apply the class to `<h1>` through `<h5>` elements to style them accordingly."},controls:{expanded:!0}},render:t=>r(t),argTypes:{size:{control:{type:"range",min:1,max:5,step:1},description:"Heading size from 1 to 5, where 1 is the largest and 5 is the smallest."}},args:{size:1}},e={args:{}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
2
2
  args: {}
3
3
  }`,...e.parameters?.docs?.source}}};const n=["Default"];export{e as Default,n as __namedExportsOrder,o as default};
@@ -1,4 +1,4 @@
1
- import{g as c,x as a}from"./iframe-CM6gBkqA.js";import{o as d}from"./style-map-BJGdSb_D.js";import"./preload-helper-PPVm8Dsz.js";const p="0.508.0",b={version:p},l=b.version,{events:u,args:m,argTypes:t}=c("btu-icon"),g=["xs","sm","md","lg","xl"],x=["ai","error","gray","primary","purple","rose","success","teal","warning"],h={title:"Components/Icon",component:"btu-icon",tags:["autodocs"],parameters:{docs:{subtitle:"An icon component using Lucide icons with built-in support for custom colors and sizes.",description:{component:`
1
+ import{g as c,x as a}from"./iframe-CsKt54V3.js";import{o as d}from"./style-map-kcS06w9f.js";import{L as l}from"./LucideDynamicLoader-jmdq8YDM.js";import"./preload-helper-PPVm8Dsz.js";const{events:p,args:b,argTypes:t}=c("btu-icon"),u=["xs","sm","md","lg","xl"],m=["ai","error","gray","primary","purple","rose","success","teal","warning"],v={title:"Components/Icon",component:"btu-icon",tags:["autodocs"],parameters:{docs:{subtitle:"An icon component using Lucide icons with built-in support for custom colors and sizes.",description:{component:`
2
2
  <strong>When to use:</strong>
3
3
  <ul>
4
4
  <li>To visually reinforce actions, states, or categories</li>
@@ -15,7 +15,7 @@ import{g as c,x as a}from"./iframe-CM6gBkqA.js";import{o as d}from"./style-map-B
15
15
 
16
16
  <h3>Icon Library:</h3>
17
17
  <p>All icons are from <a href="https://lucide.dev/icons/" target="_blank">Lucide</a>. Note that the Lucide library is updated regularly, but the Brightspot UI library uses <strong>Lucide v${l}</strong>. Keep this in mind when choosing icons for your project, as icon names and styles may differ between versions.</p>
18
- `}},actions:{handles:u},controls:{expanded:!0}},args:{...m,symbol:"heart",size:"md"},argTypes:{...t,"--Icon-size":{table:{disable:!0}},"--Icon-fill":{table:{disable:!0}},"--Icon-svg":{table:{disable:!0}},symbol:{...t.symbol,control:{type:"text"},description:'<a href="https://lucide.dev/icons/" target="_blank">Lucide</a> icon name. Note that only icons available in Lucide v'+l+" are supported.",table:{...t.symbol?.table,type:{summary:"string"}}},size:{...t.size,control:{type:"select"},options:g,description:"Icon size preset"},gradient:{...t.gradient,control:{type:"select"},options:x,description:"Gradient theme icon fill. When not set, icon inherits parent text color."},customSize:{name:"--Icon-size",control:{type:"text"},description:'Custom icon size - overrides the size preset (e.g., "3rem", "48px")',table:{category:"CSS Properties"}},customFill:{name:"--Icon-fill",control:{type:"text"},description:'An advanced option for creating filled-in icons via built-in CSS SVG styling. Works best with simple icons like "heart" or "star".',table:{category:"CSS Properties"}}},render:e=>{const r={};return e.customSize&&(r["--Icon-size"]=e.customSize),e.customFill&&(r["--Icon-fill"]=e.customFill),a`<btu-icon
18
+ `}},actions:{handles:p},controls:{expanded:!0}},args:{...b,symbol:"heart",size:"md"},argTypes:{...t,"--Icon-size":{table:{disable:!0}},"--Icon-fill":{table:{disable:!0}},"--Icon-svg":{table:{disable:!0}},symbol:{...t.symbol,control:{type:"text"},description:'<a href="https://lucide.dev/icons/" target="_blank">Lucide</a> icon name. Note that only icons available in Lucide v'+l+" are supported.",table:{...t.symbol?.table,type:{summary:"string"}}},size:{...t.size,control:{type:"select"},options:u,description:"Icon size preset"},gradient:{...t.gradient,control:{type:"select"},options:m,description:"Gradient theme icon fill. When not set, icon inherits parent text color."},customSize:{name:"--Icon-size",control:{type:"text"},description:'Custom icon size - overrides the size preset (e.g., "3rem", "48px")',table:{category:"CSS Properties"}},customFill:{name:"--Icon-fill",control:{type:"text"},description:'An advanced option for creating filled-in icons via built-in CSS SVG styling. Works best with simple icons like "heart" or "star".',table:{category:"CSS Properties"}}},render:e=>{const r={};return e.customSize&&(r["--Icon-size"]=e.customSize),e.customFill&&(r["--Icon-fill"]=e.customFill),a`<btu-icon
19
19
  symbol="${e.symbol}"
20
20
  size="${e.size}"
21
21
  gradient="${e.gradient||""}"
@@ -242,4 +242,4 @@ import{g as c,x as a}from"./iframe-CM6gBkqA.js";import{o as d}from"./style-map-B
242
242
  }
243
243
  }
244
244
  }
245
- }`,...o.parameters?.docs?.source}}};const z=["Default","Sizes","GradientIcons","AdvancedUsage"];export{o as AdvancedUsage,s as Default,i as GradientIcons,n as Sizes,z as __namedExportsOrder,h as default};
245
+ }`,...o.parameters?.docs?.source}}};const h=["Default","Sizes","GradientIcons","AdvancedUsage"];export{o as AdvancedUsage,s as Default,i as GradientIcons,n as Sizes,h as __namedExportsOrder,v as default};