@abgov/react-components 4.0.0-alpha.123 → 4.0.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/package.json
CHANGED
package/react-components.esm.js
CHANGED
|
@@ -2176,7 +2176,7 @@ function instance$F($$self, $$props, $$invalidate) {
|
|
|
2176
2176
|
class Badge extends SvelteElement {
|
|
2177
2177
|
constructor(options) {
|
|
2178
2178
|
super();
|
|
2179
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-badge{display:inline-flex;align-items:center;border-radius:0.25rem;padding:3px 0.5rem;gap:0.25rem;font-weight:var(--goa-font-weight-regular)}.icon-only{padding:0.25rem}.goa-badge-content{
|
|
2179
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-badge{display:inline-flex;align-items:center;border-radius:0.25rem;padding:3px 0.5rem;gap:0.25rem;font-weight:var(--goa-font-weight-regular)}.icon-only{padding:0.25rem}.goa-badge-content{font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);padding-bottom:var(--font-valign-fix, 0)}.goa-badge.badge-information{background-color:var(--goa-color-greyscale-100);color:var(--goa-color-info-default)}.goa-badge.badge-success{background-color:var(--goa-color-success-default);color:var(--goa-color-text-light)}.goa-badge.badge-important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.goa-badge.badge-emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.goa-badge.badge-dark{background-color:var(--goa-color-greyscale-black);color:var(--goa-color-text-light)}.goa-badge.badge-midtone{background-color:var(--goa-color-greyscale-700);color:var(--goa-color-text-light)}.goa-badge.badge-light{background-color:var(--goa-color-greyscale-white);color:var(--goa-color-text-default)}</style>`;
|
|
2180
2180
|
init(this, {
|
|
2181
2181
|
target: this.shadowRoot,
|
|
2182
2182
|
props: attribute_to_object(this.attributes),
|
|
@@ -17292,7 +17292,7 @@ function instance$6($$self, $$props, $$invalidate) {
|
|
|
17292
17292
|
|
|
17293
17293
|
onMount(() => {
|
|
17294
17294
|
validateVariant(variant);
|
|
17295
|
-
attachSortEventHandling
|
|
17295
|
+
setTimeout(attachSortEventHandling, 0);
|
|
17296
17296
|
|
|
17297
17297
|
const slot = _rootEl.querySelector("slot");
|
|
17298
17298
|
|
package/react-components.umd.js
CHANGED
|
@@ -2217,7 +2217,7 @@
|
|
|
2217
2217
|
class Badge extends SvelteElement {
|
|
2218
2218
|
constructor(options) {
|
|
2219
2219
|
super();
|
|
2220
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-badge{display:inline-flex;align-items:center;border-radius:0.25rem;padding:3px 0.5rem;gap:0.25rem;font-weight:var(--goa-font-weight-regular)}.icon-only{padding:0.25rem}.goa-badge-content{
|
|
2220
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-badge{display:inline-flex;align-items:center;border-radius:0.25rem;padding:3px 0.5rem;gap:0.25rem;font-weight:var(--goa-font-weight-regular)}.icon-only{padding:0.25rem}.goa-badge-content{font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);padding-bottom:var(--font-valign-fix, 0)}.goa-badge.badge-information{background-color:var(--goa-color-greyscale-100);color:var(--goa-color-info-default)}.goa-badge.badge-success{background-color:var(--goa-color-success-default);color:var(--goa-color-text-light)}.goa-badge.badge-important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.goa-badge.badge-emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.goa-badge.badge-dark{background-color:var(--goa-color-greyscale-black);color:var(--goa-color-text-light)}.goa-badge.badge-midtone{background-color:var(--goa-color-greyscale-700);color:var(--goa-color-text-light)}.goa-badge.badge-light{background-color:var(--goa-color-greyscale-white);color:var(--goa-color-text-default)}</style>`;
|
|
2221
2221
|
init(this, {
|
|
2222
2222
|
target: this.shadowRoot,
|
|
2223
2223
|
props: attribute_to_object(this.attributes),
|
|
@@ -17375,7 +17375,7 @@
|
|
|
17375
17375
|
|
|
17376
17376
|
onMount(() => {
|
|
17377
17377
|
validateVariant(variant);
|
|
17378
|
-
attachSortEventHandling
|
|
17378
|
+
setTimeout(attachSortEventHandling, 0);
|
|
17379
17379
|
|
|
17380
17380
|
const slot = _rootEl.querySelector("slot");
|
|
17381
17381
|
|