@brightspot/ui 1.1.0 → 1.2.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 (108) hide show
  1. package/README.md +3 -90
  2. package/dist/LucideDynamicLoader.d.ts +1 -0
  3. package/dist/LucideDynamicLoader.d.ts.map +1 -1
  4. package/dist/LucideDynamicLoader.js +2 -0
  5. package/dist/LucideDynamicLoader.js.map +1 -1
  6. package/dist/LucideDynamicLoader.ts +3 -0
  7. package/dist/components/avatar/Avatar.d.ts +1 -1
  8. package/dist/components/avatar/Avatar.js +2 -2
  9. package/dist/components/avatar/Avatar.js.map +1 -1
  10. package/dist/components/avatar/AvatarGroup.d.ts +1 -1
  11. package/dist/components/avatar/AvatarGroup.js +2 -2
  12. package/dist/components/avatar/AvatarGroup.js.map +1 -1
  13. package/dist/components/badge/Badge.d.ts +1 -1
  14. package/dist/components/badge/Badge.js +2 -2
  15. package/dist/components/badge/Badge.js.map +1 -1
  16. package/dist/components/circular-progress/CircularProgress.d.ts +57 -0
  17. package/dist/components/circular-progress/CircularProgress.d.ts.map +1 -0
  18. package/dist/components/circular-progress/CircularProgress.js +173 -0
  19. package/dist/components/circular-progress/CircularProgress.js.map +1 -0
  20. package/dist/components/icon/Icon.d.ts +90 -0
  21. package/dist/components/icon/Icon.d.ts.map +1 -0
  22. package/dist/components/icon/Icon.js +172 -0
  23. package/dist/components/icon/Icon.js.map +1 -0
  24. package/dist/components/linear-progress/LinearProgress.d.ts +40 -0
  25. package/dist/components/linear-progress/LinearProgress.d.ts.map +1 -0
  26. package/dist/components/linear-progress/LinearProgress.js +95 -0
  27. package/dist/components/linear-progress/LinearProgress.js.map +1 -0
  28. package/dist/custom-elements.json +341 -6
  29. package/dist/global.d.ts +4 -0
  30. package/dist/storybook/assets/{Avatar.stories-BONZm4v8.js → Avatar.stories-BlxrclP0.js} +1 -1
  31. package/dist/storybook/assets/{AvatarGroup.stories-DDKujPh2.js → AvatarGroup.stories-E3VUvBae.js} +1 -1
  32. package/dist/storybook/assets/{Badge.stories-C8Ahfpp6.js → Badge.stories-f4YvPz0W.js} +5 -18
  33. package/dist/storybook/assets/Button.stories-N66xrq4q.js +63 -0
  34. package/dist/storybook/assets/CircularProgress.stories-zWyELtfc.js +451 -0
  35. package/dist/storybook/assets/{Color-64QXVMR3-CqLd5_0n.js → Color-64QXVMR3-B3Y5c9dl.js} +1 -1
  36. package/dist/storybook/assets/{Colors.stories-BajWDIwn.js → Colors.stories-nEoNeHhf.js} +1 -1
  37. package/dist/storybook/assets/{Events.stories-B32yjxgf.js → Events.stories-BP3ensxX.js} +1 -1
  38. package/dist/storybook/assets/Heading.stories-DGqWaBpi.js +3 -0
  39. package/dist/storybook/assets/Icon.stories-BWWjh4NZ.js +245 -0
  40. package/dist/storybook/assets/LinearProgress.stories-DMVolkoE.js +397 -0
  41. package/dist/storybook/assets/ScrollShadow.stories-BmwSRNje.js +17 -0
  42. package/dist/storybook/assets/Throttle.stories-DBj-9rhV.js +303 -0
  43. package/dist/storybook/assets/{WithTooltip-SK46ZJ2J-BO-IGPcG.js → WithTooltip-SK46ZJ2J-DW4NXFWt.js} +5 -5
  44. package/dist/storybook/assets/formatter-OMEEQ6HG-BBn014aZ.js +1 -0
  45. package/dist/storybook/assets/iframe-CxsKJSj-.css +1 -0
  46. package/dist/storybook/assets/{iframe-BIFmrRK7.js → iframe-Z4F0Cgki.js} +95 -135
  47. package/dist/storybook/assets/{index-B4dkQq9N.js → index-BUj5S-B7.js} +1 -1
  48. package/dist/storybook/assets/{syntaxhighlighter-CAVLW7PM-kyZrfiLk.js → syntaxhighlighter-CAVLW7PM-CsQveU1N.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-button.js +11 -9
  53. package/dist/tailwind-plugin-button.js.map +1 -1
  54. package/dist/tailwind-plugin-button.ts +11 -10
  55. package/dist/tailwind-plugin-contrast.d.ts +2 -0
  56. package/dist/tailwind-plugin-contrast.d.ts.map +1 -0
  57. package/dist/tailwind-plugin-contrast.js +17 -0
  58. package/dist/tailwind-plugin-contrast.js.map +1 -0
  59. package/dist/tailwind-plugin-contrast.ts +18 -0
  60. package/dist/tailwind-plugin-icon.js +17 -10
  61. package/dist/tailwind-plugin-icon.js.map +1 -1
  62. package/dist/tailwind-plugin-icon.ts +17 -10
  63. package/dist/tailwind-plugin-ring-contrast.d.ts +2 -0
  64. package/dist/tailwind-plugin-ring-contrast.d.ts.map +1 -0
  65. package/dist/tailwind-plugin-ring-contrast.js +76 -0
  66. package/dist/tailwind-plugin-ring-contrast.js.map +1 -0
  67. package/dist/tailwind-plugin-ring-contrast.ts +90 -0
  68. package/dist/tailwind.config.d.ts +21 -0
  69. package/dist/tailwind.config.d.ts.map +1 -1
  70. package/dist/tailwind.config.js +25 -0
  71. package/dist/tailwind.config.js.map +1 -1
  72. package/dist/tailwind.config.ts +25 -0
  73. package/dist/{utils → util}/EventEmitterMixin.d.ts +4 -1
  74. package/dist/util/EventEmitterMixin.d.ts.map +1 -0
  75. package/dist/util/EventEmitterMixin.js.map +1 -0
  76. package/dist/util/ProgressMixin.d.ts +52 -0
  77. package/dist/util/ProgressMixin.d.ts.map +1 -0
  78. package/dist/util/ProgressMixin.js +190 -0
  79. package/dist/util/ProgressMixin.js.map +1 -0
  80. package/dist/util/ReadyMixin.d.ts.map +1 -0
  81. package/dist/util/ReadyMixin.js.map +1 -0
  82. package/dist/util/aria.d.ts +3 -0
  83. package/dist/util/aria.d.ts.map +1 -0
  84. package/dist/util/aria.js +44 -0
  85. package/dist/util/aria.js.map +1 -0
  86. package/dist/util/svg.d.ts +9 -0
  87. package/dist/util/svg.d.ts.map +1 -1
  88. package/dist/util/svg.js +22 -0
  89. package/dist/util/svg.js.map +1 -1
  90. package/dist/util/throttle.d.ts +4 -0
  91. package/dist/util/throttle.d.ts.map +1 -0
  92. package/dist/util/throttle.js +30 -0
  93. package/dist/util/throttle.js.map +1 -0
  94. package/package.json +2 -2
  95. package/dist/storybook/assets/Button.stories-Cwdvbnu1.js +0 -63
  96. package/dist/storybook/assets/Heading.stories-C0ji1wRG.js +0 -3
  97. package/dist/storybook/assets/Icon.stories-DeEHMd7f.js +0 -28543
  98. package/dist/storybook/assets/Loader.stories-NxZ0SGA0.js +0 -3
  99. package/dist/storybook/assets/ScrollShadow.stories-1W8nsrPe.js +0 -17
  100. package/dist/storybook/assets/formatter-OMEEQ6HG-wqmAyL2n.js +0 -1
  101. package/dist/storybook/assets/iframe-BEH5EoNR.css +0 -1
  102. package/dist/utils/EventEmitterMixin.d.ts.map +0 -1
  103. package/dist/utils/EventEmitterMixin.js.map +0 -1
  104. package/dist/utils/ReadyMixin.d.ts.map +0 -1
  105. package/dist/utils/ReadyMixin.js.map +0 -1
  106. /package/dist/{utils → util}/EventEmitterMixin.js +0 -0
  107. /package/dist/{utils → util}/ReadyMixin.d.ts +0 -0
  108. /package/dist/{utils → util}/ReadyMixin.js +0 -0
@@ -1,63 +0,0 @@
1
- import{x as v}from"./iframe-BIFmrRK7.js";import"./preload-helper-PPVm8Dsz.js";const I=({color:r="primary",pressed:a,fill:i,contained:c,outlined:l,size:d="sm",label:u,icon:b,hideText:p,disabled:m})=>{const g=i?"":"btu-button-fill-none",y=c?"":"btu-button-container-none",h=l?"btu-button-outline":"",f=p?"btu-button-text-hidden":"",x=b?["before:btu-icon","before:btu-icon-smile"]:[];return v`
2
- <button
3
- type="button"
4
- class=${["btu-button",`btu-button-${r}`,`btu-button-${d}`,g,y,h,f,...x].join(" ")}
5
- ?disabled=${m}
6
- aria-pressed=${a?"true":"false"}
7
- >
8
- ${u}
9
- </button>
10
- `},B=["ai","black","white","primary","teal","gray","purple","rose","error","warning","success"],S={title:"Components/Button",component:"btu-button",tags:["autodocs"],parameters:{docs:{subtitle:"btu-button"},controls:{expanded:!0}},render:r=>I(r),argTypes:{color:{control:{type:"select"},options:B},contained:{control:{type:"boolean"},description:"Does the button have a container?"},disabled:{control:{type:"boolean"},description:"Is the button disabled?"},fill:{control:{type:"boolean"},description:"Is the button filled?"},hideText:{control:{type:"boolean"},description:"Icon only mode (hides label)"},icon:{table:{disable:!0}},label:{control:{type:"text"},description:"Button label text"},outlined:{control:{type:"boolean"},description:"Is the button outlined?"},pressed:{control:{type:"boolean"},description:"Is the button pressed?"},size:{control:{type:"select"},options:["sm","md","lg","xl","2xl"]}},args:{color:"primary",contained:!0,disabled:!1,fill:!0,hideText:!1,icon:"",label:"Button",outlined:!1,pressed:!1,size:"md"}},e={args:{}},t={args:{label:"Search",icon:"before:btu-icon-smile"},parameters:{docs:{description:{story:"Button with an icon alongside text."}}}},o={args:{icon:"before:btu-icon-smile",hideText:!0},parameters:{docs:{description:{story:"Icon-only button. Uses `btu-button-text-hidden` to hide the label."}}}},s={args:{label:"Disabled Button",disabled:!0},parameters:{docs:{description:{story:"Disabled button state. Uses the `[disabled]` attribute to trigger disabled styling with reduced opacity and pointer events disabled."}}}},n={args:{label:"Active Button",pressed:!0,fill:!1,icon:"before:btu-icon-smile",hideText:!0},parameters:{docs:{description:{story:'Active/pressed button state. Uses `[aria-pressed="true"]` attribute to trigger the pressed styling, typically used for toggle buttons or to show an active state.'}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
11
- args: {}
12
- }`,...e.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
13
- args: {
14
- label: 'Search',
15
- icon: 'before:btu-icon-smile'
16
- },
17
- parameters: {
18
- docs: {
19
- description: {
20
- story: \`Button with an icon alongside text.\`
21
- }
22
- }
23
- }
24
- }`,...t.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
25
- args: {
26
- icon: 'before:btu-icon-smile',
27
- hideText: true
28
- },
29
- parameters: {
30
- docs: {
31
- description: {
32
- story: \`Icon-only button. Uses \\\`btu-button-text-hidden\\\` to hide the label.\`
33
- }
34
- }
35
- }
36
- }`,...o.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
37
- args: {
38
- label: 'Disabled Button',
39
- disabled: true
40
- },
41
- parameters: {
42
- docs: {
43
- description: {
44
- story: \`Disabled button state. Uses the \\\`[disabled]\\\` attribute to trigger disabled styling with reduced opacity and pointer events disabled.\`
45
- }
46
- }
47
- }
48
- }`,...s.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
49
- args: {
50
- label: 'Active Button',
51
- pressed: true,
52
- fill: false,
53
- icon: 'before:btu-icon-smile',
54
- hideText: true
55
- },
56
- parameters: {
57
- docs: {
58
- description: {
59
- story: \`Active/pressed button state. Uses \\\`[aria-pressed="true"]\\\` attribute to trigger the pressed styling, typically used for toggle buttons or to show an active state.\`
60
- }
61
- }
62
- }
63
- }`,...n.parameters?.docs?.source}}};const T=["Default","WithIcon","IconOnly","Disabled","ActivePressed"];export{n as ActivePressed,e as Default,s as Disabled,o as IconOnly,t as WithIcon,T as __namedExportsOrder,S as default};
@@ -1,3 +0,0 @@
1
- import{x as s}from"./iframe-BIFmrRK7.js";import"./preload-helper-PPVm8Dsz.js";const a=({size:t})=>s` <div class=${[`btu-heading-${t}`].join(" ")}>Heading</div> `,n={title:"Components/Heading",component:"btu-heading",tags:["autodocs"],parameters:{docs:{subtitle:"btu-heading"},controls:{expanded:!0}},render:t=>a(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
- args: {}
3
- }`,...e.parameters?.docs?.source}}};const i=["Default"];export{e as Default,i as __namedExportsOrder,n as default};