@studiolxd/brand 49.7.0 → 49.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/CHANGELOG.md +59 -0
  2. package/dist/_shared/tokens.js +3 -0
  3. package/dist/_types/molecules/Banner/Banner.d.ts +9 -4
  4. package/dist/_types/sections/AppShell/AppShell.d.ts +12 -1
  5. package/dist/alert.js +40 -35
  6. package/dist/app-shell.css +1 -1
  7. package/dist/app-shell.js +63 -44
  8. package/dist/banner.css +1 -1
  9. package/dist/banner.js +25 -21
  10. package/dist/brand.css +709 -1
  11. package/dist/sidebar.css +1 -1
  12. package/dist/tokens.css +694 -1
  13. package/package.json +1 -1
  14. package/src/tokens/index.css +5 -0
  15. package/src/tokens/molecules/banner.css +3 -0
  16. package/src/tokens/molecules/banner.ts +1 -1
  17. package/src/tokens/scss/molecules/_banner.scss +3 -0
  18. package/src/tokens/surface-light.css +685 -0
  19. package/src/tokens/tokens.json +3 -0
package/dist/sidebar.css CHANGED
@@ -1 +1 @@
1
- .sidebar{--sidebar-resize-step-px:calc(var(--sidebar-resize-step) * 1px);block-size:100%;inline-size:var(--app-shell-sidebar-width,var(--sidebar-width));padding-inline:var(--sidebar-padding-inline);background-color:var(--sidebar-bg);border-inline-end:var(--sidebar-border-width) solid var(--sidebar-border-color);transition:inline-size var(--sidebar-transition-duration) var(--sidebar-transition-easing);flex-shrink:0;position:relative}.sidebar__inner{gap:var(--sidebar-gap);flex-direction:column;block-size:100%;min-inline-size:0;display:flex;overflow:hidden}.sidebar.sidebar--rail{inline-size:var(--sidebar-rail-width);padding-inline:var(--sidebar-rail-padding-inline-start)}.sidebar.sidebar--closed{visibility:hidden;border-inline-end-width:0;inline-size:0;padding-inline:0}.sidebar:has(.sidebar__resizer[data-dragging]){transition:none}:is(.sidebar:has(.sidebar__resizer:hover),.sidebar:has(.sidebar__resizer[data-dragging]),.sidebar:has(.sidebar__resizer:focus-visible)){border-inline-end-color:var(--sidebar-resizer-hover-color)}.sidebar__header,.sidebar__footer{flex-shrink:0;align-items:center;min-inline-size:0;display:flex}.sidebar__header{padding-block-start:var(--sidebar-padding-block)}.sidebar__header a,.sidebar__header a:hover{box-shadow:none;color:inherit;padding-block-end:0;text-decoration:none}.sidebar__footer{padding-block-end:var(--sidebar-padding-block)}.sidebar__panel{scrollbar-width:thin;min-block-size:0;padding-block:var(--sidebar-panel-padding-block);flex:1;overflow:hidden auto}.sidebar--rail .sidebar__panel{scrollbar-width:none}.sidebar--rail .sidebar__header,.sidebar--rail .app-launcher__trigger-label{display:none}.sidebar--rail .app-launcher__trigger--label{width:var(--app-launcher-trigger-size);height:var(--app-launcher-trigger-size);justify-content:center;padding:0}.sidebar__resizer{inline-size:var(--sidebar-resizer-width);cursor:col-resize;touch-action:none;position:absolute;inset-block:0;inset-inline-end:calc(-1 * var(--sidebar-resizer-width) / 2)}.sidebar__resizer:hover,.sidebar__resizer[data-dragging],.sidebar__resizer:focus-visible{outline:none}.sidebar.sidebar--drawer{block-size:auto;inline-size:min(var(--sidebar-width), 100% - var(--size-component-lg));max-inline-size:100%;z-index:var(--sidebar-drawer-z-index);border-inline-end:var(--sidebar-border-width) solid var(--sidebar-border-color);transition:translate var(--sidebar-transition-duration) var(--sidebar-transition-easing);padding-block-end:env(safe-area-inset-bottom);position:fixed;inset-block-start:calc(var(--app-header-height) + env(safe-area-inset-top));inset-block-end:0;inset-inline-start:0}.sidebar.sidebar--drawer[data-state=closed]{visibility:hidden;transition:translate var(--sidebar-transition-duration) var(--sidebar-transition-easing), visibility 0s var(--sidebar-transition-duration);translate:-100%}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.sidebar__group{padding-block:var(--sidebar-group-padding-block);flex-direction:column;min-inline-size:0;display:flex}.sidebar__group-content{gap:var(--sidebar-group-gap);flex-direction:column;min-inline-size:0;display:flex}.sidebar__separator{block-size:var(--sidebar-separator-height);margin-block:var(--sidebar-separator-margin-block);background-color:var(--sidebar-separator-color);border:none;flex-shrink:0;margin-inline:0}
1
+ .sidebar{--sidebar-resize-step-px:calc(var(--sidebar-resize-step) * 1px);block-size:100%;inline-size:var(--app-shell-sidebar-width,var(--sidebar-width));padding-inline:var(--sidebar-padding-inline);background-color:var(--sidebar-bg);border-inline-end:var(--sidebar-border-width) solid var(--sidebar-border-color);transition:inline-size var(--sidebar-transition-duration) var(--sidebar-transition-easing);flex-shrink:0;position:relative}.sidebar__inner{gap:var(--sidebar-gap);flex-direction:column;block-size:100%;min-inline-size:0;display:flex;overflow:hidden}.sidebar.sidebar--rail{inline-size:var(--sidebar-rail-width);padding-inline:var(--sidebar-rail-padding-inline-start)}.sidebar.sidebar--closed{visibility:hidden;border-inline-end-width:0;inline-size:0;padding-inline:0}.sidebar:has(.sidebar__resizer[data-dragging]){transition:none}:is(.sidebar:has(.sidebar__resizer:hover),.sidebar:has(.sidebar__resizer[data-dragging]),.sidebar:has(.sidebar__resizer:focus-visible)){border-inline-end-color:var(--sidebar-resizer-hover-color)}.sidebar__header,.sidebar__footer{flex-shrink:0;align-items:center;min-inline-size:0;display:flex}.sidebar__header{padding-block-start:var(--sidebar-padding-block)}.sidebar__header a,.sidebar__header a:hover{box-shadow:none;color:inherit;padding-block-end:0;text-decoration:none}.sidebar__footer{padding-block-end:var(--sidebar-padding-block)}.sidebar__panel{scrollbar-width:thin;min-block-size:0;padding-block:var(--sidebar-panel-padding-block);flex:1;overflow:hidden auto}.sidebar--rail .sidebar__panel{scrollbar-width:none}.sidebar--rail .sidebar__header,.sidebar--rail .app-launcher__trigger-label{display:none}.sidebar--rail .app-launcher__trigger--label{width:var(--app-launcher-trigger-size);height:var(--app-launcher-trigger-size);justify-content:center;padding:0}.sidebar__resizer{inline-size:var(--sidebar-resizer-width);cursor:col-resize;touch-action:none;position:absolute;inset-block:0;inset-inline-end:calc(-1 * var(--sidebar-resizer-width) / 2)}.sidebar__resizer:hover,.sidebar__resizer[data-dragging],.sidebar__resizer:focus-visible{outline:none}.sidebar.sidebar--drawer{block-size:auto;inline-size:min(var(--sidebar-width), 100% - var(--size-component-lg));max-inline-size:100%;z-index:var(--sidebar-drawer-z-index);border-inline-end:var(--sidebar-border-width) solid var(--sidebar-border-color);transition:translate var(--sidebar-transition-duration) var(--sidebar-transition-easing);padding-block-end:env(safe-area-inset-bottom);position:fixed;inset-block-start:var(--app-shell-chrome-block-start,calc(var(--app-header-height) + env(safe-area-inset-top)));inset-block-end:0;inset-inline-start:0}.sidebar.sidebar--drawer[data-state=closed]{visibility:hidden;transition:translate var(--sidebar-transition-duration) var(--sidebar-transition-easing), visibility 0s var(--sidebar-transition-duration);translate:-100%}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.sidebar__group{padding-block:var(--sidebar-group-padding-block);flex-direction:column;min-inline-size:0;display:flex}.sidebar__group-content{gap:var(--sidebar-group-gap);flex-direction:column;min-inline-size:0;display:flex}.sidebar__separator{block-size:var(--sidebar-separator-height);margin-block:var(--sidebar-separator-margin-block);background-color:var(--sidebar-separator-color);border:none;flex-shrink:0;margin-inline:0}