Lea Verou
71e7227763
Theme remixing fix: Order of params should not matter ( #772 )
...
Also renamed the `theme` export to `getThemeCode` since it was being renamed everywhere it was imported.
2025-02-21 14:03:55 -05:00
Lea Verou
132dbfabcc
Gray tweaks prototype ( #761 )
...
Co-authored-by: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com >
2025-02-20 12:10:43 -05:00
Lea Verou
4921d1c32e
Save palette MVP, fixes #746 ( #755 )
2025-02-18 16:11:40 -05:00
Lea Verou
d6a91919e0
Code block improvements
...
- Add ids, use ids to link copy button. No need for client-side script or updating the copy button manually for dynamic code snippets.
- Add button to link to code block
- Slight refactor on copy plugin to use the 11ty API properly
2025-02-14 15:09:02 -05:00
Lea Verou
726dc73e2a
Hue tweaking & chroma scaling, closes #669 #670 ( #747 )
...
- General infrastructure to support palette tweaking
- Hue shifts per color scale (UI, permalinks, dynamic code snippets)
- Scale overall chroma up/down (UI, permalinks, dynamic code snippets)
- Update contrast ratio tables (styling for contrast up/down/fail could use improvement, but it's a starting point)
- Make sure it works with Turbo (i.e. things don't break when we navigate to another page)
2025-02-13 19:28:20 -05:00
Lea Verou
ffda52a7cf
Theme remixing: Dynamic code snippets ( #729 )
2025-02-07 23:03:34 -05:00
Lea Verou
c30f3c4b09
Improve theme remixing UI ( #724 )
...
Co-authored-by: lindsaym-fa <dev@lindsaym.design >
Co-authored-by: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com >
2025-02-07 11:35:12 -05:00
Lea Verou
17eeccbc5d
Better infrastructure for core colors, show core colors in docs, closes #668
2025-02-05 11:24:13 -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
099edc5186
Implement wide page-level data
2025-01-22 13:25:29 -05:00
Lea Verou
7258c001a7
Demo for mixing and matching ( #565 )
2025-01-17 10:38:03 -05:00
Lea Verou
15344c2a2a
Appease Turbo for the color scheme picker too, fixes #520
2025-01-16 10:15:52 -05:00
lindsaym-fa
3974aa5130
Decrease line height on swatches
2025-01-16 10:15:16 -05:00
Lea Verou
7d089bbe2f
Palette Docs
2025-01-16 10:15:16 -05:00
Lea Verou
89c0667e9c
Improve maintainability of color docs
2025-01-14 14:44:30 -05:00
Lea Verou
0ac7916a1b
Attempt to fix #514
2025-01-14 13:02:37 -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
Cory LaViska
ab67ecfad3
add native icon to search ( #498 )
2025-01-13 14:48:51 -05:00
Lea Verou
a07f6280a3
Themes category in docs ( #477 )
...
Co-authored-by: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com >
Co-authored-by: lindsaym-fa <dev@lindsaym.design >
2025-01-13 13:14:12 -05:00
Lea Verou
6822b25772
Rewrite color scheme logic ( #481 )
...
- Minimize needless swaps
- Centralize logic
- Use an actual `<wa-select>` rather than hacking it with `<wa-dropdown>`
- Move shared includes to shared template
- Rewrite critical theme JS
- Refactor of theme picker code
- Utilize view transitions better and use them for color scheme too
- Do not store default value in localStorage
- Removed unused `*-wide` templates
- Fixed #482
2025-01-10 15:32:28 -05:00
Lea Verou
eb07dc1410
Use passthrough copy ( #474 )
2025-01-09 17:24:18 -05:00
Lindsay M
6d31db57f6
Revise and add showcase to Themes doc ( #456 )
...
* Initial progress
* Make responsive
* quick fix to show theme name/description
* Small styling tweaks
* Documentation updates
* Revisions and improvements
* Avoid using static URLs 'cause that's ridiculous
---------
Co-authored-by: Cory LaViska <cory@abeautifulsite.net >
2025-01-08 17:33:09 -05:00
Lea Verou
1ad963f5ad
wa-card styling fixes
2025-01-08 15:36:12 -05:00
Lindsay M
fa66f4262d
Fix mobile theme selector; fixes #440 ( #446 )
...
* Fix styling
* Fix mobile theme selector label
2025-01-08 15:01:20 -05:00
Cory LaViska
06e432589f
change migration => tailspin ( #463 )
2025-01-08 13:59:27 -05:00
Cory LaViska
b4c4074ae1
fix mobile color picker bug ( #462 )
2025-01-08 13:49:57 -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
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
ef7d47e2b9
[Docs] Move commonalities across blocks to a single base layout ( #424 )
2025-01-06 17:01:29 -05:00
Lea Verou
ac7437894a
Automate all overviews, fix bugs with filtering
2025-01-03 20:17:19 -05:00
lindsaym-fa
ed3e7014e3
Simplify border radius scale
2025-01-02 15:37:09 -05:00
Lea Verou
08f327c224
[docs.css] Remove duplicate code, use CSS nesting for .index.grid
2024-12-23 01:58:10 -05:00
Cory LaViska
e2acfd106f
fix padding in codepen examples
2024-12-20 15:39:30 -05:00
Lea Verou
83fb761d41
Rename applied.css to docs and add some docs on usage
2024-12-20 14:01:14 -05:00
Cory LaViska
c33d17b4a2
fix search styles
2024-12-20 12:59:58 -05:00
Lea Verou
1a1847eeb5
Update search dialog styles to new simpler structure, closes #331
2024-12-19 19:48:38 -05:00
Lea Verou
107f074f99
Page utils & native styles
2024-12-19 17:34:32 -05:00
Konnor Rogers
cf34747701
fix layout demo and custom states support ( #318 )
...
* fix demo
* fix linting errors
* remove jinja, run prettier
* prettier
2024-12-18 17:08:38 -05:00
lindsaym-fa
ad467f0691
Add native details styles and share with <wa-details>
2024-12-18 17:02:25 -05:00
Lea Verou
5a82b7ad99
Remove BEM-style namespaces on class names ( #316 )
2024-12-17 13:46:39 -05:00
Cory LaViska
65310be0b0
Merge branch 'next' into custom-states
2024-12-17 12:14:29 -05:00
Cory LaViska
ac9960c1f0
Merge pull request #296 from shoelace-style/konnorrogers/fix-turbo-2
...
Fix turbo caching on script tag
2024-12-17 12:13:57 -05:00
Cory LaViska
b9393068a7
Merge branch 'next' into custom-states
2024-12-17 12:13:32 -05:00
Cory LaViska
9979028d7e
fix smooth scroll bug
2024-12-17 12:09:45 -05:00
lindsaym-fa
9c4e4a2280
Use appearance for alpha badge 😁
2024-12-17 11:57:32 -05:00
Cory LaViska
fe05300bdc
use :state()
2024-12-17 11:29:59 -05:00
Lea Verou
1e1877c954
--content-color ➡️ --text-color
...
Harmonize with other properties for the same thing
2024-12-17 10:41:51 -05:00
Lea Verou
2136fed4cb
--label-color ➡️ --text-color
...
As we move towards using these helpers more widely, `--label-color` doesn't quite make sense
2024-12-17 10:39:47 -05:00
Lea Verou
afde497a1a
[Docs] Collapse "Components" by default, except when viewing a page in /components/
2024-12-16 11:14:18 -05:00