Lindsay M
71c054d6e4
Use background-image for native select caret ( #594 )
2025-01-24 11:52:06 -05:00
Cory LaViska
e1bf5471bf
Use native events when possible ( #590 )
...
* fix filename
* <wa-input> input + change (change not working)
* compose that horribly misleading change event
* use native blur/focus events
* update checkbox
* update color picker events
* update color picker events
* update radio group events
* update button events
* remove event options
* update select events
* update image comparer events
* update icon button events
* update slider events
* update rating events
* update radio events
* update switch event
* update textarea events
* update radio button events
* remove unused events
* cleanup
* fix react wrappers
* fix react events for real this time
* update changelog
* add note
* Update src/components/input/input.ts
Co-authored-by: Lea Verou <lea@verou.me >
* delete unused close event
* use same event type
* fix tests
* remove wa- from events in docs and examples
* fix comment
* Update docs/docs/resources/changelog.md
Co-authored-by: Lea Verou <lea@verou.me >
---------
Co-authored-by: Lea Verou <lea@verou.me >
2025-01-23 17:52:41 -05:00
Lea Verou
e3560dcf98
Do not reflect default values
...
- Add `default` descriptor
- Do not reflect attributes when equal to their default value
- Patch getter return value to return default value when empty
- Use it in button `appearance`
2025-01-21 15:16:11 -05:00
Cory LaViska
f2bb2c84a0
fix nested tab groups ( #576 )
2025-01-21 12:54:38 -05:00
Cory LaViska
13b3342017
fix slot names ( #577 )
2025-01-21 12:52:41 -05:00
Lea Verou
7258c001a7
Demo for mixing and matching ( #565 )
2025-01-17 10:38:03 -05:00
Lea Verou
03d8238edb
Add missing :state(blank) docs
2025-01-16 16:17:50 -05:00
Lindsay M
fa3fe5f753
Theme files housekeeping, closes #519 ( #552 )
...
* Reorg Glossy theme
* Reorg Playful theme
* Remove redundant dark mode tokens
2025-01-16 16:09:28 -05:00
Lindsay M
fc6c7de1fd
Fix contrast issues with Bright teal ( #556 )
2025-01-16 16:09:03 -05:00
Lea Verou
0037712549
Matter Ripple MVP ( #558 )
...
Co-authored-by: lindsaym-fa <dev@lindsaym.design >
2025-01-16 16:05:50 -05:00
Lea Verou
5301945bfa
Filled inputs
2025-01-16 14:48:56 -05:00
Lea Verou
1298651dd8
Floating labels on select
2025-01-16 14:48:56 -05:00
Lea Verou
5f9695fde1
Floating labels on textarea
2025-01-16 14:48:56 -05:00
Lea Verou
2eb2597efe
Floating labels for input
2025-01-16 14:48:56 -05:00
lindsaym-fa
431e82261b
Initial floating label attempt
2025-01-16 14:48:56 -05:00
Lea Verou
df51149d0a
Show contrast ratios in contrast pair tables
2025-01-16 13:18:26 -05:00
Lindsay M
fba0b11343
Add Matter theme ( #547 )
...
* Add Matter theme
* Add Matter to alpha build
* Add changelog
* Fix incorrect palette name
* Make loud fills darker in light mode
2025-01-16 12:08:51 -05:00
Lea Verou
3618e93490
Reintroduce --border-width and --border-radius, fixes #531
2025-01-16 10:36:03 -05:00
Lea Verou
cfa95307d1
Quick proof of concept contrast tests
2025-01-16 10:22:01 -05:00
Lindsay M
9d139e3fa0
Minor style update for checkboxes in wa-tree-item ( #542 )
...
* Use theme value line height for tree item checkbox
* Apply theme checkbox styles to selected tree items
2025-01-16 09:30:35 -05:00
Lindsay M
db3039e9fe
Fix green-40 in classic color palette ( #548 )
2025-01-16 09:26:06 -05:00
Lindsay M
9494b9bb67
Improve default tooltip styles ( #543 )
...
* Use inverted colors for tooltips
* Remove redundant tooltip overrides from themes
2025-01-16 04:35:08 -05:00
Lea Verou
7e1f4f0351
Separate meaningful theme parts out ( #526 )
...
Co-authored-by: lindsaym-fa <dev@lindsaym.design >
2025-01-15 17:32:36 -05:00
Lindsay M
5ebe4f4d3e
Finalize playful theme, closes #490 ( #527 )
...
* Finalize Playful theme
* Add changelog, add to alpha
* Add playful theme to alpha build
* Touchup and tweaks
* Tweak hover mix color in `wa-dark`
* Avoid transforming buttons in button groups
* Final touchup
---------
Co-authored-by: Lea Verou <lea@verou.me >
2025-01-15 17:13:48 -05:00
Lea Verou
dfb9d53a25
Checkbox improvements
...
- Added `part="control", fixes #529
- Removed wrapper div which is no longer needed
- Removed `form-control--has-hint` class which is no longer used anywhere
2025-01-15 15:03:58 -05:00
Lindsay M
ac86c037a1
Finalize Glossy theme, closes #491 ( #525 )
...
* Initial glassy theme progress
* Add fallback to slider thumb box shadow
* Remove redundant `wa-dark` styles and refactor shadows
* Rename to 'Glossy' since it fits the vibe better
2025-01-14 18:44:31 -05:00
Lea Verou
6b07c9a040
Native callout ( #513 )
...
Co-authored-by: lindsaym-fa <dev@lindsaym.design >
2025-01-14 14:56:03 -05:00
Lea Verou
24a76f6a7c
Color palette housekeeping ( #523 )
2025-01-14 14:54:34 -05:00
Lea Verou
434084ea4e
Playful: refer to rudimentary palette
2025-01-14 14:32:39 -05:00
Lindsay M
17146698db
Finalize Premium theme, closes #489 ( #510 )
...
* Finalize Premium theme
* Improve theme compatibility of dark mode shadows
* Improve theme compatibility of code examples
* Add comments
* Revert dark mode shadow color changes (to be addressed separately)
* Revert dark mode shadow color change
* Clean up redundant `wa-dark` properties
2025-01-14 11:56:30 -05:00
Lea Verou
01210ef364
Implement .wa-invert, closes #497 ( #508 )
2025-01-14 10:04:27 -05:00
Lea Verou
40648e15fb
Refactor: library.system.ts to export supported icons ( #505 )
2025-01-13 16:37:54 -05:00
Lea Verou
c79457a607
Attempt at better style isolation between themes
...
Still doesn't quite fix #475 but might be a nudge in the right direction.
2025-01-09 11:57:35 -05:00
Lea Verou
e5f4c14608
Fix native select caret positioning, fixes #411
2025-01-08 15:58:33 -05:00
Lea Verou
1ad963f5ad
wa-card styling fixes
2025-01-08 15:36:12 -05:00
Lindsay M
e52a7a5ce5
Pre-release theme touchup ( #465 )
...
* Fix themed card styles
* Improve lowered surface colors across themes
2025-01-08 15:04:27 -05:00
Lea Verou
a87f3627bb
Fix #451 without changing logic/specificity
2025-01-08 15:00:45 -05:00
Cory LaViska
06e432589f
change migration => tailspin ( #463 )
2025-01-08 13:59:27 -05:00
Lea Verou
19042fcca4
Decouple dark mode & theme, fixes #445 closes #385 ( #457 )
...
Co-authored-by: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com >
2025-01-08 12:50:29 -05:00
Lea Verou
8541369ae1
Fix #437 regression ( #458 )
2025-01-08 12:33:19 -05:00
Kelsey Jackson
31cfdf5704
Fixed radio button styling regression ( #443 )
...
* fixed styling regression
* Import missing appearance utilities
* Fix up radio button theme styles
* tweaked based on feedback
---------
Co-authored-by: lindsaym-fa <dev@lindsaym.design >
2025-01-08 12:07:28 -05:00
Lindsay M
3511a60b93
Fix missing select styles, improve consistency ( #450 )
...
* Refactor for consistency, fix missing theme styles
* Remove unused custom properties from docs
* Add missing custom property to docs
* Add UI test case
2025-01-08 12:04:22 -05:00
Lindsay M
e55e091192
Fix caret color on slider tooltips ( #448 )
2025-01-08 12:03:16 -05:00
Lindsay M
09df23dff8
Use theme properties for color picker border ( #449 )
2025-01-08 10:02:18 -05:00
Lea Verou
f4a88c3b3a
Harmonize updated() definitions
...
- Use proper type
- Use same argument name
- Ensure `super.updated()` is called
2025-01-07 17:39:56 -05:00
Cory LaViska
559efcd1d2
Fix switch's submitted value; fixes #409 ( #442 )
...
* fix switch's submitted value; fixes #409
* update tests
2025-01-07 17:01:27 -05:00
Lindsay M
e046015ed5
Theme cleanup ( #414 )
...
* formatting, docs tweaks
* FA theme cleanup
* Revert removal of `--wa-form-control-height-*`
* Classic theme cleanup
* Use consistent selectors for dark mode
* Clean slate for additional themes
* Retire depth stylesheets
* Move header styles for themer out of themes
* Missed instance of dark mode selector
* Migration theme cleanup
* Brutalist theme cleanup
* Changelog for new themes
* Playful theme cleanup
* Formatting
* Default theme update
* Add tests for form theming
* Fix test typo
* Change misnamed `multiplier` properties to `scale`
* Active theme cleanup
* Mellow theme cleanup
* Cleanup unused FA styles
* Glassy theme progress
* Add checked styles to glassy
* Fix typo
* Final FA theme cleanup
* Rename FA theme to 'Awesome', allow in alpha
* Final brutalist theme cleanup
* A few more brutalist tweaks
* One last brutalist tweak
* Final mellow theme cleanup
* Final Tailwind theme cleanup
* Final active theme cleanup
* Some classic theme cleanup
* Remove unused `--wa-form-control-height-*`
* Rename `--wa-form-control-resting-color` to `border-color`
* Touch up callout `appearance` styles
* Add more themes to alpha
* Add changelog for removal of `--wa-form-control-height-*`
* Clean up colors
* Final classic theme cleanup
* Add new themes to alpha build
* Re-add teal (used by Awesome theme)
* sync mobile/desktop theme pickers and don't dup IDs
* Remove `color/standard.css` (duplicates `/themes/default/color.css`)
* add view transition
* Add premium theme for later cleanup
* Accommodate new tag `appearance` styles
* Revise `--wa-form-control-height-*` changelog entry
Co-authored-by: Lea Verou <lea@verou.me >
* Improve `--wa-border-width-scale` description
Co-authored-by: Lea Verou <lea@verou.me >
* Better border docs
* Premium tweaks
---------
Co-authored-by: Cory LaViska <cory@abeautifulsite.net >
Co-authored-by: Lea Verou <lea@verou.me >
2025-01-07 15:41:57 -05:00
Lea Verou
44dbdd14cc
Separate WebAwesomeFormAssociatedElement (and friends) into a separate file
2025-01-07 14:23:20 -05:00
Lea Verou
4b4f2247c5
[Tag] Add appearance, closes #435
2025-01-07 11:56:19 -05:00
Lea Verou
eca15dc7fc
Revamp <wa-card> HTML & CSS, fix #431 ( #433 )
...
Co-authored-by: Cory LaViska <cory@abeautifulsite.net >
2025-01-07 10:12:32 -05:00
