Lea Verou
404d59d9d6
Improve FOUCE reduction utility, docs fixes, :state(wa-defined) ( #643 )
...
* Utility layout
* Split out, improve & document FOUCE utility
2025-01-31 11:19:30 -05:00
Lea Verou
ce1ce6caca
Fix regression ( #642 )
2025-01-31 10:01:01 -05:00
Lea Verou
74ecc52a15
Inheritable size ( #593 )
...
Co-authored-by: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com >
Co-authored-by: lindsaym-fa <dev@lindsaym.design >
2025-01-30 15:56:32 -08:00
Lea Verou
aeb25f3a7d
Infrastructure for inheritable props, make variant inherit ( #582 )
...
Fixes #454 , fixes #592
Co-authored-by: lindsaym-fa <dev@lindsaym.design >
2025-01-29 16:22:50 -08:00
Cory LaViska
b89ee673e6
Fix <wa-textarea> form submit behavior ( #637 )
...
* fix textarea form submit behavior
* add test
2025-01-29 17:57:16 -05:00
Lindsay M
3c70c44b8a
Use flex columns for form controls, fixes #629 ( #636 )
...
* Use flex columns for form controls
* Touch up spacing in color picker example
* Use consistent `display` for related form controls
2025-01-29 09:56:09 -05:00
Lea Verou
88b6fe2fbe
Docs on cherry-picking native styles ( #619 )
...
Co-authored-by: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com >
2025-01-28 16:58:53 -05:00
Cory LaViska
3ff8745910
Add orientation to radio group ( #635 )
...
* add orientation to radio group; fixes #613
* fix timing issue that prevents value from being set sometimes
* gimme a break
* make radio button examples horizontal
---------
Co-authored-by: lindsaym-fa <dev@lindsaym.design >
2025-01-28 14:23:39 -05:00
Lindsay M
0cb72adb28
Use 100% width for text field and select labels ( #599 )
2025-01-27 09:49:35 -05:00
Cory LaViska
3d35f5d4e0
Ensure change events bubble ( #601 )
2025-01-26 14:10:57 -05:00
Lea Verou
a7caf19b34
Tintless variables + OKLCH coords as comments ( #596 )
...
Co-authored-by: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com >
2025-01-24 16:55:21 -05:00
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