@abgov/web-components 1.17.0-alpha.124 → 1.17.0-alpha.125
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.css +2 -1
- package/index.js +6 -6
- package/index.js.map +1 -1
- package/package.json +1 -1
package/index.css
CHANGED
|
@@ -300,7 +300,7 @@ goa-table tfoot tr:last-child td {
|
|
|
300
300
|
}
|
|
301
301
|
/**
|
|
302
302
|
* Do not edit directly
|
|
303
|
-
* Generated on Tue,
|
|
303
|
+
* Generated on Tue, 12 Nov 2024 22:14:51 GMT
|
|
304
304
|
*/
|
|
305
305
|
|
|
306
306
|
:root {
|
|
@@ -421,6 +421,7 @@ goa-table tfoot tr:last-child td {
|
|
|
421
421
|
--goa-color-interactive-disabled: #80b7e1;
|
|
422
422
|
--goa-color-interactive-hover: #004f84;
|
|
423
423
|
--goa-color-interactive-default: #0070c4;
|
|
424
|
+
--goa-side-menu-parent-color-bg-selected: #CEDFEE;
|
|
424
425
|
--goa-side-menu-parent-color-bg-hover: #CEDFEE;
|
|
425
426
|
--goa-side-menu-child-border-width: 4px;
|
|
426
427
|
--goa-drawer-transition-time: 200ms;
|
package/index.js
CHANGED
|
@@ -32664,7 +32664,7 @@ class Scrollable extends SvelteComponent {
|
|
|
32664
32664
|
}
|
|
32665
32665
|
customElements.define("goa-scrollable", create_custom_element(Scrollable, { "direction": {}, "hpadding": {}, "vpadding": {}, "maxheight": {}, "offsetHeight": {}, "scrollHeight": {} }, ["default"], [], true));
|
|
32666
32666
|
function add_css$f(target) {
|
|
32667
|
-
append_styles(target, "svelte-
|
|
32667
|
+
append_styles(target, "svelte-1cr1ddo", '::slotted(a),::slotted(goa-side-menu-heading),::slotted(a:visited){color:var(--goa-color-text-default) !important;display:block;font:var(--goa-typography-body-m);margin-left:1rem;background-color:var(--goa-side-menu-group-color-bg)}::slotted(a),::slotted(a:visited){padding:0.5rem 1rem;text-decoration:none;border-left:var(--goa-side-menu-child-border-width) solid var(--goa-color-greyscale-100)}::slotted(a.current){font:var(--goa-typography-heading-s);border-left:var(--goa-side-menu-child-border-width) solid var(--goa-color-interactive-disabled);background:var(--goa-side-menu-child-color-bg-selected);color:var(--goa-side-menu-child-color-text-selected)!important}::slotted(a:hover:not(.current)){background:var(--goa-side-menu-child-color-bg-hover);border-color:var(--goa-color-greyscale-200)}::slotted(a:focus-visible),.heading.svelte-1cr1ddo.svelte-1cr1ddo:focus-visible{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}:host([child="true"]) a.heading.svelte-1cr1ddo.svelte-1cr1ddo,.heading.svelte-1cr1ddo.svelte-1cr1ddo{color:var(--goa-color-text-default);display:flex;align-items:center;justify-content:space-between;line-height:2rem;padding:var(--goa-side-menu-parent-padding);text-decoration:none;font:var(--goa-side-menu-parent-text);border-radius:var(--goa-side-menu-group-border-radius)}.heading.open.svelte-1cr1ddo.svelte-1cr1ddo{font:var(--goa-side-menu-parent-text-active)}:host([child="true"]) a.heading.svelte-1cr1ddo.svelte-1cr1ddo{margin-left:1rem;border-left:var(--goa-side-menu-child-border-width) solid var(--goa-color-greyscale-100);padding:0.5rem 1rem 0.5rem 1rem}:host([child="true"]) a.heading.svelte-1cr1ddo.svelte-1cr1ddo:hover{border-color:var(--goa-color-greyscale-200);background:var(--goa-color-info-background)}:host([child="true"]) .side-menu-group.current a.heading.svelte-1cr1ddo.svelte-1cr1ddo{background:var(--goa-color-info-background);border-left:var(--goa-side-menu-child-border-width) solid var(--goa-color-interactive-disabled)}.side-menu-group.svelte-1cr1ddo.svelte-1cr1ddo{background-color:var(--goa-side-menu-group-color-bg);border-radius:var(--goa-side-menu-group-border-radius);padding:var(--goa-side-menu-group-padding)}.side-menu-group.current.svelte-1cr1ddo .heading.svelte-1cr1ddo{background:var(--goa-side-menu-parent-color-bg-selected)}.heading.svelte-1cr1ddo.svelte-1cr1ddo:hover{background:var(--goa-side-menu-parent-color-bg-hover)}.hidden.svelte-1cr1ddo.svelte-1cr1ddo{display:none}.group.svelte-1cr1ddo.svelte-1cr1ddo{padding:var(--goa-side-menu-sub-group-padding)}.trailing-icon.svelte-1cr1ddo.svelte-1cr1ddo{margin-left:auto;height:var(--goa-icon-size-l)}.leading-icon.svelte-1cr1ddo.svelte-1cr1ddo{margin-right:var(--goa-space-xs);height:var(--goa-icon-size-l)}');
|
|
32668
32668
|
}
|
|
32669
32669
|
function create_if_block_1$4(ctx) {
|
|
32670
32670
|
let div;
|
|
@@ -32679,7 +32679,7 @@ function create_if_block_1$4(ctx) {
|
|
|
32679
32679
|
/*icon*/
|
|
32680
32680
|
ctx[1]
|
|
32681
32681
|
);
|
|
32682
|
-
attr(div, "class", "leading-icon svelte-
|
|
32682
|
+
attr(div, "class", "leading-icon svelte-1cr1ddo");
|
|
32683
32683
|
},
|
|
32684
32684
|
m(target, anchor) {
|
|
32685
32685
|
insert(target, div, anchor);
|
|
@@ -32791,21 +32791,21 @@ function create_fragment$g(ctx) {
|
|
|
32791
32791
|
t3 = space();
|
|
32792
32792
|
div1 = element("div");
|
|
32793
32793
|
if (default_slot) default_slot.c();
|
|
32794
|
-
attr(div0, "class", "trailing-icon svelte-
|
|
32794
|
+
attr(div0, "class", "trailing-icon svelte-1cr1ddo");
|
|
32795
32795
|
attr(a, "href", a_href_value = `#${/*_slug*/
|
|
32796
32796
|
ctx[10]}`);
|
|
32797
|
-
attr(a, "class", "heading svelte-
|
|
32797
|
+
attr(a, "class", "heading svelte-1cr1ddo");
|
|
32798
32798
|
toggle_class(
|
|
32799
32799
|
a,
|
|
32800
32800
|
"open",
|
|
32801
32801
|
/*_open*/
|
|
32802
32802
|
ctx[7]
|
|
32803
32803
|
);
|
|
32804
|
-
attr(div1, "class", "group svelte-
|
|
32804
|
+
attr(div1, "class", "group svelte-1cr1ddo");
|
|
32805
32805
|
attr(div1, "data-testid", "group");
|
|
32806
32806
|
toggle_class(div1, "hidden", !/*_open*/
|
|
32807
32807
|
ctx[7]);
|
|
32808
|
-
attr(div2, "class", "side-menu-group svelte-
|
|
32808
|
+
attr(div2, "class", "side-menu-group svelte-1cr1ddo");
|
|
32809
32809
|
attr(
|
|
32810
32810
|
div2,
|
|
32811
32811
|
"data-testid",
|