@brightspot/ui 1.4.1 → 1.5.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.
- package/README.md +12 -0
- package/dist/components/avatar/Avatar.d.ts +1 -1
- package/dist/components/avatar/Avatar.d.ts.map +1 -1
- package/dist/components/avatar/Avatar.js +3 -1
- package/dist/components/avatar/Avatar.js.map +1 -1
- package/dist/components/popover/Popover.d.ts +161 -0
- package/dist/components/popover/Popover.d.ts.map +1 -0
- package/dist/components/popover/Popover.js +436 -0
- package/dist/components/popover/Popover.js.map +1 -0
- package/dist/components/widget/Widget.css +104 -0
- package/dist/components/widget/Widget.d.ts +170 -0
- package/dist/components/widget/Widget.d.ts.map +1 -0
- package/dist/components/widget/Widget.js +434 -0
- package/dist/components/widget/Widget.js.map +1 -0
- package/dist/custom-elements.json +687 -184
- package/dist/global.d.ts +5 -0
- package/dist/storybook/assets/{Avatar.stories-QxWs-YfX.js → Avatar.stories-CPVNxsaA.js} +37 -32
- package/dist/storybook/assets/AvatarGroup.stories-Bl65NGHl.js +225 -0
- package/dist/storybook/assets/{Badge.stories-BpaApWbR.js → Badge.stories-Bbnc6fRy.js} +1 -1
- package/dist/storybook/assets/{Button.stories-C5h2usmd.js → Button.stories-CRJ5n2y4.js} +1 -1
- package/dist/storybook/assets/{CircularProgress.stories-DlPOiGja.js → CircularProgress.stories-D9vBj3JJ.js} +1 -1
- package/dist/storybook/assets/{ClipboardMixin.stories-Bb45-UOM.js → ClipboardMixin.stories-Dm-Jm4yb.js} +7 -7
- package/dist/storybook/assets/Color-6BZIO3FS-BcNIJY1U.js +1 -0
- package/dist/storybook/assets/{Colors.stories-DP2JKWUJ.js → Colors.stories-B9_090wL.js} +1 -1
- package/dist/storybook/assets/ComponentStatesMixin-ChiFBCuo.js +1 -0
- package/dist/storybook/assets/{ComponentStatesMixin.stories-CyQ2aSTu.js → ComponentStatesMixin.stories-DHv9MHmE.js} +3 -3
- package/dist/storybook/assets/{CopyToClipboard.stories-DR7pckeV.js → CopyToClipboard.stories-gtJlTP1l.js} +1 -1
- package/dist/storybook/assets/{Debounce.stories-hkqyvqmg.js → Debounce.stories-BBNX7mJA.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-LL677BLK-Dtw9GMer.js → DocsRenderer-LL677BLK-D-E99pXl.js} +6 -6
- package/dist/storybook/assets/{Events.stories-BAgDzdyl.js → Events.stories-DDmydlh_.js} +1 -1
- package/dist/storybook/assets/{Heading.stories-CN_fPsRf.js → Heading.stories-BLGfko-i.js} +1 -1
- package/dist/storybook/assets/{Icon.stories-CSx_2K8V.js → Icon.stories-BHnAGcFF.js} +1 -1
- package/dist/storybook/assets/{LinearProgress.stories-In48DY2g.js → LinearProgress.stories-Dx26a0P_.js} +1 -1
- package/dist/storybook/assets/Popover.stories-CbqpY6YR.js +431 -0
- package/dist/storybook/assets/ReadyMixin-BHiHoIbr.js +1 -0
- package/dist/storybook/assets/{Rtc.stories-19d7WXe4.js → Rtc.stories-CAjDv_Ub.js} +1 -1
- package/dist/storybook/assets/{ScrollShadow.stories-BFjracVd.js → ScrollShadow.stories-BSV4U-tq.js} +1 -1
- package/dist/storybook/assets/{Throttle.stories-DD6ydiVq.js → Throttle.stories-kaxXQ8RZ.js} +1 -1
- package/dist/storybook/assets/Tooltip.stories-CsxXkztr.js +143 -0
- package/dist/storybook/assets/Widget.stories-DqATHnSq.js +233 -0
- package/dist/storybook/assets/{WithTooltip-65CFNBJE-Be1dKqOF.js → WithTooltip-65CFNBJE-BtbbFYSA.js} +2 -2
- package/dist/storybook/assets/custom-element-UsVr97OX.js +1 -0
- package/dist/storybook/assets/{formatter-EIJCOSYU-anC2P5HS.js → formatter-EIJCOSYU-C87Csnpu.js} +1 -1
- package/dist/storybook/assets/if-defined-COHr0XBn.js +1 -0
- package/dist/storybook/assets/{iframe-B4njXYq6.css → iframe-BkDGeDre.css} +1 -1
- package/dist/storybook/assets/{iframe-Bl9oHz5c.js → iframe-CcloOV09.js} +77 -77
- package/dist/storybook/assets/{index-Cn5E5A3G.js → index-DP7vnJf7.js} +1 -1
- package/dist/storybook/assets/{onFind.stories-BMDLUk0l.js → onFind.stories-BxvoC-Z-.js} +1 -1
- package/dist/storybook/assets/{onRemove.stories-C3FcxtYh.js → onRemove.stories-Dwoixzb0.js} +1 -1
- package/dist/storybook/assets/{onVisible.stories-B8Zyu0Th.js → onVisible.stories-CinmRF9w.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-ED5Y7EFY-BfTKsIVL.js → syntaxhighlighter-ED5Y7EFY-BHLkDkOn.js} +1 -1
- package/dist/storybook/iframe.html +2 -2
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/tailwind-plugin-popover.d.ts +2 -0
- package/dist/tailwind-plugin-popover.d.ts.map +1 -0
- package/dist/tailwind-plugin-popover.js +177 -0
- package/dist/tailwind-plugin-popover.js.map +1 -0
- package/dist/tailwind-plugin-popover.ts +202 -0
- package/dist/tailwind-plugin-tooltip.d.ts +2 -0
- package/dist/tailwind-plugin-tooltip.d.ts.map +1 -0
- package/dist/tailwind-plugin-tooltip.js +184 -0
- package/dist/tailwind-plugin-tooltip.js.map +1 -0
- package/dist/tailwind-plugin-tooltip.ts +209 -0
- package/dist/util/EventEmitterMixin.d.ts +11 -0
- package/dist/util/EventEmitterMixin.d.ts.map +1 -1
- package/dist/util/EventEmitterMixin.js +1 -1
- package/dist/util/EventEmitterMixin.js.map +1 -1
- package/dist/util/TooltipController.d.ts +37 -0
- package/dist/util/TooltipController.d.ts.map +1 -0
- package/dist/util/TooltipController.js +133 -0
- package/dist/util/TooltipController.js.map +1 -0
- package/dist/util/TooltipMixin.d.ts +42 -0
- package/dist/util/TooltipMixin.d.ts.map +1 -0
- package/dist/util/TooltipMixin.js +401 -0
- package/dist/util/TooltipMixin.js.map +1 -0
- package/package.json +1 -1
- package/dist/storybook/assets/AvatarGroup.stories-Cy_Bvn7E.js +0 -211
- package/dist/storybook/assets/Color-6BZIO3FS-CcgGYVAo.js +0 -1
- package/dist/storybook/assets/ComponentStatesMixin-B7ci0thi.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"v":5,"entries":{"components-avatar--docs":{"id":"components-avatar--docs","title":"Components/Avatar","name":"Docs","importPath":"./src/stories/Avatar.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"components-avatar--default":{"type":"story","subtype":"story","id":"components-avatar--default","name":"Default","title":"Components/Avatar","importPath":"./src/stories/Avatar.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-avatar--sizes":{"type":"story","subtype":"story","id":"components-avatar--sizes","name":"Sizes","title":"Components/Avatar","importPath":"./src/stories/Avatar.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Sizes"},"components-avatar--fallback-states":{"type":"story","subtype":"story","id":"components-avatar--fallback-states","name":"Fallback States","title":"Components/Avatar","importPath":"./src/stories/Avatar.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"FallbackStates"},"components-avatar--advanced-usage":{"type":"story","subtype":"story","id":"components-avatar--advanced-usage","name":"Advanced Usage","title":"Components/Avatar","importPath":"./src/stories/Avatar.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"AdvancedUsage"},"components-avatargroup--docs":{"id":"components-avatargroup--docs","title":"Components/AvatarGroup","name":"Docs","importPath":"./src/stories/AvatarGroup.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"components-avatargroup--default":{"type":"story","subtype":"story","id":"components-avatargroup--default","name":"Default","title":"Components/AvatarGroup","importPath":"./src/stories/AvatarGroup.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-avatargroup--with-max-limit":{"type":"story","subtype":"story","id":"components-avatargroup--with-max-limit","name":"With Max Limit","title":"Components/AvatarGroup","importPath":"./src/stories/AvatarGroup.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"WithMaxLimit"},"components-avatargroup--dynamic-avatars":{"type":"story","subtype":"story","id":"components-avatargroup--dynamic-avatars","name":"Dynamic Avatars","title":"Components/AvatarGroup","importPath":"./src/stories/AvatarGroup.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"DynamicAvatars"},"components-badge--docs":{"id":"components-badge--docs","title":"Components/Badge","name":"Docs","importPath":"./src/stories/Badge.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"components-badge--default":{"type":"story","subtype":"story","id":"components-badge--default","name":"Default","title":"Components/Badge","importPath":"./src/stories/Badge.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-badge--inside-anchor":{"type":"story","subtype":"story","id":"components-badge--inside-anchor","name":"Inside Anchor","title":"Components/Badge","importPath":"./src/stories/Badge.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"InsideAnchor"},"components-badge--advanced-usage":{"type":"story","subtype":"story","id":"components-badge--advanced-usage","name":"Advanced Usage","title":"Components/Badge","importPath":"./src/stories/Badge.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"AdvancedUsage"},"css-plugins-button--docs":{"id":"css-plugins-button--docs","title":"CSS Plugins/Button","name":"Docs","importPath":"./src/stories/Button.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"css-plugins-button--default":{"type":"story","subtype":"story","id":"css-plugins-button--default","name":"Default","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"css-plugins-button--with-icon":{"type":"story","subtype":"story","id":"css-plugins-button--with-icon","name":"With Icon","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"WithIcon"},"css-plugins-button--icon-only":{"type":"story","subtype":"story","id":"css-plugins-button--icon-only","name":"Icon Only","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"IconOnly"},"css-plugins-button--disabled":{"type":"story","subtype":"story","id":"css-plugins-button--disabled","name":"Disabled","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Disabled"},"css-plugins-button--active-pressed":{"type":"story","subtype":"story","id":"css-plugins-button--active-pressed","name":"Active Pressed","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"ActivePressed"},"components-circular-progress--docs":{"id":"components-circular-progress--docs","title":"Components/Circular Progress","name":"Docs","importPath":"./src/stories/CircularProgress.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"components-circular-progress--default":{"type":"story","subtype":"story","id":"components-circular-progress--default","name":"Default","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-circular-progress--determinate-progress":{"type":"story","subtype":"story","id":"components-circular-progress--determinate-progress","name":"Determinate Progress","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"DeterminateProgress"},"components-circular-progress--animated-progress":{"type":"story","subtype":"story","id":"components-circular-progress--animated-progress","name":"Animated Progress","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"AnimatedProgress"},"components-circular-progress--initial-animation":{"type":"story","subtype":"story","id":"components-circular-progress--initial-animation","name":"Initial Animation","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"InitialAnimation"},"components-circular-progress--completion-event":{"type":"story","subtype":"story","id":"components-circular-progress--completion-event","name":"Completion Event","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"CompletionEvent"},"components-circular-progress--accessibility":{"type":"story","subtype":"story","id":"components-circular-progress--accessibility","name":"Accessibility","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Accessibility"},"mixins-clipboard--docs":{"id":"mixins-clipboard--docs","title":"Mixins/Clipboard","name":"Docs","importPath":"./src/stories/ClipboardMixin.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"mixins-clipboard--clipboard-mixin-demo":{"type":"story","subtype":"story","id":"mixins-clipboard--clipboard-mixin-demo","name":"Clipboard Mixin Demo","title":"Mixins/Clipboard","importPath":"./src/stories/ClipboardMixin.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"ClipboardMixinDemo"},"design-system-colors--docs":{"id":"design-system-colors--docs","title":"Design System/Colors","name":"Docs","importPath":"./src/stories/Colors.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"design-system-colors--primary":{"type":"story","subtype":"story","id":"design-system-colors--primary","name":"Primary","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Primary"},"design-system-colors--success":{"type":"story","subtype":"story","id":"design-system-colors--success","name":"Success","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Success"},"design-system-colors--warning":{"type":"story","subtype":"story","id":"design-system-colors--warning","name":"Warning","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Warning"},"design-system-colors--error":{"type":"story","subtype":"story","id":"design-system-colors--error","name":"Error","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Error"},"design-system-colors--gray":{"type":"story","subtype":"story","id":"design-system-colors--gray","name":"Gray","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Gray"},"design-system-colors--gradients":{"type":"story","subtype":"story","id":"design-system-colors--gradients","name":"Gradients","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Gradients"},"mixins-component-states--docs":{"id":"mixins-component-states--docs","title":"Mixins/Component States","name":"Docs","importPath":"./src/stories/ComponentStatesMixin.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"mixins-component-states--component-states":{"type":"story","subtype":"story","id":"mixins-component-states--component-states","name":"Component States","title":"Mixins/Component States","importPath":"./src/stories/ComponentStatesMixin.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"ComponentStates"},"components-copytoclipboard--docs":{"id":"components-copytoclipboard--docs","title":"Components/CopyToClipboard","name":"Docs","importPath":"./src/stories/CopyToClipboard.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"components-copytoclipboard--default":{"type":"story","subtype":"story","id":"components-copytoclipboard--default","name":"Default","title":"Components/CopyToClipboard","importPath":"./src/stories/CopyToClipboard.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-copytoclipboard--copied-event":{"type":"story","subtype":"story","id":"components-copytoclipboard--copied-event","name":"Copied Event","title":"Components/CopyToClipboard","importPath":"./src/stories/CopyToClipboard.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"CopiedEvent"},"components-copytoclipboard--advanced-usage":{"type":"story","subtype":"story","id":"components-copytoclipboard--advanced-usage","name":"Advanced Usage","title":"Components/CopyToClipboard","importPath":"./src/stories/CopyToClipboard.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"AdvancedUsage"},"utilities-debounce--docs":{"id":"utilities-debounce--docs","title":"Utilities/Debounce","name":"Docs","importPath":"./src/stories/Debounce.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"utilities-debounce--interactive":{"type":"story","subtype":"story","id":"utilities-debounce--interactive","name":"Interactive","title":"Utilities/Debounce","importPath":"./src/stories/Debounce.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Interactive"},"utilities-debounce--usage-example":{"type":"story","subtype":"story","id":"utilities-debounce--usage-example","name":"Usage Example","title":"Utilities/Debounce","importPath":"./src/stories/Debounce.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"UsageExample"},"mixins-events--docs":{"id":"mixins-events--docs","title":"Mixins/Events","name":"Docs","importPath":"./src/stories/Events.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"mixins-events--event-emitter-mixin":{"type":"story","subtype":"story","id":"mixins-events--event-emitter-mixin","name":"Event Emitter Mixin","title":"Mixins/Events","importPath":"./src/stories/Events.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"EventEmitterMixin"},"css-plugins-heading--docs":{"id":"css-plugins-heading--docs","title":"CSS Plugins/Heading","name":"Docs","importPath":"./src/stories/Heading.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"css-plugins-heading--default":{"type":"story","subtype":"story","id":"css-plugins-heading--default","name":"Default","title":"CSS Plugins/Heading","importPath":"./src/stories/Heading.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-icon--docs":{"id":"components-icon--docs","title":"Components/Icon","name":"Docs","importPath":"./src/stories/Icon.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"components-icon--default":{"type":"story","subtype":"story","id":"components-icon--default","name":"Default","title":"Components/Icon","importPath":"./src/stories/Icon.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-icon--sizes":{"type":"story","subtype":"story","id":"components-icon--sizes","name":"Sizes","title":"Components/Icon","importPath":"./src/stories/Icon.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Sizes"},"components-icon--gradient-icons":{"type":"story","subtype":"story","id":"components-icon--gradient-icons","name":"Gradient Icons","title":"Components/Icon","importPath":"./src/stories/Icon.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"GradientIcons"},"components-icon--advanced-usage":{"type":"story","subtype":"story","id":"components-icon--advanced-usage","name":"Advanced Usage","title":"Components/Icon","importPath":"./src/stories/Icon.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"AdvancedUsage"},"components-linear-progress--docs":{"id":"components-linear-progress--docs","title":"Components/Linear Progress","name":"Docs","importPath":"./src/stories/LinearProgress.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"components-linear-progress--default":{"type":"story","subtype":"story","id":"components-linear-progress--default","name":"Default","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-linear-progress--determinate-progress":{"type":"story","subtype":"story","id":"components-linear-progress--determinate-progress","name":"Determinate Progress","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"DeterminateProgress"},"components-linear-progress--animated-progress":{"type":"story","subtype":"story","id":"components-linear-progress--animated-progress","name":"Animated Progress","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"AnimatedProgress"},"components-linear-progress--initial-animation":{"type":"story","subtype":"story","id":"components-linear-progress--initial-animation","name":"Initial Animation","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"InitialAnimation"},"components-linear-progress--completion-event":{"type":"story","subtype":"story","id":"components-linear-progress--completion-event","name":"Completion Event","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"CompletionEvent"},"components-linear-progress--accessibility":{"type":"story","subtype":"story","id":"components-linear-progress--accessibility","name":"Accessibility","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Accessibility"},"mixins-ready-mixin--docs":{"id":"mixins-ready-mixin--docs","title":"Mixins/Ready Mixin","name":"Docs","importPath":"./src/stories/ReadyMixin.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"mixins-ready-mixin--ready-mixin":{"type":"story","subtype":"story","id":"mixins-ready-mixin--ready-mixin","name":"Ready Mixin","title":"Mixins/Ready Mixin","importPath":"./src/stories/ReadyMixin.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"ReadyMixin"},"utilities-rtc--docs":{"id":"utilities-rtc--docs","title":"Utilities/RTC","name":"Docs","importPath":"./src/stories/Rtc.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"utilities-rtc--architecture":{"type":"story","subtype":"story","id":"utilities-rtc--architecture","name":"Architecture","title":"Utilities/RTC","importPath":"./src/stories/Rtc.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Architecture"},"utilities-rtc--usage-example":{"type":"story","subtype":"story","id":"utilities-rtc--usage-example","name":"Usage Example","title":"Utilities/RTC","importPath":"./src/stories/Rtc.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"UsageExample"},"css-plugins-scrollshadow--docs":{"id":"css-plugins-scrollshadow--docs","title":"CSS Plugins/ScrollShadow","name":"Docs","importPath":"./src/stories/ScrollShadow.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"css-plugins-scrollshadow--default":{"type":"story","subtype":"story","id":"css-plugins-scrollshadow--default","name":"Default","title":"CSS Plugins/ScrollShadow","importPath":"./src/stories/ScrollShadow.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"utilities-throttle--docs":{"id":"utilities-throttle--docs","title":"Utilities/Throttle","name":"Docs","importPath":"./src/stories/Throttle.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"utilities-throttle--interactive":{"type":"story","subtype":"story","id":"utilities-throttle--interactive","name":"Interactive","title":"Utilities/Throttle","importPath":"./src/stories/Throttle.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Interactive"},"utilities-throttle--scroll-example":{"type":"story","subtype":"story","id":"utilities-throttle--scroll-example","name":"Scroll Example","title":"Utilities/Throttle","importPath":"./src/stories/Throttle.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"ScrollExample"},"utilities-throttle--usage-example":{"type":"story","subtype":"story","id":"utilities-throttle--usage-example","name":"Usage Example","title":"Utilities/Throttle","importPath":"./src/stories/Throttle.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"UsageExample"},"utilities-onfind--docs":{"id":"utilities-onfind--docs","title":"Utilities/onFind","name":"Docs","importPath":"./src/stories/onFind.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs","play-fn"],"storiesImports":[]},"utilities-onfind--interactive":{"type":"story","subtype":"story","id":"utilities-onfind--interactive","name":"Interactive","title":"Utilities/onFind","importPath":"./src/stories/onFind.stories.ts","tags":["dev","test","manifest","autodocs","play-fn"],"exportName":"Interactive"},"utilities-onfind--ignore":{"type":"story","subtype":"story","id":"utilities-onfind--ignore","name":"Ignore","title":"Utilities/onFind","importPath":"./src/stories/onFind.stories.ts","tags":["dev","test","manifest","autodocs","play-fn"],"exportName":"Ignore"},"utilities-onfind--pause-resume":{"type":"story","subtype":"story","id":"utilities-onfind--pause-resume","name":"Pause Resume","title":"Utilities/onFind","importPath":"./src/stories/onFind.stories.ts","tags":["dev","test","manifest","autodocs","play-fn"],"exportName":"PauseResume"},"utilities-onfind--singleton":{"type":"story","subtype":"story","id":"utilities-onfind--singleton","name":"Singleton","title":"Utilities/onFind","importPath":"./src/stories/onFind.stories.ts","tags":["dev","test","manifest","autodocs","play-fn"],"exportName":"Singleton"},"utilities-onfind--usage-example":{"type":"story","subtype":"story","id":"utilities-onfind--usage-example","name":"Usage Example","title":"Utilities/onFind","importPath":"./src/stories/onFind.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"UsageExample"},"utilities-onremove--docs":{"id":"utilities-onremove--docs","title":"Utilities/onRemove","name":"Docs","importPath":"./src/stories/onRemove.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"utilities-onremove--interactive":{"type":"story","subtype":"story","id":"utilities-onremove--interactive","name":"Interactive","title":"Utilities/onRemove","importPath":"./src/stories/onRemove.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Interactive"},"utilities-onremove--usage-example":{"type":"story","subtype":"story","id":"utilities-onremove--usage-example","name":"Usage Example","title":"Utilities/onRemove","importPath":"./src/stories/onRemove.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"UsageExample"},"utilities-onvisible--docs":{"id":"utilities-onvisible--docs","title":"Utilities/onVisible","name":"Docs","importPath":"./src/stories/onVisible.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"utilities-onvisible--interactive":{"type":"story","subtype":"story","id":"utilities-onvisible--interactive","name":"Interactive","title":"Utilities/onVisible","importPath":"./src/stories/onVisible.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Interactive"},"utilities-onvisible--usage-example":{"type":"story","subtype":"story","id":"utilities-onvisible--usage-example","name":"Usage Example","title":"Utilities/onVisible","importPath":"./src/stories/onVisible.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"UsageExample"}}}
|
|
1
|
+
{"v":5,"entries":{"components-avatar--docs":{"id":"components-avatar--docs","title":"Components/Avatar","name":"Docs","importPath":"./src/stories/Avatar.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"components-avatar--default":{"type":"story","subtype":"story","id":"components-avatar--default","name":"Default","title":"Components/Avatar","importPath":"./src/stories/Avatar.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-avatar--sizes":{"type":"story","subtype":"story","id":"components-avatar--sizes","name":"Sizes","title":"Components/Avatar","importPath":"./src/stories/Avatar.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Sizes"},"components-avatar--fallback-states":{"type":"story","subtype":"story","id":"components-avatar--fallback-states","name":"Fallback States","title":"Components/Avatar","importPath":"./src/stories/Avatar.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"FallbackStates"},"components-avatar--advanced-usage":{"type":"story","subtype":"story","id":"components-avatar--advanced-usage","name":"Advanced Usage","title":"Components/Avatar","importPath":"./src/stories/Avatar.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"AdvancedUsage"},"components-avatargroup--docs":{"id":"components-avatargroup--docs","title":"Components/AvatarGroup","name":"Docs","importPath":"./src/stories/AvatarGroup.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"components-avatargroup--default":{"type":"story","subtype":"story","id":"components-avatargroup--default","name":"Default","title":"Components/AvatarGroup","importPath":"./src/stories/AvatarGroup.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-avatargroup--with-max-limit":{"type":"story","subtype":"story","id":"components-avatargroup--with-max-limit","name":"With Max Limit","title":"Components/AvatarGroup","importPath":"./src/stories/AvatarGroup.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"WithMaxLimit"},"components-avatargroup--dynamic-avatars":{"type":"story","subtype":"story","id":"components-avatargroup--dynamic-avatars","name":"Dynamic Avatars","title":"Components/AvatarGroup","importPath":"./src/stories/AvatarGroup.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"DynamicAvatars"},"components-badge--docs":{"id":"components-badge--docs","title":"Components/Badge","name":"Docs","importPath":"./src/stories/Badge.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"components-badge--default":{"type":"story","subtype":"story","id":"components-badge--default","name":"Default","title":"Components/Badge","importPath":"./src/stories/Badge.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-badge--inside-anchor":{"type":"story","subtype":"story","id":"components-badge--inside-anchor","name":"Inside Anchor","title":"Components/Badge","importPath":"./src/stories/Badge.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"InsideAnchor"},"components-badge--advanced-usage":{"type":"story","subtype":"story","id":"components-badge--advanced-usage","name":"Advanced Usage","title":"Components/Badge","importPath":"./src/stories/Badge.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"AdvancedUsage"},"css-plugins-button--docs":{"id":"css-plugins-button--docs","title":"CSS Plugins/Button","name":"Docs","importPath":"./src/stories/Button.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"css-plugins-button--default":{"type":"story","subtype":"story","id":"css-plugins-button--default","name":"Default","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"css-plugins-button--with-icon":{"type":"story","subtype":"story","id":"css-plugins-button--with-icon","name":"With Icon","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"WithIcon"},"css-plugins-button--icon-only":{"type":"story","subtype":"story","id":"css-plugins-button--icon-only","name":"Icon Only","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"IconOnly"},"css-plugins-button--disabled":{"type":"story","subtype":"story","id":"css-plugins-button--disabled","name":"Disabled","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Disabled"},"css-plugins-button--active-pressed":{"type":"story","subtype":"story","id":"css-plugins-button--active-pressed","name":"Active Pressed","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"ActivePressed"},"components-circular-progress--docs":{"id":"components-circular-progress--docs","title":"Components/Circular Progress","name":"Docs","importPath":"./src/stories/CircularProgress.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"components-circular-progress--default":{"type":"story","subtype":"story","id":"components-circular-progress--default","name":"Default","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-circular-progress--determinate-progress":{"type":"story","subtype":"story","id":"components-circular-progress--determinate-progress","name":"Determinate Progress","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"DeterminateProgress"},"components-circular-progress--animated-progress":{"type":"story","subtype":"story","id":"components-circular-progress--animated-progress","name":"Animated Progress","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"AnimatedProgress"},"components-circular-progress--initial-animation":{"type":"story","subtype":"story","id":"components-circular-progress--initial-animation","name":"Initial Animation","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"InitialAnimation"},"components-circular-progress--completion-event":{"type":"story","subtype":"story","id":"components-circular-progress--completion-event","name":"Completion Event","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"CompletionEvent"},"components-circular-progress--accessibility":{"type":"story","subtype":"story","id":"components-circular-progress--accessibility","name":"Accessibility","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Accessibility"},"mixins-clipboard--docs":{"id":"mixins-clipboard--docs","title":"Mixins/Clipboard","name":"Docs","importPath":"./src/stories/ClipboardMixin.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"mixins-clipboard--clipboard-mixin-demo":{"type":"story","subtype":"story","id":"mixins-clipboard--clipboard-mixin-demo","name":"Clipboard Mixin Demo","title":"Mixins/Clipboard","importPath":"./src/stories/ClipboardMixin.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"ClipboardMixinDemo"},"design-system-colors--docs":{"id":"design-system-colors--docs","title":"Design System/Colors","name":"Docs","importPath":"./src/stories/Colors.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"design-system-colors--primary":{"type":"story","subtype":"story","id":"design-system-colors--primary","name":"Primary","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Primary"},"design-system-colors--success":{"type":"story","subtype":"story","id":"design-system-colors--success","name":"Success","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Success"},"design-system-colors--warning":{"type":"story","subtype":"story","id":"design-system-colors--warning","name":"Warning","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Warning"},"design-system-colors--error":{"type":"story","subtype":"story","id":"design-system-colors--error","name":"Error","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Error"},"design-system-colors--gray":{"type":"story","subtype":"story","id":"design-system-colors--gray","name":"Gray","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Gray"},"design-system-colors--gradients":{"type":"story","subtype":"story","id":"design-system-colors--gradients","name":"Gradients","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Gradients"},"mixins-component-states--docs":{"id":"mixins-component-states--docs","title":"Mixins/Component States","name":"Docs","importPath":"./src/stories/ComponentStatesMixin.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"mixins-component-states--component-states":{"type":"story","subtype":"story","id":"mixins-component-states--component-states","name":"Component States","title":"Mixins/Component States","importPath":"./src/stories/ComponentStatesMixin.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"ComponentStates"},"components-copytoclipboard--docs":{"id":"components-copytoclipboard--docs","title":"Components/CopyToClipboard","name":"Docs","importPath":"./src/stories/CopyToClipboard.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"components-copytoclipboard--default":{"type":"story","subtype":"story","id":"components-copytoclipboard--default","name":"Default","title":"Components/CopyToClipboard","importPath":"./src/stories/CopyToClipboard.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-copytoclipboard--copied-event":{"type":"story","subtype":"story","id":"components-copytoclipboard--copied-event","name":"Copied Event","title":"Components/CopyToClipboard","importPath":"./src/stories/CopyToClipboard.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"CopiedEvent"},"components-copytoclipboard--advanced-usage":{"type":"story","subtype":"story","id":"components-copytoclipboard--advanced-usage","name":"Advanced Usage","title":"Components/CopyToClipboard","importPath":"./src/stories/CopyToClipboard.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"AdvancedUsage"},"utilities-debounce--docs":{"id":"utilities-debounce--docs","title":"Utilities/Debounce","name":"Docs","importPath":"./src/stories/Debounce.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"utilities-debounce--interactive":{"type":"story","subtype":"story","id":"utilities-debounce--interactive","name":"Interactive","title":"Utilities/Debounce","importPath":"./src/stories/Debounce.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Interactive"},"utilities-debounce--usage-example":{"type":"story","subtype":"story","id":"utilities-debounce--usage-example","name":"Usage Example","title":"Utilities/Debounce","importPath":"./src/stories/Debounce.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"UsageExample"},"mixins-events--docs":{"id":"mixins-events--docs","title":"Mixins/Events","name":"Docs","importPath":"./src/stories/Events.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"mixins-events--event-emitter-mixin":{"type":"story","subtype":"story","id":"mixins-events--event-emitter-mixin","name":"Event Emitter Mixin","title":"Mixins/Events","importPath":"./src/stories/Events.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"EventEmitterMixin"},"css-plugins-heading--docs":{"id":"css-plugins-heading--docs","title":"CSS Plugins/Heading","name":"Docs","importPath":"./src/stories/Heading.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"css-plugins-heading--default":{"type":"story","subtype":"story","id":"css-plugins-heading--default","name":"Default","title":"CSS Plugins/Heading","importPath":"./src/stories/Heading.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-icon--docs":{"id":"components-icon--docs","title":"Components/Icon","name":"Docs","importPath":"./src/stories/Icon.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"components-icon--default":{"type":"story","subtype":"story","id":"components-icon--default","name":"Default","title":"Components/Icon","importPath":"./src/stories/Icon.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-icon--sizes":{"type":"story","subtype":"story","id":"components-icon--sizes","name":"Sizes","title":"Components/Icon","importPath":"./src/stories/Icon.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Sizes"},"components-icon--gradient-icons":{"type":"story","subtype":"story","id":"components-icon--gradient-icons","name":"Gradient Icons","title":"Components/Icon","importPath":"./src/stories/Icon.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"GradientIcons"},"components-icon--advanced-usage":{"type":"story","subtype":"story","id":"components-icon--advanced-usage","name":"Advanced Usage","title":"Components/Icon","importPath":"./src/stories/Icon.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"AdvancedUsage"},"components-linear-progress--docs":{"id":"components-linear-progress--docs","title":"Components/Linear Progress","name":"Docs","importPath":"./src/stories/LinearProgress.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"components-linear-progress--default":{"type":"story","subtype":"story","id":"components-linear-progress--default","name":"Default","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-linear-progress--determinate-progress":{"type":"story","subtype":"story","id":"components-linear-progress--determinate-progress","name":"Determinate Progress","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"DeterminateProgress"},"components-linear-progress--animated-progress":{"type":"story","subtype":"story","id":"components-linear-progress--animated-progress","name":"Animated Progress","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"AnimatedProgress"},"components-linear-progress--initial-animation":{"type":"story","subtype":"story","id":"components-linear-progress--initial-animation","name":"Initial Animation","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"InitialAnimation"},"components-linear-progress--completion-event":{"type":"story","subtype":"story","id":"components-linear-progress--completion-event","name":"Completion Event","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"CompletionEvent"},"components-linear-progress--accessibility":{"type":"story","subtype":"story","id":"components-linear-progress--accessibility","name":"Accessibility","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Accessibility"},"components-popover--docs":{"id":"components-popover--docs","title":"Components/Popover","name":"Docs","importPath":"./src/stories/Popover.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"components-popover--default":{"type":"story","subtype":"story","id":"components-popover--default","name":"Default","title":"Components/Popover","importPath":"./src/stories/Popover.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-popover--positions":{"type":"story","subtype":"story","id":"components-popover--positions","name":"Positions","title":"Components/Popover","importPath":"./src/stories/Popover.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Positions"},"components-popover--rich-content":{"type":"story","subtype":"story","id":"components-popover--rich-content","name":"Rich Content","title":"Components/Popover","importPath":"./src/stories/Popover.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"RichContent"},"components-popover--advanced-usage":{"type":"story","subtype":"story","id":"components-popover--advanced-usage","name":"Advanced Usage","title":"Components/Popover","importPath":"./src/stories/Popover.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"AdvancedUsage"},"mixins-ready-mixin--docs":{"id":"mixins-ready-mixin--docs","title":"Mixins/Ready Mixin","name":"Docs","importPath":"./src/stories/ReadyMixin.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"mixins-ready-mixin--ready-mixin":{"type":"story","subtype":"story","id":"mixins-ready-mixin--ready-mixin","name":"Ready Mixin","title":"Mixins/Ready Mixin","importPath":"./src/stories/ReadyMixin.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"ReadyMixin"},"utilities-rtc--docs":{"id":"utilities-rtc--docs","title":"Utilities/RTC","name":"Docs","importPath":"./src/stories/Rtc.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"utilities-rtc--architecture":{"type":"story","subtype":"story","id":"utilities-rtc--architecture","name":"Architecture","title":"Utilities/RTC","importPath":"./src/stories/Rtc.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Architecture"},"utilities-rtc--usage-example":{"type":"story","subtype":"story","id":"utilities-rtc--usage-example","name":"Usage Example","title":"Utilities/RTC","importPath":"./src/stories/Rtc.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"UsageExample"},"css-plugins-scrollshadow--docs":{"id":"css-plugins-scrollshadow--docs","title":"CSS Plugins/ScrollShadow","name":"Docs","importPath":"./src/stories/ScrollShadow.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"css-plugins-scrollshadow--default":{"type":"story","subtype":"story","id":"css-plugins-scrollshadow--default","name":"Default","title":"CSS Plugins/ScrollShadow","importPath":"./src/stories/ScrollShadow.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"utilities-throttle--docs":{"id":"utilities-throttle--docs","title":"Utilities/Throttle","name":"Docs","importPath":"./src/stories/Throttle.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"utilities-throttle--interactive":{"type":"story","subtype":"story","id":"utilities-throttle--interactive","name":"Interactive","title":"Utilities/Throttle","importPath":"./src/stories/Throttle.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Interactive"},"utilities-throttle--scroll-example":{"type":"story","subtype":"story","id":"utilities-throttle--scroll-example","name":"Scroll Example","title":"Utilities/Throttle","importPath":"./src/stories/Throttle.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"ScrollExample"},"utilities-throttle--usage-example":{"type":"story","subtype":"story","id":"utilities-throttle--usage-example","name":"Usage Example","title":"Utilities/Throttle","importPath":"./src/stories/Throttle.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"UsageExample"},"mixins-tooltip--docs":{"id":"mixins-tooltip--docs","title":"Mixins/Tooltip","name":"Docs","importPath":"./src/stories/Tooltip.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"mixins-tooltip--default":{"type":"story","subtype":"story","id":"mixins-tooltip--default","name":"Default","title":"Mixins/Tooltip","importPath":"./src/stories/Tooltip.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"mixins-tooltip--positions":{"type":"story","subtype":"story","id":"mixins-tooltip--positions","name":"Positions","title":"Mixins/Tooltip","importPath":"./src/stories/Tooltip.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Positions"},"mixins-tooltip--offset":{"type":"story","subtype":"story","id":"mixins-tooltip--offset","name":"Offset","title":"Mixins/Tooltip","importPath":"./src/stories/Tooltip.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Offset"},"mixins-tooltip--click-trigger":{"type":"story","subtype":"story","id":"mixins-tooltip--click-trigger","name":"Click Trigger","title":"Mixins/Tooltip","importPath":"./src/stories/Tooltip.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"ClickTrigger"},"components-widget--docs":{"id":"components-widget--docs","title":"Components/Widget","name":"Docs","importPath":"./src/stories/Widget.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"components-widget--default":{"type":"story","subtype":"story","id":"components-widget--default","name":"Default","title":"Components/Widget","importPath":"./src/stories/Widget.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Default"},"components-widget--with-footer":{"type":"story","subtype":"story","id":"components-widget--with-footer","name":"With Footer","title":"Components/Widget","importPath":"./src/stories/Widget.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"WithFooter"},"components-widget--customized-with-css-variables":{"type":"story","subtype":"story","id":"components-widget--customized-with-css-variables","name":"Customized With CSS Variables","title":"Components/Widget","importPath":"./src/stories/Widget.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"CustomizedWithCSSVariables"},"components-widget--collapsed-by-default":{"type":"story","subtype":"story","id":"components-widget--collapsed-by-default","name":"Collapsed By Default","title":"Components/Widget","importPath":"./src/stories/Widget.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"CollapsedByDefault"},"components-widget--dynamic-content-redistribution":{"type":"story","subtype":"story","id":"components-widget--dynamic-content-redistribution","name":"Dynamic Content Redistribution","title":"Components/Widget","importPath":"./src/stories/Widget.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"DynamicContentRedistribution"},"utilities-onfind--docs":{"id":"utilities-onfind--docs","title":"Utilities/onFind","name":"Docs","importPath":"./src/stories/onFind.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs","play-fn"],"storiesImports":[]},"utilities-onfind--interactive":{"type":"story","subtype":"story","id":"utilities-onfind--interactive","name":"Interactive","title":"Utilities/onFind","importPath":"./src/stories/onFind.stories.ts","tags":["dev","test","manifest","autodocs","play-fn"],"exportName":"Interactive"},"utilities-onfind--ignore":{"type":"story","subtype":"story","id":"utilities-onfind--ignore","name":"Ignore","title":"Utilities/onFind","importPath":"./src/stories/onFind.stories.ts","tags":["dev","test","manifest","autodocs","play-fn"],"exportName":"Ignore"},"utilities-onfind--pause-resume":{"type":"story","subtype":"story","id":"utilities-onfind--pause-resume","name":"Pause Resume","title":"Utilities/onFind","importPath":"./src/stories/onFind.stories.ts","tags":["dev","test","manifest","autodocs","play-fn"],"exportName":"PauseResume"},"utilities-onfind--singleton":{"type":"story","subtype":"story","id":"utilities-onfind--singleton","name":"Singleton","title":"Utilities/onFind","importPath":"./src/stories/onFind.stories.ts","tags":["dev","test","manifest","autodocs","play-fn"],"exportName":"Singleton"},"utilities-onfind--usage-example":{"type":"story","subtype":"story","id":"utilities-onfind--usage-example","name":"Usage Example","title":"Utilities/onFind","importPath":"./src/stories/onFind.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"UsageExample"},"utilities-onremove--docs":{"id":"utilities-onremove--docs","title":"Utilities/onRemove","name":"Docs","importPath":"./src/stories/onRemove.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"utilities-onremove--interactive":{"type":"story","subtype":"story","id":"utilities-onremove--interactive","name":"Interactive","title":"Utilities/onRemove","importPath":"./src/stories/onRemove.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Interactive"},"utilities-onremove--usage-example":{"type":"story","subtype":"story","id":"utilities-onremove--usage-example","name":"Usage Example","title":"Utilities/onRemove","importPath":"./src/stories/onRemove.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"UsageExample"},"utilities-onvisible--docs":{"id":"utilities-onvisible--docs","title":"Utilities/onVisible","name":"Docs","importPath":"./src/stories/onVisible.stories.ts","type":"docs","tags":["dev","test","manifest","autodocs"],"storiesImports":[]},"utilities-onvisible--interactive":{"type":"story","subtype":"story","id":"utilities-onvisible--interactive","name":"Interactive","title":"Utilities/onVisible","importPath":"./src/stories/onVisible.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"Interactive"},"utilities-onvisible--usage-example":{"type":"story","subtype":"story","id":"utilities-onvisible--usage-example","name":"Usage Example","title":"Utilities/onVisible","importPath":"./src/stories/onVisible.stories.ts","tags":["dev","test","manifest","autodocs"],"exportName":"UsageExample"}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1772226468089,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"knownPackages":{"testPackages":{"@storybook/addon-vitest":"10.2.12","@vitest/browser-playwright":"4.0.18","playwright":"1.58.2","vitest":"4.0.18"},"stylingPackages":{"tailwindcss":"^3.4.13","autoprefixer":"10.4.21"}},"hasRouterPackage":false,"packageManager":{"type":"yarn","agent":"yarn","nodeLinker":"undefined"},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"10.2.12","storybookVersionSpecifier":"10.2.12","language":"typescript","storybookPackages":{"@storybook/addon-themes":{"version":"10.2.12"},"@storybook/web-components-vite":{"version":"10.2.12"},"@wc-toolkit/storybook-helpers":{"version":"10.0.0"},"eslint-plugin-storybook":{"version":"10.0.7"},"storybook":{}},"addons":{"@storybook/addon-docs":{"version":"10.2.12"},"@storybook/addon-vitest":{"version":"10.2.12"}},"packageJsonType":"module"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind-plugin-popover.d.ts","sourceRoot":"","sources":["../src/tailwind-plugin-popover.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
import plugin from 'tailwindcss/plugin';
|
|
2
|
+
/**
|
|
3
|
+
* Popover plugin using CSS anchor positioning and the native Popover API.
|
|
4
|
+
*
|
|
5
|
+
* Uses the HTML popover attribute for top-layer rendering, light dismiss,
|
|
6
|
+
* and focus management. Animations use @starting-style for entry and
|
|
7
|
+
* transition-behavior: allow-discrete for exit.
|
|
8
|
+
*
|
|
9
|
+
* Class Names:
|
|
10
|
+
*
|
|
11
|
+
* btu-popover - Base popover styles (hidden by default via popover)
|
|
12
|
+
* btu-popover-top - Position above trigger
|
|
13
|
+
* btu-popover-bottom - Position below trigger (default)
|
|
14
|
+
* btu-popover-left - Position left of trigger
|
|
15
|
+
* btu-popover-right - Position right of trigger
|
|
16
|
+
* btu-popover-no-arrow - Hide the arrow pseudo-element
|
|
17
|
+
*
|
|
18
|
+
* Offset Sizes:
|
|
19
|
+
*
|
|
20
|
+
* btu-popover-offset-sm - 4px offset
|
|
21
|
+
* btu-popover-offset-md - 8px offset (same as default)
|
|
22
|
+
* btu-popover-offset-lg - 12px offset
|
|
23
|
+
* btu-popover-offset-xl - 16px offset
|
|
24
|
+
*
|
|
25
|
+
* CSS Custom Properties:
|
|
26
|
+
*
|
|
27
|
+
* --popover-color-background - Background color (default: var(--btu-theme-white, #fff))
|
|
28
|
+
* --popover-color-title - Title text color (consumer-applied on title elements; not set by plugin)
|
|
29
|
+
* --popover-color-content - Base text color (default: oklch(var(--btu-theme-gray-900)))
|
|
30
|
+
* --popover-border-radius - Border radius (default: theme borderRadius.lg)
|
|
31
|
+
*/
|
|
32
|
+
module.exports = plugin(function ({ addComponents, theme, config }) {
|
|
33
|
+
addComponents({
|
|
34
|
+
// Base popover styles — exit state (applied when closing, before display:none)
|
|
35
|
+
'.btu-popover': {
|
|
36
|
+
// Structural custom properties — kept as declarations since they're
|
|
37
|
+
// controlled by component props, not external CSS on parent elements.
|
|
38
|
+
'--popover-offset': '8px',
|
|
39
|
+
'--popover-arrow-size': '8px',
|
|
40
|
+
padding: '12px 16px',
|
|
41
|
+
backgroundColor: `var(--popover-color-background, var(--btu-theme-white, #fff))`,
|
|
42
|
+
color: 'var(--popover-color-content, oklch(var(--btu-theme-gray-900)))',
|
|
43
|
+
borderRadius: `var(--popover-border-radius, ${theme('borderRadius.lg')})`,
|
|
44
|
+
boxShadow: theme('boxShadow.lg'),
|
|
45
|
+
// theme('fontSize.sm') returns only the size string; config() gives the raw tuple
|
|
46
|
+
fontSize: config('theme.fontSize.sm')?.[0] ?? '0.875rem',
|
|
47
|
+
lineHeight: config('theme.fontSize.sm')?.[1] ?? '1.25rem',
|
|
48
|
+
fontWeight: '400',
|
|
49
|
+
whiteSpace: 'normal',
|
|
50
|
+
textAlign: 'left',
|
|
51
|
+
maxWidth: '20rem',
|
|
52
|
+
pointerEvents: 'auto',
|
|
53
|
+
overflow: 'visible',
|
|
54
|
+
isolation: 'isolate',
|
|
55
|
+
margin: '0',
|
|
56
|
+
inset: 'unset',
|
|
57
|
+
border: 'none',
|
|
58
|
+
opacity: '0',
|
|
59
|
+
translate: '0 0',
|
|
60
|
+
transition: 'opacity 150ms ease, translate 150ms ease, display 150ms ease allow-discrete, overlay 150ms ease allow-discrete',
|
|
61
|
+
'position-visibility': 'anchors-visible',
|
|
62
|
+
// Native popover reset — browser defaults override otherwise
|
|
63
|
+
'&:popover-open': {
|
|
64
|
+
overflow: 'visible',
|
|
65
|
+
opacity: '1',
|
|
66
|
+
translate: '0 0',
|
|
67
|
+
},
|
|
68
|
+
},
|
|
69
|
+
// Position: top
|
|
70
|
+
'.btu-popover-top': {
|
|
71
|
+
'position-area': 'top',
|
|
72
|
+
bottom: 'var(--popover-offset)',
|
|
73
|
+
marginTop: 'var(--popover-offset)',
|
|
74
|
+
'position-try-fallbacks': 'flip-block',
|
|
75
|
+
translate: '0 4px',
|
|
76
|
+
'&:popover-open': {
|
|
77
|
+
translate: '0 0',
|
|
78
|
+
},
|
|
79
|
+
},
|
|
80
|
+
// Position: bottom (default)
|
|
81
|
+
'.btu-popover-bottom': {
|
|
82
|
+
'position-area': 'bottom',
|
|
83
|
+
top: 'var(--popover-offset)',
|
|
84
|
+
marginBottom: 'var(--popover-offset)',
|
|
85
|
+
'position-try-fallbacks': 'flip-block',
|
|
86
|
+
translate: '0 -4px',
|
|
87
|
+
'&:popover-open': {
|
|
88
|
+
translate: '0 0',
|
|
89
|
+
},
|
|
90
|
+
},
|
|
91
|
+
// Position: left
|
|
92
|
+
'.btu-popover-left': {
|
|
93
|
+
'position-area': 'left',
|
|
94
|
+
right: 'var(--popover-offset)',
|
|
95
|
+
marginLeft: 'var(--popover-offset)',
|
|
96
|
+
'position-try-fallbacks': 'flip-inline',
|
|
97
|
+
translate: '4px 0',
|
|
98
|
+
'&:popover-open': {
|
|
99
|
+
translate: '0 0',
|
|
100
|
+
},
|
|
101
|
+
},
|
|
102
|
+
// Position: right
|
|
103
|
+
'.btu-popover-right': {
|
|
104
|
+
'position-area': 'right',
|
|
105
|
+
left: 'var(--popover-offset)',
|
|
106
|
+
marginRight: 'var(--popover-offset)',
|
|
107
|
+
'position-try-fallbacks': 'flip-inline',
|
|
108
|
+
translate: '-4px 0',
|
|
109
|
+
'&:popover-open': {
|
|
110
|
+
translate: '0 0',
|
|
111
|
+
},
|
|
112
|
+
},
|
|
113
|
+
// Offset sizes
|
|
114
|
+
'.btu-popover-offset-sm': { '--popover-offset': '4px' },
|
|
115
|
+
'.btu-popover-offset-md': { '--popover-offset': '8px' },
|
|
116
|
+
'.btu-popover-offset-lg': { '--popover-offset': '12px' },
|
|
117
|
+
'.btu-popover-offset-xl': { '--popover-offset': '16px' },
|
|
118
|
+
// @starting-style for entry animations
|
|
119
|
+
'@starting-style': {
|
|
120
|
+
'.btu-popover:popover-open': {
|
|
121
|
+
opacity: '0',
|
|
122
|
+
},
|
|
123
|
+
'.btu-popover-top:popover-open': {
|
|
124
|
+
translate: '0 4px',
|
|
125
|
+
},
|
|
126
|
+
'.btu-popover-bottom:popover-open': {
|
|
127
|
+
translate: '0 -4px',
|
|
128
|
+
},
|
|
129
|
+
'.btu-popover-left:popover-open': {
|
|
130
|
+
translate: '4px 0',
|
|
131
|
+
},
|
|
132
|
+
'.btu-popover-right:popover-open': {
|
|
133
|
+
translate: '-4px 0',
|
|
134
|
+
},
|
|
135
|
+
},
|
|
136
|
+
// Arrow for vertical popovers (top/bottom)
|
|
137
|
+
// Centered at 50% of the popover panel. This aligns with the trigger center
|
|
138
|
+
// because position-area centers the popover on the anchor element.
|
|
139
|
+
'.btu-popover-top::before, .btu-popover-bottom::before': {
|
|
140
|
+
content: '""',
|
|
141
|
+
position: 'absolute',
|
|
142
|
+
zIndex: '-1',
|
|
143
|
+
width: 'var(--popover-arrow-size)',
|
|
144
|
+
top: 'calc(-1 * var(--popover-offset))',
|
|
145
|
+
bottom: 'calc(-1 * var(--popover-offset))',
|
|
146
|
+
left: 'calc(50% - var(--popover-arrow-size) / 2)',
|
|
147
|
+
clipPath: 'polygon(50% calc(var(--popover-offset) - var(--popover-arrow-size)), 100% var(--popover-offset), 100% calc(100% - var(--popover-offset)), 50% calc(100% - var(--popover-offset) + var(--popover-arrow-size)), 0 calc(100% - var(--popover-offset)), 0 var(--popover-offset))',
|
|
148
|
+
background: 'inherit',
|
|
149
|
+
margin: 'inherit',
|
|
150
|
+
},
|
|
151
|
+
// Arrow for horizontal popovers (left/right)
|
|
152
|
+
'.btu-popover-left::before, .btu-popover-right::before': {
|
|
153
|
+
content: '""',
|
|
154
|
+
position: 'absolute',
|
|
155
|
+
zIndex: '-1',
|
|
156
|
+
height: 'var(--popover-arrow-size)',
|
|
157
|
+
left: 'calc(-1 * var(--popover-offset))',
|
|
158
|
+
right: 'calc(-1 * var(--popover-offset))',
|
|
159
|
+
top: 'calc(50% - var(--popover-arrow-size) / 2)',
|
|
160
|
+
clipPath: 'polygon(calc(var(--popover-offset) - var(--popover-arrow-size)) 50%, var(--popover-offset) 0, calc(100% - var(--popover-offset)) 0, calc(100% - var(--popover-offset) + var(--popover-arrow-size)) 50%, calc(100% - var(--popover-offset)) 100%, var(--popover-offset) 100%)',
|
|
161
|
+
background: 'inherit',
|
|
162
|
+
margin: 'inherit',
|
|
163
|
+
},
|
|
164
|
+
// Hide arrow when opted out
|
|
165
|
+
'.btu-popover-no-arrow::before': {
|
|
166
|
+
content: 'none',
|
|
167
|
+
},
|
|
168
|
+
// Reduced motion: disable translate animation, keep opacity fade
|
|
169
|
+
'@media (prefers-reduced-motion: reduce)': {
|
|
170
|
+
'.btu-popover': {
|
|
171
|
+
translate: 'none !important',
|
|
172
|
+
transition: 'opacity 150ms ease, display 150ms ease allow-discrete, overlay 150ms ease allow-discrete',
|
|
173
|
+
},
|
|
174
|
+
},
|
|
175
|
+
});
|
|
176
|
+
});
|
|
177
|
+
//# sourceMappingURL=tailwind-plugin-popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind-plugin-popover.js","sourceRoot":"","sources":["../src/tailwind-plugin-popover.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAGvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE;IAChE,aAAa,CAAC;QACZ,+EAA+E;QAC/E,cAAc,EAAE;YACd,oEAAoE;YACpE,sEAAsE;YACtE,kBAAkB,EAAE,KAAK;YACzB,sBAAsB,EAAE,KAAK;YAE7B,OAAO,EAAE,WAAW;YAEpB,eAAe,EAAE,+DAA+D;YAChF,KAAK,EAAE,gEAAgE;YACvE,YAAY,EAAE,gCAAgC,KAAK,CAAC,iBAAiB,CAAC,GAAG;YACzE,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC;YAEhC,kFAAkF;YAClF,QAAQ,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,UAAU;YACxD,UAAU,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,SAAS;YACzD,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,MAAM;YACjB,QAAQ,EAAE,OAAO;YAEjB,aAAa,EAAE,MAAM;YACrB,QAAQ,EAAE,SAAS;YACnB,SAAS,EAAE,SAAS;YACpB,MAAM,EAAE,GAAG;YACX,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,GAAG;YACZ,SAAS,EAAE,KAAK;YAChB,UAAU,EACR,gHAAgH;YAElH,qBAAqB,EAAE,iBAAiB;YAExC,6DAA6D;YAC7D,gBAAgB,EAAE;gBAChB,QAAQ,EAAE,SAAS;gBACnB,OAAO,EAAE,GAAG;gBACZ,SAAS,EAAE,KAAK;aACjB;SACF;QAED,gBAAgB;QAChB,kBAAkB,EAAE;YAClB,eAAe,EAAE,KAAK;YACtB,MAAM,EAAE,uBAAuB;YAC/B,SAAS,EAAE,uBAAuB;YAClC,wBAAwB,EAAE,YAAY;YACtC,SAAS,EAAE,OAAO;YAElB,gBAAgB,EAAE;gBAChB,SAAS,EAAE,KAAK;aACjB;SACF;QAED,6BAA6B;QAC7B,qBAAqB,EAAE;YACrB,eAAe,EAAE,QAAQ;YACzB,GAAG,EAAE,uBAAuB;YAC5B,YAAY,EAAE,uBAAuB;YACrC,wBAAwB,EAAE,YAAY;YACtC,SAAS,EAAE,QAAQ;YAEnB,gBAAgB,EAAE;gBAChB,SAAS,EAAE,KAAK;aACjB;SACF;QAED,iBAAiB;QACjB,mBAAmB,EAAE;YACnB,eAAe,EAAE,MAAM;YACvB,KAAK,EAAE,uBAAuB;YAC9B,UAAU,EAAE,uBAAuB;YACnC,wBAAwB,EAAE,aAAa;YACvC,SAAS,EAAE,OAAO;YAElB,gBAAgB,EAAE;gBAChB,SAAS,EAAE,KAAK;aACjB;SACF;QAED,kBAAkB;QAClB,oBAAoB,EAAE;YACpB,eAAe,EAAE,OAAO;YACxB,IAAI,EAAE,uBAAuB;YAC7B,WAAW,EAAE,uBAAuB;YACpC,wBAAwB,EAAE,aAAa;YACvC,SAAS,EAAE,QAAQ;YAEnB,gBAAgB,EAAE;gBAChB,SAAS,EAAE,KAAK;aACjB;SACF;QAED,eAAe;QACf,wBAAwB,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE;QACvD,wBAAwB,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE;QACvD,wBAAwB,EAAE,EAAE,kBAAkB,EAAE,MAAM,EAAE;QACxD,wBAAwB,EAAE,EAAE,kBAAkB,EAAE,MAAM,EAAE;QAExD,uCAAuC;QACvC,iBAAiB,EAAE;YACjB,2BAA2B,EAAE;gBAC3B,OAAO,EAAE,GAAG;aACb;YACD,+BAA+B,EAAE;gBAC/B,SAAS,EAAE,OAAO;aACnB;YACD,kCAAkC,EAAE;gBAClC,SAAS,EAAE,QAAQ;aACpB;YACD,gCAAgC,EAAE;gBAChC,SAAS,EAAE,OAAO;aACnB;YACD,iCAAiC,EAAE;gBACjC,SAAS,EAAE,QAAQ;aACpB;SACF;QAED,2CAA2C;QAC3C,4EAA4E;QAC5E,mEAAmE;QACnE,uDAAuD,EAAE;YACvD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE,2BAA2B;YAClC,GAAG,EAAE,kCAAkC;YACvC,MAAM,EAAE,kCAAkC;YAC1C,IAAI,EAAE,2CAA2C;YACjD,QAAQ,EACN,8QAA8Q;YAChR,UAAU,EAAE,SAAS;YACrB,MAAM,EAAE,SAAS;SAClB;QAED,6CAA6C;QAC7C,uDAAuD,EAAE;YACvD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,2BAA2B;YACnC,IAAI,EAAE,kCAAkC;YACxC,KAAK,EAAE,kCAAkC;YACzC,GAAG,EAAE,2CAA2C;YAChD,QAAQ,EACN,8QAA8Q;YAChR,UAAU,EAAE,SAAS;YACrB,MAAM,EAAE,SAAS;SAClB;QAED,4BAA4B;QAC5B,+BAA+B,EAAE;YAC/B,OAAO,EAAE,MAAM;SAChB;QAED,iEAAiE;QACjE,yCAAyC,EAAE;YACzC,cAAc,EAAE;gBACd,SAAS,EAAE,iBAAiB;gBAC5B,UAAU,EAAE,0FAA0F;aACvG;SACF;KACF,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
|
|
@@ -0,0 +1,202 @@
|
|
|
1
|
+
import plugin from 'tailwindcss/plugin'
|
|
2
|
+
declare let module: any
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Popover plugin using CSS anchor positioning and the native Popover API.
|
|
6
|
+
*
|
|
7
|
+
* Uses the HTML popover attribute for top-layer rendering, light dismiss,
|
|
8
|
+
* and focus management. Animations use @starting-style for entry and
|
|
9
|
+
* transition-behavior: allow-discrete for exit.
|
|
10
|
+
*
|
|
11
|
+
* Class Names:
|
|
12
|
+
*
|
|
13
|
+
* btu-popover - Base popover styles (hidden by default via popover)
|
|
14
|
+
* btu-popover-top - Position above trigger
|
|
15
|
+
* btu-popover-bottom - Position below trigger (default)
|
|
16
|
+
* btu-popover-left - Position left of trigger
|
|
17
|
+
* btu-popover-right - Position right of trigger
|
|
18
|
+
* btu-popover-no-arrow - Hide the arrow pseudo-element
|
|
19
|
+
*
|
|
20
|
+
* Offset Sizes:
|
|
21
|
+
*
|
|
22
|
+
* btu-popover-offset-sm - 4px offset
|
|
23
|
+
* btu-popover-offset-md - 8px offset (same as default)
|
|
24
|
+
* btu-popover-offset-lg - 12px offset
|
|
25
|
+
* btu-popover-offset-xl - 16px offset
|
|
26
|
+
*
|
|
27
|
+
* CSS Custom Properties:
|
|
28
|
+
*
|
|
29
|
+
* --popover-color-background - Background color (default: var(--btu-theme-white, #fff))
|
|
30
|
+
* --popover-color-title - Title text color (consumer-applied on title elements; not set by plugin)
|
|
31
|
+
* --popover-color-content - Base text color (default: oklch(var(--btu-theme-gray-900)))
|
|
32
|
+
* --popover-border-radius - Border radius (default: theme borderRadius.lg)
|
|
33
|
+
*/
|
|
34
|
+
|
|
35
|
+
module.exports = plugin(function ({ addComponents, theme, config }) {
|
|
36
|
+
addComponents({
|
|
37
|
+
// Base popover styles — exit state (applied when closing, before display:none)
|
|
38
|
+
'.btu-popover': {
|
|
39
|
+
// Structural custom properties — kept as declarations since they're
|
|
40
|
+
// controlled by component props, not external CSS on parent elements.
|
|
41
|
+
'--popover-offset': '8px',
|
|
42
|
+
'--popover-arrow-size': '8px',
|
|
43
|
+
|
|
44
|
+
padding: '12px 16px',
|
|
45
|
+
|
|
46
|
+
backgroundColor: `var(--popover-color-background, var(--btu-theme-white, #fff))`,
|
|
47
|
+
color: 'var(--popover-color-content, oklch(var(--btu-theme-gray-900)))',
|
|
48
|
+
borderRadius: `var(--popover-border-radius, ${theme('borderRadius.lg')})`,
|
|
49
|
+
boxShadow: theme('boxShadow.lg'),
|
|
50
|
+
|
|
51
|
+
// theme('fontSize.sm') returns only the size string; config() gives the raw tuple
|
|
52
|
+
fontSize: config('theme.fontSize.sm')?.[0] ?? '0.875rem',
|
|
53
|
+
lineHeight: config('theme.fontSize.sm')?.[1] ?? '1.25rem',
|
|
54
|
+
fontWeight: '400',
|
|
55
|
+
whiteSpace: 'normal',
|
|
56
|
+
textAlign: 'left',
|
|
57
|
+
maxWidth: '20rem',
|
|
58
|
+
|
|
59
|
+
pointerEvents: 'auto',
|
|
60
|
+
overflow: 'visible',
|
|
61
|
+
isolation: 'isolate',
|
|
62
|
+
margin: '0',
|
|
63
|
+
inset: 'unset',
|
|
64
|
+
border: 'none',
|
|
65
|
+
opacity: '0',
|
|
66
|
+
translate: '0 0',
|
|
67
|
+
transition:
|
|
68
|
+
'opacity 150ms ease, translate 150ms ease, display 150ms ease allow-discrete, overlay 150ms ease allow-discrete',
|
|
69
|
+
|
|
70
|
+
'position-visibility': 'anchors-visible',
|
|
71
|
+
|
|
72
|
+
// Native popover reset — browser defaults override otherwise
|
|
73
|
+
'&:popover-open': {
|
|
74
|
+
overflow: 'visible',
|
|
75
|
+
opacity: '1',
|
|
76
|
+
translate: '0 0',
|
|
77
|
+
},
|
|
78
|
+
},
|
|
79
|
+
|
|
80
|
+
// Position: top
|
|
81
|
+
'.btu-popover-top': {
|
|
82
|
+
'position-area': 'top',
|
|
83
|
+
bottom: 'var(--popover-offset)',
|
|
84
|
+
marginTop: 'var(--popover-offset)',
|
|
85
|
+
'position-try-fallbacks': 'flip-block',
|
|
86
|
+
translate: '0 4px',
|
|
87
|
+
|
|
88
|
+
'&:popover-open': {
|
|
89
|
+
translate: '0 0',
|
|
90
|
+
},
|
|
91
|
+
},
|
|
92
|
+
|
|
93
|
+
// Position: bottom (default)
|
|
94
|
+
'.btu-popover-bottom': {
|
|
95
|
+
'position-area': 'bottom',
|
|
96
|
+
top: 'var(--popover-offset)',
|
|
97
|
+
marginBottom: 'var(--popover-offset)',
|
|
98
|
+
'position-try-fallbacks': 'flip-block',
|
|
99
|
+
translate: '0 -4px',
|
|
100
|
+
|
|
101
|
+
'&:popover-open': {
|
|
102
|
+
translate: '0 0',
|
|
103
|
+
},
|
|
104
|
+
},
|
|
105
|
+
|
|
106
|
+
// Position: left
|
|
107
|
+
'.btu-popover-left': {
|
|
108
|
+
'position-area': 'left',
|
|
109
|
+
right: 'var(--popover-offset)',
|
|
110
|
+
marginLeft: 'var(--popover-offset)',
|
|
111
|
+
'position-try-fallbacks': 'flip-inline',
|
|
112
|
+
translate: '4px 0',
|
|
113
|
+
|
|
114
|
+
'&:popover-open': {
|
|
115
|
+
translate: '0 0',
|
|
116
|
+
},
|
|
117
|
+
},
|
|
118
|
+
|
|
119
|
+
// Position: right
|
|
120
|
+
'.btu-popover-right': {
|
|
121
|
+
'position-area': 'right',
|
|
122
|
+
left: 'var(--popover-offset)',
|
|
123
|
+
marginRight: 'var(--popover-offset)',
|
|
124
|
+
'position-try-fallbacks': 'flip-inline',
|
|
125
|
+
translate: '-4px 0',
|
|
126
|
+
|
|
127
|
+
'&:popover-open': {
|
|
128
|
+
translate: '0 0',
|
|
129
|
+
},
|
|
130
|
+
},
|
|
131
|
+
|
|
132
|
+
// Offset sizes
|
|
133
|
+
'.btu-popover-offset-sm': { '--popover-offset': '4px' },
|
|
134
|
+
'.btu-popover-offset-md': { '--popover-offset': '8px' },
|
|
135
|
+
'.btu-popover-offset-lg': { '--popover-offset': '12px' },
|
|
136
|
+
'.btu-popover-offset-xl': { '--popover-offset': '16px' },
|
|
137
|
+
|
|
138
|
+
// @starting-style for entry animations
|
|
139
|
+
'@starting-style': {
|
|
140
|
+
'.btu-popover:popover-open': {
|
|
141
|
+
opacity: '0',
|
|
142
|
+
},
|
|
143
|
+
'.btu-popover-top:popover-open': {
|
|
144
|
+
translate: '0 4px',
|
|
145
|
+
},
|
|
146
|
+
'.btu-popover-bottom:popover-open': {
|
|
147
|
+
translate: '0 -4px',
|
|
148
|
+
},
|
|
149
|
+
'.btu-popover-left:popover-open': {
|
|
150
|
+
translate: '4px 0',
|
|
151
|
+
},
|
|
152
|
+
'.btu-popover-right:popover-open': {
|
|
153
|
+
translate: '-4px 0',
|
|
154
|
+
},
|
|
155
|
+
},
|
|
156
|
+
|
|
157
|
+
// Arrow for vertical popovers (top/bottom)
|
|
158
|
+
// Centered at 50% of the popover panel. This aligns with the trigger center
|
|
159
|
+
// because position-area centers the popover on the anchor element.
|
|
160
|
+
'.btu-popover-top::before, .btu-popover-bottom::before': {
|
|
161
|
+
content: '""',
|
|
162
|
+
position: 'absolute',
|
|
163
|
+
zIndex: '-1',
|
|
164
|
+
width: 'var(--popover-arrow-size)',
|
|
165
|
+
top: 'calc(-1 * var(--popover-offset))',
|
|
166
|
+
bottom: 'calc(-1 * var(--popover-offset))',
|
|
167
|
+
left: 'calc(50% - var(--popover-arrow-size) / 2)',
|
|
168
|
+
clipPath:
|
|
169
|
+
'polygon(50% calc(var(--popover-offset) - var(--popover-arrow-size)), 100% var(--popover-offset), 100% calc(100% - var(--popover-offset)), 50% calc(100% - var(--popover-offset) + var(--popover-arrow-size)), 0 calc(100% - var(--popover-offset)), 0 var(--popover-offset))',
|
|
170
|
+
background: 'inherit',
|
|
171
|
+
margin: 'inherit',
|
|
172
|
+
},
|
|
173
|
+
|
|
174
|
+
// Arrow for horizontal popovers (left/right)
|
|
175
|
+
'.btu-popover-left::before, .btu-popover-right::before': {
|
|
176
|
+
content: '""',
|
|
177
|
+
position: 'absolute',
|
|
178
|
+
zIndex: '-1',
|
|
179
|
+
height: 'var(--popover-arrow-size)',
|
|
180
|
+
left: 'calc(-1 * var(--popover-offset))',
|
|
181
|
+
right: 'calc(-1 * var(--popover-offset))',
|
|
182
|
+
top: 'calc(50% - var(--popover-arrow-size) / 2)',
|
|
183
|
+
clipPath:
|
|
184
|
+
'polygon(calc(var(--popover-offset) - var(--popover-arrow-size)) 50%, var(--popover-offset) 0, calc(100% - var(--popover-offset)) 0, calc(100% - var(--popover-offset) + var(--popover-arrow-size)) 50%, calc(100% - var(--popover-offset)) 100%, var(--popover-offset) 100%)',
|
|
185
|
+
background: 'inherit',
|
|
186
|
+
margin: 'inherit',
|
|
187
|
+
},
|
|
188
|
+
|
|
189
|
+
// Hide arrow when opted out
|
|
190
|
+
'.btu-popover-no-arrow::before': {
|
|
191
|
+
content: 'none',
|
|
192
|
+
},
|
|
193
|
+
|
|
194
|
+
// Reduced motion: disable translate animation, keep opacity fade
|
|
195
|
+
'@media (prefers-reduced-motion: reduce)': {
|
|
196
|
+
'.btu-popover': {
|
|
197
|
+
translate: 'none !important',
|
|
198
|
+
transition: 'opacity 150ms ease, display 150ms ease allow-discrete, overlay 150ms ease allow-discrete',
|
|
199
|
+
},
|
|
200
|
+
},
|
|
201
|
+
})
|
|
202
|
+
})
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind-plugin-tooltip.d.ts","sourceRoot":"","sources":["../src/tailwind-plugin-tooltip.ts"],"names":[],"mappings":""}
|