Update depencencies

Co-authored-by: Valentine <valentine@pop-os.Dlink>
Co-authored-by: Paweł Kuna <1282324+codecalm@users.noreply.github.com>

.changeset/chilled-pans-cheer.md

@@ -0,0 +1,5 @@
+---
+"@tabler/preview": minor
+---
+
+Add a color palette in the signing component

.changeset/fresh-rockets-retire.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix mixed declarations in SCSS

.changeset/light-cooks-hug.md

@@ -0,0 +1,5 @@
+---
+"@tabler/preview": patch
+---
+
+Update icons to v3.34.1 (75 new icons)

.changeset/modern-dots-bathe.md

@@ -0,0 +1,5 @@
+---
+"@tabler/preview": patch
+---
+
+Update activity messages

.changeset/tricky-moons-laugh.md

@@ -0,0 +1,5 @@
+---
+"@tabler/docs": patch
+---
+
+Fix Docs search in dark mode

.changeset/twelve-tables-attack.md

@@ -0,0 +1,5 @@
+---
+"@tabler/preview": patch
+---
+
+Fix responsive layputs in 'Form Elements' page

core/package.json

@@ -158,7 +158,7 @@
     "countup.js": "^2.9.0",
     "dropzone": "^6.0.0-beta.2",
     "flatpickr": "^4.6.13",
-    "fslightbox": "^3.6.1",
+    "fslightbox": "^3.6.2",
     "fullcalendar": "^6.1.18",
     "hugerte": "^1.0.9",
     "imask": "^7.6.1",

core/scss/layout/_navbar.scss

@@ -221,14 +221,14 @@ Navbar toggler
   width: 1.25em;
   background: currentColor;
   border-radius: 10px;
+  position: relative;
   @include transition(
     top $navbar-toggler-animation-time $navbar-toggler-animation-time,
     bottom $navbar-toggler-animation-time $navbar-toggler-animation-time,
     transform $navbar-toggler-animation-time,
     opacity 0s $navbar-toggler-animation-time
   );
-  position: relative;
-
+  
   &:before,
   &:after {
     content: "";
@@ -320,9 +320,9 @@ Navbar vertical
             bottom: 0;
             z-index: $zindex-fixed;
             align-items: flex-start;
-            @include transition(transform $transition-time);
             overflow-y: scroll;
             padding: 0;
+            @include transition(transform $transition-time);
 
             &.navbar-right,
             &.navbar-end {

core/scss/ui/_cards.scss

@@ -111,11 +111,11 @@
   justify-content: center;
   padding: $card-spacer-y $card-spacer-x;
   text-align: center;
-  @include transition(background $transition-time);
   border-top: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color);
   flex: 1;
   color: inherit;
   font-weight: var(--#{$prefix}font-weight-medium);
+  @include transition(background $transition-time);
 
   &:hover {
     text-decoration: none;

core/scss/ui/_nav.scss

@@ -65,8 +65,8 @@
 
 .nav-link {
   display: flex;
-  @include transition(color $transition-time, background-color $transition-time);
   align-items: center;
+  @include transition(color $transition-time, background-color $transition-time);
 
   &:hover,
   &:focus {

core/scss/ui/_tables.scss

@@ -112,10 +112,9 @@ Table sort
   display: block;
   width: 100%;
   text-align: inherit;
-  @include transition(color $transition-time);
-
   margin: calc(-1 * $table-th-padding-y) calc(-1 * $table-th-padding-x);
   padding: $table-th-padding-y $table-th-padding-x;
+  @include transition(color $transition-time);
 
   &:hover,
   &.asc,

docs/package.json

@@ -28,8 +28,8 @@
     "@11ty/eleventy": "^3.1.2",
     "@docsearch/css": "^3.9.0",
     "@docsearch/js": "^3.9.0",
-    "flat-cache": "^6.1.11",
-    "shiki": "^3.7.0"
+    "flat-cache": "^6.1.12",
+    "shiki": "^3.8.1"
   },
   "dependencies": {
     "@tabler/core": "workspace:*"

docs/scss/docs.scss

@@ -3,6 +3,7 @@
 :root {
   --docsearch-primary-color: var(--tblr-primary);
   --docsearch-searchbox-background: var(--tblr-bg-surface);
+  --docsearch-searchbox-focus-background: var(--tblr-bg-surface);
   --docsearch-text-color: var(--tblr-body-text);
   --docsearch-key-shadow: 0 0 0 1px var(--tblr-border-color);
   --docsearch-key-gradient: var(--tblr-bg-surface-secondary);
@@ -25,6 +26,80 @@
   transition: all 0.2s ease-in-out;
 }
 
+.DocSearch-SearchBar {
+  display: flex;
+  padding: var(--docsearch-spacing) var(--docsearch-spacing) 0;
+  background-color: var(--tblr-bg-surface) !important;
+}
+
+.DocSearch-Hit-source {
+  background: none !important;
+}
+
+.DocSearch-Dropdown {
+  background-color: var(--tblr-bg-surface) !important;
+}
+
+.DocSearch-Hit a {
+  background-color: var(--tblr-bg-surface-secondary) !important;
+  border: 1px solid var(--tblr-border-color) !important;
+  color: var(--tblr-body-color) !important;
+  box-shadow: none !important;
+  
+  &:hover {
+    background-color: var(--tblr-bg-surface-tertiary) !important;
+    border-color: var(--tblr-border-color-active) !important;
+  }
+}
+
+.DocSearch-Hit-Container {
+  color: var(--tblr-body-color) !important;
+}
+
+.DocSearch-Hit-title {
+  color: var(--tblr-body-color) !important;
+}
+
+.DocSearch-Hit-path {
+  color: var(--tblr-muted) !important;
+}
+
+.DocSearch-Hit[aria-selected="true"] a {
+  background-color: var(--tblr-primary) !important;
+  border-color: var(--tblr-primary) !important;
+  color: var(--tblr-primary-fg) !important;
+}
+
+.DocSearch-Hit[aria-selected="true"] .DocSearch-Hit-Container,
+.DocSearch-Hit[aria-selected="true"] .DocSearch-Hit-title,
+.DocSearch-Hit[aria-selected="true"] .DocSearch-Hit-path {
+  color: var(--tblr-primary-fg) !important;
+}
+
+.DocSearch-Modal {
+  background-color: var(--tblr-bg-surface) !important;
+  box-shadow: var(--tblr-shadow-dropdown) !important;
+}
+
+.DocSearch-Form {
+  background-color: var(--tblr-bg-surface-secondary) !important;
+  border: 1px solid var(--tblr-border-color) !important;
+}
+
+.DocSearch-Input {
+  color: var(--tblr-body-color) !important;
+  
+  &::placeholder {
+    color: var(--tblr-muted) !important;
+  }
+}
+
+.DocSearch-Footer {
+  background-color: var(--tblr-bg-surface) !important;
+  border-top: 1px solid var(--tblr-border-color) !important;
+  box-shadow: none !important;
+}
+
 .DocSearch-Button-Key {
   top: 0;
 }

package.json

@@ -14,15 +14,15 @@
     "zip-package": "node .build/zip-package.mjs",
     "start": "pnpm dev"
   },
-  "packageManager": "pnpm@10.12.4",
+  "packageManager": "pnpm@10.13.1",
   "dependencies": {
     "shx": "^0.4.0"
   },
   "devDependencies": {
-    "@argos-ci/playwright": "^5.0.5",
+    "@argos-ci/playwright": "^5.0.8",
     "@changesets/changelog-github": "^0.5.1",
     "@changesets/cli": "^2.29.5",
-    "@playwright/test": "^1.53.2",
+    "@playwright/test": "^1.54.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-node-resolve": "^16.0.1",
@@ -37,16 +37,16 @@
     "glob": "^11.0.3",
     "js-beautify": "^1.15.4",
     "nodemon": "^3.1.10",
-    "pnpm": "10.6.5",
+    "pnpm": "^10.6.5",
     "postcss": "^8.5.6",
     "postcss-cli": "^11.0.1",
     "prettier": "^3.6.2",
-    "rollup": "4.44.2",
+    "rollup": "4.45.1",
     "rollup-plugin-dotenv": "^0.5.1",
     "rtlcss": "^4.3.0",
     "sass": "1.89.2",
     "shelljs": "^0.10.0",
     "terser": "^5.43.1",
-    "turbo": "^2.5.4"
+    "turbo": "^2.5.5"
   }
-}
+}

preview/package.json

@@ -31,13 +31,13 @@
     "zip": "mkdir -p packages-zip && zip -r packages-zip/tabler-$(node -p \"require('./package.json').version\").zip demo/*"
   },
   "devDependencies": {
-    "@11ty/eleventy": "^3.1.1",
+    "@11ty/eleventy": "^3.1.2",
     "imageoptim-cli": "^3.1.9",
     "request": "^2.88.2"
   },
   "dependencies": {
     "@tabler/core": "workspace:*",
-    "@tabler/icons": "^3.31.0"
+    "@tabler/icons": "^3.34.1"
   },
   "prettier": {
     "tabWidth": 2,

preview/pages/activity.html

@@ -6,12 +6,12 @@ layout: default
 permalink: activity.html
 ---
 
-<div class="row justify-content-center">
+<div class="row">
 	<div class="col-8">
 		<div class="card">
 			<div class="card-body">
 				{% include "parts/activity.html" %}
 			</div>
-		</div>
+		</div> 
 	</div>
 </div>

preview/pages/form-elements.html

@@ -45,7 +45,7 @@ permalink: form-elements.html
 	</div>
 
 	<div class="col-md-6">
-		<div class="card">
+		<div class="card h-100">
 			<div class="card-body">
 				<h3 class="card-title">Project ID</h3>
 				<p class="card-subtitle">Used when interacting with the API.</p>
@@ -80,13 +80,13 @@ permalink: form-elements.html
 		</div>
 	</div>
 
-	<div class="col-md-6">
+	<div class="col-12 col-lg-4">
 		{% include "cards/form/layout.html" %}
 	</div>
 
-	<div class="col-lg-4">
+	<div class="col-lg-8">
 		<div class="row row-cards">
-			<div class="col-12">
+			<div class="col-12 col-lg-6">
 				<div class="card">
 					<div class="card-header">
 						<h3 class="card-title">Input mask</h3>
@@ -127,8 +127,8 @@ permalink: form-elements.html
 					</div>
 				</div>
 			</div>
-			<div class="col-12">
-				<form class="card">
+			<div class="col-12 col-lg-6">
+				<form class="card h-100">
 					<div class="card-header">
 						<h3 class="card-title">My Profile</h3>
 					</div>
@@ -168,9 +168,9 @@ permalink: form-elements.html
 		</div>
 	</div>
 
-	<div class="col-lg-8">
+	<div class="col-lg-12">
 		<div class="row row-cards">
-			<div class="col-12">
+			<div class="col-12 col-lg-6">
 				<form class="card">
 					<div class="card-body">
 						<h3 class="card-title">Edit Profile</h3>
@@ -250,8 +250,8 @@ But that's the difference in our opinions.</textarea>
 					</div>
 				</form>
 			</div>
-			<div class="col-12">
-				<div class="card">
+			<div class="col-12 col-lg-6">
+				<div class="card h-100">
 					<div class="card-header">
 						<h3 class="card-title">HTTP Request</h3>
 					</div>

preview/pages/signatures.html

@@ -13,12 +13,6 @@ signaturePad.fromDataURL("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3
 
 
 {% capture advanced-js %}
-function randomColor() {
-  const r = Math.round(Math.random() * 255);
-  const g = Math.round(Math.random() * 255);
-  const b = Math.round(Math.random() * 255);
-  return `rgb(${r},${g},${b})`;
-}
 
 function download(dataURL, filename) {
   const blob = dataURLToBlob(dataURL);
@@ -49,9 +43,8 @@ function dataURLToBlob(dataURL) {
   return new Blob([uInt8Array], { type: contentType });
 }
 
-
-document.querySelector("#signature-advanced-color").addEventListener("click", function () {
-  signaturePad.penColor = randomColor();
+document.querySelector("#signature-advanced-color").addEventListener("input", function (e) {
+  signaturePad.penColor = e.target.value;
 });
 
 document.querySelector("#signature-advanced-svg").addEventListener("click", function () {
@@ -112,7 +105,7 @@ document.querySelector("#signature-advanced-png").addEventListener("click", func
 					<div class="mt-4">
 						<div class="row">
 							<div class="col">
-								<button href="" class="btn w-100" id="signature-advanced-color">Change color</button>
+                <input href="" type="color" id="signature-advanced-color" class="w-100 form-control form-control-color" />
 							</div>
 							<div class="col">
 								<button href="" class="btn w-100" id="signature-advanced-svg">Download SVG</button>

shared/data/activity.json

@@ -1,56 +1,162 @@
 [
   {
-    "text": "<strong>%p</strong> commented on your <strong>\"I'm not a witch.\"</strong> post."
+    "text": "<strong>%p</strong> commented on your post: <strong>Not everything is what it seems</strong>",
+    "icon": "message-circle"
   },
   {
-    "text": "It's <strong>%p</strong>'s birthday. Wish him well!"
+    "text": "It's <strong>%p</strong>'s birthday today",
+    "icon": "cake"
   },
   {
-    "text": "<strong>%p</strong> posted <strong>\"Well, what do you want?\"</strong>."
+    "text": "<strong>%p</strong> posted a status: <strong>Trying to figure things out one step at a time.</strong>",
+    "icon": "pencil"
   },
   {
-    "text": "<strong>%p</strong> created a new project <strong>Morning alarm clock</strong>."
+    "text": "<strong>%p</strong> created a new project: <strong>Smart Morning Alarm</strong>",
+    "icon": "alarm"
   },
   {
-    "text": "<strong>%p</strong> liked your photo."
+    "text": "<strong>%p</strong> liked your photo",
+    "icon": "heart"
   },
   {
-    "text": "<strong>%p</strong> registered new client as <strong>%c</strong>."
+    "text": "<strong>%p</strong> registered a new client: <strong>Trilia Solutions</strong>",
+    "icon": "user-plus"
   },
   {
-    "text": "<strong>%p</strong> closed a new deal on project <strong>Pen Pineapple Apple Pen</strong>."
+    "text": "<strong>%p</strong> closed a new deal on project: <strong>PPAP Campaign Strategy</strong>",
+    "icon": "handshake"
   },
   {
-    "text": "<strong>%p</strong> created a new project for <strong>%c</strong>."
+    "text": "<strong>%p</strong> created a new project: <strong>Wikibox Knowledge Platform</strong>",
+    "icon": "folder-plus"
   },
   {
-    "text": "<strong>%p</strong> change status of <strong>Tabler Icons</strong> from <strong>open</strong> to <strong>closed</strong>."
+    "text": "<strong>%p</strong> changed project status of <strong>Tabler Icons</strong> from <strong>open</strong> to <strong>closed</strong>",
+    "icon": "check"
   },
   {
-    "text": "<strong>%p</strong> liked <strong>Tabler UI Kit</strong>."
+    "text": "<strong>%p</strong> liked the <strong>Tabler UI Kit</strong>",
+    "icon": "thumb-up"
   },
   {
-    "text": "<strong>%p</strong> posted new video."
+    "text": "<strong>%p</strong> shared a new video: <strong>Design Tips for Busy Creators</strong>",
+    "icon": "video"
   },
   {
-    "text": "<strong>%p</strong> and 3 others followed you."
+    "text": "<strong>%p</strong> and <strong>3 others</strong> followed you",
+    "icon": "user-plus"
   },
   {
-    "text": "<strong>%p</strong> upload 3 new photos to category <strong>Inspirations</strong>."
+    "text": "<strong>%p</strong> uploaded <strong>3 new photos</strong> to category: <strong>Creative Inspirations</strong>",
+    "icon": "photo"
   },
   {
-    "text": "<strong>%p</strong> made a <strong>$10</strong> donation."
+    "text": "<strong>%p</strong> made a <strong>$10 donation</strong>",
+    "icon": "coin"
   },
   {
-    "text": "<strong>%p</strong> created a profile."
+    "text": "<strong>%p</strong> created a profile",
+    "icon": "id"
   },
   {
-    "text": "<strong>%p</strong> hosted the event <strong>Tabler UI Birthday</strong>."
+    "text": "<strong>%p</strong> hosted the event: <strong>Tabler UI Anniversary</strong>",
+    "icon": "calendar-event"
   },
   {
-    "text": "<strong>%p</strong> mentioned you on <strong>Best of 2020</strong>."
+    "text": "<strong>%p</strong> mentioned you in <strong>Best of 2020 Highlights</strong>",
+    "icon": "at"
   },
   {
-    "text": "<strong>%p</strong> sent a Review Request to <strong>Amanda Blake</strong>."
+    "text": "<strong>%p</strong> sent a review request to <strong>Amanda Blake</strong>",
+    "icon": "send"
+  },
+  {
+    "text": "<strong>%p</strong> posted a photo from her vacation in <strong>Tuscany</strong>",
+    "icon": "camera"
+  },
+  {
+    "text": "<strong>%p</strong> shared an article: <strong>Top 10 productivity hacks</strong>",
+    "icon": "book"
+  },
+  {
+    "text": "<strong>%p</strong> commented on your photo",
+    "icon": "message-circle"
+  },
+  {
+    "text": "<strong>%p</strong> joined the group: <strong>UX Designers Hub</strong>",
+    "icon": "users"
+  },
+  {
+    "text": "<strong>%p</strong> uploaded new design mockups",
+    "icon": "layout"
+  },
+  {
+    "text": "<strong>%p</strong> reacted with ❤️ to your story",
+    "icon": "emoji-heart-eyes"
+  },
+  {
+    "text": "<strong>%p</strong> posted a video: <strong>Building Better Dashboards</strong>",
+    "icon": "video"
+  },
+  {
+    "text": "<strong>%p</strong> joined your webinar: <strong>Intro to TypeScript</strong>",
+    "icon": "presentation"
+  },
+  {
+    "text": "<strong>%p</strong> commented: <strong>This is so helpful!</strong>",
+    "icon": "message-circle"
+  },
+  {
+    "text": "<strong>%p</strong> updated her profile photo",
+    "icon": "user-edit"
+  },
+  {
+    "text": "<strong>%p</strong> posted a job listing: <strong>Frontend Developer</strong>",
+    "icon": "briefcase"
+  },
+  {
+    "text": "<strong>%p</strong> started following your project: <strong>Clean Code Patterns</strong>",
+    "icon": "code"
+  },
+  {
+    "text": "<strong>%p</strong> gave feedback on your latest design",
+    "icon": "message-check"
+  },
+  {
+    "text": "<strong>%p</strong> shared a playlist: <strong>Coding Flow</strong>",
+    "icon": "music"
+  },
+  {
+    "text": "<strong>%p</strong> joined the event: <strong>Night UI Meetup</strong>",
+    "icon": "calendar-plus"
+  },
+  {
+    "text": "<strong>%p</strong> shared a memory: <strong>2 years at Tabler!</strong>",
+    "icon": "history"
+  },
+  {
+    "text": "<strong>%p</strong> retweeted your latest post",
+    "icon": "repeat"
+  },
+  {
+    "text": "<strong>%p</strong> shared your story to their network",
+    "icon": "share"
+  },
+  {
+    "text": "<strong>%p</strong> invited you to collaborate on her workspace",
+    "icon": "user-plus"
+  },
+  {
+    "text": "<strong>%p</strong> published a new blog post: <strong>Dark Mode for All</strong>",
+    "icon": "article"
+  },
+  {
+    "text": "<strong>%p</strong> mentioned you in a comment",
+    "icon": "at"
+  },
+  {
+    "text": "<strong>%p</strong> shared a new design: <strong>Modern Dashboard UI</strong>",
+    "icon": "layout"
   }
 ]

shared/data/icons-info.json

@@ -1 +1 @@
-{"version":"3.31.0","count":5880}
+{"version":"3.34.1","count":5945}

shared/data/sri.json

@@ -1,22 +1,22 @@
 {
-  "css": "sha384-LUZmhPrA9DuvV+PENAthWDl8vR3wEHZ2mxCp6V4VEbbCIDjvxx2RlvvYjfSZZ+Fe",
-  "css-rtl": "sha384-R+1hmp3uvF0kkOZyoxDNAnLplv2bfSkdzNMujFi7fbvcu+l5L15NMKg50UT7SHD0",
-  "css-flags": "sha384-H7p4Cgh2RM3r9apL63WdIpPu9BtIhbGngx0f3WrqyCpunfY+X7M4apXpQQcZqA5c",
-  "css-flags-rtl": "sha384-tzddSAu/YEPdL4FEjR4HwaKan3DhU5kQ+ifJOWa0kR7eb1RUmPKr8PHEx1Hmgx+t",
-  "css-marketing": "sha384-jdZv/iHkc5OuAPy1SD9QancYje5FHhs4s1GL7AOvKdb6ZMiC+Zwya8pCGDBb7tIf",
-  "css-marketing-rtl": "sha384-MfCU8754hWY2IAkf1SVH5helVjarYxM1zeyxecKh2AuQcacQzKz+7dxQoWN074ca",
-  "css-payments": "sha384-sCkGfjP5FkkIIL7H3FNIhYK1ZvUwMQeOLVSfOblaDQoKZX8k71BHZk1LMHMPRjbx",
-  "css-payments-rtl": "sha384-gZtxDQ2AdE1j/+cmuiPWY+AJ0jtnsk2C3Z65u+uyzQkqfISW1V7Blezfumdm/mfj",
-  "css-socials": "sha384-bujgRtkeNSwK8hFfCUO6SyIyWngJuWblefHIViyjq5XbDAEeCi1YRlIqggw9Vcqu",
-  "css-socials-rtl": "sha384-SIYJowkbADF1DNCVS7QnO0WDOPI7xOulE2iUJ5do1VveCIHslxNnE7lYyXbHMqtH",
-  "css-props": "sha384-eFBhxMcWpvjSKfWwkdzIeMzXUt2j6d0od1+xwAYsUAtAlBK0SK/tZl9xbx624xxx",
-  "css-props-rtl": "sha384-ifUxJ+Cmg0A/0cl51AAiC0TsP2kvHrBMyGxIsHWT3sPmZzu0PGHf0Pc3YwmoUWkT",
-  "css-themes": "sha384-EWgzD0j3PnZ9hhq/YFnSNV/Hm54BB0hWYSSCEj6OR1YxP0BVDEM7Enp+UAJDMqBx",
-  "css-themes-rtl": "sha384-rzVwsvFoVNK25vTMMkUuO71ndLJIhoMtvnaA9BKDBa2s+lboMuDmnHX/ikLmdgqv",
-  "css-vendors-rtl": "sha384-bD4REzS6v/hyJgKgmqVmDd/HSu5y3dsZ4hQYcdYQqEOKQDLUEyqiWAWYq/NObB8B",
-  "css-vendors": "sha384-yYQlhpXu43M9F6EsDV1V/GQBPy9gQSKTTkvRiSnKEbUjI3/RhmpARqgI9pUTU6Z9",
-  "js": "sha384-2WdYXbwTs+5LXi+OUvcthfGsTS1s8P9lt6uUbrglmYVhAsPSh1ItGCmXkpzSR34u",
-  "js-theme": "sha384-owIUMWnQZ6WJM5sJcZYopxE42XrqqKivlpxysxQYM+RXYbaHGAWVo2aniM4Wyhxq",
+  "css": "sha384-An/wz3SdsHjVEyb1y+Q7MwPz3YdJoVxmt+/CB0OdqSGBDnOWO+UL/hvgkrtlj4jo",
+  "css-rtl": "sha384-RprtnnPRNE70SYFqGqYumwyYBsm4TWkKMjpRIG83xjdXJHtahpr3eRKHB6xhq7X8",
+  "css-flags": "sha384-kmvP0hkBXZ2hMSZlbvE1Q2HIXzPCQRL3ijUeqNiwaPd2nl2Aks+s3gW+V5fAHOX9",
+  "css-flags-rtl": "sha384-Q/h6koANGclsGnwB8rvF8h84H54NKHDeNWFj6yiE4WLLEXyHcz+Zu6Afkh2ssYTC",
+  "css-marketing": "sha384-4dAlYnPzCom9yeC/5++PFq2FG/szJRlUPsDSrjZ3EWP8IAzK7g7rrsnSfqrS67Se",
+  "css-marketing-rtl": "sha384-c6gNhuNYjp+lqluSdArbL8ciLEBq7IVU00XnPM2Eogj8RAjMapccvOM/pGhk3vV6",
+  "css-payments": "sha384-xWIXbKxPLGG/ZEGUKxDjJn3xmUgd2PC2CSZUKJ4PyTse49DiuvJx2WT5wSNJRyw9",
+  "css-payments-rtl": "sha384-69CxgA+uEPtM07SLA8MMAdnBmwtVGndDJf8nIPdfvNrDayBfPqOK3wS3nvV5yyk+",
+  "css-socials": "sha384-eWmz8gyiLzrDw3JcT/PJxjGyKizQjvByfHqocjrMMkIrbKFCnOuP/qMwAz3bHmsC",
+  "css-socials-rtl": "sha384-yobKDIyTOxB1z7t/uZ2ImuXrcKWF24vDYg2vR1n7x2msF09iWnvyIxQtfEl9+OFl",
+  "css-props": "sha384-yctdHmQqHsVGkRviR41l44mMU+tmJq7aIvUiRG05pnl2kIjaX1e9yuT6SdYTVMg/",
+  "css-props-rtl": "sha384-xMuKYM+iQpCesX0ZyyH7tW8KJgLkUOyHlPwNjEY8ZepdiAXhT9+psV8ohJ4xqlkg",
+  "css-themes": "sha384-jTe/MdN6BlY4S3eYe6Qw++yTjuezmVnxWp/l7GAG1qXGC+jttphHqsAN/bGPvJOk",
+  "css-themes-rtl": "sha384-WTp4aZ+OGqnkNR6Xe0sJwwfd0JHGq3dZTLU2ITKxTK2zjcJTBUMY/+Z4eXgm8ipF",
+  "css-vendors-rtl": "sha384-V555LUGE2xyN4wNbzdVMgsajsKmJdlLFm20Ws72jEyPiSsTXXITV0PebNzVeBjnb",
+  "css-vendors": "sha384-+X7+c/noY2B9ieq9daEaVStkUhIFyJTO5T6Occ6jZisx57sbECetvloLqcvGahUv",
+  "js": "sha384-pku3birjgGovaJ9ngF7SaxKkF/eYUvBjiMJ+jTtWbNesIj2Rud2K63+4JD7EF4gk",
+  "js-theme": "sha384-SoDJmj40r6f9Rfxi6Fq+bNS8ofhlZMyxHk9dq9Y8e1M17PZGkBRN/XUpx8swn0i5",
   "demo-css": "sha384-BUDq2P684xwRBf0GDlySvob+KJg4ko8y2K7njgvYBscmEuqoVVqJ75zcTDozwkFA",
   "demo-js": "sha384-UcTgbM9IZSOPHHuFa0R9H4TegQWoZkJKpeTjLV5hjem2k0CZ67Q4/bW2rT/Edf4Z"
 }

shared/includes/cards/form/layout.html

@@ -1,5 +1,5 @@
 {% assign horizontal = include.horizontal | default: false %}
-<form class="card">
+<form class="card h-100">
 	<div class="card-header">
 		<h3 class="card-title">{{ include.title | default: 'Basic form' }}</h3>
 	</div>
@@ -64,6 +64,9 @@
 				</label>
 			</div>
 		</div>
+		
+	</div>
+	<div class="card-footer">
 		<div class="text-end">
 			<button type="submit" class="btn btn-primary">Submit</button>
 		</div>