@abgov/web-components 2.2.0-dev.40 → 2.2.0-dev.42
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/index.js +25 -25
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -26619,8 +26619,8 @@ class S5 extends Ne {
|
|
|
26619
26619
|
}
|
|
26620
26620
|
customElements.define("goa-link-button", Le(S5, { color: {}, leadingicon: {}, trailingicon: {}, disabled: { type: "Boolean" }, testid: {}, mt: {}, mr: {}, mb: {}, ml: {}, action: { type: "String", attribute: "action", reflect: !0 }, actionArg: { type: "String", attribute: "action-arg", reflect: !0 }, actionArgs: { type: "Object", attribute: "action-args", reflect: !0 } }, ["default"], [], !0));
|
|
26621
26621
|
function A5(t) {
|
|
26622
|
-
Ie(t, "svelte-
|
|
26623
|
-
var(--goa-color-interactive-focus)}.text.svelte-
|
|
26622
|
+
Ie(t, "svelte-k2d52z", `button.svelte-k2d52z{display:inline-flex;box-sizing:border-box;cursor:pointer;font:var(--goa-button-text);min-height:var(--goa-button-height);letter-spacing:var(--goa-button-letter-spacing);padding:4px var(--goa-button-padding-lr, var(--goa-space-s));gap:var(--goa-button-gap);align-items:center;width:100%;background:none;border:none;text-align:left;outline:none}button.compact.svelte-k2d52z{min-height:var(--goa-button-height-compact);font:var(--goa-button-text-compact);padding:4px var(--goa-button-padding-lr-compact, var(--goa-space-xs));gap:var(--goa-button-compact-gap)}button.svelte-k2d52z:focus-visible,button.svelte-k2d52z:hover{background-color:var(--goa-button-tertiary-hover-color-bg);color:var(--goa-button-tertiary-hover-color-text)}button.svelte-k2d52z:focus-visible{box-shadow:0 0 0 var(--goa-border-width-l)
|
|
26623
|
+
var(--goa-color-interactive-focus)}.text.svelte-k2d52z{color:var(--goa-color-text-default);padding-bottom:var(--font-valign-fix);width:100%}`);
|
|
26624
26624
|
}
|
|
26625
26625
|
function Hr(t) {
|
|
26626
26626
|
let e, o, i;
|
|
@@ -26666,12 +26666,12 @@ function x5(t) {
|
|
|
26666
26666
|
e = C("button"), a && a.c(), o = Y(), i = C("div"), n = ce(
|
|
26667
26667
|
/*text*/
|
|
26668
26668
|
t[0]
|
|
26669
|
-
), u(i, "class", "text svelte-
|
|
26669
|
+
), u(i, "class", "text svelte-k2d52z"), u(
|
|
26670
26670
|
e,
|
|
26671
26671
|
"data-testid",
|
|
26672
26672
|
/*testid*/
|
|
26673
26673
|
t[1]
|
|
26674
|
-
), u(e, "tabindex", "0"), u(e, "style", st(He("width", "100%"))), u(e, "class", "svelte-
|
|
26674
|
+
), u(e, "tabindex", "0"), u(e, "style", st(He("width", "100%"))), u(e, "class", "svelte-k2d52z"), A(
|
|
26675
26675
|
e,
|
|
26676
26676
|
"compact",
|
|
26677
26677
|
/*size*/
|
|
@@ -35429,58 +35429,58 @@ class Ev extends Ne {
|
|
|
35429
35429
|
}
|
|
35430
35430
|
customElements.define("goa-table-sort-header", Le(Ev, { name: { reflect: !0 }, direction: { reflect: !0 }, version: {}, sortOrder: { attribute: "sort-order", reflect: !0, type: "Number" } }, ["default"], [], !0));
|
|
35431
35431
|
function Dv(t) {
|
|
35432
|
-
Ie(t, "svelte-
|
|
35432
|
+
Ie(t, "svelte-eh2s2", `:host{box-sizing:border-box;font:var(--goa-tab-typography)}.tab{display:flex;align-items:center;gap:var(--goa-space-xs)}[role="tab"]{display:flex;background:none;overflow:hidden;white-space:nowrap;cursor:pointer;border:none;font:var(--goa-tab-typography);color:var(--goa-tab-color-text-not-selected, var(--goa-tab-text-color));text-decoration:none}[role="tab"][aria-selected="true"]{font:var(--goa-tab-typography-selected);color:var(--goa-tab-color-text-selected, var(--goa-tab-text-color))}[role="tab"]:focus-visible{outline:var(--goa-tab-border-focus)}
|
|
35433
35433
|
[role="tab"]:hover:not([aria-selected="true"]):not([aria-disabled="true"])
|
|
35434
|
-
{color:var(--goa-tab-color-text-hover, var(--goa-tab-text-color))}[role="tab"][aria-disabled="true"]{color:var(--goa-color-greyscale-400, #949494);cursor:not-allowed;pointer-events:none}[role="tabpanel"]:focus-visible{outline:var(--goa-tab-border-focus);outline-offset:4px}.segmented.svelte-
|
|
35434
|
+
{color:var(--goa-tab-color-text-hover, var(--goa-tab-text-color))}[role="tab"][aria-disabled="true"]{color:var(--goa-color-greyscale-400, #949494);cursor:not-allowed;pointer-events:none}[role="tabpanel"]:focus-visible{outline:var(--goa-tab-border-focus);outline-offset:4px}.segmented.svelte-eh2s2 .tabpanel.svelte-eh2s2:focus-visible{outline:none}@media(min-width: 624px){.tabs.svelte-eh2s2.svelte-eh2s2{border-bottom:var(--goa-tabs-bottom-border);display:flex;gap:var(--goa-tabs-gap);margin-bottom:2rem}[role="tab"]{padding:var(--goa-tab-padding);border-bottom:var(--goa-tab-border-not-selected);text-overflow:ellipsis;min-width:var(--goa-space-2xl);justify-content:center}[role="tab"][aria-selected="true"]{border-bottom:var(--goa-tab-border-selected)}
|
|
35435
35435
|
[role="tab"]:hover:not([aria-selected="true"]):not([aria-disabled="true"])
|
|
35436
|
-
{border-bottom:var(--goa-tab-border-hover)}[role="tab"][aria-disabled="true"]{border-bottom:var(--goa-tab-border-not-selected)}}@media(max-width: 623px){.tabs.svelte-
|
|
35436
|
+
{border-bottom:var(--goa-tab-border-hover)}[role="tab"][aria-disabled="true"]{border-bottom:var(--goa-tab-border-not-selected)}}@media(max-width: 623px){.tabs.svelte-eh2s2.svelte-eh2s2{border-left:var(--goa-tabs-bottom-border);border-bottom:var(--goa-tabs-bottom-border);display:flex;flex-direction:column;gap:var(--goa-tabs-gap-small-screen);padding-bottom:var(
|
|
35437
35437
|
--goa-tabs-padding-bottom-small-screen,
|
|
35438
35438
|
var(--goa-space-m)
|
|
35439
35439
|
)}[role="tab"]{padding:var(--goa-tab-padding-mobile);border-left:var(--goa-tab-border-not-selected);text-overflow:wrap;white-space:normal;word-break:break-word;overflow-wrap:break-word}[role="tab"][aria-selected="true"]{border-left:var(--goa-tab-border-selected);background:var(--goa-tab-color-bg-selected-small-screen)}
|
|
35440
35440
|
[role="tab"]:hover:not([aria-selected="true"]):not([aria-disabled="true"])
|
|
35441
|
-
{border-left:var(--goa-tab-border-hover);background:var(--goa-tab-color-bg-hover-small-screen, transparent)}[role="tab"][aria-disabled="true"]{border-left:var(--goa-tab-border-not-selected)}.horizontal.svelte-
|
|
35441
|
+
{border-left:var(--goa-tab-border-hover);background:var(--goa-tab-color-bg-hover-small-screen, transparent)}[role="tab"][aria-disabled="true"]{border-left:var(--goa-tab-border-not-selected)}.horizontal.svelte-eh2s2 .tabs.svelte-eh2s2{border-left:none;border-bottom:var(--goa-tabs-bottom-border);flex-direction:row;gap:var(--goa-tabs-gap);padding-bottom:0;margin-bottom:var(--goa-space-xl)}.horizontal.svelte-eh2s2 [role="tab"]{padding:var(--goa-tab-padding);border-left:none;border-bottom:var(--goa-tab-border-not-selected);text-overflow:ellipsis;white-space:nowrap;min-width:var(--goa-space-2xl);justify-content:center}.horizontal.svelte-eh2s2 [role="tab"][aria-selected="true"]{border-left:none;border-bottom:var(--goa-tab-border-selected);background:transparent}.horizontal.svelte-eh2s2
|
|
35442
35442
|
[role="tab"]:hover:not([aria-selected="true"]):not(
|
|
35443
35443
|
[aria-disabled="true"]
|
|
35444
35444
|
)
|
|
35445
|
-
{border-left:none;border-bottom:var(--goa-tab-border-hover);background:transparent}}.v2.svelte-
|
|
35445
|
+
{border-left:none;border-bottom:var(--goa-tab-border-hover);background:transparent}}.v2.svelte-eh2s2 [role="tab"]{position:relative}.v2.svelte-eh2s2 [role="tab"]:focus-visible{border-radius:var(--goa-border-radius-xs)}.v2.svelte-eh2s2
|
|
35446
35446
|
[role="tab"]:hover:not([aria-selected="true"]):not([aria-disabled="true"])
|
|
35447
|
-
{border-bottom:none}@media(min-width: 624px){.v2.svelte-
|
|
35447
|
+
{border-bottom:none}@media(min-width: 624px){.v2.svelte-eh2s2 [role="tab"]{border-bottom:none}.v2.svelte-eh2s2 [role="tab"]::after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--goa-tab-indicator-width, 3px);background:transparent;border-radius:var(
|
|
35448
35448
|
--goa-tab-indicator-border-radius-desktop,
|
|
35449
35449
|
6px 6px 0 0
|
|
35450
|
-
)}.v2.svelte-
|
|
35450
|
+
)}.v2.svelte-eh2s2 [role="tab"][aria-selected="true"]::after{background:var(--goa-tab-indicator-color-active, #0070c4)}.v2.svelte-eh2s2
|
|
35451
35451
|
[role="tab"]:hover:not([aria-selected="true"]):not(
|
|
35452
35452
|
[aria-disabled="true"]
|
|
35453
35453
|
)::after
|
|
35454
|
-
{background:var(--goa-tab-indicator-color-hover, #dcdcdc)}}@media(max-width: 623px){.v2.svelte-
|
|
35454
|
+
{background:var(--goa-tab-indicator-color-hover, #dcdcdc)}}@media(max-width: 623px){.v2.svelte-eh2s2 [role="tab"]{border-left:none}.v2.svelte-eh2s2 [role="tab"][aria-selected="true"]{border-left:none}.v2.svelte-eh2s2
|
|
35455
35455
|
[role="tab"]:hover:not([aria-selected="true"]):not(
|
|
35456
35456
|
[aria-disabled="true"]
|
|
35457
35457
|
)
|
|
35458
|
-
{border-left:none}.v2.svelte-
|
|
35458
|
+
{border-left:none}.v2.svelte-eh2s2 [role="tab"]::after{content:"";position:absolute;top:0;left:0;bottom:0;width:var(--goa-tab-indicator-width, 3px);background:transparent;border-radius:var(
|
|
35459
35459
|
--goa-tab-indicator-border-radius-small-screen,
|
|
35460
35460
|
0 6px 6px 0
|
|
35461
|
-
)}.v2.svelte-
|
|
35461
|
+
)}.v2.svelte-eh2s2 [role="tab"][aria-selected="true"]::after{background:var(--goa-tab-indicator-color-active, #0070c4)}.v2.svelte-eh2s2
|
|
35462
35462
|
[role="tab"]:hover:not([aria-selected="true"]):not(
|
|
35463
35463
|
[aria-disabled="true"]
|
|
35464
35464
|
)::after
|
|
35465
|
-
{background:var(--goa-tab-indicator-color-hover, #dcdcdc)}.horizontal.v2.svelte-
|
|
35465
|
+
{background:var(--goa-tab-indicator-color-hover, #dcdcdc)}.horizontal.v2.svelte-eh2s2 [role="tab"]{border-bottom:none}.horizontal.v2.svelte-eh2s2 [role="tab"][aria-selected="true"]{border-bottom:none}.horizontal.v2.svelte-eh2s2
|
|
35466
35466
|
[role="tab"]:hover:not([aria-selected="true"]):not(
|
|
35467
35467
|
[aria-disabled="true"]
|
|
35468
35468
|
)
|
|
35469
|
-
{border-bottom:none}.horizontal.v2.svelte-
|
|
35469
|
+
{border-bottom:none}.horizontal.v2.svelte-eh2s2 [role="tab"]::after{top:auto;left:0;right:0;bottom:0;width:auto;height:var(--goa-tab-indicator-width, 3px);border-radius:var(
|
|
35470
35470
|
--goa-tab-indicator-border-radius-desktop,
|
|
35471
35471
|
6px 6px 0 0
|
|
35472
|
-
)}}.v2.svelte-
|
|
35473
|
-
var(--goa-color-greyscale-150, #dcdcdc);border-radius:var(--goa-border-radius-
|
|
35474
|
-
width var(--segmented-transition-duration, 0s) ease-out}.segmented.svelte-
|
|
35472
|
+
)}}.v2.svelte-eh2s2:not(.segmented) [role="tab"][data-text]{flex-direction:column}.v2.svelte-eh2s2:not(.segmented) [role="tab"][data-text]::before{content:attr(data-text);font:var(--goa-tab-typography-selected);height:0;visibility:hidden;overflow:hidden}.segmented.svelte-eh2s2 .tabs.svelte-eh2s2{position:relative;background:var(--goa-color-greyscale-50, #f8f8f8);border:1px solid var(--goa-color-greyscale-150, #dcdcdc);border-bottom:1px solid var(--goa-color-greyscale-150, #dcdcdc);border-radius:var(--goa-border-radius-m, 10px);padding:3px;gap:var(--goa-space-3xs);margin-bottom:var(--goa-tabs-margin-bottom, 2rem);flex-direction:row;flex-wrap:nowrap;width:-moz-fit-content;width:fit-content}.segmented.svelte-eh2s2 .segmented-indicator.svelte-eh2s2{position:absolute;top:3px;left:var(--segmented-indicator-left, 0);width:var(--segmented-indicator-width, 0);height:var(--segmented-indicator-height, 30px);background:var(--goa-color-greyscale-white, #ffffff);border:var(--goa-border-width-s) solid
|
|
35473
|
+
var(--goa-color-greyscale-150, #dcdcdc);border-radius:var(--goa-border-radius-m);pointer-events:none;z-index:0;box-sizing:border-box;transition:left var(--segmented-transition-duration, 0s) ease-out,
|
|
35474
|
+
width var(--segmented-transition-duration, 0s) ease-out}.segmented.svelte-eh2s2 [role="tab"]{position:relative;z-index:1;background:transparent;border:var(--goa-border-width-s) solid transparent;border-radius:var(--goa-border-radius-m);min-height:30px;padding:0 var(--goa-space-s, 12px);font:var(--goa-typography-body-s);color:var(--goa-color-greyscale-600, #666666);display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center;min-width:auto;transition:color 0.15s ease}.segmented.svelte-eh2s2 [role="tab"]::after{display:none}.segmented.svelte-eh2s2 [role="tab"][data-text]{flex-direction:column}.segmented.svelte-eh2s2 [role="tab"][data-text]::before{content:attr(data-text);font:var(--goa-typography-body-s);font-weight:600;height:0;visibility:hidden;overflow:hidden}.segmented.svelte-eh2s2 [role="tab"][aria-selected="true"]{background:transparent;border:var(--goa-border-width-s) solid transparent;color:var(--goa-color-text-secondary, #666666);font:var(--goa-typography-body-s);font-weight:600}.segmented.svelte-eh2s2
|
|
35475
35475
|
[role="tab"]:hover:not([aria-selected="true"]):not([aria-disabled="true"])
|
|
35476
|
-
{background:var(--goa-color-greyscale-150, #dcdcdc);border:var(--goa-border-width-s) solid transparent;color:var(--goa-color-text-default, #353535)}.segmented.svelte-
|
|
35477
|
-
var(--goa-color-interactive-focus);outline-offset:1px;border-radius:var(--goa-border-radius-s, 8px)}@media(max-width: 623px){.segmented.svelte-
|
|
35476
|
+
{background:var(--goa-color-greyscale-150, #dcdcdc);border:var(--goa-border-width-s) solid transparent;color:var(--goa-color-text-default, #353535)}.segmented.svelte-eh2s2 [role="tab"][aria-disabled="true"]{color:var(--goa-color-greyscale-400, #949494);cursor:not-allowed;pointer-events:none;background:transparent}.segmented.svelte-eh2s2 [role="tab"]:focus-visible{outline:var(--goa-border-width-l, 3px) solid
|
|
35477
|
+
var(--goa-color-interactive-focus);outline-offset:1px;border-radius:var(--goa-border-radius-s, 8px)}@media(max-width: 623px){.segmented.svelte-eh2s2 .tabs.svelte-eh2s2{flex-direction:row;padding-bottom:var(--goa-space-2xs, 4px)}.segmented.svelte-eh2s2 [role="tab"]{border-left:none}.segmented.svelte-eh2s2 [role="tab"][aria-selected="true"]{border-left:none}}`);
|
|
35478
35478
|
}
|
|
35479
35479
|
function xa(t) {
|
|
35480
35480
|
let e;
|
|
35481
35481
|
return {
|
|
35482
35482
|
c() {
|
|
35483
|
-
e = C("div"), u(e, "class", "segmented-indicator svelte-
|
|
35483
|
+
e = C("div"), u(e, "class", "segmented-indicator svelte-eh2s2");
|
|
35484
35484
|
},
|
|
35485
35485
|
m(o, i) {
|
|
35486
35486
|
I(o, e, i);
|
|
@@ -35508,7 +35508,7 @@ function qv(t) {
|
|
|
35508
35508
|
);
|
|
35509
35509
|
return {
|
|
35510
35510
|
c() {
|
|
35511
|
-
e = C("div"), o = C("div"), a && a.c(), i = Y(), n = C("div"), d && d.c(), u(o, "class", "tabs svelte-
|
|
35511
|
+
e = C("div"), o = C("div"), a && a.c(), i = Y(), n = C("div"), d && d.c(), u(o, "class", "tabs svelte-eh2s2"), Ye(
|
|
35512
35512
|
o,
|
|
35513
35513
|
"--segmented-indicator-left",
|
|
35514
35514
|
/*_segmentedIndicatorLeft*/
|
|
@@ -35528,13 +35528,13 @@ function qv(t) {
|
|
|
35528
35528
|
"--segmented-transition-duration",
|
|
35529
35529
|
/*_segmentedTransitionDuration*/
|
|
35530
35530
|
t[11] + "s"
|
|
35531
|
-
), u(n, "class", "tabpanel svelte-
|
|
35531
|
+
), u(n, "class", "tabpanel svelte-eh2s2"), u(n, "tabindex", l = /*navigation*/
|
|
35532
35532
|
t[4] === "none" ? -1 : 0), u(n, "role", "tabpanel"), u(e, "role", "tablist"), u(
|
|
35533
35533
|
e,
|
|
35534
35534
|
"data-testid",
|
|
35535
35535
|
/*testid*/
|
|
35536
35536
|
t[0]
|
|
35537
|
-
), u(e, "class", "svelte-
|
|
35537
|
+
), u(e, "class", "svelte-eh2s2"), A(
|
|
35538
35538
|
e,
|
|
35539
35539
|
"v2",
|
|
35540
35540
|
/*version*/
|