@trebired/frontend 0.3.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/CHANGELOG.md +30 -0
- package/LICENSE +661 -0
- package/README.md +212 -0
- package/dist/actions/buttons.d.ts +8 -0
- package/dist/actions/buttons.d.ts.map +1 -0
- package/dist/actions/buttons.js +116 -0
- package/dist/actions/buttons.js.map +1 -0
- package/dist/actions/components/index.d.ts +26 -0
- package/dist/actions/components/index.d.ts.map +1 -0
- package/dist/actions/components/index.js +25 -0
- package/dist/actions/components/index.js.map +1 -0
- package/dist/actions/confetti.d.ts +12 -0
- package/dist/actions/confetti.d.ts.map +1 -0
- package/dist/actions/confetti.js +36 -0
- package/dist/actions/confetti.js.map +1 -0
- package/dist/actions/forms.d.ts +12 -0
- package/dist/actions/forms.d.ts.map +1 -0
- package/dist/actions/forms.js +159 -0
- package/dist/actions/forms.js.map +1 -0
- package/dist/actions/index.d.ts +8 -0
- package/dist/actions/index.d.ts.map +1 -0
- package/dist/actions/index.js +7 -0
- package/dist/actions/index.js.map +1 -0
- package/dist/actions/request.d.ts +13 -0
- package/dist/actions/request.d.ts.map +1 -0
- package/dist/actions/request.js +83 -0
- package/dist/actions/request.js.map +1 -0
- package/dist/actions/response.d.ts +18 -0
- package/dist/actions/response.d.ts.map +1 -0
- package/dist/actions/response.js +104 -0
- package/dist/actions/response.js.map +1 -0
- package/dist/actions/styles/index.scss +42 -0
- package/dist/actions/triggers.d.ts +24 -0
- package/dist/actions/triggers.d.ts.map +1 -0
- package/dist/actions/triggers.js +107 -0
- package/dist/actions/triggers.js.map +1 -0
- package/dist/actions/types.d.ts +63 -0
- package/dist/actions/types.d.ts.map +1 -0
- package/dist/actions/types.js +2 -0
- package/dist/actions/types.js.map +1 -0
- package/dist/components/index.d.ts +5 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +11 -0
- package/dist/components/index.js.map +1 -0
- package/dist/dom/index.d.ts +26 -0
- package/dist/dom/index.d.ts.map +1 -0
- package/dist/dom/index.js +164 -0
- package/dist/dom/index.js.map +1 -0
- package/dist/flash/components/index.d.ts +28 -0
- package/dist/flash/components/index.d.ts.map +1 -0
- package/dist/flash/components/index.js +27 -0
- package/dist/flash/components/index.js.map +1 -0
- package/dist/flash/dialogs.d.ts +6 -0
- package/dist/flash/dialogs.d.ts.map +1 -0
- package/dist/flash/dialogs.js +120 -0
- package/dist/flash/dialogs.js.map +1 -0
- package/dist/flash/duration.d.ts +8 -0
- package/dist/flash/duration.d.ts.map +1 -0
- package/dist/flash/duration.js +20 -0
- package/dist/flash/duration.js.map +1 -0
- package/dist/flash/elements.d.ts +14 -0
- package/dist/flash/elements.d.ts.map +1 -0
- package/dist/flash/elements.js +67 -0
- package/dist/flash/elements.js.map +1 -0
- package/dist/flash/index.d.ts +8 -0
- package/dist/flash/index.d.ts.map +1 -0
- package/dist/flash/index.js +18 -0
- package/dist/flash/index.js.map +1 -0
- package/dist/flash/stack.d.ts +6 -0
- package/dist/flash/stack.d.ts.map +1 -0
- package/dist/flash/stack.js +56 -0
- package/dist/flash/stack.js.map +1 -0
- package/dist/flash/styles/index.scss +118 -0
- package/dist/flash/toast.d.ts +24 -0
- package/dist/flash/toast.d.ts.map +1 -0
- package/dist/flash/toast.js +67 -0
- package/dist/flash/toast.js.map +1 -0
- package/dist/flash/types.d.ts +29 -0
- package/dist/flash/types.d.ts.map +1 -0
- package/dist/flash/types.js +2 -0
- package/dist/flash/types.js.map +1 -0
- package/dist/http/index.d.ts +30 -0
- package/dist/http/index.d.ts.map +1 -0
- package/dist/http/index.js +104 -0
- package/dist/http/index.js.map +1 -0
- package/dist/index.d.ts +40 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +104 -0
- package/dist/index.js.map +1 -0
- package/dist/inputs/components/index.d.ts +16 -0
- package/dist/inputs/components/index.d.ts.map +1 -0
- package/dist/inputs/components/index.js +112 -0
- package/dist/inputs/components/index.js.map +1 -0
- package/dist/inputs/index.d.ts +17 -0
- package/dist/inputs/index.d.ts.map +1 -0
- package/dist/inputs/index.js +54 -0
- package/dist/inputs/index.js.map +1 -0
- package/dist/inputs/styles/cropper.scss +244 -0
- package/dist/inputs/styles/field.scss +15 -0
- package/dist/inputs/styles/index.scss +3 -0
- package/dist/inputs/styles/upload.scss +125 -0
- package/dist/inputs/upload/config.d.ts +57 -0
- package/dist/inputs/upload/config.d.ts.map +1 -0
- package/dist/inputs/upload/config.js +61 -0
- package/dist/inputs/upload/config.js.map +1 -0
- package/dist/inputs/upload/crop-session.d.ts +6 -0
- package/dist/inputs/upload/crop-session.d.ts.map +1 -0
- package/dist/inputs/upload/crop-session.js +204 -0
- package/dist/inputs/upload/crop-session.js.map +1 -0
- package/dist/inputs/upload/crop.d.ts +20 -0
- package/dist/inputs/upload/crop.d.ts.map +1 -0
- package/dist/inputs/upload/crop.js +124 -0
- package/dist/inputs/upload/crop.js.map +1 -0
- package/dist/inputs/upload/dom.d.ts +19 -0
- package/dist/inputs/upload/dom.d.ts.map +1 -0
- package/dist/inputs/upload/dom.js +74 -0
- package/dist/inputs/upload/dom.js.map +1 -0
- package/dist/inputs/upload/drop.d.ts +10 -0
- package/dist/inputs/upload/drop.d.ts.map +1 -0
- package/dist/inputs/upload/drop.js +92 -0
- package/dist/inputs/upload/drop.js.map +1 -0
- package/dist/inputs/upload/files.d.ts +14 -0
- package/dist/inputs/upload/files.d.ts.map +1 -0
- package/dist/inputs/upload/files.js +82 -0
- package/dist/inputs/upload/files.js.map +1 -0
- package/dist/inputs/upload/manager.d.ts +36 -0
- package/dist/inputs/upload/manager.d.ts.map +1 -0
- package/dist/inputs/upload/manager.js +236 -0
- package/dist/inputs/upload/manager.js.map +1 -0
- package/dist/inputs/upload/markup.d.ts +30 -0
- package/dist/inputs/upload/markup.d.ts.map +1 -0
- package/dist/inputs/upload/markup.js +118 -0
- package/dist/inputs/upload/markup.js.map +1 -0
- package/dist/inputs/upload/model.d.ts +41 -0
- package/dist/inputs/upload/model.d.ts.map +1 -0
- package/dist/inputs/upload/model.js +76 -0
- package/dist/inputs/upload/model.js.map +1 -0
- package/dist/inputs/upload/state.d.ts +16 -0
- package/dist/inputs/upload/state.d.ts.map +1 -0
- package/dist/inputs/upload/state.js +181 -0
- package/dist/inputs/upload/state.js.map +1 -0
- package/dist/inputs/upload/text.d.ts +7 -0
- package/dist/inputs/upload/text.d.ts.map +1 -0
- package/dist/inputs/upload/text.js +29 -0
- package/dist/inputs/upload/text.js.map +1 -0
- package/dist/inputs/upload/types.d.ts +86 -0
- package/dist/inputs/upload/types.d.ts.map +1 -0
- package/dist/inputs/upload/types.js +2 -0
- package/dist/inputs/upload/types.js.map +1 -0
- package/dist/layer/components/index.d.ts +12 -0
- package/dist/layer/components/index.d.ts.map +1 -0
- package/dist/layer/components/index.js +12 -0
- package/dist/layer/components/index.js.map +1 -0
- package/dist/layer/index.d.ts +22 -0
- package/dist/layer/index.d.ts.map +1 -0
- package/dist/layer/index.js +159 -0
- package/dist/layer/index.js.map +1 -0
- package/dist/layer/styles/index.scss +6 -0
- package/dist/live/components/index.d.ts +15 -0
- package/dist/live/components/index.d.ts.map +1 -0
- package/dist/live/components/index.js +12 -0
- package/dist/live/components/index.js.map +1 -0
- package/dist/live/index.d.ts +29 -0
- package/dist/live/index.d.ts.map +1 -0
- package/dist/live/index.js +103 -0
- package/dist/live/index.js.map +1 -0
- package/dist/logging/index.d.ts +17 -0
- package/dist/logging/index.d.ts.map +1 -0
- package/dist/logging/index.js +68 -0
- package/dist/logging/index.js.map +1 -0
- package/dist/modal/components/index.d.ts +18 -0
- package/dist/modal/components/index.d.ts.map +1 -0
- package/dist/modal/components/index.js +20 -0
- package/dist/modal/components/index.js.map +1 -0
- package/dist/modal/index.d.ts +24 -0
- package/dist/modal/index.d.ts.map +1 -0
- package/dist/modal/index.js +184 -0
- package/dist/modal/index.js.map +1 -0
- package/dist/modal/styles/index.scss +50 -0
- package/dist/popover/components/index.d.ts +14 -0
- package/dist/popover/components/index.d.ts.map +1 -0
- package/dist/popover/components/index.js +16 -0
- package/dist/popover/components/index.js.map +1 -0
- package/dist/popover/index.d.ts +16 -0
- package/dist/popover/index.d.ts.map +1 -0
- package/dist/popover/index.js +140 -0
- package/dist/popover/index.js.map +1 -0
- package/dist/popover/styles/index.scss +24 -0
- package/dist/progress/components/index.d.ts +10 -0
- package/dist/progress/components/index.d.ts.map +1 -0
- package/dist/progress/components/index.js +14 -0
- package/dist/progress/components/index.js.map +1 -0
- package/dist/progress/index.d.ts +18 -0
- package/dist/progress/index.d.ts.map +1 -0
- package/dist/progress/index.js +89 -0
- package/dist/progress/index.js.map +1 -0
- package/dist/progress/styles/index.scss +16 -0
- package/dist/react/index.d.ts +17 -0
- package/dist/react/index.d.ts.map +1 -0
- package/dist/react/index.js +47 -0
- package/dist/react/index.js.map +1 -0
- package/dist/src/actions/buttons.d.ts +8 -0
- package/dist/src/actions/buttons.d.ts.map +1 -0
- package/dist/src/actions/buttons.js +116 -0
- package/dist/src/actions/buttons.js.map +1 -0
- package/dist/src/actions/components/index.d.ts +26 -0
- package/dist/src/actions/components/index.d.ts.map +1 -0
- package/dist/src/actions/components/index.js +25 -0
- package/dist/src/actions/components/index.js.map +1 -0
- package/dist/src/actions/confetti.d.ts +12 -0
- package/dist/src/actions/confetti.d.ts.map +1 -0
- package/dist/src/actions/confetti.js +36 -0
- package/dist/src/actions/confetti.js.map +1 -0
- package/dist/src/actions/forms.d.ts +12 -0
- package/dist/src/actions/forms.d.ts.map +1 -0
- package/dist/src/actions/forms.js +159 -0
- package/dist/src/actions/forms.js.map +1 -0
- package/dist/src/actions/index.d.ts +8 -0
- package/dist/src/actions/index.d.ts.map +1 -0
- package/dist/src/actions/index.js +7 -0
- package/dist/src/actions/index.js.map +1 -0
- package/dist/src/actions/request.d.ts +13 -0
- package/dist/src/actions/request.d.ts.map +1 -0
- package/dist/src/actions/request.js +83 -0
- package/dist/src/actions/request.js.map +1 -0
- package/dist/src/actions/response.d.ts +18 -0
- package/dist/src/actions/response.d.ts.map +1 -0
- package/dist/src/actions/response.js +104 -0
- package/dist/src/actions/response.js.map +1 -0
- package/dist/src/actions/triggers.d.ts +24 -0
- package/dist/src/actions/triggers.d.ts.map +1 -0
- package/dist/src/actions/triggers.js +107 -0
- package/dist/src/actions/triggers.js.map +1 -0
- package/dist/src/actions/types.d.ts +63 -0
- package/dist/src/actions/types.d.ts.map +1 -0
- package/dist/src/actions/types.js +2 -0
- package/dist/src/actions/types.js.map +1 -0
- package/dist/src/components/index.d.ts +5 -0
- package/dist/src/components/index.d.ts.map +1 -0
- package/dist/src/components/index.js +11 -0
- package/dist/src/components/index.js.map +1 -0
- package/dist/src/dom/index.d.ts +26 -0
- package/dist/src/dom/index.d.ts.map +1 -0
- package/dist/src/dom/index.js +164 -0
- package/dist/src/dom/index.js.map +1 -0
- package/dist/src/flash/components/index.d.ts +28 -0
- package/dist/src/flash/components/index.d.ts.map +1 -0
- package/dist/src/flash/components/index.js +27 -0
- package/dist/src/flash/components/index.js.map +1 -0
- package/dist/src/flash/dialogs.d.ts +6 -0
- package/dist/src/flash/dialogs.d.ts.map +1 -0
- package/dist/src/flash/dialogs.js +120 -0
- package/dist/src/flash/dialogs.js.map +1 -0
- package/dist/src/flash/duration.d.ts +8 -0
- package/dist/src/flash/duration.d.ts.map +1 -0
- package/dist/src/flash/duration.js +20 -0
- package/dist/src/flash/duration.js.map +1 -0
- package/dist/src/flash/elements.d.ts +14 -0
- package/dist/src/flash/elements.d.ts.map +1 -0
- package/dist/src/flash/elements.js +67 -0
- package/dist/src/flash/elements.js.map +1 -0
- package/dist/src/flash/index.d.ts +8 -0
- package/dist/src/flash/index.d.ts.map +1 -0
- package/dist/src/flash/index.js +18 -0
- package/dist/src/flash/index.js.map +1 -0
- package/dist/src/flash/stack.d.ts +6 -0
- package/dist/src/flash/stack.d.ts.map +1 -0
- package/dist/src/flash/stack.js +56 -0
- package/dist/src/flash/stack.js.map +1 -0
- package/dist/src/flash/toast.d.ts +24 -0
- package/dist/src/flash/toast.d.ts.map +1 -0
- package/dist/src/flash/toast.js +67 -0
- package/dist/src/flash/toast.js.map +1 -0
- package/dist/src/flash/types.d.ts +29 -0
- package/dist/src/flash/types.d.ts.map +1 -0
- package/dist/src/flash/types.js +2 -0
- package/dist/src/flash/types.js.map +1 -0
- package/dist/src/http/index.d.ts +30 -0
- package/dist/src/http/index.d.ts.map +1 -0
- package/dist/src/http/index.js +104 -0
- package/dist/src/http/index.js.map +1 -0
- package/dist/src/index.d.ts +40 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/index.js +104 -0
- package/dist/src/index.js.map +1 -0
- package/dist/src/inputs/components/index.d.ts +16 -0
- package/dist/src/inputs/components/index.d.ts.map +1 -0
- package/dist/src/inputs/components/index.js +112 -0
- package/dist/src/inputs/components/index.js.map +1 -0
- package/dist/src/inputs/index.d.ts +17 -0
- package/dist/src/inputs/index.d.ts.map +1 -0
- package/dist/src/inputs/index.js +54 -0
- package/dist/src/inputs/index.js.map +1 -0
- package/dist/src/inputs/upload/config.d.ts +57 -0
- package/dist/src/inputs/upload/config.d.ts.map +1 -0
- package/dist/src/inputs/upload/config.js +61 -0
- package/dist/src/inputs/upload/config.js.map +1 -0
- package/dist/src/inputs/upload/crop-session.d.ts +6 -0
- package/dist/src/inputs/upload/crop-session.d.ts.map +1 -0
- package/dist/src/inputs/upload/crop-session.js +204 -0
- package/dist/src/inputs/upload/crop-session.js.map +1 -0
- package/dist/src/inputs/upload/crop.d.ts +20 -0
- package/dist/src/inputs/upload/crop.d.ts.map +1 -0
- package/dist/src/inputs/upload/crop.js +124 -0
- package/dist/src/inputs/upload/crop.js.map +1 -0
- package/dist/src/inputs/upload/dom.d.ts +19 -0
- package/dist/src/inputs/upload/dom.d.ts.map +1 -0
- package/dist/src/inputs/upload/dom.js +74 -0
- package/dist/src/inputs/upload/dom.js.map +1 -0
- package/dist/src/inputs/upload/drop.d.ts +10 -0
- package/dist/src/inputs/upload/drop.d.ts.map +1 -0
- package/dist/src/inputs/upload/drop.js +92 -0
- package/dist/src/inputs/upload/drop.js.map +1 -0
- package/dist/src/inputs/upload/files.d.ts +14 -0
- package/dist/src/inputs/upload/files.d.ts.map +1 -0
- package/dist/src/inputs/upload/files.js +82 -0
- package/dist/src/inputs/upload/files.js.map +1 -0
- package/dist/src/inputs/upload/manager.d.ts +36 -0
- package/dist/src/inputs/upload/manager.d.ts.map +1 -0
- package/dist/src/inputs/upload/manager.js +236 -0
- package/dist/src/inputs/upload/manager.js.map +1 -0
- package/dist/src/inputs/upload/markup.d.ts +30 -0
- package/dist/src/inputs/upload/markup.d.ts.map +1 -0
- package/dist/src/inputs/upload/markup.js +118 -0
- package/dist/src/inputs/upload/markup.js.map +1 -0
- package/dist/src/inputs/upload/model.d.ts +41 -0
- package/dist/src/inputs/upload/model.d.ts.map +1 -0
- package/dist/src/inputs/upload/model.js +76 -0
- package/dist/src/inputs/upload/model.js.map +1 -0
- package/dist/src/inputs/upload/state.d.ts +16 -0
- package/dist/src/inputs/upload/state.d.ts.map +1 -0
- package/dist/src/inputs/upload/state.js +181 -0
- package/dist/src/inputs/upload/state.js.map +1 -0
- package/dist/src/inputs/upload/text.d.ts +7 -0
- package/dist/src/inputs/upload/text.d.ts.map +1 -0
- package/dist/src/inputs/upload/text.js +29 -0
- package/dist/src/inputs/upload/text.js.map +1 -0
- package/dist/src/inputs/upload/types.d.ts +86 -0
- package/dist/src/inputs/upload/types.d.ts.map +1 -0
- package/dist/src/inputs/upload/types.js +2 -0
- package/dist/src/inputs/upload/types.js.map +1 -0
- package/dist/src/layer/components/index.d.ts +12 -0
- package/dist/src/layer/components/index.d.ts.map +1 -0
- package/dist/src/layer/components/index.js +12 -0
- package/dist/src/layer/components/index.js.map +1 -0
- package/dist/src/layer/index.d.ts +22 -0
- package/dist/src/layer/index.d.ts.map +1 -0
- package/dist/src/layer/index.js +159 -0
- package/dist/src/layer/index.js.map +1 -0
- package/dist/src/live/components/index.d.ts +15 -0
- package/dist/src/live/components/index.d.ts.map +1 -0
- package/dist/src/live/components/index.js +12 -0
- package/dist/src/live/components/index.js.map +1 -0
- package/dist/src/live/index.d.ts +29 -0
- package/dist/src/live/index.d.ts.map +1 -0
- package/dist/src/live/index.js +103 -0
- package/dist/src/live/index.js.map +1 -0
- package/dist/src/logging/index.d.ts +17 -0
- package/dist/src/logging/index.d.ts.map +1 -0
- package/dist/src/logging/index.js +68 -0
- package/dist/src/logging/index.js.map +1 -0
- package/dist/src/modal/components/index.d.ts +18 -0
- package/dist/src/modal/components/index.d.ts.map +1 -0
- package/dist/src/modal/components/index.js +20 -0
- package/dist/src/modal/components/index.js.map +1 -0
- package/dist/src/modal/index.d.ts +24 -0
- package/dist/src/modal/index.d.ts.map +1 -0
- package/dist/src/modal/index.js +184 -0
- package/dist/src/modal/index.js.map +1 -0
- package/dist/src/popover/components/index.d.ts +14 -0
- package/dist/src/popover/components/index.d.ts.map +1 -0
- package/dist/src/popover/components/index.js +16 -0
- package/dist/src/popover/components/index.js.map +1 -0
- package/dist/src/popover/index.d.ts +16 -0
- package/dist/src/popover/index.d.ts.map +1 -0
- package/dist/src/popover/index.js +140 -0
- package/dist/src/popover/index.js.map +1 -0
- package/dist/src/progress/components/index.d.ts +10 -0
- package/dist/src/progress/components/index.d.ts.map +1 -0
- package/dist/src/progress/components/index.js +14 -0
- package/dist/src/progress/components/index.js.map +1 -0
- package/dist/src/progress/index.d.ts +18 -0
- package/dist/src/progress/index.d.ts.map +1 -0
- package/dist/src/progress/index.js +89 -0
- package/dist/src/progress/index.js.map +1 -0
- package/dist/src/react/index.d.ts +17 -0
- package/dist/src/react/index.d.ts.map +1 -0
- package/dist/src/react/index.js +47 -0
- package/dist/src/react/index.js.map +1 -0
- package/dist/src/styles/index.d.ts +3 -0
- package/dist/src/styles/index.d.ts.map +1 -0
- package/dist/src/styles/index.js +14 -0
- package/dist/src/styles/index.js.map +1 -0
- package/dist/src/theme/components/index.d.ts +14 -0
- package/dist/src/theme/components/index.d.ts.map +1 -0
- package/dist/src/theme/components/index.js +13 -0
- package/dist/src/theme/components/index.js.map +1 -0
- package/dist/src/theme/index.d.ts +26 -0
- package/dist/src/theme/index.d.ts.map +1 -0
- package/dist/src/theme/index.js +119 -0
- package/dist/src/theme/index.js.map +1 -0
- package/dist/src/tooltip/components/index.d.ts +17 -0
- package/dist/src/tooltip/components/index.d.ts.map +1 -0
- package/dist/src/tooltip/components/index.js +20 -0
- package/dist/src/tooltip/components/index.js.map +1 -0
- package/dist/src/tooltip/index.d.ts +10 -0
- package/dist/src/tooltip/index.d.ts.map +1 -0
- package/dist/src/tooltip/index.js +171 -0
- package/dist/src/tooltip/index.js.map +1 -0
- package/dist/styles/index.d.ts +3 -0
- package/dist/styles/index.d.ts.map +1 -0
- package/dist/styles/index.js +14 -0
- package/dist/styles/index.js.map +1 -0
- package/dist/styles/tokens.scss +22 -0
- package/dist/styles/utils.scss +220 -0
- package/dist/theme/components/index.d.ts +14 -0
- package/dist/theme/components/index.d.ts.map +1 -0
- package/dist/theme/components/index.js +13 -0
- package/dist/theme/components/index.js.map +1 -0
- package/dist/theme/index.d.ts +26 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +119 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/tooltip/components/index.d.ts +17 -0
- package/dist/tooltip/components/index.d.ts.map +1 -0
- package/dist/tooltip/components/index.js +20 -0
- package/dist/tooltip/components/index.js.map +1 -0
- package/dist/tooltip/index.d.ts +10 -0
- package/dist/tooltip/index.d.ts.map +1 -0
- package/dist/tooltip/index.js +171 -0
- package/dist/tooltip/index.js.map +1 -0
- package/dist/tooltip/styles/index.scss +17 -0
- package/package.json +232 -0
|
@@ -0,0 +1,220 @@
|
|
|
1
|
+
.is-hidden,
|
|
2
|
+
[hidden] {
|
|
3
|
+
display: none !important;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.hide-mobile {
|
|
7
|
+
@media (max-width: 768px) {
|
|
8
|
+
display: none !important;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.display-block {
|
|
13
|
+
display: block;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.overflow-hidden {
|
|
17
|
+
overflow: hidden;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.overflow-x-auto {
|
|
21
|
+
overflow-x: auto !important;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.scroll {
|
|
25
|
+
overflow: auto;
|
|
26
|
+
min-height: 0;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.scroll-min {
|
|
30
|
+
--tbf-scroll-min-size: 6px;
|
|
31
|
+
--tbf-scroll-min-track: var(--scroll-track, #fff);
|
|
32
|
+
--tbf-scroll-min-thumb: var(--scroll-thumb, #000);
|
|
33
|
+
|
|
34
|
+
&::-webkit-scrollbar {
|
|
35
|
+
width: var(--tbf-scroll-min-size);
|
|
36
|
+
height: var(--tbf-scroll-min-size);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&::-webkit-scrollbar-track {
|
|
40
|
+
background-color: var(--tbf-scroll-min-track);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&::-webkit-scrollbar-thumb {
|
|
44
|
+
border-radius: var(--tbf-radius, 0);
|
|
45
|
+
background-color: var(--tbf-scroll-min-thumb);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.inline-row {
|
|
50
|
+
display: flex;
|
|
51
|
+
align-items: center;
|
|
52
|
+
width: 100%;
|
|
53
|
+
min-width: 0;
|
|
54
|
+
gap: var(--tbf-gap-sm);
|
|
55
|
+
|
|
56
|
+
&.fit-content {
|
|
57
|
+
width: fit-content;
|
|
58
|
+
max-width: 100%;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
&.top {
|
|
62
|
+
align-items: flex-start;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
&.bottom {
|
|
66
|
+
align-items: flex-end;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
&.apart {
|
|
70
|
+
justify-content: space-between;
|
|
71
|
+
|
|
72
|
+
> * {
|
|
73
|
+
flex: 0 0 auto;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
&.scroll-x {
|
|
78
|
+
@extend .scroll-min;
|
|
79
|
+
|
|
80
|
+
flex-wrap: nowrap;
|
|
81
|
+
overflow-x: auto;
|
|
82
|
+
overflow-y: hidden;
|
|
83
|
+
|
|
84
|
+
> * {
|
|
85
|
+
flex: 0 0 auto;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
> .right {
|
|
90
|
+
margin-left: auto;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
> .left {
|
|
94
|
+
margin-right: auto;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
> .center {
|
|
98
|
+
margin-right: auto;
|
|
99
|
+
margin-left: auto;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.column {
|
|
104
|
+
display: flex;
|
|
105
|
+
min-width: 0;
|
|
106
|
+
flex-direction: column;
|
|
107
|
+
|
|
108
|
+
&.center {
|
|
109
|
+
justify-content: center;
|
|
110
|
+
text-align: center;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.grid {
|
|
115
|
+
display: grid;
|
|
116
|
+
grid-template-columns: var(--tbf-grid-template-columns, minmax(0, 1fr) minmax(0, 1fr));
|
|
117
|
+
align-items: start;
|
|
118
|
+
gap: var(--tbf-gap-md);
|
|
119
|
+
|
|
120
|
+
&.auto-sm {
|
|
121
|
+
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
&.auto-md {
|
|
125
|
+
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
&.auto-lg {
|
|
129
|
+
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
&.cols-2 {
|
|
133
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
@media (max-width: 900px) {
|
|
137
|
+
grid-template-columns: 1fr;
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.gap-xs {
|
|
142
|
+
gap: var(--tbf-gap-xs);
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.gap-sm {
|
|
146
|
+
gap: var(--tbf-gap-sm);
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.gap-md {
|
|
150
|
+
gap: var(--tbf-gap-md);
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.gap-lg {
|
|
154
|
+
gap: var(--tbf-gap-lg);
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.mt-xs {
|
|
158
|
+
margin-top: var(--tbf-gap-xs);
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
.mt-sm {
|
|
162
|
+
margin-top: var(--tbf-gap-sm);
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.mt-md {
|
|
166
|
+
margin-top: var(--tbf-gap-md);
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.mt-lg {
|
|
170
|
+
margin-top: var(--tbf-gap-lg);
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.mb-xs {
|
|
174
|
+
margin-bottom: var(--tbf-gap-xs);
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
.mb-sm {
|
|
178
|
+
margin-bottom: var(--tbf-gap-sm);
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.mb-md {
|
|
182
|
+
margin-bottom: var(--tbf-gap-md);
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
.mb-lg {
|
|
186
|
+
margin-bottom: var(--tbf-gap-lg);
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
.width-max {
|
|
190
|
+
width: 100% !important;
|
|
191
|
+
max-width: 100% !important;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.width-fit {
|
|
195
|
+
width: fit-content !important;
|
|
196
|
+
max-width: 100% !important;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.text-muted {
|
|
200
|
+
color: var(--tbf-text-muted, #000);
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
.text-break {
|
|
204
|
+
min-width: 0;
|
|
205
|
+
max-width: 100%;
|
|
206
|
+
overflow-wrap: anywhere;
|
|
207
|
+
word-break: break-word;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
.truncate-1 {
|
|
211
|
+
min-width: 0;
|
|
212
|
+
overflow: hidden;
|
|
213
|
+
text-overflow: ellipsis;
|
|
214
|
+
white-space: nowrap;
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
.no-select {
|
|
218
|
+
-webkit-user-select: none;
|
|
219
|
+
user-select: none;
|
|
220
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes, ScriptHTMLAttributes } from "react";
|
|
2
|
+
import { type ThemeValue } from "../index.d.ts";
|
|
3
|
+
type ThemeToggleProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
4
|
+
darkLabel?: string;
|
|
5
|
+
lightLabel?: string;
|
|
6
|
+
};
|
|
7
|
+
type ThemeBootScriptProps = ScriptHTMLAttributes<HTMLScriptElement> & {
|
|
8
|
+
theme?: ThemeValue;
|
|
9
|
+
};
|
|
10
|
+
declare function ThemeToggle(props: ThemeToggleProps): import("react").JSX.Element;
|
|
11
|
+
declare function ThemeBootScript(props: ThemeBootScriptProps): import("react").JSX.Element;
|
|
12
|
+
export { ThemeBootScript, ThemeToggle };
|
|
13
|
+
export type { ThemeBootScriptProps, ThemeToggleProps };
|
|
14
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,EAAyB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAEvE,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,oBAAoB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACpE,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAqB3C;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAQnD;AAED,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC;AACxC,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../../components/index.js";
|
|
3
|
+
import { createThemeBootScript } from "../index.js";
|
|
4
|
+
function ThemeToggle(props) {
|
|
5
|
+
const { children, className, darkLabel = "Dark", lightLabel = "Light", type = "button", ...rest } = props;
|
|
6
|
+
return (_jsx("button", { ...rest, className: classNames("tbf-theme-button", className), "data-tbf-theme-button": "", "data-tbf-theme-dark-label": darkLabel, "data-tbf-theme-light-label": lightLabel, type: type, children: children || _jsx("span", { "data-tbf-theme-label": "", children: lightLabel }) }));
|
|
7
|
+
}
|
|
8
|
+
function ThemeBootScript(props) {
|
|
9
|
+
const { theme = "", ...rest } = props;
|
|
10
|
+
return (_jsx("script", { ...rest, dangerouslySetInnerHTML: { __html: createThemeBootScript(theme) } }));
|
|
11
|
+
}
|
|
12
|
+
export { ThemeBootScript, ThemeToggle };
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/components/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAmB,MAAM,eAAe,CAAC;AAWvE,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,MAAM,EAClB,UAAU,GAAG,OAAO,EACpB,IAAI,GAAG,QAAQ,EACf,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,OAAO,CACL,oBACM,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,2BAC9B,EAAE,+BACG,SAAS,gCACR,UAAU,EACtC,IAAI,EAAE,IAAI,YAET,QAAQ,IAAI,uCAA2B,EAAE,YAAE,UAAU,GAAQ,GACvD,CACV,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACtC,OAAO,CACL,oBACM,IAAI,EACR,uBAAuB,EAAE,EAAE,MAAM,EAAE,qBAAqB,CAAC,KAAK,CAAC,EAAE,GACjE,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { type BindRoot } from "../dom/index.d.ts";
|
|
2
|
+
type ThemeValue = "dark" | "light" | "";
|
|
3
|
+
type ThemePersistenceAdapter = {
|
|
4
|
+
get?: () => Promise<string | null | undefined> | string | null | undefined;
|
|
5
|
+
set?: (theme: ThemeValue) => Promise<unknown> | unknown;
|
|
6
|
+
};
|
|
7
|
+
type ThemeRuntimeOptions = {
|
|
8
|
+
defaultTheme?: ThemeValue;
|
|
9
|
+
persistence?: ThemePersistenceAdapter;
|
|
10
|
+
};
|
|
11
|
+
declare const THEME_TOGGLE_SELECTOR = "[data-tbf-theme-button]";
|
|
12
|
+
declare const THEME_ATTR = "data-tbf-theme";
|
|
13
|
+
declare function normalizeTheme(value: unknown): ThemeValue;
|
|
14
|
+
declare function systemThemeKey(): Exclude<ThemeValue, "">;
|
|
15
|
+
declare function currentDomTheme(): ThemeValue;
|
|
16
|
+
declare function getEffectiveTheme(value?: unknown): Exclude<ThemeValue, "">;
|
|
17
|
+
declare function applyTheme(theme: ThemeValue): "dark" | "light";
|
|
18
|
+
declare function setTheme(theme: ThemeValue, options?: ThemeRuntimeOptions): Promise<"dark" | "light">;
|
|
19
|
+
declare function syncThemeToggles(root?: BindRoot): void;
|
|
20
|
+
declare function bindThemeToggle(button: HTMLElement | null, options?: ThemeRuntimeOptions): boolean;
|
|
21
|
+
declare function bindThemeToggles(root?: BindRoot, options?: ThemeRuntimeOptions): void;
|
|
22
|
+
declare function bindThemeRuntime(root?: BindRoot, options?: ThemeRuntimeOptions): Promise<void>;
|
|
23
|
+
declare function createThemeBootScript(theme?: ThemeValue): string;
|
|
24
|
+
export { THEME_ATTR, THEME_TOGGLE_SELECTOR, applyTheme, bindThemeRuntime, bindThemeToggle, bindThemeToggles, createThemeBootScript, currentDomTheme, getEffectiveTheme, normalizeTheme, setTheme, syncThemeToggles, systemThemeKey, };
|
|
25
|
+
export type { ThemePersistenceAdapter, ThemeRuntimeOptions, ThemeValue };
|
|
26
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAExD,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,EAAE,CAAC;AACxC,KAAK,uBAAuB,GAAG;IAC7B,GAAG,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3E,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;CACzD,CAAC;AACF,KAAK,mBAAmB,GAAG;IACzB,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC;AAEF,QAAA,MAAM,qBAAqB,4BAA4B,CAAC;AACxD,QAAA,MAAM,UAAU,mBAAmB,CAAC;AAEpC,iBAAS,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,UAAU,CAGlD;AAED,iBAAS,cAAc,IAAI,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAQjD;AAED,iBAAS,eAAe,eAGvB;AAED,iBAAS,iBAAiB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAEnE;AAWD,iBAAS,UAAU,CAAC,KAAK,EAAE,UAAU,oBAWpC;AAWD,iBAAe,QAAQ,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,GAAE,mBAAwB,6BAS3E;AAeD,iBAAS,gBAAgB,CAAC,IAAI,GAAE,QAAmB,QAElD;AAED,iBAAS,eAAe,CACtB,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,OAAO,GAAE,mBAAwB,WAYlC;AAED,iBAAS,gBAAgB,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,mBAAwB,QAIrF;AAED,iBAAe,gBAAgB,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,mBAAwB,iBAI3F;AAED,iBAAS,qBAAqB,CAAC,KAAK,GAAE,UAAe,UAWpD;AAED,OAAO,EACL,UAAU,EACV,qBAAqB,EACrB,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,QAAQ,EACR,gBAAgB,EAChB,cAAc,GACf,CAAC;AACF,YAAY,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import { queryAll } from "../dom/index.js";
|
|
2
|
+
const THEME_TOGGLE_SELECTOR = "[data-tbf-theme-button]";
|
|
3
|
+
const THEME_ATTR = "data-tbf-theme";
|
|
4
|
+
function normalizeTheme(value) {
|
|
5
|
+
const text = String(value || "").trim().toLowerCase();
|
|
6
|
+
return text === "dark" || text === "light" ? text : "";
|
|
7
|
+
}
|
|
8
|
+
function systemThemeKey() {
|
|
9
|
+
try {
|
|
10
|
+
return window.matchMedia?.("(prefers-color-scheme: light)").matches
|
|
11
|
+
? "light"
|
|
12
|
+
: "dark";
|
|
13
|
+
}
|
|
14
|
+
catch {
|
|
15
|
+
return "dark";
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
function currentDomTheme() {
|
|
19
|
+
if (typeof document === "undefined")
|
|
20
|
+
return "";
|
|
21
|
+
return normalizeTheme(document.documentElement.getAttribute(THEME_ATTR));
|
|
22
|
+
}
|
|
23
|
+
function getEffectiveTheme(value) {
|
|
24
|
+
return normalizeTheme(value) || currentDomTheme() || systemThemeKey();
|
|
25
|
+
}
|
|
26
|
+
function dispatchThemeChange(theme, themeKey) {
|
|
27
|
+
if (typeof window === "undefined")
|
|
28
|
+
return;
|
|
29
|
+
window.dispatchEvent(new CustomEvent("tbf:themechange", {
|
|
30
|
+
detail: { theme, themeKey },
|
|
31
|
+
}));
|
|
32
|
+
}
|
|
33
|
+
function applyTheme(theme) {
|
|
34
|
+
if (typeof document === "undefined")
|
|
35
|
+
return getEffectiveTheme(theme);
|
|
36
|
+
const normalized = normalizeTheme(theme);
|
|
37
|
+
const next = normalized || systemThemeKey();
|
|
38
|
+
const previous = currentDomTheme();
|
|
39
|
+
document.documentElement.setAttribute(THEME_ATTR, next);
|
|
40
|
+
document.documentElement.style.colorScheme = next;
|
|
41
|
+
document.body?.setAttribute(THEME_ATTR, next);
|
|
42
|
+
if (previous !== next)
|
|
43
|
+
dispatchThemeChange(normalized, next);
|
|
44
|
+
syncThemeToggles(document);
|
|
45
|
+
return next;
|
|
46
|
+
}
|
|
47
|
+
async function readPersistedTheme(adapter) {
|
|
48
|
+
if (!adapter?.get)
|
|
49
|
+
return "";
|
|
50
|
+
try {
|
|
51
|
+
return normalizeTheme(await adapter.get());
|
|
52
|
+
}
|
|
53
|
+
catch {
|
|
54
|
+
return "";
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
async function setTheme(theme, options = {}) {
|
|
58
|
+
const normalized = normalizeTheme(theme);
|
|
59
|
+
applyTheme(normalized);
|
|
60
|
+
if (options.persistence?.set) {
|
|
61
|
+
try {
|
|
62
|
+
await options.persistence.set(normalized);
|
|
63
|
+
}
|
|
64
|
+
catch { }
|
|
65
|
+
}
|
|
66
|
+
return getEffectiveTheme(normalized);
|
|
67
|
+
}
|
|
68
|
+
function nextTheme() {
|
|
69
|
+
return getEffectiveTheme() === "light" ? "dark" : "light";
|
|
70
|
+
}
|
|
71
|
+
function syncThemeToggle(button) {
|
|
72
|
+
const theme = getEffectiveTheme();
|
|
73
|
+
button.setAttribute("aria-pressed", theme === "dark" ? "true" : "false");
|
|
74
|
+
const label = button.getAttribute(`data-tbf-theme-${theme}-label`);
|
|
75
|
+
if (label)
|
|
76
|
+
button.setAttribute("aria-label", label);
|
|
77
|
+
const text = button.querySelector("[data-tbf-theme-label]");
|
|
78
|
+
if (text)
|
|
79
|
+
text.textContent = label || theme;
|
|
80
|
+
}
|
|
81
|
+
function syncThemeToggles(root = document) {
|
|
82
|
+
queryAll(root, THEME_TOGGLE_SELECTOR).forEach(syncThemeToggle);
|
|
83
|
+
}
|
|
84
|
+
function bindThemeToggle(button, options = {}) {
|
|
85
|
+
if (!(button instanceof HTMLElement) || button.hasAttribute("data-tbf-theme-bound")) {
|
|
86
|
+
return false;
|
|
87
|
+
}
|
|
88
|
+
button.setAttribute("data-tbf-theme-bound", "true");
|
|
89
|
+
button.addEventListener("click", async (event) => {
|
|
90
|
+
event.preventDefault();
|
|
91
|
+
await setTheme(nextTheme(), options);
|
|
92
|
+
});
|
|
93
|
+
syncThemeToggle(button);
|
|
94
|
+
return true;
|
|
95
|
+
}
|
|
96
|
+
function bindThemeToggles(root = document, options = {}) {
|
|
97
|
+
queryAll(root, THEME_TOGGLE_SELECTOR).forEach((button) => {
|
|
98
|
+
bindThemeToggle(button, options);
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
async function bindThemeRuntime(root = document, options = {}) {
|
|
102
|
+
const persisted = await readPersistedTheme(options.persistence);
|
|
103
|
+
applyTheme(persisted || normalizeTheme(options.defaultTheme));
|
|
104
|
+
bindThemeToggles(root, options);
|
|
105
|
+
}
|
|
106
|
+
function createThemeBootScript(theme = "") {
|
|
107
|
+
return [
|
|
108
|
+
"(function(){",
|
|
109
|
+
"function n(v){v=String(v||'').trim().toLowerCase();return v==='dark'||v==='light'?v:''}",
|
|
110
|
+
"function s(){try{return window.matchMedia&&window.matchMedia('(prefers-color-scheme: light)').matches?'light':'dark'}catch{return 'dark'}}",
|
|
111
|
+
`var t=n(${JSON.stringify(theme)});`,
|
|
112
|
+
"var k=t||s();",
|
|
113
|
+
"document.documentElement.setAttribute('data-tbf-theme',k);",
|
|
114
|
+
"document.documentElement.style.colorScheme=k;",
|
|
115
|
+
"})();",
|
|
116
|
+
].join("");
|
|
117
|
+
}
|
|
118
|
+
export { THEME_ATTR, THEME_TOGGLE_SELECTOR, applyTheme, bindThemeRuntime, bindThemeToggle, bindThemeToggles, createThemeBootScript, currentDomTheme, getEffectiveTheme, normalizeTheme, setTheme, syncThemeToggles, systemThemeKey, };
|
|
119
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes, HTMLAttributes } from "react";
|
|
2
|
+
type TooltipButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
3
|
+
tooltip: string;
|
|
4
|
+
};
|
|
5
|
+
type TooltipTextProps = HTMLAttributes<HTMLSpanElement> & {
|
|
6
|
+
tooltip: string;
|
|
7
|
+
};
|
|
8
|
+
type StatusIconProps = HTMLAttributes<HTMLSpanElement> & {
|
|
9
|
+
label: string;
|
|
10
|
+
};
|
|
11
|
+
declare function TooltipButton(props: TooltipButtonProps): import("react").JSX.Element;
|
|
12
|
+
declare function TooltipText(props: TooltipTextProps): import("react").JSX.Element;
|
|
13
|
+
declare function StatusIcon(props: StatusIconProps): import("react").JSX.Element;
|
|
14
|
+
declare function TooltipLayer(props: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
15
|
+
export { StatusIcon, TooltipButton, TooltipLayer, TooltipText };
|
|
16
|
+
export type { StatusIconProps, TooltipButtonProps, TooltipTextProps };
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/tooltip/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EAEf,MAAM,OAAO,CAAC;AAGf,KAAK,kBAAkB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,gBAAgB,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IACxD,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,eAAe,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IACvD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAY/C;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAY3C;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,+BAczC;AAED,iBAAS,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,+BAW1D;AAED,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AAChE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../../components/index.js";
|
|
3
|
+
function TooltipButton(props) {
|
|
4
|
+
const { children, className, tooltip, type = "button", ...rest } = props;
|
|
5
|
+
return (_jsx("button", { ...rest, className: classNames("tbf-button", className), "data-tbf-tooltip": tooltip, type: type, children: children }));
|
|
6
|
+
}
|
|
7
|
+
function TooltipText(props) {
|
|
8
|
+
const { children, className, tooltip, ...rest } = props;
|
|
9
|
+
return (_jsx("span", { ...rest, className: classNames("tbf-tooltip-text", className), "data-tbf-tooltip": tooltip, tabIndex: props.tabIndex ?? 0, children: children }));
|
|
10
|
+
}
|
|
11
|
+
function StatusIcon(props) {
|
|
12
|
+
const { children = "i", className, label, ...rest } = props;
|
|
13
|
+
return (_jsx("span", { ...rest, className: classNames("tbf-status-icon", className), "data-tbf-status-icon": "", "aria-label": label, role: "img", tabIndex: props.tabIndex ?? 0, children: children }));
|
|
14
|
+
}
|
|
15
|
+
function TooltipLayer(props) {
|
|
16
|
+
const { className, id = "tbf_tooltip", ...rest } = props;
|
|
17
|
+
return (_jsx("div", { ...rest, className: classNames("tbf-tooltip", className), "data-tbf-tooltip-layer": "", id: id, "aria-hidden": "true" }));
|
|
18
|
+
}
|
|
19
|
+
export { StatusIcon, TooltipButton, TooltipLayer, TooltipText };
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tooltip/components/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAc3C,SAAS,aAAa,CAAC,KAAyB;IAC9C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACzE,OAAO,CACL,oBACM,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,sBAC5B,OAAO,EACzB,IAAI,EAAE,IAAI,YAET,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACxD,OAAO,CACL,kBACM,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,sBAClC,OAAO,EACzB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,CAAC,YAE5B,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,KAAsB;IACxC,MAAM,EAAE,QAAQ,GAAG,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC5D,OAAO,CACL,kBACM,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,0BAC9B,EAAE,gBACX,KAAK,EACjB,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,CAAC,YAE5B,QAAqB,GACjB,CACR,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,KAAqC;IACzD,MAAM,EAAE,SAAS,EAAE,EAAE,GAAG,aAAa,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACzD,OAAO,CACL,iBACM,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,4BACxB,EAAE,EACzB,EAAE,EAAE,EAAE,iBACM,MAAM,GAClB,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type BindRoot } from "../dom/index.d.ts";
|
|
2
|
+
declare const TOOLTIP_LAYER_ID = "tbf_tooltip";
|
|
3
|
+
declare const TOOLTIP_SELECTOR: string;
|
|
4
|
+
declare function showTooltip(trigger: HTMLElement): boolean;
|
|
5
|
+
declare function hideTooltip(): void;
|
|
6
|
+
declare function bindTooltip(trigger: HTMLElement | null): boolean;
|
|
7
|
+
declare function bindTooltips(root?: BindRoot): void;
|
|
8
|
+
declare function setTooltipText(trigger: HTMLElement | null, text: string): boolean;
|
|
9
|
+
export { TOOLTIP_LAYER_ID, TOOLTIP_SELECTOR, bindTooltip, bindTooltips, hideTooltip, setTooltipText, showTooltip, };
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAIxD,QAAA,MAAM,gBAAgB,gBAAgB,CAAC;AACvC,QAAA,MAAM,gBAAgB,QAIX,CAAC;AA8FZ,iBAAS,WAAW,CAAC,OAAO,EAAE,WAAW,WAYxC;AAED,iBAAS,WAAW,SAQnB;AAED,iBAAS,WAAW,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,WAuB/C;AAED,iBAAS,YAAY,CAAC,IAAI,GAAE,QAAmB,QAE9C;AAeD,iBAAS,cAAc,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,WAQhE;AAED,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,cAAc,EACd,WAAW,GACZ,CAAC"}
|
|
@@ -0,0 +1,171 @@
|
|
|
1
|
+
import { queryAll } from "../dom/index.js";
|
|
2
|
+
import { portalElement, promoteZIndex } from "../layer/index.js";
|
|
3
|
+
const TOOLTIP_BASE_Z_INDEX = 1100;
|
|
4
|
+
const TOOLTIP_LAYER_ID = "tbf_tooltip";
|
|
5
|
+
const TOOLTIP_SELECTOR = [
|
|
6
|
+
"[data-tbf-tooltip]",
|
|
7
|
+
"[title]",
|
|
8
|
+
"[data-tbf-status-icon][aria-label]",
|
|
9
|
+
].join(",");
|
|
10
|
+
const tooltipState = {
|
|
11
|
+
layer: null,
|
|
12
|
+
openTrigger: null,
|
|
13
|
+
shown: false,
|
|
14
|
+
};
|
|
15
|
+
const tooltipTexts = new WeakMap();
|
|
16
|
+
const tooltipCleanups = new WeakMap();
|
|
17
|
+
let listenersInstalled = false;
|
|
18
|
+
function readTooltipText(trigger) {
|
|
19
|
+
if (!trigger)
|
|
20
|
+
return "";
|
|
21
|
+
if (tooltipTexts.has(trigger))
|
|
22
|
+
return String(tooltipTexts.get(trigger) || "").trim();
|
|
23
|
+
const configured = String(trigger.getAttribute("data-tbf-tooltip") || "").trim();
|
|
24
|
+
const title = String(trigger.getAttribute("title") || "").trim();
|
|
25
|
+
const status = trigger.hasAttribute("data-tbf-status-icon")
|
|
26
|
+
? String(trigger.getAttribute("aria-label") || "").trim()
|
|
27
|
+
: "";
|
|
28
|
+
const text = configured || title || status;
|
|
29
|
+
if (title)
|
|
30
|
+
trigger.removeAttribute("title");
|
|
31
|
+
if (text && !trigger.getAttribute("aria-description")) {
|
|
32
|
+
trigger.setAttribute("aria-description", text);
|
|
33
|
+
}
|
|
34
|
+
tooltipTexts.set(trigger, text);
|
|
35
|
+
return text;
|
|
36
|
+
}
|
|
37
|
+
function ensureTooltipLayer() {
|
|
38
|
+
if (tooltipState.layer?.isConnected)
|
|
39
|
+
return tooltipState.layer;
|
|
40
|
+
const existing = document.getElementById(TOOLTIP_LAYER_ID);
|
|
41
|
+
if (existing instanceof HTMLElement) {
|
|
42
|
+
tooltipState.layer = existing;
|
|
43
|
+
portalElement(existing);
|
|
44
|
+
return existing;
|
|
45
|
+
}
|
|
46
|
+
const layer = document.createElement("div");
|
|
47
|
+
layer.id = TOOLTIP_LAYER_ID;
|
|
48
|
+
layer.className = "tbf-tooltip";
|
|
49
|
+
layer.setAttribute("aria-hidden", "true");
|
|
50
|
+
layer.setAttribute("data-tbf-tooltip-layer", "");
|
|
51
|
+
portalElement(layer);
|
|
52
|
+
tooltipState.layer = layer;
|
|
53
|
+
return layer;
|
|
54
|
+
}
|
|
55
|
+
function measureLayer(layer) {
|
|
56
|
+
const previous = {
|
|
57
|
+
left: layer.style.left,
|
|
58
|
+
opacity: layer.style.opacity,
|
|
59
|
+
top: layer.style.top,
|
|
60
|
+
visibility: layer.style.visibility,
|
|
61
|
+
};
|
|
62
|
+
layer.style.visibility = "hidden";
|
|
63
|
+
layer.style.opacity = "0";
|
|
64
|
+
layer.style.left = "0px";
|
|
65
|
+
layer.style.top = "0px";
|
|
66
|
+
layer.setAttribute("data-tbf-open", "true");
|
|
67
|
+
const rect = layer.getBoundingClientRect();
|
|
68
|
+
layer.style.visibility = previous.visibility;
|
|
69
|
+
layer.style.opacity = previous.opacity;
|
|
70
|
+
layer.style.left = previous.left;
|
|
71
|
+
layer.style.top = previous.top;
|
|
72
|
+
return rect;
|
|
73
|
+
}
|
|
74
|
+
function clamp(value, min, max) {
|
|
75
|
+
return Math.max(min, Math.min(max, value));
|
|
76
|
+
}
|
|
77
|
+
function placeTooltip(trigger, layer) {
|
|
78
|
+
const anchor = trigger.getBoundingClientRect();
|
|
79
|
+
const tip = measureLayer(layer);
|
|
80
|
+
const gap = 8;
|
|
81
|
+
const gutter = 12;
|
|
82
|
+
const vw = document.documentElement.clientWidth || window.innerWidth;
|
|
83
|
+
const vh = document.documentElement.clientHeight || window.innerHeight;
|
|
84
|
+
const fitsTop = anchor.top - gap - tip.height >= gutter;
|
|
85
|
+
const top = fitsTop
|
|
86
|
+
? anchor.top - gap - tip.height
|
|
87
|
+
: Math.min(anchor.bottom + gap, vh - tip.height - gutter);
|
|
88
|
+
const left = clamp(anchor.left + anchor.width / 2 - tip.width / 2, gutter, vw - tip.width - gutter);
|
|
89
|
+
layer.style.top = `${Math.max(gutter, top)}px`;
|
|
90
|
+
layer.style.left = `${left}px`;
|
|
91
|
+
layer.setAttribute("data-tbf-placement", fitsTop ? "top" : "bottom");
|
|
92
|
+
layer.style.setProperty("--tbf-arrow-x", `${anchor.left + anchor.width / 2 - left}px`);
|
|
93
|
+
}
|
|
94
|
+
function showTooltip(trigger) {
|
|
95
|
+
const text = readTooltipText(trigger);
|
|
96
|
+
if (!text)
|
|
97
|
+
return false;
|
|
98
|
+
const layer = ensureTooltipLayer();
|
|
99
|
+
layer.textContent = text;
|
|
100
|
+
promoteZIndex(layer, { fallback: TOOLTIP_BASE_Z_INDEX });
|
|
101
|
+
placeTooltip(trigger, layer);
|
|
102
|
+
layer.setAttribute("aria-hidden", "false");
|
|
103
|
+
layer.setAttribute("data-tbf-open", "true");
|
|
104
|
+
tooltipState.openTrigger = trigger;
|
|
105
|
+
tooltipState.shown = true;
|
|
106
|
+
return true;
|
|
107
|
+
}
|
|
108
|
+
function hideTooltip() {
|
|
109
|
+
const layer = tooltipState.layer;
|
|
110
|
+
if (layer) {
|
|
111
|
+
layer.removeAttribute("data-tbf-open");
|
|
112
|
+
layer.setAttribute("aria-hidden", "true");
|
|
113
|
+
}
|
|
114
|
+
tooltipState.openTrigger = null;
|
|
115
|
+
tooltipState.shown = false;
|
|
116
|
+
}
|
|
117
|
+
function bindTooltip(trigger) {
|
|
118
|
+
if (!(trigger instanceof HTMLElement) || tooltipCleanups.has(trigger))
|
|
119
|
+
return false;
|
|
120
|
+
readTooltipText(trigger);
|
|
121
|
+
const onMouseOver = () => showTooltip(trigger);
|
|
122
|
+
const onMouseOut = (event) => {
|
|
123
|
+
const next = event.relatedTarget instanceof Node ? event.relatedTarget : null;
|
|
124
|
+
if (next && trigger.contains(next))
|
|
125
|
+
return;
|
|
126
|
+
hideTooltip();
|
|
127
|
+
};
|
|
128
|
+
const onFocusIn = () => showTooltip(trigger);
|
|
129
|
+
const onFocusOut = () => hideTooltip();
|
|
130
|
+
trigger.addEventListener("mouseover", onMouseOver);
|
|
131
|
+
trigger.addEventListener("mouseout", onMouseOut);
|
|
132
|
+
trigger.addEventListener("focusin", onFocusIn);
|
|
133
|
+
trigger.addEventListener("focusout", onFocusOut);
|
|
134
|
+
tooltipCleanups.set(trigger, () => {
|
|
135
|
+
trigger.removeEventListener("mouseover", onMouseOver);
|
|
136
|
+
trigger.removeEventListener("mouseout", onMouseOut);
|
|
137
|
+
trigger.removeEventListener("focusin", onFocusIn);
|
|
138
|
+
trigger.removeEventListener("focusout", onFocusOut);
|
|
139
|
+
});
|
|
140
|
+
installTooltipListeners();
|
|
141
|
+
return true;
|
|
142
|
+
}
|
|
143
|
+
function bindTooltips(root = document) {
|
|
144
|
+
queryAll(root, TOOLTIP_SELECTOR).forEach(bindTooltip);
|
|
145
|
+
}
|
|
146
|
+
function installTooltipListeners() {
|
|
147
|
+
if (listenersInstalled || typeof document === "undefined")
|
|
148
|
+
return;
|
|
149
|
+
listenersInstalled = true;
|
|
150
|
+
document.addEventListener("keydown", (event) => {
|
|
151
|
+
if (event.key === "Escape")
|
|
152
|
+
hideTooltip();
|
|
153
|
+
});
|
|
154
|
+
window.addEventListener("resize", () => {
|
|
155
|
+
if (tooltipState.shown && tooltipState.openTrigger && tooltipState.layer) {
|
|
156
|
+
placeTooltip(tooltipState.openTrigger, tooltipState.layer);
|
|
157
|
+
}
|
|
158
|
+
});
|
|
159
|
+
}
|
|
160
|
+
function setTooltipText(trigger, text) {
|
|
161
|
+
if (!(trigger instanceof HTMLElement))
|
|
162
|
+
return false;
|
|
163
|
+
tooltipTexts.set(trigger, String(text || "").trim());
|
|
164
|
+
if (tooltipState.openTrigger === trigger && tooltipState.layer) {
|
|
165
|
+
tooltipState.layer.textContent = tooltipTexts.get(trigger) || "";
|
|
166
|
+
placeTooltip(trigger, tooltipState.layer);
|
|
167
|
+
}
|
|
168
|
+
return true;
|
|
169
|
+
}
|
|
170
|
+
export { TOOLTIP_LAYER_ID, TOOLTIP_SELECTOR, bindTooltip, bindTooltips, hideTooltip, setTooltipText, showTooltip, };
|
|
171
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tooltip/index.ts"],"names":[],"mappings":"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"}
|