react-material-design 0.5.1 → 0.5.2

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 (4) hide show
  1. package/dist/layouts/Page/style.css +1 -1
  2. package/dist/layouts/Panes/style.css +1 -1
  3. package/dist/layouts/Toolbox/style.css +1 -1
  4. package/package.json +1 -1
package/dist/layouts/Page/style.css CHANGED
@@ -1 +1 @@
1
- .Page{box-sizing:border-box;--page-content-default-spacing:var(--md-sys-measurement-space300);--page-tools-top-size:max(var(--page-tools-top-menubar-size,var(--page-content-default-spacing,0px)), var(--page-tools-top-toolbar-size,var(--page-content-default-spacing,0px)));--page-tools-bottom-size:max(var(--page-tools-bottom-toolbar-size,var(--page-content-default-spacing,0px)));--page-tools-left-size:max(var(--page-tools-left-toolbar-size,var(--page-content-default-spacing,0px)));--page-tools-right-size:max(var(--page-tools-right-toolbar-size,var(--page-content-default-spacing,0px)));justify-content:stretch;align-items:stretch;min-width:100dvw;min-height:100dvh;display:flex}.Page:has(>.tools.top>.Menubar){--page-tools-top-menubar-size:calc(48px + var(--md-sys-measurement-space200))}.Page:has(>.tools.top>.Toolbar.floating){--page-tools-top-toolbar-size:calc(var(--md-comp-toolbar-floating-horizontal-container-height) + var(--md-comp-toolbar-floating-horizontal-container-external-space) * 2)}.Page:has(>.tools.bottom>.Toolbar.docked){--page-tools-bottom-toolbar-size:calc(var(--md-comp-toolbar-docked-container-height) + var(--md-sys-measurement-space200))}.Page:has(>.tools.bottom>.Toolbar.floating){--page-tools-bottom-toolbar-size:calc(var(--md-comp-toolbar-floating-horizontal-container-height) + var(--md-comp-toolbar-floating-horizontal-container-external-space) * 2)}.Page:has(>.tools.left>.Toolbar.floating){--page-tools-left-toolbar-size:calc(var(--md-comp-toolbar-floating-vertical-container-width) + var(--md-comp-toolbar-floating-vertical-container-external-space) * 2)}.Page:has(>.tools.right>.Toolbar.floating){--page-tools-right-toolbar-size:calc(var(--md-comp-toolbar-floating-vertical-container-width) + var(--md-comp-toolbar-floating-vertical-container-external-space) * 2)}.Page>.tools{z-index:5;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed}.Page>.tools>*{pointer-events:initial}.Page>.tools.top{top:0;left:0;right:0}.Page>.tools.top:not(:has(>.Menubar)){padding-inline:var(--md-sys-measurement-space200)}.Page>.tools.top>.Menubar{flex:1}.Page>.tools.top>.Toolbar.floating{margin-top:var(--md-comp-toolbar-floating-horizontal-container-external-space)}.Page>.tools.bottom{bottom:0;left:0;right:0}.Page>.tools.bottom:not(:has(>.Toolbar.docked)){padding-inline:var(--md-sys-measurement-space200)}.Page>.tools.bottom>.Toolbar.docked{flex:1}.Page>.tools.bottom>.Toolbar.floating{margin-bottom:var(--md-comp-toolbar-floating-horizontal-container-external-space)}.Page>.tools.left{padding-block:var(--md-sys-measurement-space300);top:0;bottom:0;left:0}.Page>.tools.left>.Toolbar.floating{margin-left:var(--md-comp-toolbar-floating-vertical-container-external-space)}.Page>.tools.right{padding-block:var(--md-sys-measurement-space300);top:0;bottom:0;right:0}.Page>.tools.right>.Toolbar.floating{margin-right:var(--md-comp-toolbar-floating-vertical-container-external-space)}.Page>.content{padding:var(--page-tools-top-size) var(--page-tools-right-size) var(--page-tools-bottom-size) var(--page-tools-left-size);box-sizing:border-box;flex:1;width:100%;height:100%}.Page>.content>*{--page-tools-top-size:initial;--page-tools-bottom-size:initial;--page-tools-left-size:initial;--page-tools-right-size:initial;--page-tools-top-menubar-size:initial;--page-tools-top-toolbar-size:initial;--page-tools-bottom-toolbar-size:initial;--page-tools-left-toolbar-size:initial;--page-tools-right-toolbar-size:initial}
1
+ .Page{box-sizing:border-box;--page-content-default-spacing:var(--md-sys-measurement-space300);--page-tools-top-size:max(var(--page-tools-top-menubar-size,var(--page-content-default-spacing,0px)), var(--page-tools-top-toolbar-size,var(--page-content-default-spacing,0px)));--page-tools-bottom-size:max(var(--page-tools-bottom-toolbar-size,var(--page-content-default-spacing,0px)));--page-tools-left-size:max(var(--page-tools-left-toolbar-size,var(--page-content-default-spacing,0px)));--page-tools-right-size:max(var(--page-tools-right-toolbar-size,var(--page-content-default-spacing,0px)));justify-content:stretch;align-items:stretch;min-width:100dvw;min-height:100dvh;display:flex}.Page:where(:has(>.tools.top>.Menubar)){--page-tools-top-menubar-size:calc(48px + var(--md-sys-measurement-space200))}.Page:where(:has(>.tools.top>.Menubar))>.content{padding-top:48px}.Page:where(:has(>.tools.top>.Toolbar.floating)){--page-tools-top-toolbar-size:calc(var(--md-comp-toolbar-floating-horizontal-container-height) + var(--md-comp-toolbar-floating-horizontal-container-external-space) + var(--md-sys-measurement-space200))}.Page:where(:has(>.tools.bottom>.Toolbar.docked)){--page-tools-bottom-toolbar-size:calc(var(--md-comp-toolbar-docked-container-height) + var(--md-sys-measurement-space200))}.Page:where(:has(>.tools.bottom>.Toolbar.docked))>.content{padding-bottom:var(--md-comp-toolbar-docked-container-height)}.Page:where(:has(>.tools.bottom>.Toolbar.floating)){--page-tools-bottom-toolbar-size:calc(var(--md-comp-toolbar-floating-horizontal-container-height) + var(--md-comp-toolbar-floating-horizontal-container-external-space) + var(--md-sys-measurement-space200))}.Page:where(:has(>.tools.left>.Toolbar.floating)){--page-tools-left-toolbar-size:calc(var(--md-comp-toolbar-floating-vertical-container-width) + var(--md-comp-toolbar-floating-vertical-container-external-space) + var(--md-sys-measurement-space200))}.Page:where(:has(>.tools.right>.Toolbar.floating)){--page-tools-right-toolbar-size:calc(var(--md-comp-toolbar-floating-vertical-container-width) + var(--md-comp-toolbar-floating-vertical-container-external-space) + var(--md-sys-measurement-space200))}.Page>.tools{z-index:5;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed}.Page>.tools>*{pointer-events:initial}.Page>.tools.top{top:0;left:0;right:0}.Page>.tools.top:not(:has(>.Menubar)){padding-inline:var(--md-sys-measurement-space200)}.Page>.tools.top>.Menubar{flex:1}.Page>.tools.top>.Toolbar.floating{margin-top:var(--md-comp-toolbar-floating-horizontal-container-external-space)}.Page>.tools.bottom{bottom:0;left:0;right:0}.Page>.tools.bottom:not(:has(>.Toolbar.docked)){padding-inline:var(--md-sys-measurement-space200)}.Page>.tools.bottom>.Toolbar.docked{flex:1}.Page>.tools.bottom>.Toolbar.floating{margin-bottom:var(--md-comp-toolbar-floating-horizontal-container-external-space)}.Page>.tools.left{padding-block:var(--md-sys-measurement-space300);top:0;bottom:0;left:0}.Page>.tools.left>.Toolbar.floating{margin-left:var(--md-comp-toolbar-floating-vertical-container-external-space)}.Page>.tools.right{padding-block:var(--md-sys-measurement-space300);top:0;bottom:0;right:0}.Page>.tools.right>.Toolbar.floating{margin-right:var(--md-comp-toolbar-floating-vertical-container-external-space)}.Page.inline-padding>.content{padding-inline:var(--page-tools-left-size) var(--page-tools-right-size)}.Page.block-padding>.content{padding-block:var(--page-tools-top-size) var(--page-tools-bottom-size)}.Page>.content{box-sizing:border-box;flex:1;width:100%;height:100%}.Page>.content>*{--page-tools-top-size:initial;--page-tools-bottom-size:initial;--page-tools-left-size:initial;--page-tools-right-size:initial;--page-tools-top-menubar-size:initial;--page-tools-top-toolbar-size:initial;--page-tools-bottom-toolbar-size:initial;--page-tools-left-toolbar-size:initial;--page-tools-right-toolbar-size:initial}
package/dist/layouts/Panes/style.css CHANGED
@@ -1 +1 @@
1
- .Panes{background-color:var(--md-comp-panes-container-color);height:300px;display:flex}.Panes.horizontal{flex-direction:row}.Panes.horizontal>.ResizeHandle{cursor:col-resize}.Panes.horizontal>.ResizeHandle:before{width:var(--md-comp-panes-handle-indicator-inline-size);height:var(--md-comp-panes-handle-indicator-block-size)}.Panes.horizontal>.ResizeHandle.dragging:before{width:var(--md-comp-panes-handle-indicator-dragging-inline-size)}.Panes.vertical{flex-direction:column}.Panes.vertical>.ResizeHandle{cursor:row-resize}.Panes.vertical>.ResizeHandle:before{width:var(--md-comp-panes-handle-indicator-block-size);height:var(--md-comp-panes-handle-indicator-inline-size)}.Panes.vertical>.ResizeHandle.dragging:before{height:var(--md-comp-panes-handle-indicator-dragging-inline-size)}.Panes>.ResizeHandle{flex:0 0 var(--md-comp-panes-handle-size);position:relative}.Panes>.ResizeHandle:before{content:"";background-color:var(--md-comp-panes-handle-indicator-color);border-radius:var(--md-comp-panes-handle-indicator-shape);transition:width var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), height var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), background-color var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Panes>.ResizeHandle.dragging:before{background-color:var(--md-comp-panes-handle-indicator-dragging-color)}.Panes>.Pane{flex:0 1 var(--pane-size);background-color:var(--md-comp-panes-pane-container-color);border-radius:var(--md-comp-panes-pane-container-shape);box-sizing:border-box;overflow:auto}.Panes>.Pane.animating{transition:all var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing)}.Panes>.Pane.collapsed{overflow:hidden}.Panes>.Pane.inline-padding{padding-inline:var(--md-sys-measurement-space200)}.Panes>.Pane.block-padding{padding-block:var(--md-sys-measurement-space200)}
1
+ .Panes{background-color:var(--md-comp-panes-container-color);width:100%;height:100%;display:flex}.Panes.horizontal{flex-direction:row}.Panes.horizontal>.ResizeHandle{cursor:col-resize}.Panes.horizontal>.ResizeHandle:before{width:var(--md-comp-panes-handle-indicator-inline-size);height:var(--md-comp-panes-handle-indicator-block-size)}.Panes.horizontal>.ResizeHandle.dragging:before{width:var(--md-comp-panes-handle-indicator-dragging-inline-size)}.Panes.vertical{flex-direction:column}.Panes.vertical>.ResizeHandle{cursor:row-resize}.Panes.vertical>.ResizeHandle:before{width:var(--md-comp-panes-handle-indicator-block-size);height:var(--md-comp-panes-handle-indicator-inline-size)}.Panes.vertical>.ResizeHandle.dragging:before{height:var(--md-comp-panes-handle-indicator-dragging-inline-size)}.Panes>.ResizeHandle{flex:0 0 var(--md-comp-panes-handle-size);position:relative}.Panes>.ResizeHandle:before{content:"";background-color:var(--md-comp-panes-handle-indicator-color);border-radius:var(--md-comp-panes-handle-indicator-shape);transition:width var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), height var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), background-color var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Panes>.ResizeHandle.dragging:before{background-color:var(--md-comp-panes-handle-indicator-dragging-color)}.Panes>.Pane{flex:0 1 var(--pane-size);background-color:var(--md-comp-panes-pane-container-color);border-radius:var(--md-comp-panes-pane-container-shape);box-sizing:border-box;overflow:auto}.Panes>.Pane.animating{transition:all var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing)}.Panes>.Pane.collapsed{overflow:hidden}.Panes>.Pane.inline-padding{padding-inline:var(--md-sys-measurement-space200)}.Panes>.Pane.block-padding{padding-block:var(--md-sys-measurement-space200)}
package/dist/layouts/Toolbox/style.css CHANGED
@@ -1 +1 @@
1
- .Toolbox{box-sizing:border-box;--toolbox-content-default-spacing:var(--md-sys-measurement-space200);--toolbox-tools-top-size:max(var(--toolbox-tools-top-toolbar-size,var(--toolbox-content-default-spacing,0)));--toolbox-tools-bottom-size:max(var(--toolbox-tools-bottom-toolbar-size,var(--toolbox-content-default-spacing,0)));--toolbox-tools-left-size:max(var(--toolbox-tools-left-toolbar-size,var(--toolbox-content-default-spacing,0)));--toolbox-tools-right-size:max(var(--toolbox-tools-right-toolbar-size,var(--toolbox-content-default-spacing,0)));flex:1;justify-content:stretch;align-items:stretch;width:100%;height:100%;display:flex;position:relative}.Toolbox:has(>.tools.top>.Toolbar.floating){--toolbox-tools-top-toolbar-size:calc(var(--md-comp-toolbar-floating-horizontal-container-height) + var(--md-comp-toolbar-floating-horizontal-container-external-space) * 2)}.Toolbox:has(>.tools.bottom>.Toolbar.docked){--toolbox-tools-bottom-toolbar-size:calc(var(--md-comp-toolbar-docked-container-height) + var(--md-sys-measurement-space200))}.Toolbox:has(>.tools.bottom>.Toolbar.floating){--toolbox-tools-bottom-toolbar-size:calc(var(--md-comp-toolbar-floating-horizontal-container-height) + var(--md-comp-toolbar-floating-horizontal-container-external-space) * 2)}.Toolbox:has(>.tools.left>.Toolbar.floating){--toolbox-tools-left-toolbar-size:calc(var(--md-comp-toolbar-floating-vertical-container-width) + var(--md-comp-toolbar-floating-vertical-container-external-space) * 2)}.Toolbox:has(>.tools.right>.Toolbar.floating){--toolbox-tools-right-toolbar-size:calc(var(--md-comp-toolbar-floating-vertical-container-width) + var(--md-comp-toolbar-floating-vertical-container-external-space) * 2)}.Toolbox>.tools{z-index:4;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.Toolbox>.tools>*{pointer-events:initial}.Toolbox>.tools.top{top:0;left:0;right:0}.Toolbox>.tools.top>.Toolbar.floating{margin-top:var(--md-comp-toolbar-floating-horizontal-container-external-space)}.Toolbox>.tools.bottom{bottom:0;left:0;right:0}.Toolbox>.tools.bottom:not(:has(>.Toolbar.docked)){padding-inline:var(--md-sys-measurement-space200)}.Toolbox>.tools.bottom>.Toolbar.docked{flex:1}.Toolbox>.tools.bottom>.Toolbar.floating{margin-bottom:var(--md-comp-toolbar-floating-horizontal-container-external-space)}.Toolbox>.tools.left{padding-block:var(--md-sys-measurement-space300);top:0;bottom:0;left:0}.Toolbox>.tools.left>.Toolbar.floating{margin-left:var(--md-comp-toolbar-floating-vertical-container-external-space)}.Toolbox>.tools.right{padding-block:var(--md-sys-measurement-space300);top:0;bottom:0;right:0}.Toolbox>.tools.right>.Toolbar.floating{margin-right:var(--md-comp-toolbar-floating-vertical-container-external-space)}.Toolbox.inline-padding>.content{padding-inline:var(--toolbox-tools-left-size) var(--toolbox-tools-right-size)}.Toolbox.block-padding>.content{padding-block:var(--toolbox-tools-top-size) var(--toolbox-tools-bottom-size)}.Toolbox>.content{flex:1;overflow:auto}.Toolbox>.content>*{--toolbox-tools-top-size:initial;--toolbox-tools-bottom-size:initial;--toolbox-tools-left-size:initial;--toolbox-tools-right-size:initial;--toolbox-tools-top-menubar-size:initial;--toolbox-tools-top-toolbar-size:initial;--toolbox-tools-bottom-toolbar-size:initial;--toolbox-tools-left-toolbar-size:initial;--toolbox-tools-right-toolbar-size:initial}
1
+ .Toolbox{box-sizing:border-box;--toolbox-content-default-spacing:var(--md-sys-measurement-space200);--toolbox-tools-top-size:max(var(--toolbox-tools-top-toolbar-size,var(--toolbox-content-default-spacing,0)));--toolbox-tools-bottom-size:max(var(--toolbox-tools-bottom-toolbar-size,var(--toolbox-content-default-spacing,0)));--toolbox-tools-left-size:max(var(--toolbox-tools-left-toolbar-size,var(--toolbox-content-default-spacing,0)));--toolbox-tools-right-size:max(var(--toolbox-tools-right-toolbar-size,var(--toolbox-content-default-spacing,0)));flex:1;justify-content:stretch;align-items:stretch;width:100%;height:100%;display:flex;position:relative}.Toolbox:where(:has(>.tools.top>.Toolbar.floating)){--toolbox-tools-top-toolbar-size:calc(var(--md-comp-toolbar-floating-horizontal-container-height) + var(--md-comp-toolbar-floating-horizontal-container-external-space) + var(--md-sys-measurement-space200))}.Toolbox:where(:has(>.tools.bottom>.Toolbar.docked)){--toolbox-tools-bottom-toolbar-size:calc(var(--md-comp-toolbar-docked-container-height) + var(--md-sys-measurement-space200))}.Toolbox:where(:has(>.tools.bottom>.Toolbar.docked))>.content{padding-bottom:var(--md-comp-toolbar-docked-container-height)}.Toolbox:where(:has(>.tools.bottom>.Toolbar.floating)){--toolbox-tools-bottom-toolbar-size:calc(var(--md-comp-toolbar-floating-horizontal-container-height) + var(--md-comp-toolbar-floating-horizontal-container-external-space) + var(--md-sys-measurement-space200))}.Toolbox:where(:has(>.tools.left>.Toolbar.floating)){--toolbox-tools-left-toolbar-size:calc(var(--md-comp-toolbar-floating-vertical-container-width) + var(--md-comp-toolbar-floating-vertical-container-external-space) + var(--md-sys-measurement-space200))}.Toolbox:where(:has(>.tools.right>.Toolbar.floating)){--toolbox-tools-right-toolbar-size:calc(var(--md-comp-toolbar-floating-vertical-container-width) + var(--md-comp-toolbar-floating-vertical-container-external-space) + var(--md-sys-measurement-space200))}.Toolbox>.tools{z-index:4;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.Toolbox>.tools>*{pointer-events:initial}.Toolbox>.tools.top{top:0;left:0;right:0}.Toolbox>.tools.top>.Toolbar.floating{margin-top:var(--md-comp-toolbar-floating-horizontal-container-external-space)}.Toolbox>.tools.bottom{bottom:0;left:0;right:0}.Toolbox>.tools.bottom:not(:has(>.Toolbar.docked)){padding-inline:var(--md-sys-measurement-space200)}.Toolbox>.tools.bottom>.Toolbar.docked{flex:1}.Toolbox>.tools.bottom>.Toolbar.floating{margin-bottom:var(--md-comp-toolbar-floating-horizontal-container-external-space)}.Toolbox>.tools.left{padding-block:var(--md-sys-measurement-space300);top:0;bottom:0;left:0}.Toolbox>.tools.left>.Toolbar.floating{margin-left:var(--md-comp-toolbar-floating-vertical-container-external-space)}.Toolbox>.tools.right{padding-block:var(--md-sys-measurement-space300);top:0;bottom:0;right:0}.Toolbox>.tools.right>.Toolbar.floating{margin-right:var(--md-comp-toolbar-floating-vertical-container-external-space)}.Toolbox.inline-padding>.content{padding-inline:var(--toolbox-tools-left-size) var(--toolbox-tools-right-size)}.Toolbox.block-padding>.content{padding-block:var(--toolbox-tools-top-size) var(--toolbox-tools-bottom-size)}.Toolbox>.content{flex:1;overflow:auto}.Toolbox>.content>*{--toolbox-tools-top-size:initial;--toolbox-tools-bottom-size:initial;--toolbox-tools-left-size:initial;--toolbox-tools-right-size:initial;--toolbox-tools-top-menubar-size:initial;--toolbox-tools-top-toolbar-size:initial;--toolbox-tools-bottom-toolbar-size:initial;--toolbox-tools-left-toolbar-size:initial;--toolbox-tools-right-toolbar-size:initial}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-material-design",
3
- "version": "0.5.1",
3
+ "version": "0.5.2",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "author": {