@trebired/frontend 26.2.0 → 28.0.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 +118 -0
- package/README.md +57 -5
- package/dist/a11y/components/index.d.ts.map +1 -1
- package/dist/a11y/components/index.js +4 -3
- package/dist/a11y/components/index.js.map +1 -1
- package/dist/a11y/components/sections.js +1 -1
- package/dist/a11y/components/sections.js.map +1 -1
- package/dist/a11y/styles/panel.scss +1 -9
- package/dist/a11y/styles/targets.scss +1 -3
- package/dist/code/lazy.d.ts +3 -0
- package/dist/code/lazy.d.ts.map +1 -0
- package/dist/code/lazy.js +5 -0
- package/dist/code/lazy.js.map +1 -0
- package/dist/config/containers.d.ts +7 -0
- package/dist/config/containers.d.ts.map +1 -0
- package/dist/config/containers.js +174 -0
- package/dist/config/containers.js.map +1 -0
- package/dist/config/default/component-tokens.d.ts +9 -134
- package/dist/config/default/component-tokens.d.ts.map +1 -1
- package/dist/config/default/component-tokens.js +8 -257
- package/dist/config/default/component-tokens.js.map +1 -1
- package/dist/config/default/config.d.ts.map +1 -1
- package/dist/config/default/config.js +5 -0
- package/dist/config/default/config.js.map +1 -1
- package/dist/config/default/primitive-tokens.d.ts +306 -0
- package/dist/config/default/primitive-tokens.d.ts.map +1 -0
- package/dist/config/default/primitive-tokens.js +200 -0
- package/dist/config/default/primitive-tokens.js.map +1 -0
- package/dist/config/default/scales.d.ts +2 -1
- package/dist/config/default/scales.d.ts.map +1 -1
- package/dist/config/default/scales.js +3 -1
- package/dist/config/default/scales.js.map +1 -1
- package/dist/config/index.d.ts +2 -1
- package/dist/config/index.d.ts.map +1 -1
- package/dist/config/index.js +1 -0
- package/dist/config/index.js.map +1 -1
- package/dist/config/normalize.d.ts.map +1 -1
- package/dist/config/normalize.js +5 -1
- package/dist/config/normalize.js.map +1 -1
- package/dist/config/scales-css.d.ts.map +1 -1
- package/dist/config/scales-css.js +6 -4
- package/dist/config/scales-css.js.map +1 -1
- package/dist/config/scales.d.ts.map +1 -1
- package/dist/config/scales.js +11 -2
- package/dist/config/scales.js.map +1 -1
- package/dist/config/scss.d.ts.map +1 -1
- package/dist/config/scss.js +7 -0
- package/dist/config/scss.js.map +1 -1
- package/dist/config/shared.d.ts +3 -0
- package/dist/config/shared.d.ts.map +1 -1
- package/dist/config/shared.js +12 -0
- package/dist/config/shared.js.map +1 -1
- package/dist/config/sources/index.d.ts +2 -4
- package/dist/config/sources/index.d.ts.map +1 -1
- package/dist/config/sources/index.js +1 -2
- package/dist/config/sources/index.js.map +1 -1
- package/dist/config/sources/money.d.ts +8 -3
- package/dist/config/sources/money.d.ts.map +1 -1
- package/dist/config/sources/money.js +13 -2
- package/dist/config/sources/money.js.map +1 -1
- package/dist/config/theme.d.ts.map +1 -1
- package/dist/config/theme.js +5 -1
- package/dist/config/theme.js.map +1 -1
- package/dist/config/tokens.d.ts +16 -5
- package/dist/config/tokens.d.ts.map +1 -1
- package/dist/config/tokens.js +25 -3
- package/dist/config/tokens.js.map +1 -1
- package/dist/config/types/containers.d.ts +25 -0
- package/dist/config/types/containers.d.ts.map +1 -0
- package/dist/config/types/containers.js +2 -0
- package/dist/config/types/containers.js.map +1 -0
- package/dist/config/types.d.ts +7 -9
- package/dist/config/types.d.ts.map +1 -1
- package/dist/{layout/components/text-document.d.ts → document/components/index.d.ts} +5 -1
- package/dist/document/components/index.d.ts.map +1 -0
- package/dist/document/components/index.js +73 -0
- package/dist/document/components/index.js.map +1 -0
- package/dist/{layout/styles/text-document.scss → document/styles/index.scss} +3 -7
- package/dist/dom/binding.d.ts.map +1 -1
- package/dist/dom/binding.js +8 -0
- package/dist/dom/binding.js.map +1 -1
- package/dist/dom/index.d.ts.map +1 -1
- package/dist/dom/index.js +5 -2
- package/dist/dom/index.js.map +1 -1
- package/dist/editor/lazy.d.ts +3 -0
- package/dist/editor/lazy.d.ts.map +1 -0
- package/dist/editor/lazy.js +5 -0
- package/dist/editor/lazy.js.map +1 -0
- package/dist/entries/react/01.d.ts +6 -5
- package/dist/entries/react/01.d.ts.map +1 -1
- package/dist/entries/react/01.js +4 -5
- package/dist/entries/react/01.js.map +1 -1
- package/dist/entries/react/02.d.ts +3 -8
- package/dist/entries/react/02.d.ts.map +1 -1
- package/dist/entries/react/02.js +3 -7
- package/dist/entries/react/02.js.map +1 -1
- package/dist/entries/root/01.d.ts +0 -5
- package/dist/entries/root/01.d.ts.map +1 -1
- package/dist/entries/root/01.js +0 -5
- package/dist/entries/root/01.js.map +1 -1
- package/dist/entries/root/02.d.ts +2 -3
- package/dist/entries/root/02.d.ts.map +1 -1
- package/dist/entries/root/02.js +1 -3
- package/dist/entries/root/02.js.map +1 -1
- package/dist/entries/root/03.d.ts +2 -1
- package/dist/entries/root/03.d.ts.map +1 -1
- package/dist/entries/root/03.js +1 -1
- package/dist/entries/root/03.js.map +1 -1
- package/dist/fullscreen/lazy.d.ts +3 -0
- package/dist/fullscreen/lazy.d.ts.map +1 -0
- package/dist/fullscreen/lazy.js +5 -0
- package/dist/fullscreen/lazy.js.map +1 -0
- package/dist/graph/index.d.ts +2 -0
- package/dist/graph/index.d.ts.map +1 -1
- package/dist/graph/index.js +2 -0
- package/dist/graph/index.js.map +1 -1
- package/dist/graph/lazy.d.ts +3 -0
- package/dist/graph/lazy.d.ts.map +1 -0
- package/dist/graph/lazy.js +5 -0
- package/dist/graph/lazy.js.map +1 -0
- package/dist/indent/styles/index.scss +16 -0
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +12 -15
- package/dist/index.js.map +1 -1
- package/dist/inputs/advanced/tabs/manager/dom.d.ts.map +1 -1
- package/dist/inputs/advanced/tabs/manager/dom.js +0 -3
- package/dist/inputs/advanced/tabs/manager/dom.js.map +1 -1
- package/dist/inputs/advanced/tabs/styles.scss +9 -4
- package/dist/inputs/index.d.ts.map +1 -1
- package/dist/inputs/index.js +2 -0
- package/dist/inputs/index.js.map +1 -1
- package/dist/language/runtime/source/lazy.d.ts +4 -0
- package/dist/language/runtime/source/lazy.d.ts.map +1 -0
- package/dist/language/runtime/source/lazy.js +5 -0
- package/dist/language/runtime/source/lazy.js.map +1 -0
- package/dist/layout/components/index.d.ts +0 -1
- package/dist/layout/components/index.d.ts.map +1 -1
- package/dist/layout/components/index.js +0 -1
- package/dist/layout/components/index.js.map +1 -1
- package/dist/layout/components/outline.d.ts +2 -0
- package/dist/layout/components/outline.d.ts.map +1 -1
- package/dist/layout/components/outline.js +52 -11
- package/dist/layout/components/outline.js.map +1 -1
- package/dist/layout/components/site/footer.d.ts.map +1 -1
- package/dist/layout/components/site/footer.js +2 -2
- package/dist/layout/components/site/footer.js.map +1 -1
- package/dist/layout/components/site/header/fit.d.ts.map +1 -1
- package/dist/layout/components/site/header/fit.js +14 -2
- package/dist/layout/components/site/header/fit.js.map +1 -1
- package/dist/layout/components/site/header.js +2 -2
- package/dist/layout/components/site/header.js.map +1 -1
- package/dist/layout/components/site/link.d.ts +2 -1
- package/dist/layout/components/site/link.d.ts.map +1 -1
- package/dist/layout/components/site/link.js +5 -3
- package/dist/layout/components/site/link.js.map +1 -1
- package/dist/layout/header/tone.d.ts.map +1 -1
- package/dist/layout/header/tone.js +5 -6
- package/dist/layout/header/tone.js.map +1 -1
- package/dist/layout/styles/index.scss +2 -4
- package/dist/layout/styles/outline.scss +130 -6
- package/dist/layout/styles/{site-footer.scss → site/footer.scss} +1 -30
- package/dist/layout/styles/{site-header.scss → site/header.scss} +13 -70
- package/dist/layout/styles/site/menu.scss +12 -4
- package/dist/live/components/index.d.ts +5 -2
- package/dist/live/components/index.d.ts.map +1 -1
- package/dist/live/components/index.js +7 -5
- package/dist/live/components/index.js.map +1 -1
- package/dist/live/lazy.d.ts +4 -0
- package/dist/live/lazy.d.ts.map +1 -0
- package/dist/live/lazy.js +6 -0
- package/dist/live/lazy.js.map +1 -0
- package/dist/logs/lazy.d.ts +3 -0
- package/dist/logs/lazy.d.ts.map +1 -0
- package/dist/logs/lazy.js +5 -0
- package/dist/logs/lazy.js.map +1 -0
- package/dist/namespace/index.d.ts +2 -1
- package/dist/namespace/index.d.ts.map +1 -1
- package/dist/namespace/index.js +2 -1
- package/dist/namespace/index.js.map +1 -1
- package/dist/primitives/styles/_controls.scss +4 -1
- package/dist/primitives/styles/_display.scss +0 -29
- package/dist/primitives/styles/_link.scss +106 -0
- package/dist/primitives/styles/index.scss +1 -0
- package/dist/react/index.d.ts +5 -0
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +2 -1
- package/dist/react/index.js.map +1 -1
- package/dist/render/current_url.d.ts +2 -1
- package/dist/render/current_url.d.ts.map +1 -1
- package/dist/render/current_url.js +16 -3
- package/dist/render/current_url.js.map +1 -1
- package/dist/reveal/index.d.ts +11 -0
- package/dist/reveal/index.d.ts.map +1 -0
- package/dist/reveal/index.js +61 -0
- package/dist/reveal/index.js.map +1 -0
- package/dist/reveal/styles/index.scss +30 -0
- package/dist/runtime/lazy.d.ts +18 -0
- package/dist/runtime/lazy.d.ts.map +1 -0
- package/dist/runtime/lazy.js +61 -0
- package/dist/runtime/lazy.js.map +1 -0
- package/dist/spa/navigate.d.ts.map +1 -1
- package/dist/spa/navigate.js +2 -1
- package/dist/spa/navigate.js.map +1 -1
- package/dist/spa/page.d.ts +4 -1
- package/dist/spa/page.d.ts.map +1 -1
- package/dist/spa/page.js +14 -1
- package/dist/spa/page.js.map +1 -1
- package/dist/src/a11y/components/index.d.ts.map +1 -1
- package/dist/src/a11y/components/index.js +4 -3
- package/dist/src/a11y/components/index.js.map +1 -1
- package/dist/src/a11y/components/sections.js +1 -1
- package/dist/src/a11y/components/sections.js.map +1 -1
- package/dist/src/code/lazy.d.ts +3 -0
- package/dist/src/code/lazy.d.ts.map +1 -0
- package/dist/src/code/lazy.js +5 -0
- package/dist/src/code/lazy.js.map +1 -0
- package/dist/src/config/containers.d.ts +7 -0
- package/dist/src/config/containers.d.ts.map +1 -0
- package/dist/src/config/containers.js +174 -0
- package/dist/src/config/containers.js.map +1 -0
- package/dist/src/config/default/component-tokens.d.ts +9 -134
- package/dist/src/config/default/component-tokens.d.ts.map +1 -1
- package/dist/src/config/default/component-tokens.js +8 -257
- package/dist/src/config/default/component-tokens.js.map +1 -1
- package/dist/src/config/default/config.d.ts.map +1 -1
- package/dist/src/config/default/config.js +5 -0
- package/dist/src/config/default/config.js.map +1 -1
- package/dist/src/config/default/primitive-tokens.d.ts +306 -0
- package/dist/src/config/default/primitive-tokens.d.ts.map +1 -0
- package/dist/src/config/default/primitive-tokens.js +200 -0
- package/dist/src/config/default/primitive-tokens.js.map +1 -0
- package/dist/src/config/default/scales.d.ts +2 -1
- package/dist/src/config/default/scales.d.ts.map +1 -1
- package/dist/src/config/default/scales.js +3 -1
- package/dist/src/config/default/scales.js.map +1 -1
- package/dist/src/config/index.d.ts +2 -1
- package/dist/src/config/index.d.ts.map +1 -1
- package/dist/src/config/index.js +1 -0
- package/dist/src/config/index.js.map +1 -1
- package/dist/src/config/normalize.d.ts.map +1 -1
- package/dist/src/config/normalize.js +5 -1
- package/dist/src/config/normalize.js.map +1 -1
- package/dist/src/config/scales-css.d.ts.map +1 -1
- package/dist/src/config/scales-css.js +6 -4
- package/dist/src/config/scales-css.js.map +1 -1
- package/dist/src/config/scales.d.ts.map +1 -1
- package/dist/src/config/scales.js +11 -2
- package/dist/src/config/scales.js.map +1 -1
- package/dist/src/config/scss.d.ts.map +1 -1
- package/dist/src/config/scss.js +7 -0
- package/dist/src/config/scss.js.map +1 -1
- package/dist/src/config/shared.d.ts +3 -0
- package/dist/src/config/shared.d.ts.map +1 -1
- package/dist/src/config/shared.js +12 -0
- package/dist/src/config/shared.js.map +1 -1
- package/dist/src/config/sources/index.d.ts +2 -4
- package/dist/src/config/sources/index.d.ts.map +1 -1
- package/dist/src/config/sources/index.js +1 -2
- package/dist/src/config/sources/index.js.map +1 -1
- package/dist/src/config/sources/money.d.ts +8 -3
- package/dist/src/config/sources/money.d.ts.map +1 -1
- package/dist/src/config/sources/money.js +13 -2
- package/dist/src/config/sources/money.js.map +1 -1
- package/dist/src/config/theme.d.ts.map +1 -1
- package/dist/src/config/theme.js +5 -1
- package/dist/src/config/theme.js.map +1 -1
- package/dist/src/config/tokens.d.ts +16 -5
- package/dist/src/config/tokens.d.ts.map +1 -1
- package/dist/src/config/tokens.js +25 -3
- package/dist/src/config/tokens.js.map +1 -1
- package/dist/src/config/types/containers.d.ts +25 -0
- package/dist/src/config/types/containers.d.ts.map +1 -0
- package/dist/src/config/types/containers.js +2 -0
- package/dist/src/config/types/containers.js.map +1 -0
- package/dist/src/config/types.d.ts +7 -9
- package/dist/src/config/types.d.ts.map +1 -1
- package/dist/src/{layout/components/text-document.d.ts → document/components/index.d.ts} +5 -1
- package/dist/src/document/components/index.d.ts.map +1 -0
- package/dist/src/document/components/index.js +73 -0
- package/dist/src/document/components/index.js.map +1 -0
- package/dist/src/dom/binding.d.ts.map +1 -1
- package/dist/src/dom/binding.js +8 -0
- package/dist/src/dom/binding.js.map +1 -1
- package/dist/src/dom/index.d.ts.map +1 -1
- package/dist/src/dom/index.js +5 -2
- package/dist/src/dom/index.js.map +1 -1
- package/dist/src/editor/lazy.d.ts +3 -0
- package/dist/src/editor/lazy.d.ts.map +1 -0
- package/dist/src/editor/lazy.js +5 -0
- package/dist/src/editor/lazy.js.map +1 -0
- package/dist/src/entries/react/01.d.ts +6 -5
- package/dist/src/entries/react/01.d.ts.map +1 -1
- package/dist/src/entries/react/01.js +4 -5
- package/dist/src/entries/react/01.js.map +1 -1
- package/dist/src/entries/react/02.d.ts +3 -8
- package/dist/src/entries/react/02.d.ts.map +1 -1
- package/dist/src/entries/react/02.js +3 -7
- package/dist/src/entries/react/02.js.map +1 -1
- package/dist/src/entries/root/01.d.ts +0 -5
- package/dist/src/entries/root/01.d.ts.map +1 -1
- package/dist/src/entries/root/01.js +0 -5
- package/dist/src/entries/root/01.js.map +1 -1
- package/dist/src/entries/root/02.d.ts +2 -3
- package/dist/src/entries/root/02.d.ts.map +1 -1
- package/dist/src/entries/root/02.js +1 -3
- package/dist/src/entries/root/02.js.map +1 -1
- package/dist/src/entries/root/03.d.ts +2 -1
- package/dist/src/entries/root/03.d.ts.map +1 -1
- package/dist/src/entries/root/03.js +1 -1
- package/dist/src/entries/root/03.js.map +1 -1
- package/dist/src/fullscreen/lazy.d.ts +3 -0
- package/dist/src/fullscreen/lazy.d.ts.map +1 -0
- package/dist/src/fullscreen/lazy.js +5 -0
- package/dist/src/fullscreen/lazy.js.map +1 -0
- package/dist/src/graph/index.d.ts +2 -0
- package/dist/src/graph/index.d.ts.map +1 -1
- package/dist/src/graph/index.js +2 -0
- package/dist/src/graph/index.js.map +1 -1
- package/dist/src/graph/lazy.d.ts +3 -0
- package/dist/src/graph/lazy.d.ts.map +1 -0
- package/dist/src/graph/lazy.js +5 -0
- package/dist/src/graph/lazy.js.map +1 -0
- package/dist/src/index.d.ts +3 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +12 -15
- package/dist/src/index.js.map +1 -1
- package/dist/src/inputs/advanced/tabs/manager/dom.d.ts.map +1 -1
- package/dist/src/inputs/advanced/tabs/manager/dom.js +0 -3
- package/dist/src/inputs/advanced/tabs/manager/dom.js.map +1 -1
- package/dist/src/inputs/index.d.ts.map +1 -1
- package/dist/src/inputs/index.js +2 -0
- package/dist/src/inputs/index.js.map +1 -1
- package/dist/src/language/runtime/source/lazy.d.ts +4 -0
- package/dist/src/language/runtime/source/lazy.d.ts.map +1 -0
- package/dist/src/language/runtime/source/lazy.js +5 -0
- package/dist/src/language/runtime/source/lazy.js.map +1 -0
- package/dist/src/layout/components/index.d.ts +0 -1
- package/dist/src/layout/components/index.d.ts.map +1 -1
- package/dist/src/layout/components/index.js +0 -1
- package/dist/src/layout/components/index.js.map +1 -1
- package/dist/src/layout/components/outline.d.ts +2 -0
- package/dist/src/layout/components/outline.d.ts.map +1 -1
- package/dist/src/layout/components/outline.js +52 -11
- package/dist/src/layout/components/outline.js.map +1 -1
- package/dist/src/layout/components/site/footer.d.ts.map +1 -1
- package/dist/src/layout/components/site/footer.js +2 -2
- package/dist/src/layout/components/site/footer.js.map +1 -1
- package/dist/src/layout/components/site/header/fit.d.ts.map +1 -1
- package/dist/src/layout/components/site/header/fit.js +14 -2
- package/dist/src/layout/components/site/header/fit.js.map +1 -1
- package/dist/src/layout/components/site/header.js +2 -2
- package/dist/src/layout/components/site/header.js.map +1 -1
- package/dist/src/layout/components/site/link.d.ts +2 -1
- package/dist/src/layout/components/site/link.d.ts.map +1 -1
- package/dist/src/layout/components/site/link.js +5 -3
- package/dist/src/layout/components/site/link.js.map +1 -1
- package/dist/src/layout/header/tone.d.ts.map +1 -1
- package/dist/src/layout/header/tone.js +5 -6
- package/dist/src/layout/header/tone.js.map +1 -1
- package/dist/src/live/components/index.d.ts +5 -2
- package/dist/src/live/components/index.d.ts.map +1 -1
- package/dist/src/live/components/index.js +7 -5
- package/dist/src/live/components/index.js.map +1 -1
- package/dist/src/live/lazy.d.ts +4 -0
- package/dist/src/live/lazy.d.ts.map +1 -0
- package/dist/src/live/lazy.js +6 -0
- package/dist/src/live/lazy.js.map +1 -0
- package/dist/src/logs/lazy.d.ts +3 -0
- package/dist/src/logs/lazy.d.ts.map +1 -0
- package/dist/src/logs/lazy.js +5 -0
- package/dist/src/logs/lazy.js.map +1 -0
- package/dist/src/namespace/index.d.ts +2 -1
- package/dist/src/namespace/index.d.ts.map +1 -1
- package/dist/src/namespace/index.js +2 -1
- package/dist/src/namespace/index.js.map +1 -1
- package/dist/src/react/index.d.ts +5 -0
- package/dist/src/react/index.d.ts.map +1 -1
- package/dist/src/react/index.js +2 -1
- package/dist/src/react/index.js.map +1 -1
- package/dist/src/render/current_url.d.ts +2 -1
- package/dist/src/render/current_url.d.ts.map +1 -1
- package/dist/src/render/current_url.js +16 -3
- package/dist/src/render/current_url.js.map +1 -1
- package/dist/src/reveal/index.d.ts +11 -0
- package/dist/src/reveal/index.d.ts.map +1 -0
- package/dist/src/reveal/index.js +61 -0
- package/dist/src/reveal/index.js.map +1 -0
- package/dist/src/runtime/lazy.d.ts +18 -0
- package/dist/src/runtime/lazy.d.ts.map +1 -0
- package/dist/src/runtime/lazy.js +61 -0
- package/dist/src/runtime/lazy.js.map +1 -0
- package/dist/src/spa/navigate.d.ts.map +1 -1
- package/dist/src/spa/navigate.js +2 -1
- package/dist/src/spa/navigate.js.map +1 -1
- package/dist/src/spa/page.d.ts +4 -1
- package/dist/src/spa/page.d.ts.map +1 -1
- package/dist/src/spa/page.js +14 -1
- package/dist/src/spa/page.js.map +1 -1
- package/dist/src/surface/components/index.d.ts +3 -60
- package/dist/src/surface/components/index.d.ts.map +1 -1
- package/dist/src/surface/components/index.js +1 -73
- package/dist/src/surface/components/index.js.map +1 -1
- package/dist/src/surface/motif/boot.d.ts.map +1 -1
- package/dist/src/surface/motif/boot.js +14 -2
- package/dist/src/surface/motif/boot.js.map +1 -1
- package/dist/src/surface/motif/program.d.ts +6 -1
- package/dist/src/surface/motif/program.d.ts.map +1 -1
- package/dist/src/surface/motif/program.js +50 -1
- package/dist/src/surface/motif/program.js.map +1 -1
- package/dist/src/tooltip/index.d.ts.map +1 -1
- package/dist/src/tooltip/index.js +9 -7
- package/dist/src/tooltip/index.js.map +1 -1
- package/dist/src/visibility/components/index.d.ts +26 -0
- package/dist/src/visibility/components/index.d.ts.map +1 -0
- package/dist/src/visibility/components/index.js +28 -0
- package/dist/src/visibility/components/index.js.map +1 -0
- package/dist/src/visibility/index.d.ts +17 -0
- package/dist/src/visibility/index.d.ts.map +1 -0
- package/dist/src/visibility/index.js +59 -0
- package/dist/src/visibility/index.js.map +1 -0
- package/dist/styles/tokens.scss +1 -0
- package/dist/styles/utils/_tone.scss +3 -0
- package/dist/styles/utils/base.scss +10 -74
- package/dist/styles/utils/headings.scss +75 -0
- package/dist/styles/utils/text/core.scss +11 -9
- package/dist/styles/utils.scss +1 -0
- package/dist/surface/components/index.d.ts +3 -60
- package/dist/surface/components/index.d.ts.map +1 -1
- package/dist/surface/components/index.js +1 -73
- package/dist/surface/components/index.js.map +1 -1
- package/dist/surface/motif/boot.d.ts.map +1 -1
- package/dist/surface/motif/boot.js +14 -2
- package/dist/surface/motif/boot.js.map +1 -1
- package/dist/surface/motif/program.d.ts +6 -1
- package/dist/surface/motif/program.d.ts.map +1 -1
- package/dist/surface/motif/program.js +50 -1
- package/dist/surface/motif/program.js.map +1 -1
- package/dist/surface/styles/hairline.scss +1 -0
- package/dist/surface/styles/index.scss +0 -2
- package/dist/surface/styles/layout.scss +0 -195
- package/dist/tooltip/index.d.ts.map +1 -1
- package/dist/tooltip/index.js +9 -7
- package/dist/tooltip/index.js.map +1 -1
- package/dist/tooltip/styles/index.scss +0 -59
- package/dist/visibility/components/index.d.ts +26 -0
- package/dist/visibility/components/index.d.ts.map +1 -0
- package/dist/visibility/components/index.js +28 -0
- package/dist/visibility/components/index.js.map +1 -0
- package/dist/visibility/index.d.ts +17 -0
- package/dist/visibility/index.d.ts.map +1 -0
- package/dist/visibility/index.js +59 -0
- package/dist/visibility/index.js.map +1 -0
- package/dist/visibility/styles/index.scss +33 -0
- package/package.json +42 -1
- package/dist/config/sources/gravatar.d.ts +0 -32
- package/dist/config/sources/gravatar.d.ts.map +0 -1
- package/dist/config/sources/gravatar.js +0 -135
- package/dist/config/sources/gravatar.js.map +0 -1
- package/dist/layout/components/text-document.d.ts.map +0 -1
- package/dist/layout/components/text-document.js +0 -44
- package/dist/layout/components/text-document.js.map +0 -1
- package/dist/layout/styles/site-link.scss +0 -61
- package/dist/src/config/sources/gravatar.d.ts +0 -32
- package/dist/src/config/sources/gravatar.d.ts.map +0 -1
- package/dist/src/config/sources/gravatar.js +0 -135
- package/dist/src/config/sources/gravatar.js.map +0 -1
- package/dist/src/layout/components/text-document.d.ts.map +0 -1
- package/dist/src/layout/components/text-document.js +0 -44
- package/dist/src/layout/components/text-document.js.map +0 -1
- package/dist/surface/styles/blocks.scss +0 -174
- package/dist/surface/styles/track.scss +0 -91
|
@@ -1,170 +1,5 @@
|
|
|
1
1
|
@use "@trebired/bundler/namespace" as ns;
|
|
2
2
|
|
|
3
|
-
#{ns.class("glow")} {
|
|
4
|
-
#{ns.css-var("surf-glow-a")}: var(#{ns.css-var("text")}, #000);
|
|
5
|
-
#{ns.css-var("surf-glow-b")}: var(#{ns.css-var("text")}, #000);
|
|
6
|
-
position: relative;
|
|
7
|
-
overflow: hidden;
|
|
8
|
-
isolation: isolate;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
html:not(#{ns.data("parsed")}) #{ns.class("glow")}::before,
|
|
12
|
-
|
|
13
|
-
html:not(#{ns.data("parsed")}) #{ns.class("glow")}::after {
|
|
14
|
-
content: none;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
#{ns.class("glow")}::before,
|
|
18
|
-
|
|
19
|
-
#{ns.class("glow")}::after {
|
|
20
|
-
position: absolute;
|
|
21
|
-
width: var(#{ns.css-var("surf-glow-root-size")}, clamp(18rem, 92vw, 98rem));
|
|
22
|
-
height: var(#{ns.css-var("surf-glow-root-size")}, clamp(18rem, 92vw, 98rem));
|
|
23
|
-
border-radius: 999px;
|
|
24
|
-
content: "";
|
|
25
|
-
filter: blur(var(#{ns.css-var("surf-glow-root-blur")}, 70px));
|
|
26
|
-
opacity: var(#{ns.css-var("surf-glow-root-opacity")}, 0.85);
|
|
27
|
-
pointer-events: none;
|
|
28
|
-
z-index: 0;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
#{ns.class("glow")}::before {
|
|
32
|
-
top: calc(
|
|
33
|
-
var(#{ns.css-var("surf-glow-root-size")}, clamp(18rem, 92vw, 98rem)) *
|
|
34
|
-
var(#{ns.css-var("surf-glow-root-push")}, -0.86)
|
|
35
|
-
);
|
|
36
|
-
right: calc(
|
|
37
|
-
var(#{ns.css-var("surf-glow-root-size")}, clamp(18rem, 92vw, 98rem)) *
|
|
38
|
-
var(#{ns.css-var("surf-glow-root-side")}, -0.8)
|
|
39
|
-
);
|
|
40
|
-
background: radial-gradient(
|
|
41
|
-
circle,
|
|
42
|
-
var(#{ns.css-var("surf-glow-b")}) 0%,
|
|
43
|
-
transparent var(#{ns.css-var("surf-glow-root-fade")}, 72%)
|
|
44
|
-
);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
#{ns.class("glow")}::after {
|
|
48
|
-
bottom: calc(
|
|
49
|
-
var(#{ns.css-var("surf-glow-root-size")}, clamp(18rem, 92vw, 98rem)) *
|
|
50
|
-
var(#{ns.css-var("surf-glow-root-push")}, -0.86)
|
|
51
|
-
);
|
|
52
|
-
left: calc(
|
|
53
|
-
var(#{ns.css-var("surf-glow-root-size")}, clamp(18rem, 92vw, 98rem)) *
|
|
54
|
-
var(#{ns.css-var("surf-glow-root-side")}, -0.8)
|
|
55
|
-
);
|
|
56
|
-
background: radial-gradient(
|
|
57
|
-
circle,
|
|
58
|
-
var(#{ns.css-var("surf-glow-a")}) 0%,
|
|
59
|
-
transparent var(#{ns.css-var("surf-glow-root-fade")}, 72%)
|
|
60
|
-
);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
#{ns.class("glow")} > * {
|
|
64
|
-
position: relative;
|
|
65
|
-
z-index: 1;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
#{ns.class("card")} > #{ns.class("frame")}:first-child {
|
|
69
|
-
width: auto;
|
|
70
|
-
margin: calc(var(#{ns.css-var("surf-card-root-padding")}, 12px) * -1);
|
|
71
|
-
margin-block-end: 0;
|
|
72
|
-
border-start-start-radius: inherit;
|
|
73
|
-
border-start-end-radius: inherit;
|
|
74
|
-
border-end-start-radius: 0;
|
|
75
|
-
border-end-end-radius: 0;
|
|
76
|
-
border-block-start: 0;
|
|
77
|
-
border-inline: 0;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
#{ns.class("frame")} {
|
|
81
|
-
position: relative;
|
|
82
|
-
display: flex;
|
|
83
|
-
align-items: center;
|
|
84
|
-
justify-content: center;
|
|
85
|
-
overflow: hidden;
|
|
86
|
-
aspect-ratio: var(#{ns.css-var("surf-frame-root-ratio")}, 16 / 10);
|
|
87
|
-
border: var(
|
|
88
|
-
#{ns.css-var("surf-frame-root-border")},
|
|
89
|
-
var(--border-width, 1px) solid var(#{ns.css-var("border")}, #000)
|
|
90
|
-
);
|
|
91
|
-
border-radius: var(
|
|
92
|
-
#{ns.css-var("surf-frame-root-radius")},
|
|
93
|
-
var(--radius-lg, var(#{ns.css-var("radius")}, 0))
|
|
94
|
-
);
|
|
95
|
-
background: var(#{ns.css-var("surf-frame-root-bg")}, var(#{ns.css-var("surface-muted")}, #eee));
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
#{ns.element-class("frame", "badge")} {
|
|
99
|
-
position: absolute;
|
|
100
|
-
inset-block-start: var(#{ns.css-var("surf-frame-badge-offset")}, 1rem);
|
|
101
|
-
inset-inline-start: var(#{ns.css-var("surf-frame-badge-offset")}, 1rem);
|
|
102
|
-
z-index: 1;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
#{ns.element-class("frame", "cover")} {
|
|
106
|
-
position: absolute;
|
|
107
|
-
inset: 0;
|
|
108
|
-
width: 100%;
|
|
109
|
-
height: 100%;
|
|
110
|
-
object-fit: cover;
|
|
111
|
-
object-position: var(#{ns.css-var("surf-frame-cover-position")}, 50% 50%);
|
|
112
|
-
transition: transform var(#{ns.css-var("surf-frame-cover-duration")}, 700ms) ease;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
#{ns.element-class("frame", "scrim")} {
|
|
116
|
-
position: absolute;
|
|
117
|
-
inset: 0;
|
|
118
|
-
z-index: 1;
|
|
119
|
-
background: var(
|
|
120
|
-
#{ns.css-var("surf-frame-scrim-bg")},
|
|
121
|
-
linear-gradient(to top, color-mix(in srgb, var(#{ns.css-var("text")}, #000) 65%, transparent), transparent 60%)
|
|
122
|
-
);
|
|
123
|
-
pointer-events: none;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
#{ns.element-class("frame", "caption")} {
|
|
127
|
-
position: absolute;
|
|
128
|
-
inset-block-end: 0;
|
|
129
|
-
inset-inline: 0;
|
|
130
|
-
z-index: 2;
|
|
131
|
-
display: grid;
|
|
132
|
-
gap: var(#{ns.css-var("surf-frame-caption-gap")}, var(#{ns.css-var("gap-xs2")}, 4px));
|
|
133
|
-
padding: var(#{ns.css-var("surf-frame-caption-padding")}, var(#{ns.css-var("gap-sm")}, 12px));
|
|
134
|
-
color: var(#{ns.css-var("surf-frame-caption-color")}, var(#{ns.css-var("page")}, #fff));
|
|
135
|
-
background: var(#{ns.css-var("surf-frame-caption-bg")}, transparent);
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
#{ns.element-class("frame", "action")} {
|
|
139
|
-
position: absolute;
|
|
140
|
-
inset-block-end: var(#{ns.css-var("surf-frame-action-offset")}, 1rem);
|
|
141
|
-
inset-inline-end: var(#{ns.css-var("surf-frame-action-offset")}, 1rem);
|
|
142
|
-
z-index: 2;
|
|
143
|
-
display: flex;
|
|
144
|
-
align-items: center;
|
|
145
|
-
justify-content: center;
|
|
146
|
-
width: var(#{ns.css-var("surf-frame-action-size")}, 3rem);
|
|
147
|
-
height: var(#{ns.css-var("surf-frame-action-size")}, 3rem);
|
|
148
|
-
border-radius: var(#{ns.css-var("surf-frame-action-radius")}, var(#{ns.css-var("radius")}, 0));
|
|
149
|
-
color: var(#{ns.css-var("surf-frame-action-color")}, var(#{ns.css-var("text")}, #000));
|
|
150
|
-
background: var(#{ns.css-var("surf-frame-action-bg")}, var(#{ns.css-var("page")}, #fff));
|
|
151
|
-
transition:
|
|
152
|
-
color var(#{ns.css-var("tone-change")}), background-color var(#{ns.css-var("transition-fast")}, 180ms) ease;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
#{ns.element-class("frame", "action")} #{ns.class("icon-glyph")} {
|
|
156
|
-
font-size: var(#{ns.css-var("surf-frame-action-glyph")}, 1.5rem);
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
#{ns.class("card")}#{ns.data("interactive", "true")}:hover #{ns.element-class("frame", "action")} {
|
|
160
|
-
color: var(#{ns.css-var("surf-frame-action-state-hover-color")}, var(#{ns.css-var("page")}, #fff));
|
|
161
|
-
background: var(#{ns.css-var("surf-frame-action-state-hover-bg")}, var(#{ns.css-var("focus")}, #000));
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
#{ns.class("card")}#{ns.data("interactive", "true")}:hover #{ns.element-class("frame", "cover")} {
|
|
165
|
-
transform: scale(var(#{ns.css-var("surf-frame-cover-state-hover-scale")}, 1.05));
|
|
166
|
-
}
|
|
167
|
-
|
|
168
3
|
#{ns.class("logo")} {
|
|
169
4
|
display: inline-flex;
|
|
170
5
|
flex: 0 1 auto;
|
|
@@ -179,33 +14,3 @@ html:not(#{ns.data("parsed")}) #{ns.class("glow")}::after {
|
|
|
179
14
|
height: 100%;
|
|
180
15
|
max-width: 100%;
|
|
181
16
|
}
|
|
182
|
-
|
|
183
|
-
#{ns.class("prose")} {
|
|
184
|
-
display: grid;
|
|
185
|
-
gap: var(#{ns.css-var("surf-prose-root-gap")}, var(#{ns.css-var("gap-sm")}, 12px));
|
|
186
|
-
align-content: start;
|
|
187
|
-
max-width: var(#{ns.css-var("surf-prose-root-max")}, 47rem);
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
#{ns.class("prose")} p,
|
|
191
|
-
|
|
192
|
-
#{ns.class("prose")} li {
|
|
193
|
-
color: var(#{ns.css-var("text-muted")}, #000);
|
|
194
|
-
line-height: var(#{ns.css-var("surf-prose-root-line-h")}, 1.8);
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
#{ns.class("prose")} ul,
|
|
198
|
-
|
|
199
|
-
#{ns.class("prose")} ol {
|
|
200
|
-
padding-inline-start: 1.25rem;
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
#{ns.class("prose")} pre {
|
|
204
|
-
overflow-x: auto;
|
|
205
|
-
padding: var(#{ns.css-var("gap-sm")}, 12px);
|
|
206
|
-
border-radius: var(#{ns.css-var("radius-sm")}, 0);
|
|
207
|
-
color: var(#{ns.css-var("page")}, #fff);
|
|
208
|
-
background: var(#{ns.css-var("text")}, #000);
|
|
209
|
-
font-size: 0.82rem;
|
|
210
|
-
line-height: 1.65;
|
|
211
|
-
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8C,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAK1F,QAAA,MAAM,gBAAgB,gBAA+B,CAAC;AACtD,QAAA,MAAM,gBAAgB,QAIX,CAAC;AAyGZ,iBAAS,WAAW,CAAC,OAAO,EAAE,WAAW,WAcxC;AAED,iBAAS,WAAW,SAQnB;AAED,iBAAS,WAAW,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,WAyB/C;AAED,iBAAS,YAAY,CAAC,IAAI,GAAE,QAAmB,QAE9C;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8C,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAK1F,QAAA,MAAM,gBAAgB,gBAA+B,CAAC;AACtD,QAAA,MAAM,gBAAgB,QAIX,CAAC;AAyGZ,iBAAS,WAAW,CAAC,OAAO,EAAE,WAAW,WAcxC;AAED,iBAAS,WAAW,SAQnB;AAED,iBAAS,WAAW,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,WAyB/C;AAED,iBAAS,YAAY,CAAC,IAAI,GAAE,QAAmB,QAE9C;AA+BD,iBAAS,cAAc,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,WAmBhE;AAED,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,cAAc,EACd,WAAW,GACZ,CAAC"}
|
package/dist/tooltip/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { clampNumber, isProgrammaticFocus, queryAll } from "../dom/index.js";
|
|
2
2
|
import { portalElement, promoteZIndex } from "../layer/index.js";
|
|
3
|
-
import { FRONTEND_PREFIX, frontendClassName,
|
|
3
|
+
import { FRONTEND_PREFIX, frontendClassName, frontendDataAttr, frontendDataSelector } from "../namespace/index.js";
|
|
4
4
|
const TOOLTIP_BASE_Z_INDEX = 1100;
|
|
5
5
|
const TOOLTIP_LAYER_ID = `${FRONTEND_PREFIX}_tooltip`;
|
|
6
6
|
const TOOLTIP_SELECTOR = [
|
|
@@ -38,9 +38,9 @@ function allowsTooltip(trigger) {
|
|
|
38
38
|
function computeTooltipText(trigger) {
|
|
39
39
|
if (!trigger)
|
|
40
40
|
return "";
|
|
41
|
-
if (tooltipTexts.has(trigger))
|
|
42
|
-
return String(tooltipTexts.get(trigger) || "").trim();
|
|
43
41
|
const configured = String(trigger.getAttribute(frontendDataAttr("tooltip")) || "").trim();
|
|
42
|
+
if (!configured && tooltipTexts.has(trigger))
|
|
43
|
+
return String(tooltipTexts.get(trigger) || "").trim();
|
|
44
44
|
const title = String(trigger.getAttribute("title") || "").trim();
|
|
45
45
|
const status = trigger.hasAttribute(frontendDataAttr("status-icon"))
|
|
46
46
|
? String(trigger.getAttribute("aria-label") || "").trim()
|
|
@@ -95,11 +95,11 @@ function placeTooltip(trigger, layer) {
|
|
|
95
95
|
const top = fitsTop
|
|
96
96
|
? anchor.top - gap - tip.height
|
|
97
97
|
: Math.min(anchor.bottom + gap, vh - tip.height - gutter);
|
|
98
|
-
const
|
|
98
|
+
const centre = anchor.left + anchor.width / 2;
|
|
99
|
+
const left = clampNumber(centre - tip.width / 2, gutter, Math.max(gutter, vw - tip.width - gutter));
|
|
99
100
|
layer.style.top = `${Math.max(gutter, top)}px`;
|
|
100
101
|
layer.style.left = `${left}px`;
|
|
101
102
|
layer.setAttribute(frontendDataAttr("placement"), fitsTop ? "top" : "bottom");
|
|
102
|
-
layer.style.setProperty(frontendCssVar("arrow-x"), `${anchor.left + anchor.width / 2 - left}px`);
|
|
103
103
|
}
|
|
104
104
|
function showTooltip(trigger) {
|
|
105
105
|
const text = readTooltipText(trigger);
|
|
@@ -180,11 +180,13 @@ function installTooltipListeners() {
|
|
|
180
180
|
if (document.visibilityState !== "visible")
|
|
181
181
|
hideTooltip();
|
|
182
182
|
});
|
|
183
|
-
|
|
183
|
+
const replaceTooltip = () => {
|
|
184
184
|
if (tooltipState.shown && tooltipState.openTrigger && tooltipState.layer) {
|
|
185
185
|
placeTooltip(tooltipState.openTrigger, tooltipState.layer);
|
|
186
186
|
}
|
|
187
|
-
}
|
|
187
|
+
};
|
|
188
|
+
window.addEventListener("resize", replaceTooltip);
|
|
189
|
+
window.addEventListener("scroll", replaceTooltip, { capture: true, passive: true });
|
|
188
190
|
}
|
|
189
191
|
function setTooltipText(trigger, text) {
|
|
190
192
|
if (!(trigger instanceof HTMLElement))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tooltip/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -31,75 +31,16 @@
|
|
|
31
31
|
visibility 0s linear var(#{ns.css-var("overlay-tooltip-motion-duration")}, 170ms);
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
#{ns.class("tooltip")}::before,
|
|
35
|
-
|
|
36
|
-
#{ns.class("tooltip")}::after {
|
|
37
|
-
#{ns.css-var("overlay-tooltip-arrow-size-current")}: var(#{ns.css-var("overlay-tooltip-arrow-size")}, 8px);
|
|
38
|
-
#{ns.css-var("overlay-tooltip-arrow-border-width-current")}: var(
|
|
39
|
-
#{ns.css-var("overlay-tooltip-arrow-border-width")},
|
|
40
|
-
var(#{ns.css-var("border-width")}, 1px)
|
|
41
|
-
);
|
|
42
|
-
#{ns.css-var("overlay-tooltip-arrow-border-current")}: var(#{ns.css-var("overlay-tooltip-arrow-border")}, var(#{ns.css-var("border")}, #000));
|
|
43
|
-
#{ns.css-var("overlay-tooltip-arrow-bg-current")}: var(
|
|
44
|
-
#{ns.css-var("overlay-tooltip-arrow-bg")},
|
|
45
|
-
var(#{ns.css-var("overlay-tooltip-panel-bg")}, var(#{ns.css-var("surface")}, #fff))
|
|
46
|
-
);
|
|
47
|
-
|
|
48
|
-
content: "";
|
|
49
|
-
position: absolute;
|
|
50
|
-
left: clamp(
|
|
51
|
-
var(#{ns.css-var("tooltip-arrow-inset")}, 10px),
|
|
52
|
-
var(#{ns.css-var("arrow-x")}, 50%),
|
|
53
|
-
calc(100% - var(#{ns.css-var("tooltip-arrow-inset")}, 10px))
|
|
54
|
-
);
|
|
55
|
-
width: 0;
|
|
56
|
-
height: 0;
|
|
57
|
-
border-style: solid;
|
|
58
|
-
border-color: transparent;
|
|
59
|
-
background: transparent;
|
|
60
|
-
transform: translateX(-50%);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
34
|
#{ns.class("tooltip")}#{ns.data("placement", "top")} {
|
|
64
35
|
#{ns.css-var("tooltip-hidden-y")}: 4px;
|
|
65
36
|
#{ns.css-var("tooltip-transform-origin")}: center bottom;
|
|
66
37
|
}
|
|
67
38
|
|
|
68
|
-
#{ns.class("tooltip")}#{ns.data("placement", "top")}::before {
|
|
69
|
-
bottom: calc(0px - var(#{ns.css-var("overlay-tooltip-arrow-size-current")}));
|
|
70
|
-
border-width: var(#{ns.css-var("overlay-tooltip-arrow-size-current")}) var(#{ns.css-var("overlay-tooltip-arrow-size-current")}) 0;
|
|
71
|
-
border-top-color: var(#{ns.css-var("overlay-tooltip-arrow-border-current")});
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
#{ns.class("tooltip")}#{ns.data("placement", "top")}::after {
|
|
75
|
-
bottom: calc(var(#{ns.css-var("overlay-tooltip-arrow-border-width-current")}) - var(#{ns.css-var("overlay-tooltip-arrow-size-current")}));
|
|
76
|
-
border-width:
|
|
77
|
-
calc(var(#{ns.css-var("overlay-tooltip-arrow-size-current")}) - var(#{ns.css-var("overlay-tooltip-arrow-border-width-current")}))
|
|
78
|
-
calc(var(#{ns.css-var("overlay-tooltip-arrow-size-current")}) - var(#{ns.css-var("overlay-tooltip-arrow-border-width-current")}))
|
|
79
|
-
0;
|
|
80
|
-
border-top-color: var(#{ns.css-var("overlay-tooltip-arrow-bg-current")});
|
|
81
|
-
}
|
|
82
|
-
|
|
83
39
|
#{ns.class("tooltip")}#{ns.data("placement", "bottom")} {
|
|
84
40
|
#{ns.css-var("tooltip-hidden-y")}: -4px;
|
|
85
41
|
#{ns.css-var("tooltip-transform-origin")}: center top;
|
|
86
42
|
}
|
|
87
43
|
|
|
88
|
-
#{ns.class("tooltip")}#{ns.data("placement", "bottom")}::before {
|
|
89
|
-
top: calc(0px - var(#{ns.css-var("overlay-tooltip-arrow-size-current")}));
|
|
90
|
-
border-width: 0 var(#{ns.css-var("overlay-tooltip-arrow-size-current")}) var(#{ns.css-var("overlay-tooltip-arrow-size-current")});
|
|
91
|
-
border-bottom-color: var(#{ns.css-var("overlay-tooltip-arrow-border-current")});
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
#{ns.class("tooltip")}#{ns.data("placement", "bottom")}::after {
|
|
95
|
-
top: calc(var(#{ns.css-var("overlay-tooltip-arrow-border-width-current")}) - var(#{ns.css-var("overlay-tooltip-arrow-size-current")}));
|
|
96
|
-
border-width:
|
|
97
|
-
0
|
|
98
|
-
calc(var(#{ns.css-var("overlay-tooltip-arrow-size-current")}) - var(#{ns.css-var("overlay-tooltip-arrow-border-width-current")}))
|
|
99
|
-
calc(var(#{ns.css-var("overlay-tooltip-arrow-size-current")}) - var(#{ns.css-var("overlay-tooltip-arrow-border-width-current")}));
|
|
100
|
-
border-bottom-color: var(#{ns.css-var("overlay-tooltip-arrow-bg-current")});
|
|
101
|
-
}
|
|
102
|
-
|
|
103
44
|
#{ns.class("tooltip")}#{ns.data("open", "true")} {
|
|
104
45
|
opacity: 1;
|
|
105
46
|
visibility: visible;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { HTMLAttributes } from "react";
|
|
2
|
+
import type { ButtonProps } from "../../primitives/components/types.d.ts";
|
|
3
|
+
type VisibilityScopeProps = HTMLAttributes<HTMLDivElement> & {
|
|
4
|
+
hidden?: boolean;
|
|
5
|
+
};
|
|
6
|
+
type VisibilityTargetProps = HTMLAttributes<HTMLDivElement>;
|
|
7
|
+
type VisibilityToggleProps = Omit<ButtonProps, "children" | "className" | "tooltip"> & {
|
|
8
|
+
className?: string;
|
|
9
|
+
tooltip?: boolean | string;
|
|
10
|
+
hiddenIcon?: string;
|
|
11
|
+
hiddenLabel?: string;
|
|
12
|
+
shownIcon?: string;
|
|
13
|
+
shownLabel?: string;
|
|
14
|
+
};
|
|
15
|
+
declare function visibilityScopeAttrs(hidden?: boolean): {
|
|
16
|
+
[x: `data-${string}`]: string | number | boolean;
|
|
17
|
+
};
|
|
18
|
+
declare function visibilityTargetAttrs(): {
|
|
19
|
+
[x: `data-${string}`]: string | number | boolean;
|
|
20
|
+
};
|
|
21
|
+
declare function VisibilityScope(props: VisibilityScopeProps): import("react").JSX.Element;
|
|
22
|
+
declare function VisibilityTarget(props: VisibilityTargetProps): import("react").JSX.Element;
|
|
23
|
+
declare function VisibilityToggle(props: VisibilityToggleProps): import("react").JSX.Element;
|
|
24
|
+
export { VisibilityScope, VisibilityTarget, VisibilityToggle, visibilityScopeAttrs, visibilityTargetAttrs };
|
|
25
|
+
export type { VisibilityScopeProps, VisibilityTargetProps, VisibilityToggleProps };
|
|
26
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/visibility/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAKvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,KAAK,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAElF,KAAK,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE5D,KAAK,qBAAqB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC,GAAG;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,iBAAS,oBAAoB,CAAC,MAAM,CAAC,EAAE,OAAO;;EAE7C;AAED,iBAAS,qBAAqB;;EAE7B;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAOnD;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAOrD;AAUD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAyBrD;AAED,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC;AAC5G,YAAY,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../../components/index.js";
|
|
3
|
+
import { frontendClassName, frontendDataAttrs, frontendElementClass } from "../../namespace/index.js";
|
|
4
|
+
import { Icon } from "../../icons/react/index.js";
|
|
5
|
+
import { button as PrimitiveButton } from "../../primitives/components/index.js";
|
|
6
|
+
function visibilityScopeAttrs(hidden) {
|
|
7
|
+
return frontendDataAttrs({ visibility: hidden ? "hidden" : "shown" });
|
|
8
|
+
}
|
|
9
|
+
function visibilityTargetAttrs() {
|
|
10
|
+
return frontendDataAttrs({ "visibility-target": "" });
|
|
11
|
+
}
|
|
12
|
+
function VisibilityScope(props) {
|
|
13
|
+
const { children, className, hidden, ...rest } = props;
|
|
14
|
+
return (_jsx("div", { ...rest, className: classNames(frontendClassName("visibility"), className), ...visibilityScopeAttrs(hidden), children: children }));
|
|
15
|
+
}
|
|
16
|
+
function VisibilityTarget(props) {
|
|
17
|
+
const { children, className, ...rest } = props;
|
|
18
|
+
return (_jsx("div", { ...rest, className: classNames(frontendElementClass("visibility", "target"), className), ...visibilityTargetAttrs(), children: children }));
|
|
19
|
+
}
|
|
20
|
+
function VisibilityIcon({ spec, when }) {
|
|
21
|
+
return (_jsx("span", { className: frontendElementClass("visibility", "icon"), ...frontendDataAttrs({ "visibility-when": when }), children: _jsx(Icon, { spec: spec }) }));
|
|
22
|
+
}
|
|
23
|
+
function VisibilityToggle(props) {
|
|
24
|
+
const { className, hiddenIcon = "remixicon:eye-line", hiddenLabel, shownIcon = "remixicon:eye-off-line", shownLabel, tooltip, ...rest } = props;
|
|
25
|
+
return (_jsxs(PrimitiveButton, { icon: true, ...rest, "aria-pressed": false, className: classNames(frontendElementClass("visibility", "trigger"), className), ...frontendDataAttrs({ "visibility-trigger": "" }), ...frontendDataAttrs({ "visibility-label-hidden": hiddenLabel, "visibility-label-shown": shownLabel }), tooltip: tooltip === true ? shownLabel : tooltip, children: [_jsx(VisibilityIcon, { spec: shownIcon, when: "shown" }), _jsx(VisibilityIcon, { spec: hiddenIcon, when: "hidden" })] }));
|
|
26
|
+
}
|
|
27
|
+
export { VisibilityScope, VisibilityTarget, VisibilityToggle, visibilityScopeAttrs, visibilityTargetAttrs };
|
|
28
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/visibility/components/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAgB1D,SAAS,oBAAoB,CAAC,MAAgB;IAC5C,OAAO,iBAAiB,CAAC,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;AACxE,CAAC;AAED,SAAS,qBAAqB;IAC5B,OAAO,iBAAiB,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,CAAC;AACxD,CAAC;AAED,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACvD,OAAO,CACL,iBAAS,IAAI,EAAE,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,KAAM,oBAAoB,CAAC,MAAM,CAAC,YACjH,QAAQ,GACH,CACP,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/C,OAAO,CACL,iBAAS,IAAI,EAAE,SAAS,EAAE,UAAU,CAAC,oBAAoB,CAAC,YAAY,EAAE,QAAQ,CAAC,EAAE,SAAS,CAAC,KAAM,qBAAqB,EAAE,YACzH,QAAQ,GACH,CACP,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAA8C;IAChF,OAAO,CACL,eAAM,SAAS,EAAE,oBAAoB,CAAC,YAAY,EAAE,MAAM,CAAC,KAAM,iBAAiB,CAAC,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,YAC/G,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,GACb,CACR,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EACJ,SAAS,EACT,UAAU,GAAG,oBAAoB,EACjC,WAAW,EACX,SAAS,GAAG,wBAAwB,EACpC,UAAU,EACV,OAAO,EACP,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,MAAC,eAAe,IAChB,IAAI,WACA,IAAI,kBACM,KAAK,EACnB,SAAS,EAAE,UAAU,CAAC,oBAAoB,CAAC,YAAY,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,KAC3E,iBAAiB,CAAC,EAAE,oBAAoB,EAAE,EAAE,EAAE,CAAC,KAC/C,iBAAiB,CAAC,EAAE,yBAAyB,EAAE,WAAW,EAAE,wBAAwB,EAAE,UAAU,EAAE,CAAC,EACvG,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,aAEhD,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,GAAG,EAChD,KAAC,cAAc,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,GAAG,IAChC,CACnB,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type BindRoot } from "../dom/index.d.ts";
|
|
2
|
+
declare const VISIBILITY_SELECTOR: string;
|
|
3
|
+
declare const VISIBILITY_TRIGGER_SELECTOR: string;
|
|
4
|
+
declare const VISIBILITY_CHANGE_EVENT: string;
|
|
5
|
+
type VisibilityState = {
|
|
6
|
+
hidden: boolean;
|
|
7
|
+
root: HTMLElement;
|
|
8
|
+
triggers: HTMLElement[];
|
|
9
|
+
};
|
|
10
|
+
declare function readHidden(root: HTMLElement): boolean;
|
|
11
|
+
declare function setVisibilityHidden(root: HTMLElement, hidden: boolean): VisibilityState;
|
|
12
|
+
declare function toggleVisibility(root: HTMLElement): VisibilityState;
|
|
13
|
+
declare function bindVisibility(root: HTMLElement | null): VisibilityState | null;
|
|
14
|
+
declare function bindVisibilities(root?: BindRoot): void;
|
|
15
|
+
export { VISIBILITY_CHANGE_EVENT, VISIBILITY_SELECTOR, VISIBILITY_TRIGGER_SELECTOR, bindVisibilities, bindVisibility, readHidden as visibilityHidden, setVisibilityHidden, toggleVisibility, };
|
|
16
|
+
export type { VisibilityState };
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/visibility/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAIxE,QAAA,MAAM,mBAAmB,QAAqC,CAAC;AAC/D,QAAA,MAAM,2BAA2B,QAA6C,CAAC;AAC/E,QAAA,MAAM,uBAAuB,QAAkC,CAAC;AAQhE,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB,CAAC;AAEF,iBAAS,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAE9C;AAmBD,iBAAS,mBAAmB,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,GAAG,eAAe,CAOhF;AAED,iBAAS,gBAAgB,CAAC,IAAI,EAAE,WAAW,GAAG,eAAe,CAE5D;AAED,iBAAS,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,eAAe,GAAG,IAAI,CASxE;AAED,iBAAS,gBAAgB,CAAC,IAAI,GAAE,QAAmB,QAKlD;AAED,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACnB,2BAA2B,EAC3B,gBAAgB,EAChB,cAAc,EACd,UAAU,IAAI,gBAAgB,EAC9B,mBAAmB,EACnB,gBAAgB,GACjB,CAAC;AACF,YAAY,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { closestElement, queryAll } from "../dom/index.js";
|
|
2
|
+
import { frontendDataAttr, frontendDataSelector, frontendEventName } from "../namespace/index.js";
|
|
3
|
+
import { setTooltipText } from "../tooltip/index.js";
|
|
4
|
+
const VISIBILITY_SELECTOR = frontendDataSelector("visibility");
|
|
5
|
+
const VISIBILITY_TRIGGER_SELECTOR = frontendDataSelector("visibility-trigger");
|
|
6
|
+
const VISIBILITY_CHANGE_EVENT = frontendEventName("visibility");
|
|
7
|
+
const STATE_ATTR = frontendDataAttr("visibility");
|
|
8
|
+
const BOUND_ATTR = frontendDataAttr("visibility-bound");
|
|
9
|
+
const LABEL_HIDDEN_ATTR = frontendDataAttr("visibility-label-hidden");
|
|
10
|
+
const LABEL_SHOWN_ATTR = frontendDataAttr("visibility-label-shown");
|
|
11
|
+
const TOOLTIP_ATTR = frontendDataAttr("tooltip");
|
|
12
|
+
function readHidden(root) {
|
|
13
|
+
return root.getAttribute(STATE_ATTR) === "hidden";
|
|
14
|
+
}
|
|
15
|
+
function triggersOf(root) {
|
|
16
|
+
return queryAll(root, VISIBILITY_TRIGGER_SELECTOR)
|
|
17
|
+
.filter((trigger) => closestElement(trigger, VISIBILITY_SELECTOR) === root);
|
|
18
|
+
}
|
|
19
|
+
function labelTrigger(trigger, hidden) {
|
|
20
|
+
const label = trigger.getAttribute(hidden ? LABEL_HIDDEN_ATTR : LABEL_SHOWN_ATTR);
|
|
21
|
+
if (label) {
|
|
22
|
+
trigger.setAttribute("aria-label", label);
|
|
23
|
+
if (trigger.hasAttribute(TOOLTIP_ATTR)) {
|
|
24
|
+
trigger.setAttribute(TOOLTIP_ATTR, label);
|
|
25
|
+
setTooltipText(trigger, label);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
trigger.setAttribute("aria-pressed", hidden ? "true" : "false");
|
|
29
|
+
}
|
|
30
|
+
function setVisibilityHidden(root, hidden) {
|
|
31
|
+
root.setAttribute(STATE_ATTR, hidden ? "hidden" : "shown");
|
|
32
|
+
const triggers = triggersOf(root);
|
|
33
|
+
triggers.forEach((trigger) => labelTrigger(trigger, hidden));
|
|
34
|
+
const state = { hidden, root, triggers };
|
|
35
|
+
root.dispatchEvent(new CustomEvent(VISIBILITY_CHANGE_EVENT, { bubbles: true, detail: state }));
|
|
36
|
+
return state;
|
|
37
|
+
}
|
|
38
|
+
function toggleVisibility(root) {
|
|
39
|
+
return setVisibilityHidden(root, !readHidden(root));
|
|
40
|
+
}
|
|
41
|
+
function bindVisibility(root) {
|
|
42
|
+
if (!(root instanceof HTMLElement) || root.hasAttribute(BOUND_ATTR))
|
|
43
|
+
return null;
|
|
44
|
+
root.setAttribute(BOUND_ATTR, "true");
|
|
45
|
+
const state = setVisibilityHidden(root, readHidden(root));
|
|
46
|
+
state.triggers.forEach((trigger) => trigger.addEventListener("click", (event) => {
|
|
47
|
+
event.preventDefault();
|
|
48
|
+
toggleVisibility(root);
|
|
49
|
+
}));
|
|
50
|
+
return state;
|
|
51
|
+
}
|
|
52
|
+
function bindVisibilities(root = document) {
|
|
53
|
+
queryAll(root, VISIBILITY_SELECTOR).forEach(bindVisibility);
|
|
54
|
+
if (root instanceof Element && root.matches(VISIBILITY_TRIGGER_SELECTOR)) {
|
|
55
|
+
bindVisibility(closestElement(root, VISIBILITY_SELECTOR));
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
export { VISIBILITY_CHANGE_EVENT, VISIBILITY_SELECTOR, VISIBILITY_TRIGGER_SELECTOR, bindVisibilities, bindVisibility, readHidden as visibilityHidden, setVisibilityHidden, toggleVisibility, };
|
|
59
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/visibility/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
@use "@trebired/bundler/namespace" as ns;
|
|
2
|
+
|
|
3
|
+
@function token($name, $fallback) {
|
|
4
|
+
@return var(#{ns.css-var("surf-visibility-" + $name)}, $fallback);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
$motion: token("duration", 320ms) token("easing", cubic-bezier(0.22, 1, 0.36, 1));
|
|
8
|
+
|
|
9
|
+
#{ns.class("visibility")} {
|
|
10
|
+
position: relative;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
#{ns.element-class("visibility", "target")},
|
|
14
|
+
|
|
15
|
+
#{ns.data("visibility-target")} {
|
|
16
|
+
transition: opacity $motion, visibility 0s linear 0s;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
#{ns.data("visibility", "hidden")} #{ns.data("visibility-target")} {
|
|
20
|
+
opacity: 0;
|
|
21
|
+
visibility: hidden;
|
|
22
|
+
transition: opacity $motion, visibility 0s linear token("duration", 320ms);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
#{ns.element-class("visibility", "icon")} {
|
|
26
|
+
display: inline-flex;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
#{ns.data("visibility", "shown")} #{ns.data("visibility-when", "hidden")},
|
|
30
|
+
|
|
31
|
+
#{ns.data("visibility", "hidden")} #{ns.data("visibility-when", "shown")} {
|
|
32
|
+
display: none;
|
|
33
|
+
}
|
package/package.json
CHANGED
|
@@ -8,9 +8,18 @@
|
|
|
8
8
|
}
|
|
9
9
|
},
|
|
10
10
|
"name": "@trebired/frontend",
|
|
11
|
-
"version": "
|
|
11
|
+
"version": "28.0.0",
|
|
12
12
|
"description": "Generic browser runtime systems for Trebired frontend packages and applications.",
|
|
13
13
|
"type": "module",
|
|
14
|
+
"sideEffects": [
|
|
15
|
+
"./dist/static-icons.js",
|
|
16
|
+
"./dist/**/*.client.js",
|
|
17
|
+
"./dist/**/client.js",
|
|
18
|
+
"./dist/**/layout/header.js",
|
|
19
|
+
"./dist/**/render/current_url.js",
|
|
20
|
+
"*.css",
|
|
21
|
+
"*.scss"
|
|
22
|
+
],
|
|
14
23
|
"private": false,
|
|
15
24
|
"license": "AGPL-3.0-only",
|
|
16
25
|
"packageManager": "bun@1.3.12",
|
|
@@ -24,22 +33,54 @@
|
|
|
24
33
|
"import": "./dist/index.js",
|
|
25
34
|
"types": "./dist/index.d.ts"
|
|
26
35
|
},
|
|
36
|
+
"./code": {
|
|
37
|
+
"import": "./dist/code/index.js",
|
|
38
|
+
"types": "./dist/code/index.d.ts"
|
|
39
|
+
},
|
|
27
40
|
"./config": {
|
|
28
41
|
"import": "./dist/config/index.js",
|
|
29
42
|
"types": "./dist/config/index.d.ts"
|
|
30
43
|
},
|
|
44
|
+
"./editor": {
|
|
45
|
+
"import": "./dist/editor/index.js",
|
|
46
|
+
"types": "./dist/editor/index.d.ts"
|
|
47
|
+
},
|
|
48
|
+
"./explorer": {
|
|
49
|
+
"import": "./dist/explorer/index.js",
|
|
50
|
+
"types": "./dist/explorer/index.d.ts"
|
|
51
|
+
},
|
|
52
|
+
"./fullscreen": {
|
|
53
|
+
"import": "./dist/fullscreen/index.js",
|
|
54
|
+
"types": "./dist/fullscreen/index.d.ts"
|
|
55
|
+
},
|
|
56
|
+
"./graph": {
|
|
57
|
+
"import": "./dist/graph/index.js",
|
|
58
|
+
"types": "./dist/graph/index.d.ts"
|
|
59
|
+
},
|
|
31
60
|
"./live": {
|
|
32
61
|
"import": "./dist/live/index.js",
|
|
33
62
|
"types": "./dist/live/index.d.ts"
|
|
34
63
|
},
|
|
64
|
+
"./logs": {
|
|
65
|
+
"import": "./dist/logs/index.js",
|
|
66
|
+
"types": "./dist/logs/index.d.ts"
|
|
67
|
+
},
|
|
35
68
|
"./react": {
|
|
36
69
|
"import": "./dist/react/index.js",
|
|
37
70
|
"types": "./dist/react/index.d.ts"
|
|
38
71
|
},
|
|
72
|
+
"./realtime": {
|
|
73
|
+
"import": "./dist/realtime/index.js",
|
|
74
|
+
"types": "./dist/realtime/index.d.ts"
|
|
75
|
+
},
|
|
39
76
|
"./server": {
|
|
40
77
|
"import": "./dist/server/index.js",
|
|
41
78
|
"types": "./dist/server/index.d.ts"
|
|
42
79
|
},
|
|
80
|
+
"./socket": {
|
|
81
|
+
"import": "./dist/socket/index.js",
|
|
82
|
+
"types": "./dist/socket/index.d.ts"
|
|
83
|
+
},
|
|
43
84
|
"./static-icons": {
|
|
44
85
|
"import": "./dist/static-icons.js",
|
|
45
86
|
"types": "./dist/static-icons.d.ts"
|