@abgov/web-components 1.17.0-alpha.123 → 1.17.0-alpha.124
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 +29 -20
- package/index.js.map +1 -1
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -25288,20 +25288,29 @@ class Icon extends SvelteComponent {
|
|
|
25288
25288
|
}
|
|
25289
25289
|
customElements.define("goa-icon", create_custom_element(Icon, { "mt": {}, "mr": {}, "mb": {}, "ml": {}, "type": {}, "size": {}, "theme": {}, "inverted": {}, "fillcolor": {}, "opacity": {}, "title": {}, "testid": {}, "arialabel": {}, "ariacontrols": {}, "ariaexpanded": {}, "role": {} }, [], [], true));
|
|
25290
25290
|
function add_css$s(target) {
|
|
25291
|
-
append_styles(target, "svelte-
|
|
25292
|
-
var(--goa-color-
|
|
25291
|
+
append_styles(target, "svelte-1ld0ooo", `:host{box-sizing:border-box}.container.svelte-1ld0ooo.svelte-1ld0ooo{position:relative;width:100%;display:inline-block}@media not (max-width: 623px){.container.svelte-1ld0ooo.svelte-1ld0ooo{width:var(--width)}}.goa-input.svelte-1ld0ooo.svelte-1ld0ooo,.goa-input.svelte-1ld0ooo .svelte-1ld0ooo{line-height:normal}.goa-input.svelte-1ld0ooo.svelte-1ld0ooo{outline:none;transition:box-shadow 0.05s ease-in;background-clip:padding-box;display:inline-flex;align-items:stretch;min-width:100%;background-color:var(--goa-color-greyscale-white);box-shadow:inset 0 0 0 var(--goa-border-width-s)
|
|
25292
|
+
var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);vertical-align:middle;background-color:var(--goa-color-greyscale-white)}.goa-input.svelte-1ld0ooo.svelte-1ld0ooo:not(.error):not(.leading-content):not(.trailing-content):hover:not(
|
|
25293
|
+
:has(input:focus-visible)
|
|
25294
|
+
){box-shadow:inset 0 0 0 var(--goa-border-width-m)
|
|
25295
|
+
var(--goa-color-interactive-hover)}.goa-input.svelte-1ld0ooo.svelte-1ld0ooo:not(.error):has(input:focus-visible){box-shadow:inset 0 0 0 var(--goa-border-width-s) var(--goa-color-greyscale-700),
|
|
25296
|
+
0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.goa-input.error.svelte-1ld0ooo input.input--goa.svelte-1ld0ooo:not(input:focus-visible){box-shadow:inset 0 0 0 var(--goa-border-width-m)
|
|
25297
|
+
var(--goa-color-interactive-error)}.goa-input.leading-content.error.svelte-1ld0ooo input.input--goa.svelte-1ld0ooo:not(input:focus-visible){border-top-left-radius:0;border-bottom-left-radius:0}.goa-input.trailing-content.error.svelte-1ld0ooo input.input--goa.svelte-1ld0ooo:not(input:focus-visible){border-top-right-radius:0;border-bottom-right-radius:0}.goa-input.svelte-1ld0ooo.svelte-1ld0ooo:has(input:focus-visible){box-shadow:inset 0 0 0 var(--goa-border-width-s) var(--goa-color-greyscale-700),
|
|
25298
|
+
0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.goa-input.type--range.svelte-1ld0ooo.svelte-1ld0ooo{border:none;&.type--range:active,
|
|
25293
25299
|
&.type--range:focus,
|
|
25294
25300
|
&.type--range:focus-within {
|
|
25295
25301
|
box-shadow: none;
|
|
25296
|
-
}}.leading-icon.svelte-
|
|
25297
|
-
var(--goa-color-
|
|
25298
|
-
var(--goa-color-interactive-
|
|
25299
|
-
var(--goa-color-interactive-hover)
|
|
25300
|
-
var(--goa-
|
|
25302
|
+
}}.leading-icon.svelte-1ld0ooo.svelte-1ld0ooo{margin-left:var(--goa-space-s)}.trailing-icon.svelte-1ld0ooo.svelte-1ld0ooo{margin-right:var(--goa-space-s)}.trailing-icon-button.svelte-1ld0ooo.svelte-1ld0ooo{margin-right:var(--goa-space-s)}input.svelte-1ld0ooo.svelte-1ld0ooo{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:calc(var(--goa-space-xs) - 1px) calc(var(--goa-space-s) - 1px);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans);z-index:1;border-radius:var(--goa-border-radius-m)}input.svelte-1ld0ooo.svelte-1ld0ooo,input.svelte-1ld0ooo.svelte-1ld0ooo:focus,input.svelte-1ld0ooo.svelte-1ld0ooo:hover,input.svelte-1ld0ooo.svelte-1ld0ooo:active{outline:none;border:none}input[readonly].svelte-1ld0ooo.svelte-1ld0ooo{cursor:pointer}.leading-icon.svelte-1ld0ooo+input.svelte-1ld0ooo{padding-left:var(--goa-space-xs)}.input--disabled.svelte-1ld0ooo.svelte-1ld0ooo,.input--disabled.svelte-1ld0ooo.svelte-1ld0ooo:hover,.input--disabled.svelte-1ld0ooo.svelte-1ld0ooo:active,.input--disabled.svelte-1ld0ooo.svelte-1ld0ooo:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200) !important;cursor:default;box-shadow:none !important}.input--disabled.svelte-1ld0ooo input.svelte-1ld0ooo,.input--disabled.svelte-1ld0ooo input.svelte-1ld0ooo:hover,.input--disabled.svelte-1ld0ooo input.svelte-1ld0ooo:active,.input--disabled.svelte-1ld0ooo input.svelte-1ld0ooo:focus{color:var(--goa-color-text-secondary)}.input--disabled.svelte-1ld0ooo input.svelte-1ld0ooo:hover{cursor:default !important}.prefix.svelte-1ld0ooo.svelte-1ld0ooo,.suffix.svelte-1ld0ooo.svelte-1ld0ooo,.leading-content-slot.svelte-1ld0ooo ::slotted(div),.trailing-content-slot.svelte-1ld0ooo ::slotted(div){background-color:var(--goa-color-greyscale-100);box-shadow:inset 0 0 0 var(--goa-border-width-s)
|
|
25303
|
+
var(--goa-color-greyscale-700);display:flex;align-items:center;white-space:normal}.leading-content-slot.svelte-1ld0ooo ::slotted(div),.trailing-content-slot.svelte-1ld0ooo ::slotted(div){padding:var(--goa-space-xs) var(--goa-space-s)}.prefix.svelte-1ld0ooo.svelte-1ld0ooo,.leading-content-slot.svelte-1ld0ooo ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m)}.suffix.svelte-1ld0ooo.svelte-1ld0ooo,.trailing-content-slot.svelte-1ld0ooo ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m)}.input-leading-content.svelte-1ld0ooo.svelte-1ld0ooo{border-top-left-radius:var(--goa-border-radius-none);border-bottom-left-radius:var(--goa-border-radius-none)}.input-trailing-content.svelte-1ld0ooo.svelte-1ld0ooo{border-top-right-radius:var(--goa-border-radius-none);border-bottom-right-radius:var(--goa-border-radius-none)}.input-leading-content.svelte-1ld0ooo.svelte-1ld0ooo:not(.error):not(input:focus-visible):hover{box-shadow:inset 0 0 0 var(--goa-border-width-m)
|
|
25304
|
+
var(--goa-color-interactive-hover)}.input-trailing-content.svelte-1ld0ooo.svelte-1ld0ooo:not(.error):not(input:focus-visible):hover{box-shadow:inset 0 0 0 var(--goa-border-width-m)
|
|
25305
|
+
var(--goa-color-interactive-hover)}.input-leading-content.svelte-1ld0ooo.svelte-1ld0ooo:active,.input-leading-content.svelte-1ld0ooo.svelte-1ld0ooo:focus,.input-leading-content.svelte-1ld0ooo.svelte-1ld0ooo:focus-within{box-shadow:inset 0 0 0 var(--goa-border-width-s) var(--goa-color-greyscale-700),
|
|
25306
|
+
0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.input-trailing-content.svelte-1ld0ooo.svelte-1ld0ooo:active,.input-trailing-content.svelte-1ld0ooo.svelte-1ld0ooo:focus,.input-trailing-content.svelte-1ld0ooo.svelte-1ld0ooo:focus-within{box-shadow:inset 0 0 0 var(--goa-border-width-s) var(--goa-color-greyscale-700),
|
|
25307
|
+
0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);border-top-right-radius:var(--goa-border-radius-none);border-bottom-right-radius:var(--goa-border-radius-none)}.goa-input.leading-content.svelte-1ld0ooo.svelte-1ld0ooo:has(input:focus-visible){box-shadow:inset 0 0 0 var(--goa-border-width-s)
|
|
25308
|
+
var(--goa-color-greyscale-700)}.goa-input.trailing-content.svelte-1ld0ooo.svelte-1ld0ooo:has(input:focus-visible){box-shadow:inset 0 0 0 var(--goa-border-width-s)
|
|
25309
|
+
var(--goa-color-greyscale-700)}input.input--goa.svelte-1ld0ooo.svelte-1ld0ooo{display:block;border:none;flex:1 1 auto}.variant--bare.svelte-1ld0ooo.svelte-1ld0ooo{border:none}.variant--bare.svelte-1ld0ooo.svelte-1ld0ooo:focus,.variant--bare.svelte-1ld0ooo.svelte-1ld0ooo:active,.variant--bare.svelte-1ld0ooo.svelte-1ld0ooo:focus-within{box-shadow:none}input[type="search"].svelte-1ld0ooo.svelte-1ld0ooo:enabled:read-write:-webkit-any(
|
|
25301
25310
|
:focus,
|
|
25302
25311
|
:hover
|
|
25303
25312
|
)::-webkit-search-cancel-button{position:relative;right:var(--search-icon-offset);cursor:pointer;-webkit-appearance:none;height:1.2rem;width:1.2rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23333" d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"/></svg>')
|
|
25304
|
-
center center no-repeat}.svelte-
|
|
25313
|
+
center center no-repeat}.svelte-1ld0ooo.svelte-1ld0ooo::-ms-reveal{display:none}`);
|
|
25305
25314
|
}
|
|
25306
25315
|
const get_trailingContent_slot_changes = (dirty) => ({});
|
|
25307
25316
|
const get_trailingContent_slot_context = (ctx) => ({});
|
|
@@ -25317,7 +25326,7 @@ function create_if_block_4$1(ctx) {
|
|
|
25317
25326
|
/*prefix*/
|
|
25318
25327
|
ctx[15]
|
|
25319
25328
|
);
|
|
25320
|
-
attr(div, "class", "prefix svelte-
|
|
25329
|
+
attr(div, "class", "prefix svelte-1ld0ooo");
|
|
25321
25330
|
},
|
|
25322
25331
|
m(target, anchor) {
|
|
25323
25332
|
insert(target, div, anchor);
|
|
@@ -25343,7 +25352,7 @@ function create_if_block_3$4(ctx) {
|
|
|
25343
25352
|
return {
|
|
25344
25353
|
c() {
|
|
25345
25354
|
goa_icon = element("goa-icon");
|
|
25346
|
-
set_custom_element_data(goa_icon, "class", "leading-icon svelte-
|
|
25355
|
+
set_custom_element_data(goa_icon, "class", "leading-icon svelte-1ld0ooo");
|
|
25347
25356
|
set_custom_element_data(goa_icon, "data-testid", "leading-icon");
|
|
25348
25357
|
set_custom_element_data(
|
|
25349
25358
|
goa_icon,
|
|
@@ -25378,7 +25387,7 @@ function create_if_block_2$4(ctx) {
|
|
|
25378
25387
|
return {
|
|
25379
25388
|
c() {
|
|
25380
25389
|
goa_icon = element("goa-icon");
|
|
25381
|
-
set_custom_element_data(goa_icon, "class", "trailing-icon svelte-
|
|
25390
|
+
set_custom_element_data(goa_icon, "class", "trailing-icon svelte-1ld0ooo");
|
|
25382
25391
|
set_custom_element_data(goa_icon, "data-testid", "trailing-icon");
|
|
25383
25392
|
set_custom_element_data(goa_icon, "size", "medium");
|
|
25384
25393
|
set_custom_element_data(
|
|
@@ -25431,7 +25440,7 @@ function create_if_block_1$9(ctx) {
|
|
|
25431
25440
|
ctx[6]
|
|
25432
25441
|
);
|
|
25433
25442
|
set_custom_element_data(goa_icon_button, "data-testid", "trailing-icon-button");
|
|
25434
|
-
set_custom_element_data(goa_icon_button, "class", "trailing-icon-button svelte-
|
|
25443
|
+
set_custom_element_data(goa_icon_button, "class", "trailing-icon-button svelte-1ld0ooo");
|
|
25435
25444
|
},
|
|
25436
25445
|
m(target, anchor) {
|
|
25437
25446
|
insert(target, goa_icon_button, anchor);
|
|
@@ -25479,7 +25488,7 @@ function create_if_block$i(ctx) {
|
|
|
25479
25488
|
/*suffix*/
|
|
25480
25489
|
ctx[16]
|
|
25481
25490
|
);
|
|
25482
|
-
attr(span, "class", "suffix svelte-
|
|
25491
|
+
attr(span, "class", "suffix svelte-1ld0ooo");
|
|
25483
25492
|
},
|
|
25484
25493
|
m(target, anchor) {
|
|
25485
25494
|
insert(target, span, anchor);
|
|
@@ -25588,9 +25597,9 @@ function create_fragment$u(ctx) {
|
|
|
25588
25597
|
t6 = space();
|
|
25589
25598
|
div1 = element("div");
|
|
25590
25599
|
if (trailingContent_slot) trailingContent_slot.c();
|
|
25591
|
-
attr(div0, "class", "leading-content-slot svelte-
|
|
25600
|
+
attr(div0, "class", "leading-content-slot svelte-1ld0ooo");
|
|
25592
25601
|
attr(input, "class", input_class_value = "input--" + /*variant*/
|
|
25593
|
-
ctx[7] + " svelte-
|
|
25602
|
+
ctx[7] + " svelte-1ld0ooo");
|
|
25594
25603
|
attr(input, "style", input_style_value = `--search-icon-offset: ${/*trailingicon*/
|
|
25595
25604
|
ctx[6] ? "-0.5rem" : "0"}`);
|
|
25596
25605
|
input.readOnly = /*isReadonly*/
|
|
@@ -25685,10 +25694,10 @@ function create_fragment$u(ctx) {
|
|
|
25685
25694
|
ctx[27] && !/*isDisabled*/
|
|
25686
25695
|
ctx[29]
|
|
25687
25696
|
);
|
|
25688
|
-
attr(div1, "class", "trailing-content-slot svelte-
|
|
25697
|
+
attr(div1, "class", "trailing-content-slot svelte-1ld0ooo");
|
|
25689
25698
|
attr(div2, "class", div2_class_value = "goa-input variant--" + /*variant*/
|
|
25690
25699
|
ctx[7] + " type--" + /*type*/
|
|
25691
|
-
ctx[1] + " svelte-
|
|
25700
|
+
ctx[1] + " svelte-1ld0ooo");
|
|
25692
25701
|
toggle_class(
|
|
25693
25702
|
div2,
|
|
25694
25703
|
"input--disabled",
|
|
@@ -25713,7 +25722,7 @@ function create_fragment$u(ctx) {
|
|
|
25713
25722
|
/*_error*/
|
|
25714
25723
|
ctx[25]
|
|
25715
25724
|
);
|
|
25716
|
-
attr(div3, "class", "container svelte-
|
|
25725
|
+
attr(div3, "class", "container svelte-1ld0ooo");
|
|
25717
25726
|
attr(div3, "style", div3_style_value = `--width: ${/*width*/
|
|
25718
25727
|
ctx[9]};${calculateMargin(
|
|
25719
25728
|
/*mt*/
|
|
@@ -25839,7 +25848,7 @@ function create_fragment$u(ctx) {
|
|
|
25839
25848
|
}
|
|
25840
25849
|
if (!current || dirty[0] & /*variant*/
|
|
25841
25850
|
128 && input_class_value !== (input_class_value = "input--" + /*variant*/
|
|
25842
|
-
ctx2[7] + " svelte-
|
|
25851
|
+
ctx2[7] + " svelte-1ld0ooo")) {
|
|
25843
25852
|
attr(input, "class", input_class_value);
|
|
25844
25853
|
}
|
|
25845
25854
|
if (!current || dirty[0] & /*trailingicon*/
|
|
@@ -26065,7 +26074,7 @@ function create_fragment$u(ctx) {
|
|
|
26065
26074
|
if (!current || dirty[0] & /*variant, type*/
|
|
26066
26075
|
130 && div2_class_value !== (div2_class_value = "goa-input variant--" + /*variant*/
|
|
26067
26076
|
ctx2[7] + " type--" + /*type*/
|
|
26068
|
-
ctx2[1] + " svelte-
|
|
26077
|
+
ctx2[1] + " svelte-1ld0ooo")) {
|
|
26069
26078
|
attr(div2, "class", div2_class_value);
|
|
26070
26079
|
}
|
|
26071
26080
|
if (!current || dirty[0] & /*variant, type, isDisabled*/
|