From 1101a3cf0778d73d42ddec3a890ae31a4b0c556a Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Tue, 14 Oct 2025 14:45:18 -0400 Subject: [PATCH 01/10] fix comment (#1591) --- packages/webawesome/src/components/radio/radio.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/webawesome/src/components/radio/radio.ts b/packages/webawesome/src/components/radio/radio.ts index 6b79faa21..3898b3b20 100644 --- a/packages/webawesome/src/components/radio/radio.ts +++ b/packages/webawesome/src/components/radio/radio.ts @@ -47,7 +47,7 @@ export default class WaRadio extends WebAwesomeFormAssociatedElement { /** The radio's value. When selected, the radio group will receive this value. */ @property({ reflect: true }) value: string; - /** The radio's value. When selected, the radio group will receive this value. */ + /** The radio's visual appearance. */ @property({ reflect: true }) appearance: 'default' | 'button' = 'default'; /** From b0680f19a916f8c66da31364a001b998c0de82bc Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Tue, 14 Oct 2025 14:50:42 -0400 Subject: [PATCH 02/10] update docs; fixes #1558 (#1592) --- .../webawesome/docs/docs/form-controls.md | 37 +++++++------------ 1 file changed, 13 insertions(+), 24 deletions(-) diff --git a/packages/webawesome/docs/docs/form-controls.md b/packages/webawesome/docs/docs/form-controls.md index 0670b6582..dbc4320ba 100644 --- a/packages/webawesome/docs/docs/form-controls.md +++ b/packages/webawesome/docs/docs/form-controls.md @@ -52,7 +52,7 @@ To make a field required, use the `required` attribute. Required fields will aut customElements.whenDefined('wa-input'), customElements.whenDefined('wa-option'), customElements.whenDefined('wa-select'), - customElements.whenDefined('wa-textarea') + customElements.whenDefined('wa-textarea'), ]).then(() => { form.addEventListener('submit', event => { event.preventDefault(); @@ -78,10 +78,7 @@ To restrict a value to a specific [pattern](https://developer.mozilla.org/en-US/ const form = document.querySelector('.input-validation-pattern'); // Wait for controls to be defined before attaching form listeners - await Promise.all([ - customElements.whenDefined('wa-button'), - customElements.whenDefined('wa-input') - ]).then(() => { + await Promise.all([customElements.whenDefined('wa-button'), customElements.whenDefined('wa-input')]).then(() => { form.addEventListener('submit', event => { event.preventDefault(); alert('All fields are valid!'); @@ -108,10 +105,7 @@ Some input types will automatically trigger constraints, such as `email` and `ur const form = document.querySelector('.input-validation-type'); // Wait for controls to be defined before attaching form listeners - await Promise.all([ - customElements.whenDefined('wa-button'), - customElements.whenDefined('wa-input') - ]).then(() => { + await Promise.all([customElements.whenDefined('wa-button'), customElements.whenDefined('wa-input')]).then(() => { form.addEventListener('submit', event => { event.preventDefault(); alert('All fields are valid!'); @@ -137,10 +131,7 @@ To create a custom validation error, pass a non-empty string to the `setCustomVa const input = form.querySelector('wa-input'); // Wait for controls to be defined before attaching form listeners - await Promise.all([ - customElements.whenDefined('wa-button'), - customElements.whenDefined('wa-input') - ]).then(() => { + await Promise.all([customElements.whenDefined('wa-button'), customElements.whenDefined('wa-input')]).then(() => { form.addEventListener('submit', event => { event.preventDefault(); alert('All fields are valid!'); @@ -163,17 +154,15 @@ Custom validation can be applied to any form control that supports the `setCusto ## Custom Validation Styles -Due to the many ways form controls are used, Web Awesome doesn't provide out of the box validation styles for form controls as part of its default theme. Instead, the following attributes will be applied to reflect a control's validity as users interact with it. You can use them to create custom styles for any of the validation states you're interested in. +Due to the many ways form controls are used, Web Awesome doesn't provide out of the box validation styles for form controls as part of its default theme. -- `required` - the form control is required -- `optional` - the form control is optional -- `invalid` - the form control is invalid -- `valid` - the form control is valid -- `user-invalid` - the form control is invalid and the user has interacted with it -- `user-valid` - the form control is valid and the user has interacted with it +Instead, the following [custom states](https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states) will be applied to reflect a control's validity as users interact with it. You can use them to create custom styles for any of the validation states you're interested in. -These attributes map to the browser's built-in pseudo classes for validation: [`:required`](https://developer.mozilla.org/en-US/docs/Web/CSS/:required), [`:optional`](https://developer.mozilla.org/en-US/docs/Web/CSS/:optional), [`:invalid`](https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid), [`:valid`](https://developer.mozilla.org/en-US/docs/Web/CSS/:valid), [`:user-invalid`](https://developer.mozilla.org/en-US/docs/Web/CSS/:user-invalid), and [`:user-valid`](https://developer.mozilla.org/en-US/docs/Web/CSS/:user-valid). +- `:state(required)` - the form control is required +- `:state(optional)` - the form control is optional +- `:state(invalid)` - the form control is invalid +- `:state(valid)` - the form control is valid +- `:state(user-invalid)` - the form control is invalid and the user has interacted with it +- `:state(user-valid)` - the form control is valid and the user has interacted with it -:::info -In the future, data attribute selectors will be replaced with custom states such as `:state(valid)` and `:state(invalid)`. Web Awesome is using data attributes as a workaround until browsers fully support [custom states](https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states). -::: \ No newline at end of file +These custom states work alongside the browser's built-in pseudo classes for validation: [`:required`](https://developer.mozilla.org/en-US/docs/Web/CSS/:required), [`:optional`](https://developer.mozilla.org/en-US/docs/Web/CSS/:optional), [`:invalid`](https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid), [`:valid`](https://developer.mozilla.org/en-US/docs/Web/CSS/:valid), [`:user-invalid`](https://developer.mozilla.org/en-US/docs/Web/CSS/:user-invalid), and [`:user-valid`](https://developer.mozilla.org/en-US/docs/Web/CSS/:user-valid). From eeb41f4d99eb5bd2d9451206fd451362ec2b14de Mon Sep 17 00:00:00 2001 From: Brian Talbot Date: Tue, 14 Oct 2025 15:03:28 -0400 Subject: [PATCH 03/10] Adding Maintenance Mode View (#1560) * adding `.background-grid` styling utility * adding 503-based maintenance mode view --------- Co-authored-by: Konnor Rogers Co-authored-by: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com> --- packages/webawesome/docs/503.md | 312 ++++++++++++++++++ .../webawesome/docs/assets/styles/utils.css | 44 ++- 2 files changed, 355 insertions(+), 1 deletion(-) create mode 100644 packages/webawesome/docs/503.md diff --git a/packages/webawesome/docs/503.md b/packages/webawesome/docs/503.md new file mode 100644 index 000000000..812b1e96b --- /dev/null +++ b/packages/webawesome/docs/503.md @@ -0,0 +1,312 @@ +--- +title: Web Awesome is Undergoing Maintenance +description: We're performing routine maintenance to keep things running smoothly. Check back soon! +layout: blank +permalink: 503.html +noindex: true +unlisted: true +--- + +{% block head %} + + + +{% endblock %} + + + + +
+ +
+
+ +
+
+
+ + +
+ + + + + +
+
+ +
+ diff --git a/packages/webawesome/docs/assets/styles/utils.css b/packages/webawesome/docs/assets/styles/utils.css index 52655e13d..b395fed00 100644 --- a/packages/webawesome/docs/assets/styles/utils.css +++ b/packages/webawesome/docs/assets/styles/utils.css @@ -111,7 +111,49 @@ } /* #endregion */ - /* #region funsies */ + /* #region funsies + cosmetics */ + + /* grid background */ + .background-grid { + --grid-spacing: var(--wa-space-2xl); + --grid-line-color: color-mix(in oklab, var(--wa-color-text-normal), transparent 90%); + --grid-line-width: var(--wa-border-width-s); + --subgrid-spacing: calc(var(--grid-spacing) / 2); + --subgrid-line-color: color-mix(in oklab, var(--wa-color-text-normal), transparent 95%); + --subgrid-line-width: var(--wa-border-width-s); + + background-image: + /* main grid - vertical lines */ + linear-gradient(to right, var(--grid-line-color) var(--grid-line-width), transparent var(--grid-line-width)), + /* main grid - horizontal lines */ + linear-gradient(to bottom, var(--grid-line-color) var(--grid-line-width), transparent var(--grid-line-width)), + /* sub-grid - vertical lines (offset by half the main grid spacing) */ + linear-gradient( + to right, + var(--subgrid-line-color) var(--subgrid-line-width), + transparent var(--subgrid-line-width) + ), + /* sub-grid - horizontal lines (offset by half the main grid spacing) */ + linear-gradient( + to bottom, + var(--subgrid-line-color) var(--subgrid-line-width), + transparent var(--subgrid-line-width) + ); + + background-size: + var(--grid-spacing) var(--grid-spacing), + var(--grid-spacing) var(--grid-spacing), + var(--subgrid-spacing) var(--subgrid-spacing), + var(--subgrid-spacing) var(--subgrid-spacing); + + background-position: + 0 0, + 0 0, + calc(var(--grid-spacing) / 2) calc(var(--grid-spacing) / 2), + calc(var(--grid-spacing) / 2) calc(var(--grid-spacing) / 2); + } + /* #endregion */ + /* buttons with icon toggle on hover */ wa-button .icon-hover { display: none; From ac97c7087a9ef1084bc969b9bcd090c9ea2d34e9 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Tue, 14 Oct 2025 16:13:26 -0400 Subject: [PATCH 04/10] add license banner to build output (#1593) --- packages/webawesome/scripts/build.js | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/webawesome/scripts/build.js b/packages/webawesome/scripts/build.js index 8add5c444..f9c6112ef 100644 --- a/packages/webawesome/scripts/build.js +++ b/packages/webawesome/scripts/build.js @@ -18,6 +18,7 @@ import { getCdnDir, getDistDir, getDocsDir, getRootDir, getSiteDir } from './uti const __dirname = dirname(fileURLToPath(import.meta.url)); +const currentYear = new Date().getFullYear(); const spinner = ora({ text: 'Web Awesome', color: 'cyan' }).start(); const getPackageData = async () => JSON.parse(await readFile(join(getRootDir(), 'package.json'), 'utf-8')); const getVersion = async () => JSON.stringify((await getPackageData()).version.toString()); @@ -225,6 +226,9 @@ export async function build(options = {}) { bundle: true, splitting: true, minify: false, + banner: { + js: `/*! Copyright ${currentYear} Fonticons, Inc. - https://webawesome.com/license */`, + }, plugins: [replace({ __WEBAWESOME_VERSION__: await getVersion() })], loader: { '.css': 'text', From 0d5d7b5e73a4aa9b369adfe5fb90b128fa8c0121 Mon Sep 17 00:00:00 2001 From: Konnor Rogers Date: Tue, 14 Oct 2025 16:16:16 -0400 Subject: [PATCH 05/10] fix broken checkboxes (#1547) * fix broken checkboxes * update changelog * prettier * prettier, you're annoying * prettier * fix checkbox test * Update packages/webawesome/docs/docs/resources/changelog.md Co-authored-by: randomguy-2650 <150704902+randomguy-2650@users.noreply.github.com> --------- Co-authored-by: randomguy-2650 <150704902+randomguy-2650@users.noreply.github.com> --- packages/webawesome/docs/docs/resources/changelog.md | 3 ++- packages/webawesome/src/components/checkbox/checkbox.test.ts | 4 ++-- packages/webawesome/src/components/checkbox/checkbox.ts | 3 ++- 3 files changed, 6 insertions(+), 4 deletions(-) diff --git a/packages/webawesome/docs/docs/resources/changelog.md b/packages/webawesome/docs/docs/resources/changelog.md index 6556ad423..c5ae7264e 100644 --- a/packages/webawesome/docs/docs/resources/changelog.md +++ b/packages/webawesome/docs/docs/resources/changelog.md @@ -18,6 +18,7 @@ Components with the Experimental badge sh - Fixed a bug in `` where slotted badges weren't properly positioned in buttons with an `href` [issue:1377] - Fixed focus outline styles in `` and native `
` [issue:1456] - Fixed focus outline styles in ``, ``, and `` [issue:1484] +- Fixed a bug in `` where its value would revert to `""` when checked / unchecked [pr:1547] - Fixed a bug that caused icon button labels to not render in frameworks [issue:1542] - Fixed a bug in `` that caused the `name` property not to reflect [pr:1538] @@ -463,4 +464,4 @@ Many of these changes and improvements were the direct result of feedback from u
-Did we miss something? [Let us know!](https://github.com/shoelace-style/webawesome/discussions) +Did we miss something? [Let us know!](https://github.com/shoelace-style/webawesome/discussions) \ No newline at end of file diff --git a/packages/webawesome/src/components/checkbox/checkbox.test.ts b/packages/webawesome/src/components/checkbox/checkbox.test.ts index fc607b68b..df3c90c07 100644 --- a/packages/webawesome/src/components/checkbox/checkbox.test.ts +++ b/packages/webawesome/src/components/checkbox/checkbox.test.ts @@ -21,7 +21,7 @@ describe('', () => { const el = await fixture(html` `); expect(el.name).to.equal(''); - expect(el.value).to.equal('on'); + expect(el.value).to.equal(null); expect(el.title).to.equal(''); expect(el.disabled).to.be.false; expect(el.required).to.be.false; @@ -134,7 +134,7 @@ describe('', () => { await checkbox.updateComplete; expect(checkbox.checked).to.equal(false); - expect(checkbox.value).to.equal('myvalue'); + expect(checkbox.value).to.equal(null); expect(new FormData(form).get('test')).to.equal(null); checkbox.checked = true; diff --git a/packages/webawesome/src/components/checkbox/checkbox.ts b/packages/webawesome/src/components/checkbox/checkbox.ts index 7b6ae9e43..1f1decf62 100644 --- a/packages/webawesome/src/components/checkbox/checkbox.ts +++ b/packages/webawesome/src/components/checkbox/checkbox.ts @@ -80,7 +80,8 @@ export default class WaCheckbox extends WebAwesomeFormAssociatedElement { /** The value of the checkbox, submitted as a name/value pair with form data. */ get value(): string | null { - return this._value ?? 'on'; + const val = this._value || 'on'; + return this.checked ? val : null; } @property({ reflect: true }) From 0aefdc20cd1c057e5946018b03d521a6fb514891 Mon Sep 17 00:00:00 2001 From: Brian Talbot Date: Tue, 14 Oct 2025 20:44:06 -0400 Subject: [PATCH 06/10] Remove Beta Bits (#1594) * updating sidebar's version info * removing beta badge * updating tooltip + version number decorator for official launch * removing beta notice from docs landing view * removing beta from Installation docs --- .../webawesome/docs/_includes/sidebar.njk | 12 ++--- .../webawesome/docs/assets/styles/docs.css | 6 +++ packages/webawesome/docs/docs/index.md | 4 +- packages/webawesome/docs/index.md | 54 ++++--------------- 4 files changed, 24 insertions(+), 52 deletions(-) diff --git a/packages/webawesome/docs/_includes/sidebar.njk b/packages/webawesome/docs/_includes/sidebar.njk index dd13f997b..2f4f960d0 100644 --- a/packages/webawesome/docs/_includes/sidebar.njk +++ b/packages/webawesome/docs/_includes/sidebar.njk @@ -410,12 +410,12 @@
-
-
- - +

What's Web Awesome?

From ee5f7cddef6d0ff94ec26cf4756d1d16016251f8 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Wed, 15 Oct 2025 10:25:19 -0400 Subject: [PATCH 07/10] improve icon button detection; fixes #1475 (#1590) --- .../docs/docs/resources/changelog.md | 1 + .../src/components/button/button.ts | 30 ++++++++++++------- 2 files changed, 21 insertions(+), 10 deletions(-) diff --git a/packages/webawesome/docs/docs/resources/changelog.md b/packages/webawesome/docs/docs/resources/changelog.md index c5ae7264e..c13910d33 100644 --- a/packages/webawesome/docs/docs/resources/changelog.md +++ b/packages/webawesome/docs/docs/resources/changelog.md @@ -21,6 +21,7 @@ Components with the Experimental badge sh - Fixed a bug in `` where its value would revert to `""` when checked / unchecked [pr:1547] - Fixed a bug that caused icon button labels to not render in frameworks [issue:1542] - Fixed a bug in `` that caused the `name` property not to reflect [pr:1538] +- Fixed a bug in `` that caused icon buttons to render when non-text nodes were slotted in [issue:1475] ## 3.0.0-beta.6 diff --git a/packages/webawesome/src/components/button/button.ts b/packages/webawesome/src/components/button/button.ts index 4fa26436b..50e3cb3a5 100644 --- a/packages/webawesome/src/components/button/button.ts +++ b/packages/webawesome/src/components/button/button.ts @@ -176,22 +176,32 @@ export default class WaButton extends WebAwesomeFormAssociatedElement { const nodes = this.labelSlot.assignedNodes({ flatten: true }); let hasIconLabel = false; let hasIcon = false; - let text = ''; + let hasText = false; + let hasOtherElements = false; - // If there's only an icon and no text, it's an icon button + // Check all slotted nodes [...nodes].forEach(node => { - if (node.nodeType === Node.ELEMENT_NODE && (node as WaIcon).localName === 'wa-icon') { - hasIcon = true; - if (!hasIconLabel) hasIconLabel = (node as WaIcon).label !== undefined; - } + if (node.nodeType === Node.ELEMENT_NODE) { + const element = node as HTMLElement; - // Concatenate text nodes - if (node.nodeType === Node.TEXT_NODE) { - text += node.textContent; + if (element.localName === 'wa-icon') { + hasIcon = true; + if (!hasIconLabel) hasIconLabel = (element as WaIcon).label !== undefined; + } else { + // Any other element type means it's not an icon button + hasOtherElements = true; + } + } else if (node.nodeType === Node.TEXT_NODE) { + // Check if text node has actual content + const text = node.textContent?.trim() || ''; + if (text.length > 0) { + hasText = true; + } } }); - this.isIconButton = text.trim() === '' && hasIcon; + // It's only an icon button if there's an icon and nothing else + this.isIconButton = hasIcon && !hasText && !hasOtherElements; if (this.isIconButton && !hasIconLabel) { console.warn( From 096aa1f22df8935d07add369e4a91e6608ee0f45 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Wed, 15 Oct 2025 10:26:13 -0400 Subject: [PATCH 08/10] prevent truncation; fixes #1401 (#1589) --- packages/webawesome/docs/docs/resources/changelog.md | 1 + packages/webawesome/src/components/tab-group/tab-group.css | 1 - 2 files changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/webawesome/docs/docs/resources/changelog.md b/packages/webawesome/docs/docs/resources/changelog.md index c13910d33..d8766cbd9 100644 --- a/packages/webawesome/docs/docs/resources/changelog.md +++ b/packages/webawesome/docs/docs/resources/changelog.md @@ -21,6 +21,7 @@ Components with the Experimental badge sh - Fixed a bug in `` where its value would revert to `""` when checked / unchecked [pr:1547] - Fixed a bug that caused icon button labels to not render in frameworks [issue:1542] - Fixed a bug in `` that caused the `name` property not to reflect [pr:1538] +- Fixed an overflow style that was causing tab group content to be unnecessarily truncated [issue:1401] - Fixed a bug in `` that caused icon buttons to render when non-text nodes were slotted in [issue:1475] ## 3.0.0-beta.6 diff --git a/packages/webawesome/src/components/tab-group/tab-group.css b/packages/webawesome/src/components/tab-group/tab-group.css index 187b03d04..6606fa163 100644 --- a/packages/webawesome/src/components/tab-group/tab-group.css +++ b/packages/webawesome/src/components/tab-group/tab-group.css @@ -27,7 +27,6 @@ .body { display: block; - overflow: auto; } .scroll-button { From 951dbabfc43d624548977a0495e1af6836ae3255 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Wed, 15 Oct 2025 10:26:43 -0400 Subject: [PATCH 09/10] focus dialog on open; fixes #1302 (#1587) --- packages/webawesome/docs/docs/resources/changelog.md | 1 + packages/webawesome/src/components/dialog/dialog.ts | 2 ++ packages/webawesome/src/components/drawer/drawer.ts | 2 ++ 3 files changed, 5 insertions(+) diff --git a/packages/webawesome/docs/docs/resources/changelog.md b/packages/webawesome/docs/docs/resources/changelog.md index d8766cbd9..99ad9a2ec 100644 --- a/packages/webawesome/docs/docs/resources/changelog.md +++ b/packages/webawesome/docs/docs/resources/changelog.md @@ -21,6 +21,7 @@ Components with the Experimental badge sh - Fixed a bug in `` where its value would revert to `""` when checked / unchecked [pr:1547] - Fixed a bug that caused icon button labels to not render in frameworks [issue:1542] - Fixed a bug in `` that caused the `name` property not to reflect [pr:1538] +- Fixed a bug in `` and `` that prevented focus from being set on the dialog/drawer when opened [issue:1302] - Fixed an overflow style that was causing tab group content to be unnecessarily truncated [issue:1401] - Fixed a bug in `` that caused icon buttons to render when non-text nodes were slotted in [issue:1475] diff --git a/packages/webawesome/src/components/dialog/dialog.ts b/packages/webawesome/src/components/dialog/dialog.ts index cb7663ec0..297f498df 100644 --- a/packages/webawesome/src/components/dialog/dialog.ts +++ b/packages/webawesome/src/components/dialog/dialog.ts @@ -197,6 +197,8 @@ export default class WaDialog extends WebAwesomeElement { const elementToFocus = this.querySelector('[autofocus]'); if (elementToFocus && typeof elementToFocus.focus === 'function') { elementToFocus.focus(); + } else { + this.dialog.focus(); } }); diff --git a/packages/webawesome/src/components/drawer/drawer.ts b/packages/webawesome/src/components/drawer/drawer.ts index 6622dc2ec..c13b8a52f 100644 --- a/packages/webawesome/src/components/drawer/drawer.ts +++ b/packages/webawesome/src/components/drawer/drawer.ts @@ -210,6 +210,8 @@ export default class WaDrawer extends WebAwesomeElement { const elementToFocus = this.querySelector('[autofocus]'); if (elementToFocus && typeof elementToFocus.focus === 'function') { elementToFocus.focus(); + } else { + this.drawer.focus(); } }); From f89638bc6d2ab5d6c61c094a90a03ae6d86b37e8 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Wed, 15 Oct 2025 11:31:10 -0400 Subject: [PATCH 10/10] Replace "filled outlined" with "filled-outlined" (#1586) * replace "filled outlined" with "filled-outlined" * change "filled + outlined" labels to "filled-outlined" * change "filled + outlined" labels to "filled-outlined" (part 2) --------- Co-authored-by: lindsaym-fa --- package-lock.json | 3 +- .../_includes/visual-tests/appearance.njk | 42 ++++---- .../docs/_includes/visual-tests/color.njk | 100 +++++++++--------- .../docs/_includes/visual-tests/native.njk | 24 ++--- .../webawesome/docs/docs/components/badge.md | 10 +- .../webawesome/docs/docs/components/button.md | 10 +- .../docs/docs/components/callout.md | 4 +- .../webawesome/docs/docs/components/card.md | 2 +- .../docs/docs/components/details.md | 2 +- .../webawesome/docs/docs/components/input.md | 4 +- .../webawesome/docs/docs/components/select.md | 12 +++ .../webawesome/docs/docs/components/tag.md | 13 ++- .../docs/docs/components/textarea.md | 4 +- packages/webawesome/docs/docs/customizing.md | 24 +++-- .../docs/docs/resources/changelog.md | 9 ++ .../docs/examples/themes/showcase.njk | 2 +- .../webawesome/src/components/badge/badge.css | 10 +- .../webawesome/src/components/badge/badge.ts | 2 +- .../src/components/button/button.css | 40 +++++-- .../src/components/button/button.ts | 2 +- .../src/components/callout/callout.css | 2 +- .../src/components/callout/callout.ts | 3 +- .../src/components/details/details.css | 14 ++- .../src/components/details/details.ts | 2 +- .../webawesome/src/components/input/input.css | 7 +- .../webawesome/src/components/input/input.ts | 2 +- .../src/components/select/select.css | 7 +- .../src/components/select/select.ts | 2 +- .../webawesome/src/components/tag/tag.css | 10 +- packages/webawesome/src/components/tag/tag.ts | 2 +- .../src/components/textarea/textarea.css | 7 +- .../src/components/textarea/textarea.ts | 2 +- 32 files changed, 216 insertions(+), 163 deletions(-) diff --git a/package-lock.json b/package-lock.json index 19ac56617..115015301 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14017,8 +14017,7 @@ "qr-creator": "^1.0.0" }, "devDependencies": { - "@wc-toolkit/jsx-types": "^1.3.0", - "eleventy-plugin-git-commit-date": "^0.1.3" + "@wc-toolkit/jsx-types": "^1.3.0" }, "engines": { "node": ">=14.17.0" diff --git a/packages/webawesome/docs/_includes/visual-tests/appearance.njk b/packages/webawesome/docs/_includes/visual-tests/appearance.njk index 5cece090c..b2d423646 100644 --- a/packages/webawesome/docs/_includes/visual-tests/appearance.njk +++ b/packages/webawesome/docs/_includes/visual-tests/appearance.njk @@ -33,11 +33,11 @@ filled + outlined @@ -174,11 +174,11 @@ filled + outlined @@ -375,23 +375,23 @@ filled + outlined \ No newline at end of file +
diff --git a/packages/webawesome/docs/_includes/visual-tests/color.njk b/packages/webawesome/docs/_includes/visual-tests/color.njk index 8ba36b7b1..145bea05c 100644 --- a/packages/webawesome/docs/_includes/visual-tests/color.njk +++ b/packages/webawesome/docs/_includes/visual-tests/color.njk @@ -13,7 +13,7 @@ @@ -21,7 +21,7 @@ @@ -32,7 +32,7 @@ @@ -40,7 +40,7 @@ @@ -51,7 +51,7 @@ @@ -59,7 +59,7 @@ @@ -70,7 +70,7 @@ @@ -78,7 +78,7 @@ @@ -89,7 +89,7 @@ @@ -97,7 +97,7 @@ @@ -123,7 +123,7 @@