Merge branch 'dev' of https://github.com/tabler/tabler into dev

.changeset/brave-pigs-unite.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Order menu items alphabetically

.changeset/eight-ladybugs-invite.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Remove invalid `z-index` setting for dropdowns

.changeset/hungry-poets-speak.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix ids of custom size star ratings

.changeset/kind-days-sneeze.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Set `font-size` of an `i` element with `icon` class in a `button` element

.changeset/light-beers-study.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix description of alerts with a description

.changeset/perfect-trainers-rush.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix layout of search results for small and medium screens

.changeset/popular-news-sell.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Remove `text-decoration` on hovering `a` element with class having `icon` class

.changeset/selfish-avocados-battle.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Set value of `$font-family-monospace` as default

.changeset/soft-suits-count.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Do not display empty `fieldset` element

.changeset/webfont-unpkg.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix link to webfont version of Tabler Icons

docs/icons/static-files/png.mdx

@@ -15,6 +15,16 @@ All PNG files are stored in `icons` subdirectory.
 
 ## CDN
 
+Replace `$ICONS_VERSION` with `latest` or any specific version you need.
+
+#### Outline version
+
+```html
+<img src="https://unpkg.com/@tabler/icons-png@$ICONS_VERSION/icons/outline/home.png" />
+```
+
+#### Filled version
+
 ```html
-<img src="https://unpkg.com/@tabler/icons-png@$ICONS_VERSION/icons/home.png" />
+<img src="https://unpkg.com/@tabler/icons-png@$ICONS_VERSION/icons/filled/home.png" />
 ```

docs/icons/static-files/svg.mdx

@@ -70,6 +70,16 @@ Add an icon to be displayed on your page with the following markup (`activity` i
 
 ## CDN
 
+Replace `$ICONS_VERSION` with `latest` or any specific version you need.
+
+#### Outline version
+
+```html
+<img src="https://unpkg.com/@tabler/icons@$ICONS_VERSION/icons/outline/home.svg" />
+```
+
+#### Filled version
+
 ```html
-<img src="https://unpkg.com/@tabler/icons@$ICONS_VERSION/icons/home.svg" />
+<img src="https://unpkg.com/@tabler/icons@$ICONS_VERSION/icons/filled/home.svg" />
 ```

src/pages/_data/menu.yml

@@ -8,12 +8,12 @@ base:
   icon: package
   columns: 2
   children:
-    alerts:
-      title: Alerts
-      url: alerts.html
     accordion:
       title: Accordion
       url: accordion.html
+    alerts:
+      title: Alerts
+      url: alerts.html
     authentication:
       title: Authentication
       children:
@@ -47,13 +47,13 @@ base:
         2-step-verification-code:
           title: 2 step verification code
           url: 2-step-verification-code.html
-    blank:
-      title: Blank page
-      url: blank.html
     badges:
       url: badges.html
       title: Badges
       badge: New
+    blank:
+      title: Blank page
+      url: blank.html
     buttons:
       url: buttons.html
       title: Buttons
@@ -78,13 +78,13 @@ base:
     charts:
       url: charts.html
       title: Charts
-    colors:
-      url: colors.html
-      title: Colors
     colorpicker:
       url: colorpicker.html
       title: Color picker
       badge: New
+    colors:
+      url: colors.html
+      title: Colors
     datagrid:
       url: datagrid.html
       title: Data grid
@@ -152,7 +152,6 @@ base:
     pagination:
       url: pagination.html
       title: Pagination
-      icon: pie-chart
     placeholder:
       url: placeholder.html
       title: Placeholder
@@ -160,33 +159,33 @@ base:
       title: Social icons
       url: social-icons.html
       badge: New
-    steps:
-      url: steps.html
-      title: Steps
-      badge: New
     stars-rating:
       title: Stars rating
       url: stars-rating.html
       badge: New
+    steps:
+      url: steps.html
+      title: Steps
+      badge: New
+    tables:
+      url: tables.html
+      title: Tables
     tabs:
       url: tabs.html
       title: Tabs
     tags:
       url: tags.html
       title: Tags
-    tables:
-      url: tables.html
-      title: Tables
+    tinymce:
+      title: TinyMCE
+      url: tinymce.html
+      badge: New
     toasts:
       title: Toasts
       url: toasts.html
     typography:
       title: Typography
       url: typography.html
-    tinymce:
-      title: TinyMCE
-      url: tinymce.html
-      badge: New
 
 forms:
   url: form-elements.html
@@ -199,42 +198,34 @@ extra:
   icon: star
   columns: 2
   children:
-    empty:
-      title: Empty page
-      url: empty.html
+    activity:
+      title: Activity
+      url: activity.html
+    chat:
+      title: Chat
+      url: chat.html
+      badge: New
     cookie-banner:
       title: Cookie banner
       url: cookie-banner.html
       badge: New
-    chat:
-      title: Chat
-      url: chat.html
+    empty:
+      title: Empty page
+      url: empty.html
+    faq:
+      url: faq.html
+      title: FAQ
       badge: New
-    activity:
-      title: Activity
-      url: activity.html
     gallery:
       title: Gallery
       url: gallery.html
     invoice:
       title: Invoice
       url: invoice.html
-    search-results:
-      title: Search results
-      url: search-results.html
-    pricing:
-      url: pricing.html
-      title: Pricing cards
-    pricing-table:
-      url: pricing-table.html
-      title: Pricing table
-    faq:
-      url: faq.html
-      title: FAQ
+    job-listing:
+      title: Job listing
+      url: job-listing.html
       badge: New
-    users:
-      title: Users
-      url: users.html
     license:
       title: License
       url: license.html
@@ -245,89 +236,97 @@ extra:
     music:
       title: Music
       url: music.html
+    page-loader:
+      title: Page loader
+      url: page-loader.html
+      badge: New
+    payment-providers:
+      title: Payment providers
+      url: payment-providers.html
+      badge: New
     photogrid:
       title: Photogrid
       url: photogrid.html
       badge: New
+    pricing:
+      url: pricing.html
+      title: Pricing cards
+    pricing-table:
+      url: pricing-table.html
+      title: Pricing table
+    search-results:
+      title: Search results
+      url: search-results.html
+    settings:
+      title: Settings
+      url: settings.html
+      badge: New
     tasks:
       title: Tasks
       url: tasks.html
       badge: New
+    trial-ended:
+      title: Trial ended
+      url: trial-ended.html
+      badge: New
     uptime:
       title: Uptime monitor
       url: uptime.html
+    users:
+      title: Users
+      url: users.html
     widgets:
       title: Widgets
       url: widgets.html
     wizard:
       title: Wizard
       url: wizard.html
-    settings:
-      title: Settings
-      url: settings.html
-      badge: New
-    trial-ended:
-      title: Trial ended
-      url: trial-ended.html
-      badge: New
-    job-listing:
-      title: Job listing
-      url: job-listing.html
-      badge: New
-    page-loader:
-      title: Page loader
-      url: page-loader.html
-      badge: New
-    payment-providers:
-      title: Payment providers
-      url: payment-providers.html
-      badge: New
 
 layout:
   icon: layout-2
   title: Layout
   columns: 2
   children:
-    horizontal:
-      url: layout-horizontal.html
-      title: Horizontal
     boxed:
       url: layout-boxed.html
       title: Boxed
       badge: New
-    vertical:
-      url: layout-vertical.html
-      title: Vertical
-    vertical-transparent:
-      url: layout-vertical-transparent.html
-      title: Vertical transparent
-    vertical-right:
-      url: layout-vertical-right.html
-      title: Right vertical
-    condensed:
-      url: layout-condensed.html
-      title: Condensed
     combo:
       url: layout-combo.html
       title: Combined
+    condensed:
+      url: layout-condensed.html
+      title: Condensed
+    fluid:
+      url: layout-fluid.html
+      title: Fluid
+    fluid-vertical:
+      url: layout-fluid-vertical.html
+      title: Fluid vertical
+    horizontal:
+      url: layout-horizontal.html
+      title: Horizontal
     navbar-dark:
       url: layout-navbar-dark.html
       title: Navbar dark
-    navbar-sticky:
-      url: layout-navbar-sticky.html
-      title: Navbar sticky
     navbar-overlap:
       url: layout-navbar-overlap.html
       title: Navbar overlap
+    navbar-sticky:
+      url: layout-navbar-sticky.html
+      title: Navbar sticky
+    vertical-right:
+      url: layout-vertical-right.html
+      title: Right vertical
     rtl-mode:
       url: layout-rtl.html
       title: RTL mode
-    fluid:
-      url: layout-fluid.html
-      title: Fluid
-    fluid-vertical:
-      url: layout-fluid-vertical.html
-      title: Fluid vertical
+    vertical:
+      url: layout-vertical.html
+      title: Vertical
+    vertical-transparent:
+      url: layout-vertical-transparent.html
+      title: Vertical transparent
 
 icons:
   title: "%ICONS_COUNT% icons"

src/pages/_includes/layout/css.html

@@ -1,6 +1,6 @@
 <!-- CSS files -->
 {% if site.use-iconfont %}
-<link href="https://cdn.statically.io/gh/tabler/tabler-icons/master/iconfont/tabler-icons.min.css" rel="stylesheet" />
+<link href="https://www.unpkg.com/@tabler/icons-webfont@latest/dist/tabler-icons.min.css" rel="stylesheet" />
 {% endif %}
 
 {% assign libs = page.libs | default: layout.libs %}

src/pages/alerts.html

@@ -45,7 +45,7 @@ page-header: Alerts
 		<div class="card">
 			<div class="card-body">
 				<h2 class="card-title">Alert with a description</h2>
-				<p class="text-secondary">Build on any alert by adding an optional <code>.alert-dismissible</code> and close button.</p>
+				<p class="text-secondary">Add a description to the alert to provide additional information.</p>
 				{% include ui/alert.html type="success" show-description=true show-icon=true %}
 				{% include ui/alert.html type="warning" show-description=true show-icon=true %}
 				{% include ui/alert.html type="danger" show-description=true show-icon=true %}

src/pages/search-results.html

@@ -5,10 +5,10 @@ menu: extra.search-results
 ---
 
 <div class="row g-4">
-	<div class="col-3">
+	<div class="col-md-3">
 		{% include parts/nav/nav-aside.html %}
 	</div>
-	<div class="col-9">
+	<div class="col-md-9">
 		<div class="row row-cards">
 			{% assign photos = site.data.photos | where: "horizontal", true %}
 

src/pages/stars-rating.html

@@ -56,8 +56,8 @@ menu: base.stars-rating
 				<div class="space-y">
 					{% include ui/rating.html id="size-sm" value=3 size="sm" %}
 					{% include ui/rating.html id="size-primary" value=3 %}
-					{% include ui/rating.html id="size-red" value=3 size="md" %}
-					{% include ui/rating.html id="size-lime" value=3 size="lg" %}
+					{% include ui/rating.html id="size-md" value=3 size="md" %}
+					{% include ui/rating.html id="size-lg" value=3 size="lg" %}
 				</div>
 			</div>
 		</div>

src/scss/_variables.scss

@@ -26,7 +26,7 @@ $font-icons: () !default;
 /* prettier-ignore */
 $font-family-sans-serif: unquote("#{if($font-local, "#{$font-local}, ", ' ')}#{if($font-google, "#{$font-google}, ", ' ')}") 'Inter Var', Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif !default;
 /* prettier-ignore */
-$font-family-monospace: unquote("#{if($font-google-monospaced, "#{$font-google-monospaced}, ", '')}") Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
+$font-family-monospace: unquote("#{if($font-google-monospaced, "#{$font-google-monospaced}, ", '')}") Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !default;
 $font-family-serif: "Georgia", "Times New Roman", times, serif !default;
 
 //Icons
@@ -605,8 +605,6 @@ $card-header-tabs-bg: var(--#{$prefix}bg-surface-tertiary) !default;
 $cards-grid-gap: var(--#{$prefix}page-padding) !default;
 $cards-grid-breakpoint: lg !default;
 
-$zindex-dropdown: 1;
-
 // Carousel
 $carousel-control-color: $white !default;
 $carousel-control-icon-width: 1.5rem !default;

src/scss/ui/_buttons.scss

@@ -23,6 +23,7 @@
     width: var(--#{$prefix}btn-icon-size);
     height: var(--#{$prefix}btn-icon-size);
     min-width: var(--#{$prefix}btn-icon-size);
+    font-size: var(--#{$prefix}btn-icon-size);
     margin: 0 calc(var(--#{$prefix}btn-padding-x) / 2) 0 calc(var(--#{$prefix}btn-padding-x) / -4);
     vertical-align: bottom;
     color: inherit;

src/scss/ui/_forms.scss

@@ -130,6 +130,10 @@ Form control
   border-radius: var(--#{$prefix}border-radius);
 }
 
+fieldset:empty {
+  display: none;
+}
+
 /**
 Form help
  */

src/scss/ui/_type.scss

@@ -163,6 +163,10 @@ Links
   }
 }
 
+a:hover:has(.icon) {
+  text-decoration: none;
+}
+
 /**
 Subheader
  */