@abgov/web-components 2.2.0-dev.40 → 2.2.0-dev.41
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 +21 -21
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -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*/
|