Commit Graph
35 Commits
Author SHA1 Message Date
Bartek 0f9ee3edb9 Match the combobox search font to the items and space it evenly
The search field now uses the font size of the items under it, and the
space around it comes from two variables: combobox-search-gap for the top
and bottom, and combobox-search-gap-x for the sides.
2026-09-30 11:25:37 +02:00
Bartek a0c090bde0 Scroll only the combobox list and add data-display, data-hint
Wrap the items in .combobox-list so the search field stays in place while
the list scrolls, make the search field small, open a long list at the
chosen item, show data-display in the toggle and data-hint in the menu, and
set the menu min-width from script because the CSS variable was prefixed.
2026-09-29 15:52:02 +02:00
Bartek 9f13141115 Fix combobox markup classes without styles
Drop the unused icon-2 class and add styles for dropdown-item-label and
combobox-search-input so the markup classes check passes.
2026-09-29 14:27:11 +02:00
Bartek a1aae77b6e Add Combobox preview page and fix small/large variants
Add the combobox demo page with a menu entry, keep the field height stable
for icons in small and large sizes, and document native select sizes.
2026-09-29 14:05:57 +02:00
Bartek f7fe901483 Merge dev into combobox-component 2026-09-29 13:41:47 +02:00
Bartek 1fd65714a2 Extend Combobox: examples, shortcut and badge in toggle, button trigger
Add flags, payments, shortcuts, avatars, status, logos and badge examples.
Show kbd and badge of the selected item in the toggle, always render the
toggle as a button, keep icon size fixed and leave room for icon shadows.
2026-09-29 13:38:40 +02:00
Bartek 85f095cd4d Add Combobox component
Markup-first select replacement built on the dropdown menu, with search,
multiple selection, form submission and keyboard support. It can also
enhance a native <select> (optgroups, tags with +N overflow, rich options,
container), so it can replace Tom Select later.
2026-09-29 13:24:02 +02:00
Paweł Kunaandcopilot-swe-agent[bot] ad8c26aa4c Move .form-control and .form-select to --tblr-control-* tokens (#3163)
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
2026-09-29 13:20:21 +02:00
Paweł Kuna c1373d7b8a Add --tblr-hover-bg and use it for button and nav hover backgrounds (#3183) 2026-09-24 23:02:41 +02:00
Paweł Kuna 8ae47aefaf Add a CSS variables section to component docs pages (#3134) 2026-09-23 00:02:31 +02:00
Paweł Kuna 7bfeb12ab7 Fix the bugs found in the pre-1.6 review of dev (#3112) 2026-09-21 18:20:16 +02:00
Bartosz-Do 3e60b18350 Fix theme island, dark mode and component issues in the SCSS (#3110) 2026-09-21 15:09:02 +02:00
Paweł KunaandBartosz-Do 744a09c44a Switch the focus ring to an outline with the focus-ring() mixin (#3098)
Co-authored-by: Bartosz-Do <xbartoszdobija@gmail.com>
2026-09-21 12:07:27 +02:00
Paweł Kuna cc7afaf01b Make a disabled off switch look different from an enabled one (#3073) 2026-09-17 00:03:53 +02:00
Bartosz-Do a744b8407f Add OTP input component (#3056) 2026-09-15 22:34:25 +02:00
Paweł Kuna 9669c0a9a9 Add a password strength meter (#3054) 2026-09-14 20:22:23 +02:00
Paweł Kuna 107e493275 Define the color palette in oklch() (#3043) 2026-09-13 00:56:36 +02:00
Bartosz-Doandcodecalm 64dd529b67 Add billing page in preview (#2718)
Co-authored-by: codecalm <codecalm@gmail.com>
2026-09-12 19:15:42 +02:00
Paweł Kuna 9dd26fd643 Redesign the docs layout and simplify the menu structure (#2902) 2026-08-19 22:30:14 +02:00
Bartosz-Doandcodecalm 464a52255b Fix oversized validation icons on .form-select (#2861)
Co-authored-by: codecalm <codecalm@gmail.com>
2026-08-12 20:37:42 +02:00
Paweł Kuna 78b9728fb4 Fix oversized valid/invalid icons on form controls (#2840) 2026-08-10 00:53:41 +02:00
Bartosz-Doandcodecalm 9cc9a36b10 Wire stylelint into the SCSS lint pipeline (#2794)
Co-authored-by: codecalm <codecalm@gmail.com>
2026-08-06 00:46:56 +02:00
Bartosz-Doandcodecalm cad8eb8c91 Move --tblr- custom-property prefixing from Sass to PostCSS (#2795)
Co-authored-by: codecalm <codecalm@gmail.com>
2026-08-05 23:48:56 +02:00
Bartosz-Doandcopilot-swe-agent[bot] a508bb6c3e Extract hardcoded rem values into SCSS variables (#2745)
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
2026-08-01 19:06:39 +02:00
Guillaume Sainthillierandcodecalm c527135aae Fix .form-select start-padding selector in .input-icon (#2625)
Co-authored-by: codecalm <codecalm@gmail.com>
2026-07-30 18:27:10 +02:00
Paweł Kuna 9820d110f6 Migrate core SCSS from @import to @use/@forward (#2709) 2026-07-22 23:33:04 +02:00
Paweł Kuna 943283568a Implement border-radius mixin across various SCSS files (#2612) 2026-02-15 22:56:49 +01:00
Paweł Kuna a14425792b Update SCSS variables and button styles (#2559) 2026-01-06 00:32:01 +01:00
Paweł Kuna 2dc7edae36 fix: update dark theme SCSS variables (#2546) 2025-11-26 19:30:15 +01:00
Paweł Kuna 0106d6b7d2 Update SCSS to use logical properties (#2537) 2025-11-23 22:05:45 +01:00
Paweł Kuna 14ed4693a5 Refactor SCSS imports, remove compile warnings (#2536) 2025-11-17 21:25:16 +01:00
Paweł Kuna 6e656ad1de fix: Input Icon Z-Index Issue with Form Validation (#2525) 2025-11-02 20:48:36 +01:00
Paweł Kunaandethancrawford 9c5d729e6d Add progress page (#2494)
Co-authored-by: ethancrawford <ethan_jc@hotmail.com>
2025-09-19 23:06:55 +02:00
Paweł Kuna c20d076b74 Refactor border-radius in components to use CSS variables (#2240) 2025-03-26 00:06:08 +01:00
Paweł Kuna eaa7f81604 Monorepo structure, remove Gulp, new build process (#2116) 2025-02-01 21:05:00 +01:00