@jsekulowicz/ds-components 0.5.0 → 0.5.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 +498 -494
- package/dist/organisms/sidenav/sidenav.styles.d.ts.map +1 -1
- package/dist/organisms/sidenav/sidenav.styles.js +5 -1
- package/dist/organisms/sidenav/sidenav.styles.js.map +1 -1
- package/dist/templates/page-shell/page-shell.d.ts +1 -0
- package/dist/templates/page-shell/page-shell.d.ts.map +1 -1
- package/dist/templates/page-shell/page-shell.js +4 -0
- 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 +19 -1
- package/dist/templates/page-shell/page-shell.styles.js.map +1 -1
- package/package.json +1 -1
package/custom-elements.json
CHANGED
|
@@ -7186,845 +7186,845 @@
|
|
|
7186
7186
|
},
|
|
7187
7187
|
{
|
|
7188
7188
|
"kind": "javascript-module",
|
|
7189
|
-
"path": "src/atoms/
|
|
7189
|
+
"path": "src/atoms/tabs/define.ts",
|
|
7190
7190
|
"declarations": [],
|
|
7191
7191
|
"exports": [
|
|
7192
7192
|
{
|
|
7193
7193
|
"kind": "custom-element-definition",
|
|
7194
|
-
"name": "ds-
|
|
7194
|
+
"name": "ds-tabs",
|
|
7195
7195
|
"declaration": {
|
|
7196
|
-
"name": "
|
|
7197
|
-
"module": "/src/atoms/
|
|
7196
|
+
"name": "DsTabs",
|
|
7197
|
+
"module": "/src/atoms/tabs/tabs.js"
|
|
7198
|
+
}
|
|
7199
|
+
},
|
|
7200
|
+
{
|
|
7201
|
+
"kind": "custom-element-definition",
|
|
7202
|
+
"name": "ds-tab",
|
|
7203
|
+
"declaration": {
|
|
7204
|
+
"name": "DsTab",
|
|
7205
|
+
"module": "/src/atoms/tabs/tab.js"
|
|
7206
|
+
}
|
|
7207
|
+
},
|
|
7208
|
+
{
|
|
7209
|
+
"kind": "custom-element-definition",
|
|
7210
|
+
"name": "ds-tab-panel",
|
|
7211
|
+
"declaration": {
|
|
7212
|
+
"name": "DsTabPanel",
|
|
7213
|
+
"module": "/src/atoms/tabs/tab-panel.js"
|
|
7198
7214
|
}
|
|
7199
7215
|
}
|
|
7200
7216
|
]
|
|
7201
7217
|
},
|
|
7202
7218
|
{
|
|
7203
7219
|
"kind": "javascript-module",
|
|
7204
|
-
"path": "src/atoms/
|
|
7220
|
+
"path": "src/atoms/tabs/index.ts",
|
|
7205
7221
|
"declarations": [],
|
|
7206
7222
|
"exports": [
|
|
7207
7223
|
{
|
|
7208
7224
|
"kind": "js",
|
|
7209
|
-
"name": "
|
|
7225
|
+
"name": "DsTabs",
|
|
7210
7226
|
"declaration": {
|
|
7211
|
-
"name": "
|
|
7212
|
-
"module": "./
|
|
7227
|
+
"name": "DsTabs",
|
|
7228
|
+
"module": "./tabs.js"
|
|
7213
7229
|
}
|
|
7214
7230
|
},
|
|
7215
7231
|
{
|
|
7216
7232
|
"kind": "js",
|
|
7217
|
-
"name": "
|
|
7233
|
+
"name": "DsTab",
|
|
7218
7234
|
"declaration": {
|
|
7219
|
-
"name": "
|
|
7220
|
-
"module": "./
|
|
7235
|
+
"name": "DsTab",
|
|
7236
|
+
"module": "./tab.js"
|
|
7221
7237
|
}
|
|
7222
7238
|
},
|
|
7223
7239
|
{
|
|
7224
7240
|
"kind": "js",
|
|
7225
|
-
"name": "
|
|
7241
|
+
"name": "DsTabPanel",
|
|
7226
7242
|
"declaration": {
|
|
7227
|
-
"name": "
|
|
7228
|
-
"module": "./
|
|
7243
|
+
"name": "DsTabPanel",
|
|
7244
|
+
"module": "./tab-panel.js"
|
|
7229
7245
|
}
|
|
7230
7246
|
}
|
|
7231
7247
|
]
|
|
7232
7248
|
},
|
|
7233
7249
|
{
|
|
7234
7250
|
"kind": "javascript-module",
|
|
7235
|
-
"path": "src/atoms/
|
|
7251
|
+
"path": "src/atoms/tabs/tab-panel.styles.ts",
|
|
7236
7252
|
"declarations": [
|
|
7237
7253
|
{
|
|
7238
7254
|
"kind": "variable",
|
|
7239
|
-
"name": "
|
|
7240
|
-
"default": "css` :host { display:
|
|
7255
|
+
"name": "tabPanelStyles",
|
|
7256
|
+
"default": "css` :host { display: block; } :host(:focus-visible) { border-radius: var(--ds-radius-sm); box-shadow: var(--ds-shadow-focus); } `"
|
|
7241
7257
|
}
|
|
7242
7258
|
],
|
|
7243
7259
|
"exports": [
|
|
7244
7260
|
{
|
|
7245
7261
|
"kind": "js",
|
|
7246
|
-
"name": "
|
|
7262
|
+
"name": "tabPanelStyles",
|
|
7247
7263
|
"declaration": {
|
|
7248
|
-
"name": "
|
|
7249
|
-
"module": "src/atoms/
|
|
7264
|
+
"name": "tabPanelStyles",
|
|
7265
|
+
"module": "src/atoms/tabs/tab-panel.styles.ts"
|
|
7250
7266
|
}
|
|
7251
7267
|
}
|
|
7252
7268
|
]
|
|
7253
7269
|
},
|
|
7254
7270
|
{
|
|
7255
7271
|
"kind": "javascript-module",
|
|
7256
|
-
"path": "src/atoms/
|
|
7272
|
+
"path": "src/atoms/tabs/tab-panel.ts",
|
|
7257
7273
|
"declarations": [
|
|
7258
7274
|
{
|
|
7259
7275
|
"kind": "class",
|
|
7260
7276
|
"description": "",
|
|
7261
|
-
"name": "
|
|
7277
|
+
"name": "DsTabPanel",
|
|
7262
7278
|
"slots": [
|
|
7263
7279
|
{
|
|
7264
|
-
"description": "
|
|
7265
|
-
"name": "
|
|
7266
|
-
},
|
|
7267
|
-
{
|
|
7268
|
-
"description": "Adornment rendered after the input.",
|
|
7269
|
-
"name": "trailing"
|
|
7280
|
+
"description": "Panel contents, shown only when the panel is active.",
|
|
7281
|
+
"name": "default"
|
|
7270
7282
|
}
|
|
7271
7283
|
],
|
|
7272
7284
|
"members": [
|
|
7273
7285
|
{
|
|
7274
7286
|
"kind": "field",
|
|
7275
|
-
"name": "
|
|
7276
|
-
"type": {
|
|
7277
|
-
"text": "ShadowRootInit"
|
|
7278
|
-
},
|
|
7279
|
-
"static": true,
|
|
7280
|
-
"default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
|
|
7281
|
-
},
|
|
7282
|
-
{
|
|
7283
|
-
"kind": "field",
|
|
7284
|
-
"name": "type",
|
|
7285
|
-
"type": {
|
|
7286
|
-
"text": "TextFieldType"
|
|
7287
|
-
},
|
|
7288
|
-
"default": "'text'",
|
|
7289
|
-
"attribute": "type"
|
|
7290
|
-
},
|
|
7291
|
-
{
|
|
7292
|
-
"kind": "field",
|
|
7293
|
-
"name": "size",
|
|
7294
|
-
"type": {
|
|
7295
|
-
"text": "TextFieldSize"
|
|
7296
|
-
},
|
|
7297
|
-
"default": "'md'",
|
|
7298
|
-
"attribute": "size",
|
|
7299
|
-
"reflects": true
|
|
7300
|
-
},
|
|
7301
|
-
{
|
|
7302
|
-
"kind": "field",
|
|
7303
|
-
"name": "placeholder",
|
|
7287
|
+
"name": "value",
|
|
7304
7288
|
"type": {
|
|
7305
7289
|
"text": "string"
|
|
7306
7290
|
},
|
|
7307
7291
|
"default": "''",
|
|
7308
|
-
"attribute": "
|
|
7292
|
+
"attribute": "value"
|
|
7309
7293
|
},
|
|
7310
7294
|
{
|
|
7311
7295
|
"kind": "field",
|
|
7312
|
-
"name": "
|
|
7296
|
+
"name": "active",
|
|
7313
7297
|
"type": {
|
|
7314
7298
|
"text": "boolean"
|
|
7315
7299
|
},
|
|
7316
7300
|
"default": "false",
|
|
7317
|
-
"attribute": "
|
|
7301
|
+
"attribute": "active",
|
|
7318
7302
|
"reflects": true
|
|
7319
|
-
}
|
|
7320
|
-
|
|
7321
|
-
|
|
7322
|
-
"name": "minLength",
|
|
7323
|
-
"type": {
|
|
7324
|
-
"text": "number | undefined"
|
|
7325
|
-
},
|
|
7326
|
-
"attribute": "min-length"
|
|
7327
|
-
},
|
|
7328
|
-
{
|
|
7329
|
-
"kind": "field",
|
|
7330
|
-
"name": "maxLength",
|
|
7331
|
-
"type": {
|
|
7332
|
-
"text": "number | undefined"
|
|
7333
|
-
},
|
|
7334
|
-
"attribute": "max-length"
|
|
7335
|
-
},
|
|
7336
|
-
{
|
|
7337
|
-
"kind": "field",
|
|
7338
|
-
"name": "pattern",
|
|
7339
|
-
"type": {
|
|
7340
|
-
"text": "string | undefined"
|
|
7341
|
-
},
|
|
7342
|
-
"attribute": "pattern"
|
|
7343
|
-
},
|
|
7344
|
-
{
|
|
7345
|
-
"kind": "field",
|
|
7346
|
-
"name": "autocomplete",
|
|
7347
|
-
"type": {
|
|
7348
|
-
"text": "string | undefined"
|
|
7349
|
-
},
|
|
7350
|
-
"attribute": "autocomplete"
|
|
7351
|
-
},
|
|
7303
|
+
}
|
|
7304
|
+
],
|
|
7305
|
+
"attributes": [
|
|
7352
7306
|
{
|
|
7353
|
-
"
|
|
7354
|
-
"name": "label",
|
|
7307
|
+
"name": "value",
|
|
7355
7308
|
"type": {
|
|
7356
7309
|
"text": "string"
|
|
7357
7310
|
},
|
|
7358
7311
|
"default": "''",
|
|
7359
|
-
"
|
|
7312
|
+
"fieldName": "value"
|
|
7360
7313
|
},
|
|
7361
7314
|
{
|
|
7362
|
-
"
|
|
7363
|
-
"name": "inputLabel",
|
|
7315
|
+
"name": "active",
|
|
7364
7316
|
"type": {
|
|
7365
|
-
"text": "
|
|
7317
|
+
"text": "boolean"
|
|
7366
7318
|
},
|
|
7367
|
-
"default": "
|
|
7368
|
-
"
|
|
7369
|
-
}
|
|
7319
|
+
"default": "false",
|
|
7320
|
+
"fieldName": "active"
|
|
7321
|
+
}
|
|
7322
|
+
],
|
|
7323
|
+
"superclass": {
|
|
7324
|
+
"name": "DsElement",
|
|
7325
|
+
"package": "@jsekulowicz/ds-core"
|
|
7326
|
+
},
|
|
7327
|
+
"tagName": "ds-tab-panel",
|
|
7328
|
+
"customElement": true,
|
|
7329
|
+
"summary": "Content region associated with a ds-tab."
|
|
7330
|
+
}
|
|
7331
|
+
],
|
|
7332
|
+
"exports": [
|
|
7333
|
+
{
|
|
7334
|
+
"kind": "js",
|
|
7335
|
+
"name": "DsTabPanel",
|
|
7336
|
+
"declaration": {
|
|
7337
|
+
"name": "DsTabPanel",
|
|
7338
|
+
"module": "src/atoms/tabs/tab-panel.ts"
|
|
7339
|
+
}
|
|
7340
|
+
}
|
|
7341
|
+
]
|
|
7342
|
+
},
|
|
7343
|
+
{
|
|
7344
|
+
"kind": "javascript-module",
|
|
7345
|
+
"path": "src/atoms/tabs/tab.styles.ts",
|
|
7346
|
+
"declarations": [
|
|
7347
|
+
{
|
|
7348
|
+
"kind": "variable",
|
|
7349
|
+
"name": "tabStyles",
|
|
7350
|
+
"default": "css` :host { display: inline-flex; } :host([disabled]) { cursor: not-allowed; opacity: 0.5; } .tab { display: inline-flex; align-items: center; gap: var(--ds-space-2); padding: var(--ds-space-3) var(--ds-space-2); color: var(--ds-color-fg-muted); font-family: var(--ds-font-body); font-size: var(--ds-font-size-sm); font-weight: var(--ds-font-weight-medium); line-height: 1; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color var(--ds-duration-fast) var(--ds-easing-standard), border-color var(--ds-duration-fast) var(--ds-easing-standard); user-select: none; white-space: nowrap; } :host(:hover:not([disabled])) .tab { color: var(--ds-color-fg); } :host([selected]) .tab { color: var(--ds-color-accent); border-bottom-color: var(--ds-color-accent); } :host(:focus-visible) .tab { border-radius: var(--ds-radius-sm); box-shadow: var(--ds-shadow-focus); } `"
|
|
7351
|
+
}
|
|
7352
|
+
],
|
|
7353
|
+
"exports": [
|
|
7354
|
+
{
|
|
7355
|
+
"kind": "js",
|
|
7356
|
+
"name": "tabStyles",
|
|
7357
|
+
"declaration": {
|
|
7358
|
+
"name": "tabStyles",
|
|
7359
|
+
"module": "src/atoms/tabs/tab.styles.ts"
|
|
7360
|
+
}
|
|
7361
|
+
}
|
|
7362
|
+
]
|
|
7363
|
+
},
|
|
7364
|
+
{
|
|
7365
|
+
"kind": "javascript-module",
|
|
7366
|
+
"path": "src/atoms/tabs/tab.ts",
|
|
7367
|
+
"declarations": [
|
|
7368
|
+
{
|
|
7369
|
+
"kind": "class",
|
|
7370
|
+
"description": "",
|
|
7371
|
+
"name": "DsTab",
|
|
7372
|
+
"cssParts": [
|
|
7370
7373
|
{
|
|
7371
|
-
"
|
|
7372
|
-
"name": "
|
|
7373
|
-
|
|
7374
|
-
|
|
7375
|
-
|
|
7376
|
-
|
|
7377
|
-
"
|
|
7378
|
-
|
|
7374
|
+
"description": "The inner tab surface.",
|
|
7375
|
+
"name": "tab"
|
|
7376
|
+
}
|
|
7377
|
+
],
|
|
7378
|
+
"slots": [
|
|
7379
|
+
{
|
|
7380
|
+
"description": "Tab label content.",
|
|
7381
|
+
"name": "default"
|
|
7382
|
+
}
|
|
7383
|
+
],
|
|
7384
|
+
"members": [
|
|
7379
7385
|
{
|
|
7380
7386
|
"kind": "field",
|
|
7381
|
-
"name": "
|
|
7387
|
+
"name": "value",
|
|
7382
7388
|
"type": {
|
|
7383
7389
|
"text": "string"
|
|
7384
7390
|
},
|
|
7385
7391
|
"default": "''",
|
|
7386
|
-
"attribute": "
|
|
7392
|
+
"attribute": "value"
|
|
7387
7393
|
},
|
|
7388
7394
|
{
|
|
7389
7395
|
"kind": "field",
|
|
7390
|
-
"name": "
|
|
7396
|
+
"name": "selected",
|
|
7391
7397
|
"type": {
|
|
7392
7398
|
"text": "boolean"
|
|
7393
7399
|
},
|
|
7394
7400
|
"default": "false",
|
|
7395
|
-
"attribute": "
|
|
7401
|
+
"attribute": "selected",
|
|
7396
7402
|
"reflects": true
|
|
7397
7403
|
},
|
|
7398
7404
|
{
|
|
7399
7405
|
"kind": "field",
|
|
7400
|
-
"name": "
|
|
7406
|
+
"name": "disabled",
|
|
7401
7407
|
"type": {
|
|
7402
7408
|
"text": "boolean"
|
|
7403
7409
|
},
|
|
7404
7410
|
"default": "false",
|
|
7405
|
-
"attribute": "
|
|
7411
|
+
"attribute": "disabled",
|
|
7406
7412
|
"reflects": true
|
|
7407
7413
|
},
|
|
7408
7414
|
{
|
|
7409
7415
|
"kind": "field",
|
|
7410
|
-
"name": "
|
|
7416
|
+
"name": "#onClick",
|
|
7417
|
+
"privacy": "private"
|
|
7418
|
+
}
|
|
7419
|
+
],
|
|
7420
|
+
"attributes": [
|
|
7421
|
+
{
|
|
7422
|
+
"name": "value",
|
|
7411
7423
|
"type": {
|
|
7412
|
-
"text": "
|
|
7424
|
+
"text": "string"
|
|
7413
7425
|
},
|
|
7414
|
-
"
|
|
7415
|
-
"
|
|
7426
|
+
"default": "''",
|
|
7427
|
+
"fieldName": "value"
|
|
7416
7428
|
},
|
|
7417
7429
|
{
|
|
7418
|
-
"
|
|
7419
|
-
"name": "_hasTrailing",
|
|
7430
|
+
"name": "selected",
|
|
7420
7431
|
"type": {
|
|
7421
7432
|
"text": "boolean"
|
|
7422
7433
|
},
|
|
7423
|
-
"
|
|
7424
|
-
"
|
|
7434
|
+
"default": "false",
|
|
7435
|
+
"fieldName": "selected"
|
|
7425
7436
|
},
|
|
7426
7437
|
{
|
|
7427
|
-
"
|
|
7428
|
-
"name": "input",
|
|
7438
|
+
"name": "disabled",
|
|
7429
7439
|
"type": {
|
|
7430
|
-
"text": "
|
|
7440
|
+
"text": "boolean"
|
|
7431
7441
|
},
|
|
7432
|
-
"
|
|
7433
|
-
|
|
7434
|
-
{
|
|
7435
|
-
"kind": "field",
|
|
7436
|
-
"name": "#onLeadingChange",
|
|
7437
|
-
"privacy": "private"
|
|
7438
|
-
},
|
|
7439
|
-
{
|
|
7440
|
-
"kind": "field",
|
|
7441
|
-
"name": "#onTrailingChange",
|
|
7442
|
-
"privacy": "private"
|
|
7443
|
-
},
|
|
7444
|
-
{
|
|
7445
|
-
"kind": "field",
|
|
7446
|
-
"name": "#onInput",
|
|
7447
|
-
"privacy": "private"
|
|
7448
|
-
},
|
|
7449
|
-
{
|
|
7450
|
-
"kind": "field",
|
|
7451
|
-
"name": "#onChange",
|
|
7452
|
-
"privacy": "private"
|
|
7453
|
-
},
|
|
7454
|
-
{
|
|
7455
|
-
"kind": "method",
|
|
7456
|
-
"name": "#syncValidity",
|
|
7457
|
-
"privacy": "private",
|
|
7458
|
-
"return": {
|
|
7459
|
-
"type": {
|
|
7460
|
-
"text": "void"
|
|
7461
|
-
}
|
|
7462
|
-
}
|
|
7442
|
+
"default": "false",
|
|
7443
|
+
"fieldName": "disabled"
|
|
7463
7444
|
}
|
|
7464
7445
|
],
|
|
7465
|
-
"
|
|
7446
|
+
"superclass": {
|
|
7447
|
+
"name": "DsElement",
|
|
7448
|
+
"package": "@jsekulowicz/ds-core"
|
|
7449
|
+
},
|
|
7450
|
+
"tagName": "ds-tab",
|
|
7451
|
+
"customElement": true,
|
|
7452
|
+
"summary": "Individual tab trigger inside a ds-tabs tablist."
|
|
7453
|
+
}
|
|
7454
|
+
],
|
|
7455
|
+
"exports": [
|
|
7456
|
+
{
|
|
7457
|
+
"kind": "js",
|
|
7458
|
+
"name": "DsTab",
|
|
7459
|
+
"declaration": {
|
|
7460
|
+
"name": "DsTab",
|
|
7461
|
+
"module": "src/atoms/tabs/tab.ts"
|
|
7462
|
+
}
|
|
7463
|
+
}
|
|
7464
|
+
]
|
|
7465
|
+
},
|
|
7466
|
+
{
|
|
7467
|
+
"kind": "javascript-module",
|
|
7468
|
+
"path": "src/atoms/tabs/tabs.styles.ts",
|
|
7469
|
+
"declarations": [
|
|
7470
|
+
{
|
|
7471
|
+
"kind": "variable",
|
|
7472
|
+
"name": "tabsStyles",
|
|
7473
|
+
"default": "css` :host { display: block; width: 100%; } .tablist { display: flex; gap: var(--ds-space-2); border-bottom: 1px solid var(--ds-color-border); padding: 4px 4px 0; margin: -4px -4px 0; } .panels { padding-top: var(--ds-space-4); } `"
|
|
7474
|
+
}
|
|
7475
|
+
],
|
|
7476
|
+
"exports": [
|
|
7477
|
+
{
|
|
7478
|
+
"kind": "js",
|
|
7479
|
+
"name": "tabsStyles",
|
|
7480
|
+
"declaration": {
|
|
7481
|
+
"name": "tabsStyles",
|
|
7482
|
+
"module": "src/atoms/tabs/tabs.styles.ts"
|
|
7483
|
+
}
|
|
7484
|
+
}
|
|
7485
|
+
]
|
|
7486
|
+
},
|
|
7487
|
+
{
|
|
7488
|
+
"kind": "javascript-module",
|
|
7489
|
+
"path": "src/atoms/tabs/tabs.ts",
|
|
7490
|
+
"declarations": [
|
|
7491
|
+
{
|
|
7492
|
+
"kind": "class",
|
|
7493
|
+
"description": "",
|
|
7494
|
+
"name": "DsTabs",
|
|
7495
|
+
"cssParts": [
|
|
7466
7496
|
{
|
|
7467
|
-
"description": "
|
|
7468
|
-
"name": "
|
|
7497
|
+
"description": "The horizontal tab row.",
|
|
7498
|
+
"name": "tablist"
|
|
7469
7499
|
},
|
|
7470
7500
|
{
|
|
7471
|
-
"description": "
|
|
7472
|
-
"name": "
|
|
7501
|
+
"description": "The panels container.",
|
|
7502
|
+
"name": "panels"
|
|
7473
7503
|
}
|
|
7474
7504
|
],
|
|
7475
|
-
"
|
|
7505
|
+
"slots": [
|
|
7476
7506
|
{
|
|
7477
|
-
"
|
|
7478
|
-
"
|
|
7479
|
-
"text": "TextFieldType"
|
|
7480
|
-
},
|
|
7481
|
-
"default": "'text'",
|
|
7482
|
-
"fieldName": "type"
|
|
7507
|
+
"description": "ds-tab elements that make up the tablist.",
|
|
7508
|
+
"name": "tab"
|
|
7483
7509
|
},
|
|
7484
7510
|
{
|
|
7485
|
-
"
|
|
7486
|
-
"
|
|
7487
|
-
|
|
7488
|
-
|
|
7489
|
-
|
|
7490
|
-
"fieldName": "size"
|
|
7491
|
-
},
|
|
7511
|
+
"description": "ds-tab-panel elements, one per tab.",
|
|
7512
|
+
"name": "default"
|
|
7513
|
+
}
|
|
7514
|
+
],
|
|
7515
|
+
"members": [
|
|
7492
7516
|
{
|
|
7493
|
-
"
|
|
7517
|
+
"kind": "field",
|
|
7518
|
+
"name": "value",
|
|
7494
7519
|
"type": {
|
|
7495
7520
|
"text": "string"
|
|
7496
7521
|
},
|
|
7497
7522
|
"default": "''",
|
|
7498
|
-
"
|
|
7499
|
-
},
|
|
7500
|
-
{
|
|
7501
|
-
"name": "readonly",
|
|
7502
|
-
"type": {
|
|
7503
|
-
"text": "boolean"
|
|
7504
|
-
},
|
|
7505
|
-
"default": "false",
|
|
7506
|
-
"fieldName": "readonly"
|
|
7507
|
-
},
|
|
7508
|
-
{
|
|
7509
|
-
"name": "min-length",
|
|
7510
|
-
"type": {
|
|
7511
|
-
"text": "number | undefined"
|
|
7512
|
-
},
|
|
7513
|
-
"fieldName": "minLength"
|
|
7514
|
-
},
|
|
7515
|
-
{
|
|
7516
|
-
"name": "max-length",
|
|
7517
|
-
"type": {
|
|
7518
|
-
"text": "number | undefined"
|
|
7519
|
-
},
|
|
7520
|
-
"fieldName": "maxLength"
|
|
7523
|
+
"attribute": "value"
|
|
7521
7524
|
},
|
|
7522
7525
|
{
|
|
7523
|
-
"
|
|
7526
|
+
"kind": "field",
|
|
7527
|
+
"name": "_tabs",
|
|
7524
7528
|
"type": {
|
|
7525
|
-
"text": "
|
|
7529
|
+
"text": "DsTab[]"
|
|
7526
7530
|
},
|
|
7527
|
-
"
|
|
7531
|
+
"privacy": "private"
|
|
7528
7532
|
},
|
|
7529
7533
|
{
|
|
7530
|
-
"
|
|
7534
|
+
"kind": "field",
|
|
7535
|
+
"name": "_panels",
|
|
7531
7536
|
"type": {
|
|
7532
|
-
"text": "
|
|
7537
|
+
"text": "DsTabPanel[]"
|
|
7533
7538
|
},
|
|
7534
|
-
"
|
|
7539
|
+
"privacy": "private"
|
|
7535
7540
|
},
|
|
7536
7541
|
{
|
|
7537
|
-
"
|
|
7538
|
-
"
|
|
7539
|
-
|
|
7540
|
-
},
|
|
7541
|
-
"default": "''",
|
|
7542
|
-
"fieldName": "label"
|
|
7542
|
+
"kind": "field",
|
|
7543
|
+
"name": "#onSlotChange",
|
|
7544
|
+
"privacy": "private"
|
|
7543
7545
|
},
|
|
7544
7546
|
{
|
|
7545
|
-
"
|
|
7546
|
-
"
|
|
7547
|
-
|
|
7548
|
-
},
|
|
7549
|
-
"default": "''",
|
|
7550
|
-
"fieldName": "inputLabel"
|
|
7547
|
+
"kind": "field",
|
|
7548
|
+
"name": "#syncSelection",
|
|
7549
|
+
"privacy": "private"
|
|
7551
7550
|
},
|
|
7552
7551
|
{
|
|
7553
|
-
"
|
|
7554
|
-
"
|
|
7555
|
-
|
|
7556
|
-
},
|
|
7557
|
-
"default": "''",
|
|
7558
|
-
"fieldName": "description"
|
|
7552
|
+
"kind": "field",
|
|
7553
|
+
"name": "#onTabActivate",
|
|
7554
|
+
"privacy": "private"
|
|
7559
7555
|
},
|
|
7560
7556
|
{
|
|
7561
|
-
"
|
|
7562
|
-
"
|
|
7563
|
-
|
|
7564
|
-
},
|
|
7565
|
-
"default": "''",
|
|
7566
|
-
"fieldName": "error"
|
|
7557
|
+
"kind": "field",
|
|
7558
|
+
"name": "#setValue",
|
|
7559
|
+
"privacy": "private"
|
|
7567
7560
|
},
|
|
7568
7561
|
{
|
|
7569
|
-
"
|
|
7570
|
-
"
|
|
7571
|
-
|
|
7572
|
-
},
|
|
7573
|
-
"default": "false",
|
|
7574
|
-
"fieldName": "invalid"
|
|
7562
|
+
"kind": "field",
|
|
7563
|
+
"name": "#focusTab",
|
|
7564
|
+
"privacy": "private"
|
|
7575
7565
|
},
|
|
7576
7566
|
{
|
|
7577
|
-
"
|
|
7578
|
-
"
|
|
7579
|
-
|
|
7580
|
-
|
|
7581
|
-
|
|
7582
|
-
|
|
7567
|
+
"kind": "field",
|
|
7568
|
+
"name": "#onKeydown",
|
|
7569
|
+
"privacy": "private"
|
|
7570
|
+
}
|
|
7571
|
+
],
|
|
7572
|
+
"events": [
|
|
7573
|
+
{
|
|
7574
|
+
"description": "Fires when the active tab changes. Detail: `{ value: string }`.",
|
|
7575
|
+
"name": "ds-change"
|
|
7583
7576
|
}
|
|
7584
7577
|
],
|
|
7585
|
-
"
|
|
7578
|
+
"attributes": [
|
|
7586
7579
|
{
|
|
7587
|
-
"name": "
|
|
7588
|
-
"
|
|
7580
|
+
"name": "value",
|
|
7581
|
+
"type": {
|
|
7582
|
+
"text": "string"
|
|
7583
|
+
},
|
|
7584
|
+
"default": "''",
|
|
7585
|
+
"fieldName": "value"
|
|
7589
7586
|
}
|
|
7590
7587
|
],
|
|
7591
7588
|
"superclass": {
|
|
7592
7589
|
"name": "DsElement",
|
|
7593
7590
|
"package": "@jsekulowicz/ds-core"
|
|
7594
7591
|
},
|
|
7595
|
-
"tagName": "ds-
|
|
7592
|
+
"tagName": "ds-tabs",
|
|
7596
7593
|
"customElement": true,
|
|
7597
|
-
"summary": "
|
|
7594
|
+
"summary": "Tablist container that coordinates ds-tab triggers and ds-tab-panel regions."
|
|
7598
7595
|
}
|
|
7599
7596
|
],
|
|
7600
7597
|
"exports": [
|
|
7601
7598
|
{
|
|
7602
7599
|
"kind": "js",
|
|
7603
|
-
"name": "
|
|
7600
|
+
"name": "DsTabs",
|
|
7604
7601
|
"declaration": {
|
|
7605
|
-
"name": "
|
|
7606
|
-
"module": "src/atoms/
|
|
7602
|
+
"name": "DsTabs",
|
|
7603
|
+
"module": "src/atoms/tabs/tabs.ts"
|
|
7607
7604
|
}
|
|
7608
7605
|
}
|
|
7609
7606
|
]
|
|
7610
7607
|
},
|
|
7611
7608
|
{
|
|
7612
7609
|
"kind": "javascript-module",
|
|
7613
|
-
"path": "src/atoms/
|
|
7610
|
+
"path": "src/atoms/text-field/define.ts",
|
|
7614
7611
|
"declarations": [],
|
|
7615
7612
|
"exports": [
|
|
7616
7613
|
{
|
|
7617
7614
|
"kind": "custom-element-definition",
|
|
7618
|
-
"name": "ds-
|
|
7619
|
-
"declaration": {
|
|
7620
|
-
"name": "DsTabs",
|
|
7621
|
-
"module": "/src/atoms/tabs/tabs.js"
|
|
7622
|
-
}
|
|
7623
|
-
},
|
|
7624
|
-
{
|
|
7625
|
-
"kind": "custom-element-definition",
|
|
7626
|
-
"name": "ds-tab",
|
|
7627
|
-
"declaration": {
|
|
7628
|
-
"name": "DsTab",
|
|
7629
|
-
"module": "/src/atoms/tabs/tab.js"
|
|
7630
|
-
}
|
|
7631
|
-
},
|
|
7632
|
-
{
|
|
7633
|
-
"kind": "custom-element-definition",
|
|
7634
|
-
"name": "ds-tab-panel",
|
|
7615
|
+
"name": "ds-text-field",
|
|
7635
7616
|
"declaration": {
|
|
7636
|
-
"name": "
|
|
7637
|
-
"module": "/src/atoms/
|
|
7617
|
+
"name": "DsTextField",
|
|
7618
|
+
"module": "/src/atoms/text-field/text-field.js"
|
|
7638
7619
|
}
|
|
7639
7620
|
}
|
|
7640
7621
|
]
|
|
7641
7622
|
},
|
|
7642
7623
|
{
|
|
7643
7624
|
"kind": "javascript-module",
|
|
7644
|
-
"path": "src/atoms/
|
|
7625
|
+
"path": "src/atoms/text-field/index.ts",
|
|
7645
7626
|
"declarations": [],
|
|
7646
7627
|
"exports": [
|
|
7647
7628
|
{
|
|
7648
7629
|
"kind": "js",
|
|
7649
|
-
"name": "
|
|
7630
|
+
"name": "DsTextField",
|
|
7650
7631
|
"declaration": {
|
|
7651
|
-
"name": "
|
|
7652
|
-
"module": "./
|
|
7632
|
+
"name": "DsTextField",
|
|
7633
|
+
"module": "./text-field.js"
|
|
7653
7634
|
}
|
|
7654
7635
|
},
|
|
7655
7636
|
{
|
|
7656
7637
|
"kind": "js",
|
|
7657
|
-
"name": "
|
|
7638
|
+
"name": "TextFieldType",
|
|
7658
7639
|
"declaration": {
|
|
7659
|
-
"name": "
|
|
7660
|
-
"module": "./
|
|
7640
|
+
"name": "TextFieldType",
|
|
7641
|
+
"module": "./text-field.js"
|
|
7661
7642
|
}
|
|
7662
7643
|
},
|
|
7663
7644
|
{
|
|
7664
7645
|
"kind": "js",
|
|
7665
|
-
"name": "
|
|
7646
|
+
"name": "TextFieldSize",
|
|
7666
7647
|
"declaration": {
|
|
7667
|
-
"name": "
|
|
7668
|
-
"module": "./
|
|
7648
|
+
"name": "TextFieldSize",
|
|
7649
|
+
"module": "./text-field.js"
|
|
7669
7650
|
}
|
|
7670
7651
|
}
|
|
7671
7652
|
]
|
|
7672
7653
|
},
|
|
7673
7654
|
{
|
|
7674
7655
|
"kind": "javascript-module",
|
|
7675
|
-
"path": "src/atoms/
|
|
7656
|
+
"path": "src/atoms/text-field/text-field.styles.ts",
|
|
7676
7657
|
"declarations": [
|
|
7677
7658
|
{
|
|
7678
7659
|
"kind": "variable",
|
|
7679
|
-
"name": "
|
|
7680
|
-
"default": "css` :host { display:
|
|
7660
|
+
"name": "textFieldStyles",
|
|
7661
|
+
"default": "css` :host { display: flex; flex-direction: column; gap: var(--ds-space-1); width: 100%; } .wrap { position: relative; display: flex; align-items: center; width: 100%; height: var(--ds-size-md); padding: 0 var(--ds-space-3); gap: var(--ds-space-2); background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); transition: border-color var(--ds-duration-fast) var(--ds-easing-standard), box-shadow var(--ds-duration-fast) var(--ds-easing-standard); } .wrap:hover { border-color: var(--ds-color-fg-subtle); } .wrap:focus-within { border-color: var(--ds-color-accent); box-shadow: var(--ds-shadow-focus); } :host([invalid]) .wrap { border-color: var(--ds-color-danger); background: var(--ds-color-danger-subtle); } :host([invalid]) .wrap:focus-within { box-shadow: 0 0 0 3px rgba(178, 26, 10, 0.3); } :host([disabled]) .wrap { opacity: 0.5; cursor: not-allowed; background: var(--ds-color-bg-subtle); } input { flex: 1; border: none; outline: none; background: transparent; color: var(--ds-color-fg); font-family: var(--ds-font-body); font-size: var(--ds-font-size-sm); line-height: 1.4; padding: 0; min-width: 0; } input::placeholder { color: var(--ds-color-fg-muted); } :host([size='sm']) .wrap { height: var(--ds-size-sm); padding: 0 var(--ds-space-2); } :host([size='lg']) .wrap { height: var(--ds-size-lg); padding: 0 var(--ds-space-4); font-size: var(--ds-font-size-md); } .adornment { display: inline-flex; align-items: center; color: var(--ds-color-fg-muted); font-size: var(--ds-font-size-sm); } .adornment[hidden] { display: none; } `"
|
|
7681
7662
|
}
|
|
7682
7663
|
],
|
|
7683
7664
|
"exports": [
|
|
7684
7665
|
{
|
|
7685
7666
|
"kind": "js",
|
|
7686
|
-
"name": "
|
|
7667
|
+
"name": "textFieldStyles",
|
|
7687
7668
|
"declaration": {
|
|
7688
|
-
"name": "
|
|
7689
|
-
"module": "src/atoms/
|
|
7669
|
+
"name": "textFieldStyles",
|
|
7670
|
+
"module": "src/atoms/text-field/text-field.styles.ts"
|
|
7690
7671
|
}
|
|
7691
7672
|
}
|
|
7692
7673
|
]
|
|
7693
7674
|
},
|
|
7694
7675
|
{
|
|
7695
7676
|
"kind": "javascript-module",
|
|
7696
|
-
"path": "src/atoms/
|
|
7677
|
+
"path": "src/atoms/text-field/text-field.ts",
|
|
7697
7678
|
"declarations": [
|
|
7698
7679
|
{
|
|
7699
7680
|
"kind": "class",
|
|
7700
7681
|
"description": "",
|
|
7701
|
-
"name": "
|
|
7682
|
+
"name": "DsTextField",
|
|
7702
7683
|
"slots": [
|
|
7703
7684
|
{
|
|
7704
|
-
"description": "
|
|
7705
|
-
"name": "
|
|
7685
|
+
"description": "Adornment rendered before the input.",
|
|
7686
|
+
"name": "leading"
|
|
7687
|
+
},
|
|
7688
|
+
{
|
|
7689
|
+
"description": "Adornment rendered after the input.",
|
|
7690
|
+
"name": "trailing"
|
|
7706
7691
|
}
|
|
7707
7692
|
],
|
|
7708
7693
|
"members": [
|
|
7709
7694
|
{
|
|
7710
7695
|
"kind": "field",
|
|
7711
|
-
"name": "
|
|
7696
|
+
"name": "shadowRootOptions",
|
|
7712
7697
|
"type": {
|
|
7713
|
-
"text": "
|
|
7698
|
+
"text": "ShadowRootInit"
|
|
7714
7699
|
},
|
|
7715
|
-
"
|
|
7716
|
-
"
|
|
7700
|
+
"static": true,
|
|
7701
|
+
"default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
|
|
7717
7702
|
},
|
|
7718
7703
|
{
|
|
7719
7704
|
"kind": "field",
|
|
7720
|
-
"name": "
|
|
7705
|
+
"name": "type",
|
|
7721
7706
|
"type": {
|
|
7722
|
-
"text": "
|
|
7707
|
+
"text": "TextFieldType"
|
|
7723
7708
|
},
|
|
7724
|
-
"default": "
|
|
7725
|
-
"attribute": "
|
|
7709
|
+
"default": "'text'",
|
|
7710
|
+
"attribute": "type"
|
|
7711
|
+
},
|
|
7712
|
+
{
|
|
7713
|
+
"kind": "field",
|
|
7714
|
+
"name": "size",
|
|
7715
|
+
"type": {
|
|
7716
|
+
"text": "TextFieldSize"
|
|
7717
|
+
},
|
|
7718
|
+
"default": "'md'",
|
|
7719
|
+
"attribute": "size",
|
|
7726
7720
|
"reflects": true
|
|
7727
|
-
}
|
|
7728
|
-
],
|
|
7729
|
-
"attributes": [
|
|
7721
|
+
},
|
|
7730
7722
|
{
|
|
7731
|
-
"
|
|
7723
|
+
"kind": "field",
|
|
7724
|
+
"name": "placeholder",
|
|
7732
7725
|
"type": {
|
|
7733
7726
|
"text": "string"
|
|
7734
7727
|
},
|
|
7735
7728
|
"default": "''",
|
|
7736
|
-
"
|
|
7729
|
+
"attribute": "placeholder"
|
|
7737
7730
|
},
|
|
7738
7731
|
{
|
|
7739
|
-
"
|
|
7732
|
+
"kind": "field",
|
|
7733
|
+
"name": "readonly",
|
|
7740
7734
|
"type": {
|
|
7741
7735
|
"text": "boolean"
|
|
7742
7736
|
},
|
|
7743
7737
|
"default": "false",
|
|
7744
|
-
"
|
|
7745
|
-
|
|
7746
|
-
|
|
7747
|
-
"superclass": {
|
|
7748
|
-
"name": "DsElement",
|
|
7749
|
-
"package": "@jsekulowicz/ds-core"
|
|
7750
|
-
},
|
|
7751
|
-
"tagName": "ds-tab-panel",
|
|
7752
|
-
"customElement": true,
|
|
7753
|
-
"summary": "Content region associated with a ds-tab."
|
|
7754
|
-
}
|
|
7755
|
-
],
|
|
7756
|
-
"exports": [
|
|
7757
|
-
{
|
|
7758
|
-
"kind": "js",
|
|
7759
|
-
"name": "DsTabPanel",
|
|
7760
|
-
"declaration": {
|
|
7761
|
-
"name": "DsTabPanel",
|
|
7762
|
-
"module": "src/atoms/tabs/tab-panel.ts"
|
|
7763
|
-
}
|
|
7764
|
-
}
|
|
7765
|
-
]
|
|
7766
|
-
},
|
|
7767
|
-
{
|
|
7768
|
-
"kind": "javascript-module",
|
|
7769
|
-
"path": "src/atoms/tabs/tab.styles.ts",
|
|
7770
|
-
"declarations": [
|
|
7771
|
-
{
|
|
7772
|
-
"kind": "variable",
|
|
7773
|
-
"name": "tabStyles",
|
|
7774
|
-
"default": "css` :host { display: inline-flex; } :host([disabled]) { cursor: not-allowed; opacity: 0.5; } .tab { display: inline-flex; align-items: center; gap: var(--ds-space-2); padding: var(--ds-space-3) var(--ds-space-2); color: var(--ds-color-fg-muted); font-family: var(--ds-font-body); font-size: var(--ds-font-size-sm); font-weight: var(--ds-font-weight-medium); line-height: 1; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color var(--ds-duration-fast) var(--ds-easing-standard), border-color var(--ds-duration-fast) var(--ds-easing-standard); user-select: none; white-space: nowrap; } :host(:hover:not([disabled])) .tab { color: var(--ds-color-fg); } :host([selected]) .tab { color: var(--ds-color-accent); border-bottom-color: var(--ds-color-accent); } :host(:focus-visible) .tab { border-radius: var(--ds-radius-sm); box-shadow: var(--ds-shadow-focus); } `"
|
|
7775
|
-
}
|
|
7776
|
-
],
|
|
7777
|
-
"exports": [
|
|
7778
|
-
{
|
|
7779
|
-
"kind": "js",
|
|
7780
|
-
"name": "tabStyles",
|
|
7781
|
-
"declaration": {
|
|
7782
|
-
"name": "tabStyles",
|
|
7783
|
-
"module": "src/atoms/tabs/tab.styles.ts"
|
|
7784
|
-
}
|
|
7785
|
-
}
|
|
7786
|
-
]
|
|
7787
|
-
},
|
|
7788
|
-
{
|
|
7789
|
-
"kind": "javascript-module",
|
|
7790
|
-
"path": "src/atoms/tabs/tab.ts",
|
|
7791
|
-
"declarations": [
|
|
7792
|
-
{
|
|
7793
|
-
"kind": "class",
|
|
7794
|
-
"description": "",
|
|
7795
|
-
"name": "DsTab",
|
|
7796
|
-
"cssParts": [
|
|
7738
|
+
"attribute": "readonly",
|
|
7739
|
+
"reflects": true
|
|
7740
|
+
},
|
|
7797
7741
|
{
|
|
7798
|
-
"
|
|
7799
|
-
"name": "
|
|
7800
|
-
|
|
7801
|
-
|
|
7802
|
-
|
|
7742
|
+
"kind": "field",
|
|
7743
|
+
"name": "minLength",
|
|
7744
|
+
"type": {
|
|
7745
|
+
"text": "number | undefined"
|
|
7746
|
+
},
|
|
7747
|
+
"attribute": "min-length"
|
|
7748
|
+
},
|
|
7803
7749
|
{
|
|
7804
|
-
"
|
|
7805
|
-
"name": "
|
|
7806
|
-
|
|
7807
|
-
|
|
7808
|
-
|
|
7750
|
+
"kind": "field",
|
|
7751
|
+
"name": "maxLength",
|
|
7752
|
+
"type": {
|
|
7753
|
+
"text": "number | undefined"
|
|
7754
|
+
},
|
|
7755
|
+
"attribute": "max-length"
|
|
7756
|
+
},
|
|
7809
7757
|
{
|
|
7810
7758
|
"kind": "field",
|
|
7811
|
-
"name": "
|
|
7759
|
+
"name": "pattern",
|
|
7760
|
+
"type": {
|
|
7761
|
+
"text": "string | undefined"
|
|
7762
|
+
},
|
|
7763
|
+
"attribute": "pattern"
|
|
7764
|
+
},
|
|
7765
|
+
{
|
|
7766
|
+
"kind": "field",
|
|
7767
|
+
"name": "autocomplete",
|
|
7768
|
+
"type": {
|
|
7769
|
+
"text": "string | undefined"
|
|
7770
|
+
},
|
|
7771
|
+
"attribute": "autocomplete"
|
|
7772
|
+
},
|
|
7773
|
+
{
|
|
7774
|
+
"kind": "field",
|
|
7775
|
+
"name": "label",
|
|
7812
7776
|
"type": {
|
|
7813
7777
|
"text": "string"
|
|
7814
7778
|
},
|
|
7815
7779
|
"default": "''",
|
|
7816
|
-
"attribute": "
|
|
7780
|
+
"attribute": "label"
|
|
7817
7781
|
},
|
|
7818
7782
|
{
|
|
7819
7783
|
"kind": "field",
|
|
7820
|
-
"name": "
|
|
7784
|
+
"name": "inputLabel",
|
|
7821
7785
|
"type": {
|
|
7822
|
-
"text": "
|
|
7786
|
+
"text": "string"
|
|
7823
7787
|
},
|
|
7824
|
-
"default": "
|
|
7825
|
-
"attribute": "
|
|
7826
|
-
"reflects": true
|
|
7788
|
+
"default": "''",
|
|
7789
|
+
"attribute": "input-label"
|
|
7827
7790
|
},
|
|
7828
7791
|
{
|
|
7829
7792
|
"kind": "field",
|
|
7830
|
-
"name": "
|
|
7793
|
+
"name": "description",
|
|
7831
7794
|
"type": {
|
|
7832
|
-
"text": "
|
|
7795
|
+
"text": "string"
|
|
7833
7796
|
},
|
|
7834
|
-
"default": "
|
|
7835
|
-
"attribute": "
|
|
7836
|
-
"reflects": true
|
|
7797
|
+
"default": "''",
|
|
7798
|
+
"attribute": "description"
|
|
7837
7799
|
},
|
|
7838
7800
|
{
|
|
7839
7801
|
"kind": "field",
|
|
7840
|
-
"name": "
|
|
7841
|
-
"privacy": "private"
|
|
7842
|
-
}
|
|
7843
|
-
],
|
|
7844
|
-
"attributes": [
|
|
7845
|
-
{
|
|
7846
|
-
"name": "value",
|
|
7802
|
+
"name": "error",
|
|
7847
7803
|
"type": {
|
|
7848
7804
|
"text": "string"
|
|
7849
7805
|
},
|
|
7850
7806
|
"default": "''",
|
|
7851
|
-
"
|
|
7807
|
+
"attribute": "error"
|
|
7852
7808
|
},
|
|
7853
7809
|
{
|
|
7854
|
-
"
|
|
7810
|
+
"kind": "field",
|
|
7811
|
+
"name": "invalid",
|
|
7855
7812
|
"type": {
|
|
7856
7813
|
"text": "boolean"
|
|
7857
7814
|
},
|
|
7858
7815
|
"default": "false",
|
|
7859
|
-
"
|
|
7816
|
+
"attribute": "invalid",
|
|
7817
|
+
"reflects": true
|
|
7860
7818
|
},
|
|
7861
7819
|
{
|
|
7862
|
-
"
|
|
7820
|
+
"kind": "field",
|
|
7821
|
+
"name": "optional",
|
|
7863
7822
|
"type": {
|
|
7864
7823
|
"text": "boolean"
|
|
7865
7824
|
},
|
|
7866
7825
|
"default": "false",
|
|
7867
|
-
"
|
|
7868
|
-
|
|
7869
|
-
],
|
|
7870
|
-
"superclass": {
|
|
7871
|
-
"name": "DsElement",
|
|
7872
|
-
"package": "@jsekulowicz/ds-core"
|
|
7873
|
-
},
|
|
7874
|
-
"tagName": "ds-tab",
|
|
7875
|
-
"customElement": true,
|
|
7876
|
-
"summary": "Individual tab trigger inside a ds-tabs tablist."
|
|
7877
|
-
}
|
|
7878
|
-
],
|
|
7879
|
-
"exports": [
|
|
7880
|
-
{
|
|
7881
|
-
"kind": "js",
|
|
7882
|
-
"name": "DsTab",
|
|
7883
|
-
"declaration": {
|
|
7884
|
-
"name": "DsTab",
|
|
7885
|
-
"module": "src/atoms/tabs/tab.ts"
|
|
7886
|
-
}
|
|
7887
|
-
}
|
|
7888
|
-
]
|
|
7889
|
-
},
|
|
7890
|
-
{
|
|
7891
|
-
"kind": "javascript-module",
|
|
7892
|
-
"path": "src/atoms/tabs/tabs.styles.ts",
|
|
7893
|
-
"declarations": [
|
|
7894
|
-
{
|
|
7895
|
-
"kind": "variable",
|
|
7896
|
-
"name": "tabsStyles",
|
|
7897
|
-
"default": "css` :host { display: block; width: 100%; } .tablist { display: flex; gap: var(--ds-space-2); border-bottom: 1px solid var(--ds-color-border); padding: 4px 4px 0; margin: -4px -4px 0; } .panels { padding-top: var(--ds-space-4); } `"
|
|
7898
|
-
}
|
|
7899
|
-
],
|
|
7900
|
-
"exports": [
|
|
7901
|
-
{
|
|
7902
|
-
"kind": "js",
|
|
7903
|
-
"name": "tabsStyles",
|
|
7904
|
-
"declaration": {
|
|
7905
|
-
"name": "tabsStyles",
|
|
7906
|
-
"module": "src/atoms/tabs/tabs.styles.ts"
|
|
7907
|
-
}
|
|
7908
|
-
}
|
|
7909
|
-
]
|
|
7910
|
-
},
|
|
7911
|
-
{
|
|
7912
|
-
"kind": "javascript-module",
|
|
7913
|
-
"path": "src/atoms/tabs/tabs.ts",
|
|
7914
|
-
"declarations": [
|
|
7915
|
-
{
|
|
7916
|
-
"kind": "class",
|
|
7917
|
-
"description": "",
|
|
7918
|
-
"name": "DsTabs",
|
|
7919
|
-
"cssParts": [
|
|
7920
|
-
{
|
|
7921
|
-
"description": "The horizontal tab row.",
|
|
7922
|
-
"name": "tablist"
|
|
7923
|
-
},
|
|
7924
|
-
{
|
|
7925
|
-
"description": "The panels container.",
|
|
7926
|
-
"name": "panels"
|
|
7927
|
-
}
|
|
7928
|
-
],
|
|
7929
|
-
"slots": [
|
|
7930
|
-
{
|
|
7931
|
-
"description": "ds-tab elements that make up the tablist.",
|
|
7932
|
-
"name": "tab"
|
|
7826
|
+
"attribute": "optional",
|
|
7827
|
+
"reflects": true
|
|
7933
7828
|
},
|
|
7934
|
-
{
|
|
7935
|
-
"description": "ds-tab-panel elements, one per tab.",
|
|
7936
|
-
"name": "default"
|
|
7937
|
-
}
|
|
7938
|
-
],
|
|
7939
|
-
"members": [
|
|
7940
7829
|
{
|
|
7941
7830
|
"kind": "field",
|
|
7942
|
-
"name": "
|
|
7831
|
+
"name": "_hasLeading",
|
|
7943
7832
|
"type": {
|
|
7944
|
-
"text": "
|
|
7833
|
+
"text": "boolean"
|
|
7945
7834
|
},
|
|
7946
|
-
"
|
|
7947
|
-
"
|
|
7835
|
+
"privacy": "private",
|
|
7836
|
+
"default": "false"
|
|
7948
7837
|
},
|
|
7949
7838
|
{
|
|
7950
7839
|
"kind": "field",
|
|
7951
|
-
"name": "
|
|
7840
|
+
"name": "_hasTrailing",
|
|
7952
7841
|
"type": {
|
|
7953
|
-
"text": "
|
|
7842
|
+
"text": "boolean"
|
|
7954
7843
|
},
|
|
7955
|
-
"privacy": "private"
|
|
7844
|
+
"privacy": "private",
|
|
7845
|
+
"default": "false"
|
|
7956
7846
|
},
|
|
7957
7847
|
{
|
|
7958
7848
|
"kind": "field",
|
|
7959
|
-
"name": "
|
|
7849
|
+
"name": "input",
|
|
7960
7850
|
"type": {
|
|
7961
|
-
"text": "
|
|
7851
|
+
"text": "HTMLInputElement"
|
|
7962
7852
|
},
|
|
7963
7853
|
"privacy": "private"
|
|
7964
7854
|
},
|
|
7965
7855
|
{
|
|
7966
7856
|
"kind": "field",
|
|
7967
|
-
"name": "#
|
|
7968
|
-
"privacy": "private"
|
|
7969
|
-
},
|
|
7970
|
-
{
|
|
7971
|
-
"kind": "field",
|
|
7972
|
-
"name": "#syncSelection",
|
|
7857
|
+
"name": "#onLeadingChange",
|
|
7973
7858
|
"privacy": "private"
|
|
7974
7859
|
},
|
|
7975
7860
|
{
|
|
7976
7861
|
"kind": "field",
|
|
7977
|
-
"name": "#
|
|
7862
|
+
"name": "#onTrailingChange",
|
|
7978
7863
|
"privacy": "private"
|
|
7979
7864
|
},
|
|
7980
7865
|
{
|
|
7981
7866
|
"kind": "field",
|
|
7982
|
-
"name": "#
|
|
7867
|
+
"name": "#onInput",
|
|
7983
7868
|
"privacy": "private"
|
|
7984
7869
|
},
|
|
7985
7870
|
{
|
|
7986
7871
|
"kind": "field",
|
|
7987
|
-
"name": "#
|
|
7872
|
+
"name": "#onChange",
|
|
7988
7873
|
"privacy": "private"
|
|
7989
7874
|
},
|
|
7990
7875
|
{
|
|
7991
|
-
"kind": "
|
|
7992
|
-
"name": "#
|
|
7993
|
-
"privacy": "private"
|
|
7876
|
+
"kind": "method",
|
|
7877
|
+
"name": "#syncValidity",
|
|
7878
|
+
"privacy": "private",
|
|
7879
|
+
"return": {
|
|
7880
|
+
"type": {
|
|
7881
|
+
"text": "void"
|
|
7882
|
+
}
|
|
7883
|
+
}
|
|
7994
7884
|
}
|
|
7995
7885
|
],
|
|
7996
7886
|
"events": [
|
|
7997
7887
|
{
|
|
7998
|
-
"description": "
|
|
7888
|
+
"description": "Fired on every keystroke with the current value.",
|
|
7889
|
+
"name": "ds-input"
|
|
7890
|
+
},
|
|
7891
|
+
{
|
|
7892
|
+
"description": "Fired when the value is committed.",
|
|
7999
7893
|
"name": "ds-change"
|
|
8000
7894
|
}
|
|
8001
7895
|
],
|
|
8002
7896
|
"attributes": [
|
|
8003
7897
|
{
|
|
8004
|
-
"name": "
|
|
7898
|
+
"name": "type",
|
|
7899
|
+
"type": {
|
|
7900
|
+
"text": "TextFieldType"
|
|
7901
|
+
},
|
|
7902
|
+
"default": "'text'",
|
|
7903
|
+
"fieldName": "type"
|
|
7904
|
+
},
|
|
7905
|
+
{
|
|
7906
|
+
"name": "size",
|
|
7907
|
+
"type": {
|
|
7908
|
+
"text": "TextFieldSize"
|
|
7909
|
+
},
|
|
7910
|
+
"default": "'md'",
|
|
7911
|
+
"fieldName": "size"
|
|
7912
|
+
},
|
|
7913
|
+
{
|
|
7914
|
+
"name": "placeholder",
|
|
8005
7915
|
"type": {
|
|
8006
7916
|
"text": "string"
|
|
8007
7917
|
},
|
|
8008
7918
|
"default": "''",
|
|
8009
|
-
"fieldName": "
|
|
7919
|
+
"fieldName": "placeholder"
|
|
7920
|
+
},
|
|
7921
|
+
{
|
|
7922
|
+
"name": "readonly",
|
|
7923
|
+
"type": {
|
|
7924
|
+
"text": "boolean"
|
|
7925
|
+
},
|
|
7926
|
+
"default": "false",
|
|
7927
|
+
"fieldName": "readonly"
|
|
7928
|
+
},
|
|
7929
|
+
{
|
|
7930
|
+
"name": "min-length",
|
|
7931
|
+
"type": {
|
|
7932
|
+
"text": "number | undefined"
|
|
7933
|
+
},
|
|
7934
|
+
"fieldName": "minLength"
|
|
7935
|
+
},
|
|
7936
|
+
{
|
|
7937
|
+
"name": "max-length",
|
|
7938
|
+
"type": {
|
|
7939
|
+
"text": "number | undefined"
|
|
7940
|
+
},
|
|
7941
|
+
"fieldName": "maxLength"
|
|
7942
|
+
},
|
|
7943
|
+
{
|
|
7944
|
+
"name": "pattern",
|
|
7945
|
+
"type": {
|
|
7946
|
+
"text": "string | undefined"
|
|
7947
|
+
},
|
|
7948
|
+
"fieldName": "pattern"
|
|
7949
|
+
},
|
|
7950
|
+
{
|
|
7951
|
+
"name": "autocomplete",
|
|
7952
|
+
"type": {
|
|
7953
|
+
"text": "string | undefined"
|
|
7954
|
+
},
|
|
7955
|
+
"fieldName": "autocomplete"
|
|
7956
|
+
},
|
|
7957
|
+
{
|
|
7958
|
+
"name": "label",
|
|
7959
|
+
"type": {
|
|
7960
|
+
"text": "string"
|
|
7961
|
+
},
|
|
7962
|
+
"default": "''",
|
|
7963
|
+
"fieldName": "label"
|
|
7964
|
+
},
|
|
7965
|
+
{
|
|
7966
|
+
"name": "input-label",
|
|
7967
|
+
"type": {
|
|
7968
|
+
"text": "string"
|
|
7969
|
+
},
|
|
7970
|
+
"default": "''",
|
|
7971
|
+
"fieldName": "inputLabel"
|
|
7972
|
+
},
|
|
7973
|
+
{
|
|
7974
|
+
"name": "description",
|
|
7975
|
+
"type": {
|
|
7976
|
+
"text": "string"
|
|
7977
|
+
},
|
|
7978
|
+
"default": "''",
|
|
7979
|
+
"fieldName": "description"
|
|
7980
|
+
},
|
|
7981
|
+
{
|
|
7982
|
+
"name": "error",
|
|
7983
|
+
"type": {
|
|
7984
|
+
"text": "string"
|
|
7985
|
+
},
|
|
7986
|
+
"default": "''",
|
|
7987
|
+
"fieldName": "error"
|
|
7988
|
+
},
|
|
7989
|
+
{
|
|
7990
|
+
"name": "invalid",
|
|
7991
|
+
"type": {
|
|
7992
|
+
"text": "boolean"
|
|
7993
|
+
},
|
|
7994
|
+
"default": "false",
|
|
7995
|
+
"fieldName": "invalid"
|
|
7996
|
+
},
|
|
7997
|
+
{
|
|
7998
|
+
"name": "optional",
|
|
7999
|
+
"type": {
|
|
8000
|
+
"text": "boolean"
|
|
8001
|
+
},
|
|
8002
|
+
"default": "false",
|
|
8003
|
+
"fieldName": "optional"
|
|
8004
|
+
}
|
|
8005
|
+
],
|
|
8006
|
+
"mixins": [
|
|
8007
|
+
{
|
|
8008
|
+
"name": "FormControlMixin",
|
|
8009
|
+
"package": "@jsekulowicz/ds-core"
|
|
8010
8010
|
}
|
|
8011
8011
|
],
|
|
8012
8012
|
"superclass": {
|
|
8013
8013
|
"name": "DsElement",
|
|
8014
8014
|
"package": "@jsekulowicz/ds-core"
|
|
8015
8015
|
},
|
|
8016
|
-
"tagName": "ds-
|
|
8016
|
+
"tagName": "ds-text-field",
|
|
8017
8017
|
"customElement": true,
|
|
8018
|
-
"summary": "
|
|
8018
|
+
"summary": "Single-line text input with native form participation via ElementInternals."
|
|
8019
8019
|
}
|
|
8020
8020
|
],
|
|
8021
8021
|
"exports": [
|
|
8022
8022
|
{
|
|
8023
8023
|
"kind": "js",
|
|
8024
|
-
"name": "
|
|
8024
|
+
"name": "DsTextField",
|
|
8025
8025
|
"declaration": {
|
|
8026
|
-
"name": "
|
|
8027
|
-
"module": "src/atoms/
|
|
8026
|
+
"name": "DsTextField",
|
|
8027
|
+
"module": "src/atoms/text-field/text-field.ts"
|
|
8028
8028
|
}
|
|
8029
8029
|
}
|
|
8030
8030
|
]
|
|
@@ -13472,7 +13472,7 @@
|
|
|
13472
13472
|
{
|
|
13473
13473
|
"kind": "variable",
|
|
13474
13474
|
"name": "sidenavStyles",
|
|
13475
|
-
"default": "css` :host { --ds-sidenav-item-height: var(--ds-space-10, 2.5rem); --ds-sidenav-item-compact-size: var(--ds-space-12, 3rem); --ds-sidenav-width: var(--ds-space-64, 16rem); display: block; width: var(--ds-sidenav-width); max-width: 100%; transition: width var(--ds-duration-slow) var(--ds-easing-standard); } :host([collapsed]) { --ds-sidenav-collapsed-width: var(--ds-space-14, 3.5rem); justify-items: flex-start; width: var(--ds-sidenav-collapsed-width); nav { width: var(--ds-sidenav-collapsed-width); scrollbar-width: none; } } nav { display: flex; flex-direction: column; height: 100%; padding: var(--ds-space-
|
|
13475
|
+
"default": "css` :host { --ds-sidenav-item-height: var(--ds-space-10, 2.5rem); --ds-sidenav-item-compact-size: var(--ds-space-12, 3rem); --ds-sidenav-width: var(--ds-space-64, 16rem); display: block; width: var(--ds-sidenav-width); max-width: 100%; transition: width var(--ds-duration-slow) var(--ds-easing-standard); } :host([collapsed]) { --ds-sidenav-collapsed-width: var(--ds-space-14, 3.5rem); justify-items: flex-start; width: var(--ds-sidenav-collapsed-width); nav { width: var(--ds-sidenav-collapsed-width); padding: var(--ds-space-4) var(--ds-space-1); scrollbar-width: none; } } nav { display: flex; flex-direction: column; height: 100%; padding: var(--ds-space-4); background: var(--ds-color-bg); overflow-x: clip; overflow-y: auto; scrollbar-color: var(--ds-color-fg-subtle) transparent; scrollbar-width: thin; } .header { padding: 0 var(--ds-space-3); margin-bottom: var(--ds-space-3); font-family: var(--ds-font-display); font-size: var(--ds-font-size-lg); color: var(--ds-color-fg); } .header[hidden], .footer[hidden] { display: none; } .list { display: flex; flex-direction: column; gap: var(--ds-space-1); flex: 1; min-height: 0; } .footer { margin-top: var(--ds-space-4); border-top: 1px solid var(--ds-color-border); display: flex; flex-direction: column; gap: var(--ds-space-1); } :host-context(ds-page-shell[mobile-layout]) nav { padding-block: var(--ds-space-2); } :host-context(ds-page-shell:not([mobile-layout])) nav { border-right: 1px solid var(--ds-color-border); } `"
|
|
13476
13476
|
}
|
|
13477
13477
|
],
|
|
13478
13478
|
"exports": [
|
|
@@ -13861,7 +13861,7 @@
|
|
|
13861
13861
|
{
|
|
13862
13862
|
"kind": "variable",
|
|
13863
13863
|
"name": "pageShellStyles",
|
|
13864
|
-
"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 { display: block; } .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 auto; min-height: 0; } :host([aside-empty]) .shell-body { grid-template-columns: 1fr auto; } :host([aside-end-empty]) .shell-body { grid-template-columns: auto 1fr; } :host([aside-empty][aside-end-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; /* No scrollbar-gutter reservation: the aside sits flush with its column edge so the consumer's <main> solely owns the gap. The scrollbar appears on demand when the aside genuinely overflows. */ } :host([aside-empty]) aside[part=\"aside\"], :host([aside-empty]) .mobile-backdrop { display: none; } :host([aside-end-empty]) aside[part=\"aside-end\"] { display: none; } main { padding: var(--ds-space-5); overflow: auto; min-width: 0; min-height: 0; scrollbar-color: var(--ds-color-fg-subtle) transparent; scrollbar-width: thin; /* Reserve scrollbar gutters on both inline sides so the horizontal content position stays symmetric whether the vertical scrollbar is present or not. Without this, an overflowing main has its content pushed inward on the inline-end side only (asymmetric margins). */ scrollbar-gutter: stable both-edges; } @media (max-width: ${belowDesktopBreakpoint}) { .shell-inner { padding-inline: var(--ds-space-4); } main { padding: var(--ds-space-4) var(--ds-space-2); } } .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]) aside[part=\"aside-end\"] { /* Secondary inline-end region is not surfaced in the mobile drawer in v1. Consumers can opt back in by overriding via ::part(aside-end). */ display: none; } :host([mobile-layout]) .brand { flex: 1; } :host([mobile-layout]) aside[part=\"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[part=\"aside\"] { transform: translateX(0); } :host([mobile-layout]) .drawer-header { display: flex; align-items: center; padding: var(--ds-space-2) var(--ds-space-
|
|
13864
|
+
"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 { display: block; } .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 auto; min-height: 0; } :host([aside-empty]) .shell-body { grid-template-columns: 1fr auto; } :host([aside-end-empty]) .shell-body { grid-template-columns: auto 1fr; } :host([aside-empty][aside-end-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; /* No scrollbar-gutter reservation: the aside sits flush with its column edge so the consumer's <main> solely owns the gap. The scrollbar appears on demand when the aside genuinely overflows. */ } :host([aside-empty]) aside[part=\"aside\"], :host([aside-empty]) .mobile-backdrop { display: none; } :host([aside-end-empty]) aside[part=\"aside-end\"] { display: none; } main { padding: var(--ds-space-5); overflow: auto; min-width: 0; min-height: 0; scrollbar-color: var(--ds-color-fg-subtle) transparent; scrollbar-width: thin; /* Reserve scrollbar gutters on both inline sides so the horizontal content position stays symmetric whether the vertical scrollbar is present or not. Without this, an overflowing main has its content pushed inward on the inline-end side only (asymmetric margins). */ scrollbar-gutter: stable both-edges; } @media (max-width: ${belowDesktopBreakpoint}) { .shell-inner { padding-inline: var(--ds-space-4); } main { padding: var(--ds-space-4) var(--ds-space-2); } } .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-brand { 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]) aside[part=\"aside-end\"] { /* Secondary inline-end region is not surfaced in the mobile drawer in v1. Consumers can opt back in by overriding via ::part(aside-end). */ display: none; } :host([mobile-layout]) .brand { flex: 1; } :host([mobile-layout]) aside[part=\"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[part=\"aside\"] { transform: translateX(0); } :host([mobile-layout]) .drawer-header { display: flex; align-items: center; justify-content: space-between; gap: var(--ds-space-3); padding: var(--ds-space-2) var(--ds-space-4); } :host([mobile-layout]) .drawer-brand { display: inline-flex; align-items: center; flex: 1; min-width: 0; font-family: var(--ds-font-display); font-size: var(--ds-font-size-lg); letter-spacing: var(--ds-letter-spacing-display); } :host([mobile-layout]) slot[name='drawer-brand']::slotted(*) { max-width: 100%; } :host([mobile-layout]) .drawer-close { display: inline-flex; flex: 0 0 auto; margin: 0; } :host([mobile-layout]) aside[part=\"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); } `"
|
|
13865
13865
|
}
|
|
13866
13866
|
],
|
|
13867
13867
|
"exports": [
|
|
@@ -13894,6 +13894,10 @@
|
|
|
13894
13894
|
"description": "Top-left brand/logo.",
|
|
13895
13895
|
"name": "brand"
|
|
13896
13896
|
},
|
|
13897
|
+
{
|
|
13898
|
+
"description": "Brand/logo shown at the start of the mobile navigation drawer.",
|
|
13899
|
+
"name": "drawer-brand"
|
|
13900
|
+
},
|
|
13897
13901
|
{
|
|
13898
13902
|
"description": "Top-right actions.",
|
|
13899
13903
|
"name": "header-actions"
|