@jsekulowicz/ds-components 0.2.0 → 0.3.1
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/custom-elements.json +7 -1
- package/dist/molecules/color-picker/color-picker-swatch-group.d.ts +0 -1
- package/dist/molecules/color-picker/color-picker-swatch-group.d.ts.map +1 -1
- package/dist/molecules/color-picker/color-picker-swatch-group.js +0 -1
- package/dist/molecules/color-picker/color-picker-swatch-group.js.map +1 -1
- package/dist/molecules/color-picker/color-picker.d.ts +0 -2
- package/dist/molecules/color-picker/color-picker.d.ts.map +1 -1
- package/dist/molecules/color-picker/color-picker.js +0 -2
- package/dist/molecules/color-picker/color-picker.js.map +1 -1
- package/dist/templates/page-shell/page-shell.d.ts +4 -0
- package/dist/templates/page-shell/page-shell.d.ts.map +1 -1
- package/dist/templates/page-shell/page-shell.js +44 -34
- package/dist/templates/page-shell/page-shell.js.map +1 -1
- package/dist/templates/page-shell/page-shell.styles.d.ts.map +1 -1
- package/dist/templates/page-shell/page-shell.styles.js +58 -41
- package/dist/templates/page-shell/page-shell.styles.js.map +1 -1
- package/package.json +3 -3
package/custom-elements.json
CHANGED
|
@@ -13821,7 +13821,7 @@
|
|
|
13821
13821
|
{
|
|
13822
13822
|
"kind": "variable",
|
|
13823
13823
|
"name": "pageShellStyles",
|
|
13824
|
-
"default": "css` :host {
|
|
13824
|
+
"default": "css` :host { --ds-page-shell-max-width: 90rem; display: flex; flex-direction: column; position: relative; min-height: 100vh; overflow-x: clip; background: var(--ds-color-bg); color: var(--ds-color-fg); font-family: var(--ds-font-body); } header { border-bottom: 1px solid var(--ds-color-border); padding: var(--ds-space-2) 0; position: sticky; top: 0; background: color-mix(in oklab, var(--ds-color-bg) 92%, transparent); backdrop-filter: blur(12px); z-index: var(--ds-z-index-sticky); } footer { border-top: 1px solid var(--ds-color-border); padding: var(--ds-space-2) 0; } :host([footer-empty]) footer { padding: 0; border-top: 0; } .shell-inner { width: 100%; max-width: var(--ds-page-shell-max-width); margin-inline: auto; padding-inline: var(--ds-space-5); } .shell-inner--header { display: flex; align-items: center; justify-content: space-between; gap: var(--ds-space-3); } .shell-body { flex: 1; width: 100%; max-width: var(--ds-page-shell-max-width); margin-inline: auto; display: grid; grid-template-columns: auto 1fr; min-height: 0; } :host([aside-empty]) .shell-body { grid-template-columns: 1fr; } aside { display: flex; overflow-x: clip; overflow-y: auto; min-height: 0; scrollbar-color: var(--ds-color-fg-subtle) transparent; scrollbar-width: thin; scrollbar-gutter: stable; } :host([aside-empty]) aside, :host([aside-empty]) .mobile-backdrop { display: none; } main { padding: var(--ds-space-5); overflow-y: auto; min-height: 0; scrollbar-color: var(--ds-color-fg-subtle) transparent; scrollbar-width: thin; } .brand { font-family: var(--ds-font-display); font-size: var(--ds-font-size-lg); letter-spacing: var(--ds-letter-spacing-display); } .menu-toggle { display: inline-flex; } .mobile-backdrop { display: none; } .drawer-header { display: none; } .drawer-close { display: none; } .menu-toggle::part(button), .drawer-close::part(button) { min-width: var(--ds-size-sm); width: var(--ds-size-sm); padding: 0; } :host(:not([mobile-layout])) .menu-toggle { display: none; } :host([mobile-layout]) .shell-body { grid-template-columns: 1fr; } :host([mobile-layout]) .brand { flex: 1; } :host([mobile-layout]) aside { position: absolute; top: 0; left: 0; width: 16rem; display: flex; flex-direction: column; height: 100%; background: var(--ds-color-bg); border-right: 0; z-index: var(--ds-z-index-modal); transform: translateX(-100%); transition: transform var(--ds-duration-slow) var(--ds-easing-standard); scrollbar-gutter: auto; overflow: hidden; box-sizing: border-box; } :host([mobile-layout][data-mobile-nav-open]) aside { transform: translateX(0); } :host([mobile-layout]) .drawer-header { display: flex; align-items: center; padding: var(--ds-space-2) var(--ds-space-2) 0; } :host([mobile-layout]) .drawer-close { display: inline-flex; margin: 0; } :host([mobile-layout]) aside ::slotted(ds-sidenav) { width: 100% !important; max-width: 100% !important; flex: 1 1 auto; min-width: 0; min-height: 0; height: auto !important; } :host([mobile-layout][data-mobile-nav-open]) .mobile-backdrop { display: block; position: absolute; inset: 0; border: 0; margin: 0; padding: 0; background: color-mix(in oklab, var(--ds-color-fg) 26%, transparent); z-index: var(--ds-z-index-overlay); } `"
|
|
13825
13825
|
}
|
|
13826
13826
|
],
|
|
13827
13827
|
"exports": [
|
|
@@ -13843,6 +13843,12 @@
|
|
|
13843
13843
|
"kind": "class",
|
|
13844
13844
|
"description": "",
|
|
13845
13845
|
"name": "DsPageShell",
|
|
13846
|
+
"cssProperties": [
|
|
13847
|
+
{
|
|
13848
|
+
"description": "Outer cap for the shell's content column. Header inner content, the aside + main row, and footer inner content all centre at this width and align vertically. Defaults to `90rem` (1440px). Header and footer chrome (border, sticky background) remain full-bleed.",
|
|
13849
|
+
"name": "--ds-page-shell-max-width"
|
|
13850
|
+
}
|
|
13851
|
+
],
|
|
13846
13852
|
"slots": [
|
|
13847
13853
|
{
|
|
13848
13854
|
"description": "Top-left brand/logo.",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-picker-swatch-group.d.ts","sourceRoot":"","sources":["../../../src/molecules/color-picker/color-picker-swatch-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"color-picker-swatch-group.d.ts","sourceRoot":"","sources":["../../../src/molecules/color-picker/color-picker-swatch-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD;;;;GAIG;AACH,qBAAa,wBAAyB,SAAQ,SAAS;;IACrD,OAAgB,MAAM,4BAAuD;IAElD,OAAO,EAAE,iBAAiB,EAAE,CAAM;IACjD,KAAK,SAAM;IACX,KAAK,SAAmB;IACQ,QAAQ,UAAS;IACjB,OAAO,UAAS;IAEnD,OAAO,CAAC,aAAa,CAAM;IAE3B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IA2FzC,MAAM,IAAI,cAAc;CASlC"}
|
|
@@ -8,7 +8,6 @@ import { html, nothing } from 'lit';
|
|
|
8
8
|
import { property, state } from 'lit/decorators.js';
|
|
9
9
|
import { DsElement } from '@jsekulowicz/ds-core';
|
|
10
10
|
import { getColorLabel, normalizeColorOptions } from './color-utils.js';
|
|
11
|
-
import './color-picker-swatch.js';
|
|
12
11
|
import { colorPickerSwatchGroupStyles } from './color-picker-swatch-group.styles.js';
|
|
13
12
|
/**
|
|
14
13
|
* @tag ds-color-picker-swatch-group
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-picker-swatch-group.js","sourceRoot":"","sources":["../../../src/molecules/color-picker/color-picker-swatch-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAA4C,MAAM,KAAK,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACxE,OAAO,
|
|
1
|
+
{"version":3,"file":"color-picker-swatch-group.js","sourceRoot":"","sources":["../../../src/molecules/color-picker/color-picker-swatch-group.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,8 +5,6 @@ import '../../atoms/icon/define.js';
|
|
|
5
5
|
import '../../atoms/icon/icons/swatch.js';
|
|
6
6
|
import '../../atoms/text-field/define.js';
|
|
7
7
|
import '../card/define.js';
|
|
8
|
-
import './color-picker-swatch-group.js';
|
|
9
|
-
import './input-color.js';
|
|
10
8
|
import type { ColorPickerOption } from './types.js';
|
|
11
9
|
declare const DsColorPicker_base: typeof DsElement & (new (...args: any[]) => import("@jsekulowicz/ds-core").FormControlHost & DsElement);
|
|
12
10
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../src/molecules/color-picker/color-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1F,OAAO,EAAE,SAAS,EAAoB,MAAM,sBAAsB,CAAC;AACnE,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../src/molecules/color-picker/color-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1F,OAAO,EAAE,SAAS,EAAoB,MAAM,sBAAsB,CAAC;AACnE,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,mBAAmB,CAAC;AAY3B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;;AAEpD;;;;;;;;;GASG;AACH,qBAAa,aAAc,SAAQ,kBAA2B;;IAC5D,OAAgB,MAAM,4BAA6D;IACnF,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEyB,MAAM,EAAE,iBAAiB,EAAE,CAAM;IAChD,KAAK,SAAM;IACX,WAAW,SAAoB;IAC/B,WAAW,SAAM;IACjB,KAAK,SAAM;IACqB,OAAO,UAAS;IAChB,QAAQ,UAAS;IACjB,SAAS,UAAS;IAClB,OAAO,UAAS;IAEzC,OAAO,CAAC,SAAS,CAAC,CAAc;IAkBnD,IAAa,KAAK,IAAI,kBAAkB,GAAG,IAAI,CAE9C;IAED,IAAa,KAAK,CAAC,IAAI,EAAE,kBAAkB,GAAG,IAAI,EAiBjD;IAEQ,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAK5B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAMzC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAuEtC,MAAM,IAAI,cAAc;CAuIlC"}
|
|
@@ -16,8 +16,6 @@ import { formFieldStyles, renderFieldLabel, renderSubtext } from '../../shared/f
|
|
|
16
16
|
import { ColorPickerCustomInputs } from './color-picker-custom-inputs.js';
|
|
17
17
|
import { ColorPickerPopover } from './color-picker-popover.js';
|
|
18
18
|
import { colorPickerStyles } from './color-picker.styles.js';
|
|
19
|
-
import './color-picker-swatch-group.js';
|
|
20
|
-
import './input-color.js';
|
|
21
19
|
import { COLOR_FORMAT_ERROR, getContrastingThemeColor, getColorLabel, normalizeColorOptions, normalizeHexColor, } from './color-utils.js';
|
|
22
20
|
/**
|
|
23
21
|
* @tag ds-color-picker
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-picker.js","sourceRoot":"","sources":["../../../src/molecules/color-picker/color-picker.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAA4C,MAAM,KAAK,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC9F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,
|
|
1
|
+
{"version":3,"file":"color-picker.js","sourceRoot":"","sources":["../../../src/molecules/color-picker/color-picker.ts"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,10 @@ import '../../atoms/icon/icons/x-mark.js';
|
|
|
12
12
|
* @slot aside - Side navigation. When empty, the aside column and hamburger toggle are not rendered.
|
|
13
13
|
* @slot default - Main content.
|
|
14
14
|
* @slot footer - Footer content.
|
|
15
|
+
* @cssprop --ds-page-shell-max-width - Outer cap for the shell's content column. Header inner content,
|
|
16
|
+
* the aside + main row, and footer inner content all centre at this width and align vertically.
|
|
17
|
+
* Defaults to `90rem` (1440px). Header and footer chrome (border, sticky background) remain
|
|
18
|
+
* full-bleed.
|
|
15
19
|
*/
|
|
16
20
|
export declare class DsPageShell extends DsElement {
|
|
17
21
|
#private;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-shell.d.ts","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAE1C
|
|
1
|
+
{"version":3,"file":"page-shell.d.ts","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAE1C;;;;;;;;;;;;GAYG;AACH,qBAAa,WAAY,SAAQ,SAAS;;IACxC,OAAgB,MAAM,4BAA0C;IAEpD,KAAK,SAAM;IACgB,SAAS,SAAqB;IAC5D,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,UAAU,CAAS;IAG3B,iBAAiB,IAAI,IAAI;IAezB,oBAAoB,IAAI,IAAI;IAO5B,YAAY,IAAI,IAAI;IAyEpB,MAAM,IAAI,cAAc;CA0DlC"}
|
|
@@ -20,6 +20,10 @@ import '../../atoms/icon/icons/x-mark.js';
|
|
|
20
20
|
* @slot aside - Side navigation. When empty, the aside column and hamburger toggle are not rendered.
|
|
21
21
|
* @slot default - Main content.
|
|
22
22
|
* @slot footer - Footer content.
|
|
23
|
+
* @cssprop --ds-page-shell-max-width - Outer cap for the shell's content column. Header inner content,
|
|
24
|
+
* the aside + main row, and footer inner content all centre at this width and align vertically.
|
|
25
|
+
* Defaults to `90rem` (1440px). Header and footer chrome (border, sticky background) remain
|
|
26
|
+
* full-bleed.
|
|
23
27
|
*/
|
|
24
28
|
export class DsPageShell extends DsElement {
|
|
25
29
|
constructor() {
|
|
@@ -126,24 +130,26 @@ export class DsPageShell extends DsElement {
|
|
|
126
130
|
const menuIcon = this._mobileNavOpen ? 'x-mark' : 'bars-3';
|
|
127
131
|
const ariaExpanded = this._mobileNavOpen ? 'true' : 'false';
|
|
128
132
|
return html `<header part="header">
|
|
129
|
-
|
|
133
|
+
<div class="shell-inner shell-inner--header">
|
|
134
|
+
${this._hasAside
|
|
130
135
|
? html `<ds-button
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
136
|
+
class="menu-toggle"
|
|
137
|
+
variant="ghost"
|
|
138
|
+
size="sm"
|
|
139
|
+
label=${this.menuLabel}
|
|
140
|
+
aria-label=${this.menuLabel}
|
|
141
|
+
aria-expanded=${ariaExpanded}
|
|
142
|
+
aria-controls="mobile-aside"
|
|
143
|
+
@click=${this.#toggleMobileNav}
|
|
144
|
+
>
|
|
145
|
+
<ds-icon slot="leading" name=${menuIcon} size="lg"></ds-icon>
|
|
146
|
+
</ds-button>`
|
|
142
147
|
: null}
|
|
143
|
-
|
|
144
|
-
|
|
148
|
+
<div class="brand">
|
|
149
|
+
<slot name="brand">${this.brand}</slot>
|
|
150
|
+
</div>
|
|
151
|
+
<div><slot name="header-actions"></slot></div>
|
|
145
152
|
</div>
|
|
146
|
-
<div><slot name="header-actions"></slot></div>
|
|
147
153
|
</header>
|
|
148
154
|
<button
|
|
149
155
|
class="mobile-backdrop"
|
|
@@ -152,26 +158,30 @@ export class DsPageShell extends DsElement {
|
|
|
152
158
|
?hidden=${!this._mobileNavOpen}
|
|
153
159
|
@click=${this.#closeMobileNav}
|
|
154
160
|
></button>
|
|
155
|
-
<
|
|
156
|
-
<
|
|
157
|
-
<
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
<
|
|
172
|
-
|
|
161
|
+
<div class="shell-body" part="body">
|
|
162
|
+
<aside id="mobile-aside" part="aside" @click=${this.#onAsideClick}>
|
|
163
|
+
<div class="drawer-header">
|
|
164
|
+
<ds-button
|
|
165
|
+
class="drawer-close"
|
|
166
|
+
variant="ghost"
|
|
167
|
+
size="sm"
|
|
168
|
+
label="Close navigation"
|
|
169
|
+
aria-label="Close navigation"
|
|
170
|
+
@click=${this.#closeMobileNav}
|
|
171
|
+
>
|
|
172
|
+
<ds-icon slot="leading" name="x-mark" size="lg"></ds-icon>
|
|
173
|
+
</ds-button>
|
|
174
|
+
</div>
|
|
175
|
+
<slot name="aside" @slotchange=${this.#onAsideSlotChange}></slot>
|
|
176
|
+
</aside>
|
|
177
|
+
<main part="main">
|
|
178
|
+
<slot></slot>
|
|
179
|
+
</main>
|
|
180
|
+
</div>
|
|
173
181
|
<footer part="footer">
|
|
174
|
-
<
|
|
182
|
+
<div class="shell-inner shell-inner--footer">
|
|
183
|
+
<slot name="footer" @slotchange=${this.#onFooterSlotChange}></slot>
|
|
184
|
+
</div>
|
|
175
185
|
</footer>`;
|
|
176
186
|
}
|
|
177
187
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-shell.js","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAE1C
|
|
1
|
+
{"version":3,"file":"page-shell.js","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-shell.styles.d.ts","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"page-shell.styles.d.ts","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBAuK3B,CAAC"}
|
|
@@ -1,36 +1,67 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
2
|
export const pageShellStyles = css `
|
|
3
3
|
:host {
|
|
4
|
-
|
|
4
|
+
--ds-page-shell-max-width: 90rem;
|
|
5
|
+
|
|
6
|
+
display: flex;
|
|
7
|
+
flex-direction: column;
|
|
5
8
|
position: relative;
|
|
6
|
-
grid-template-areas:
|
|
7
|
-
'header header'
|
|
8
|
-
'aside main'
|
|
9
|
-
'footer footer';
|
|
10
|
-
grid-template-columns: auto 1fr;
|
|
11
|
-
grid-template-rows: auto 1fr auto;
|
|
12
9
|
min-height: 100vh;
|
|
13
10
|
overflow-x: clip;
|
|
14
11
|
background: var(--ds-color-bg);
|
|
15
12
|
color: var(--ds-color-fg);
|
|
16
13
|
font-family: var(--ds-font-body);
|
|
17
14
|
}
|
|
15
|
+
|
|
18
16
|
header {
|
|
19
|
-
grid-area: header;
|
|
20
17
|
border-bottom: 1px solid var(--ds-color-border);
|
|
21
|
-
padding: var(--ds-space-2)
|
|
22
|
-
display: flex;
|
|
23
|
-
align-items: center;
|
|
24
|
-
justify-content: space-between;
|
|
25
|
-
gap: var(--ds-space-3);
|
|
18
|
+
padding: var(--ds-space-2) 0;
|
|
26
19
|
position: sticky;
|
|
27
20
|
top: 0;
|
|
28
21
|
background: color-mix(in oklab, var(--ds-color-bg) 92%, transparent);
|
|
29
22
|
backdrop-filter: blur(12px);
|
|
30
23
|
z-index: var(--ds-z-index-sticky);
|
|
31
24
|
}
|
|
25
|
+
|
|
26
|
+
footer {
|
|
27
|
+
border-top: 1px solid var(--ds-color-border);
|
|
28
|
+
padding: var(--ds-space-2) 0;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
:host([footer-empty]) footer {
|
|
32
|
+
padding: 0;
|
|
33
|
+
border-top: 0;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.shell-inner {
|
|
37
|
+
width: 100%;
|
|
38
|
+
max-width: var(--ds-page-shell-max-width);
|
|
39
|
+
margin-inline: auto;
|
|
40
|
+
padding-inline: var(--ds-space-5);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.shell-inner--header {
|
|
44
|
+
display: flex;
|
|
45
|
+
align-items: center;
|
|
46
|
+
justify-content: space-between;
|
|
47
|
+
gap: var(--ds-space-3);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.shell-body {
|
|
51
|
+
flex: 1;
|
|
52
|
+
width: 100%;
|
|
53
|
+
max-width: var(--ds-page-shell-max-width);
|
|
54
|
+
margin-inline: auto;
|
|
55
|
+
display: grid;
|
|
56
|
+
grid-template-columns: auto 1fr;
|
|
57
|
+
min-height: 0;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
:host([aside-empty]) .shell-body {
|
|
61
|
+
grid-template-columns: 1fr;
|
|
62
|
+
}
|
|
63
|
+
|
|
32
64
|
aside {
|
|
33
|
-
grid-area: aside;
|
|
34
65
|
display: flex;
|
|
35
66
|
overflow-x: clip;
|
|
36
67
|
overflow-y: auto;
|
|
@@ -39,23 +70,26 @@ export const pageShellStyles = css `
|
|
|
39
70
|
scrollbar-width: thin;
|
|
40
71
|
scrollbar-gutter: stable;
|
|
41
72
|
}
|
|
73
|
+
|
|
74
|
+
:host([aside-empty]) aside,
|
|
75
|
+
:host([aside-empty]) .mobile-backdrop {
|
|
76
|
+
display: none;
|
|
77
|
+
}
|
|
78
|
+
|
|
42
79
|
main {
|
|
43
|
-
grid-area: main;
|
|
44
80
|
padding: var(--ds-space-5);
|
|
45
|
-
max-width: min(72rem, 100%);
|
|
46
81
|
overflow-y: auto;
|
|
47
82
|
min-height: 0;
|
|
48
83
|
scrollbar-color: var(--ds-color-fg-subtle) transparent;
|
|
49
84
|
scrollbar-width: thin;
|
|
50
85
|
}
|
|
51
|
-
|
|
52
|
-
grid-area: footer;
|
|
53
|
-
}
|
|
86
|
+
|
|
54
87
|
.brand {
|
|
55
88
|
font-family: var(--ds-font-display);
|
|
56
89
|
font-size: var(--ds-font-size-lg);
|
|
57
90
|
letter-spacing: var(--ds-letter-spacing-display);
|
|
58
91
|
}
|
|
92
|
+
|
|
59
93
|
.menu-toggle {
|
|
60
94
|
display: inline-flex;
|
|
61
95
|
}
|
|
@@ -74,23 +108,17 @@ export const pageShellStyles = css `
|
|
|
74
108
|
width: var(--ds-size-sm);
|
|
75
109
|
padding: 0;
|
|
76
110
|
}
|
|
77
|
-
|
|
78
|
-
grid-template-areas:
|
|
79
|
-
'header'
|
|
80
|
-
'main'
|
|
81
|
-
'footer';
|
|
82
|
-
grid-template-columns: 1fr;
|
|
83
|
-
grid-template-rows: auto 1fr auto;
|
|
84
|
-
}
|
|
111
|
+
|
|
85
112
|
:host(:not([mobile-layout])) .menu-toggle {
|
|
86
113
|
display: none;
|
|
87
114
|
}
|
|
115
|
+
|
|
116
|
+
:host([mobile-layout]) .shell-body {
|
|
117
|
+
grid-template-columns: 1fr;
|
|
118
|
+
}
|
|
88
119
|
:host([mobile-layout]) .brand {
|
|
89
120
|
flex: 1;
|
|
90
121
|
}
|
|
91
|
-
:host([mobile-layout]) main {
|
|
92
|
-
padding: var(--ds-space-5);
|
|
93
|
-
}
|
|
94
122
|
:host([mobile-layout]) aside {
|
|
95
123
|
position: absolute;
|
|
96
124
|
top: 0;
|
|
@@ -138,16 +166,5 @@ export const pageShellStyles = css `
|
|
|
138
166
|
background: color-mix(in oklab, var(--ds-color-fg) 26%, transparent);
|
|
139
167
|
z-index: var(--ds-z-index-overlay);
|
|
140
168
|
}
|
|
141
|
-
:host([aside-empty]) {
|
|
142
|
-
grid-template-areas:
|
|
143
|
-
'header'
|
|
144
|
-
'main'
|
|
145
|
-
'footer';
|
|
146
|
-
grid-template-columns: 1fr;
|
|
147
|
-
}
|
|
148
|
-
:host([aside-empty]) aside,
|
|
149
|
-
:host([aside-empty]) .mobile-backdrop {
|
|
150
|
-
display: none;
|
|
151
|
-
}
|
|
152
169
|
`;
|
|
153
170
|
//# sourceMappingURL=page-shell.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-shell.styles.js","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"page-shell.styles.js","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuKjC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jsekulowicz/ds-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.1",
|
|
4
4
|
"description": "Lit web components for the Design System Library (atoms, molecules, organisms, templates, pages).",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"repository": {
|
|
@@ -381,8 +381,8 @@
|
|
|
381
381
|
],
|
|
382
382
|
"dependencies": {
|
|
383
383
|
"lit": "^3.2.1",
|
|
384
|
-
"@jsekulowicz/ds-core": "0.
|
|
385
|
-
"@jsekulowicz/ds-tokens": "0.
|
|
384
|
+
"@jsekulowicz/ds-core": "0.3.1",
|
|
385
|
+
"@jsekulowicz/ds-tokens": "0.3.1"
|
|
386
386
|
},
|
|
387
387
|
"devDependencies": {
|
|
388
388
|
"heroicons": "2.2.0",
|