@keenmate/pure-admin-core 1.1.0 → 1.1.1

package/README.md

@@ -189,6 +189,14 @@ This enables dark mode support for web components like `@keenmate/web-grid` that
 - `.pa-textarea` - Textareas
 - `.pa-checkbox` - Checkboxes
 - `.pa-radio` - Radio buttons
+- **Size modifiers:** `--xs`, `--sm`, `--lg`, `--xl`
+- **Validation states:** `--success`, `--warning`, `--error`
+- **Color variants:** `--color-1` through `--color-9` (theme color slots)
+- `.pa-form-group` - Form group wrapper
+- `.pa-form-group--horizontal` - Horizontal label/input layout
+- `.pa-form-help` - Help text below inputs
+  - `--success`, `--warning`, `--error` - Validation state colors
+  - `--color-1` through `--color-9` - Theme color variants
 
 ### Tables
 - `.pa-table` - Base table

package/dist/css/main.css

@@ -8410,6 +8410,34 @@ a.pa-card p {
   font-size: 1.8rem;
 }
 
+.pa-textarea--xs {
+  height: 4rem;
+  min-height: 4rem;
+  padding: 0.6rem 0.8rem;
+  font-size: 1.2rem;
+}
+
+.pa-textarea--sm {
+  height: 6rem;
+  min-height: 6rem;
+  padding: 0.8rem 0.8rem;
+  font-size: 1.4rem;
+}
+
+.pa-textarea--lg {
+  height: 12rem;
+  min-height: 12rem;
+  padding: 0.8rem 0.8rem;
+  font-size: 1.6rem;
+}
+
+.pa-textarea--xl {
+  height: 16rem;
+  min-height: 16rem;
+  padding: 0.8rem 0.8rem;
+  font-size: 1.8rem;
+}
+
 .pa-mode-dark input[type=date]::-webkit-calendar-picker-indicator,
 .pa-mode-dark input[type=time]::-webkit-calendar-picker-indicator,
 .pa-mode-dark input[type=datetime-local]::-webkit-calendar-picker-indicator,
@@ -8494,6 +8522,153 @@ a.pa-card p {
 .pa-form-help--success {
   color: var(--pa-success-bg);
 }
+.pa-form-help--warning {
+  color: var(--pa-warning-bg);
+}
+
+.pa-form-help--color-1 {
+  color: var(--pa-color-1);
+}
+
+.pa-form-help--color-2 {
+  color: var(--pa-color-2);
+}
+
+.pa-form-help--color-3 {
+  color: var(--pa-color-3);
+}
+
+.pa-form-help--color-4 {
+  color: var(--pa-color-4);
+}
+
+.pa-form-help--color-5 {
+  color: var(--pa-color-5);
+}
+
+.pa-form-help--color-6 {
+  color: var(--pa-color-6);
+}
+
+.pa-form-help--color-7 {
+  color: var(--pa-color-7);
+}
+
+.pa-form-help--color-8 {
+  color: var(--pa-color-8);
+}
+
+.pa-form-help--color-9 {
+  color: var(--pa-color-9);
+}
+
+.pa-input--color-1,
+.pa-select--color-1,
+.pa-textarea--color-1 {
+  border-color: var(--pa-color-1);
+}
+.pa-input--color-1:focus,
+.pa-select--color-1:focus,
+.pa-textarea--color-1:focus {
+  border-color: var(--pa-color-1);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pa-color-1) 25%, transparent);
+}
+
+.pa-input--color-2,
+.pa-select--color-2,
+.pa-textarea--color-2 {
+  border-color: var(--pa-color-2);
+}
+.pa-input--color-2:focus,
+.pa-select--color-2:focus,
+.pa-textarea--color-2:focus {
+  border-color: var(--pa-color-2);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pa-color-2) 25%, transparent);
+}
+
+.pa-input--color-3,
+.pa-select--color-3,
+.pa-textarea--color-3 {
+  border-color: var(--pa-color-3);
+}
+.pa-input--color-3:focus,
+.pa-select--color-3:focus,
+.pa-textarea--color-3:focus {
+  border-color: var(--pa-color-3);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pa-color-3) 25%, transparent);
+}
+
+.pa-input--color-4,
+.pa-select--color-4,
+.pa-textarea--color-4 {
+  border-color: var(--pa-color-4);
+}
+.pa-input--color-4:focus,
+.pa-select--color-4:focus,
+.pa-textarea--color-4:focus {
+  border-color: var(--pa-color-4);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pa-color-4) 25%, transparent);
+}
+
+.pa-input--color-5,
+.pa-select--color-5,
+.pa-textarea--color-5 {
+  border-color: var(--pa-color-5);
+}
+.pa-input--color-5:focus,
+.pa-select--color-5:focus,
+.pa-textarea--color-5:focus {
+  border-color: var(--pa-color-5);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pa-color-5) 25%, transparent);
+}
+
+.pa-input--color-6,
+.pa-select--color-6,
+.pa-textarea--color-6 {
+  border-color: var(--pa-color-6);
+}
+.pa-input--color-6:focus,
+.pa-select--color-6:focus,
+.pa-textarea--color-6:focus {
+  border-color: var(--pa-color-6);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pa-color-6) 25%, transparent);
+}
+
+.pa-input--color-7,
+.pa-select--color-7,
+.pa-textarea--color-7 {
+  border-color: var(--pa-color-7);
+}
+.pa-input--color-7:focus,
+.pa-select--color-7:focus,
+.pa-textarea--color-7:focus {
+  border-color: var(--pa-color-7);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pa-color-7) 25%, transparent);
+}
+
+.pa-input--color-8,
+.pa-select--color-8,
+.pa-textarea--color-8 {
+  border-color: var(--pa-color-8);
+}
+.pa-input--color-8:focus,
+.pa-select--color-8:focus,
+.pa-textarea--color-8:focus {
+  border-color: var(--pa-color-8);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pa-color-8) 25%, transparent);
+}
+
+.pa-input--color-9,
+.pa-select--color-9,
+.pa-textarea--color-9 {
+  border-color: var(--pa-color-9);
+}
+.pa-input--color-9:focus,
+.pa-select--color-9:focus,
+.pa-textarea--color-9:focus {
+  border-color: var(--pa-color-9);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pa-color-9) 25%, transparent);
+}
 
 /* ========================================
    Input Groups

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keenmate/pure-admin-core",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Lightweight, data-focused HTML/CSS admin framework built with PureCSS foundation and comprehensive component system",
   "style": "dist/css/main.css",
   "exports": {

package/snippets/forms.html

@@ -78,15 +78,62 @@
 <!-- Success State -->
 <div class="pa-form-group pa-form-group--success">
   <label class="pa-form-label" for="valid-input">Valid Input</label>
-  <input type="text" class="pa-input pa-input--success" id="valid-input" value="Valid value">
-  <small class="pa-form-text pa-form-text--success">Looks good!</small>
+  <input type="text" class="pa-input" id="valid-input" value="Valid value">
+  <small class="pa-form-help pa-form-help--success">Looks good!</small>
+</div>
+
+<!-- Warning State -->
+<div class="pa-form-group pa-form-group--warning">
+  <label class="pa-form-label" for="warning-input">Warning Input</label>
+  <input type="text" class="pa-input" id="warning-input" value="Check this">
+  <small class="pa-form-help pa-form-help--warning">Please verify this field.</small>
 </div>
 
 <!-- Error State -->
 <div class="pa-form-group pa-form-group--error">
   <label class="pa-form-label" for="invalid-input">Invalid Input</label>
-  <input type="text" class="pa-input pa-input--error" id="invalid-input" value="Invalid value">
-  <small class="pa-form-text pa-form-text--error">Please provide a valid value.</small>
+  <input type="text" class="pa-input" id="invalid-input" value="Invalid value">
+  <small class="pa-form-help pa-form-help--error">Please provide a valid value.</small>
+</div>
+
+
+<!-- THEME COLOR VARIANTS -->
+<!-- Use --pa-color-1 through --pa-color-9 CSS variables (set by theme) -->
+
+<!-- Color 1 with matching help text -->
+<div class="pa-form-group">
+  <label class="pa-form-label" for="color1-input">Color 1</label>
+  <input type="text" class="pa-input pa-input--color-1" id="color1-input" value="Color 1 input">
+  <small class="pa-form-help pa-form-help--color-1">Colored help text</small>
+</div>
+
+<!-- Color 2 with matching help text -->
+<div class="pa-form-group">
+  <label class="pa-form-label" for="color2-input">Color 2</label>
+  <input type="text" class="pa-input pa-input--color-2" id="color2-input" value="Color 2 input">
+  <small class="pa-form-help pa-form-help--color-2">Colored help text</small>
+</div>
+
+<!-- Color 3 with gray help text (no color class) -->
+<div class="pa-form-group">
+  <label class="pa-form-label" for="color3-input">Color 3</label>
+  <input type="text" class="pa-input pa-input--color-3" id="color3-input" value="Color 3 input">
+  <small class="pa-form-help">Gray help text (no color class)</small>
+</div>
+
+<!-- Select with color variant -->
+<div class="pa-form-group">
+  <label class="pa-form-label" for="color-select">Color Select</label>
+  <select class="pa-select pa-select--color-1" id="color-select">
+    <option>Option 1</option>
+    <option>Option 2</option>
+  </select>
+</div>
+
+<!-- Textarea with color variant -->
+<div class="pa-form-group">
+  <label class="pa-form-label" for="color-textarea">Color Textarea</label>
+  <textarea class="pa-textarea pa-textarea--color-2" id="color-textarea">Color 2 textarea</textarea>
 </div>
 
 
@@ -433,19 +480,27 @@ FORM ELEMENTS:
 - .pa-form-group--required: Shows required indicator
 - .pa-form-group--horizontal: Label-left, input-right layout
 - .pa-form-group--success: Success validation state
+- .pa-form-group--warning: Warning validation state
 - .pa-form-group--error: Error validation state
 - .pa-form-label: Form label
 
 INPUTS:
 - .pa-input: Text input base class
 - .pa-input--xs, --sm, --lg, --xl: Size variants
-- .pa-input--success, --error: Validation states
+- .pa-input--success, --warning, --error: Validation states
+- .pa-input--color-1 through --color-9: Theme color variants
 
 TEXTAREA:
 - .pa-textarea: Textarea element
+- .pa-textarea--xs, --sm, --lg, --xl: Size variants
+- .pa-textarea--success, --warning, --error: Validation states
+- .pa-textarea--color-1 through --color-9: Theme color variants
 
 SELECT:
 - .pa-select: Select dropdown
+- .pa-select--xs, --sm, --lg, --xl: Size variants
+- .pa-select--success, --warning, --error: Validation states
+- .pa-select--color-1 through --color-9: Theme color variants
 
 CHECKBOXES (custom tri-state):
 - .pa-checkbox: Checkbox wrapper label
@@ -466,9 +521,11 @@ INPUT GROUPS:
 - .pa-input-group__button: Button addon
 
 HELP TEXT:
-- .pa-form-text: Help/hint text below inputs
-- .pa-form-text--success: Success message
-- .pa-form-text--error: Error message
+- .pa-form-help: Help/hint text below inputs
+- .pa-form-help--success: Success message
+- .pa-form-help--warning: Warning message
+- .pa-form-help--error: Error message
+- .pa-form-help--color-1 through --color-9: Theme color variants
 
 GRID LAYOUT (for multi-column forms):
 - .pa-row: Row container (flexbox)

package/snippets/manifest.json

@@ -1,338 +1,498 @@
 {
-  "generated": "2025-12-17T19:50:52.150Z",
+  "generated": "2026-01-18T19:38:20.717Z",
   "version": "1.0.0",
   "snippets": {
     "alerts.html": {
       "hash": "a18e220bec80df68892f4e26b4890a0b11dc6ccd3f612c3adf186402908fd11c",
       "size": 8154,
-      "modified": "2025-12-10T09:34:03.962Z"
+      "modified": "2025-12-20T16:02:02.873Z"
     },
     "badges.html": {
-      "hash": "263524ca6873e3488e64dcc5322855ce064a4f1b558918deec395cf3eae7d281",
-      "size": 5542,
-      "modified": "2025-12-11T13:35:14.435Z"
+      "hash": "51ee9f81b9fe53a2c906dd3c889587d9c5b8a7ef50dac9dd30bdc2bbd29b7b79",
+      "size": 6687,
+      "modified": "2026-01-06T15:09:18.817Z"
     },
     "buttons.html": {
-      "hash": "7fc59dede52f85b97c11626f4b28b20f4834b60435777699852f66e7d31d06d0",
-      "size": 8186,
-      "modified": "2025-12-13T15:32:16.166Z"
+      "hash": "515c32ea016d4c9b1fd584a1fe47d16982b615442902c6410f0cc84074239175",
+      "size": 8226,
+      "modified": "2026-01-06T19:08:51.814Z"
+    },
+    "callouts.html": {
+      "hash": "5a9ccc25359cc299955056de7c355e8150b81a8b8db677685863f97ff33e1348",
+      "size": 4483,
+      "modified": "2026-01-05T16:56:48.582Z"
     },
     "cards.html": {
-      "hash": "c81931f6da8376e06b33e2e835cb8b9db797cf358911bb40d3dcb4f48ecc459d",
-      "size": 7569,
-      "modified": "2025-11-28T18:46:21.601Z"
+      "hash": "c390f6abd4925f7fb9114fc3b35fb049a88e1274e5a0cc3397d743d09aa1a211",
+      "size": 9759,
+      "modified": "2025-12-31T20:01:28.867Z"
     },
     "checkbox-lists.html": {
       "hash": "f65cd259201dc8dd71c07cfc88c83ed9f70236785103092a5482d347c546ff73",
       "size": 19682,
-      "modified": "2025-12-10T17:34:04.776Z"
+      "modified": "2025-12-20T16:02:02.815Z"
     },
     "code.html": {
       "hash": "4e4e5e6e48e20d0611146058c918054e34cb2d96480d754e2e3860ac102da77a",
       "size": 6205,
-      "modified": "2025-10-05T18:24:15.908Z"
+      "modified": "2025-12-20T16:02:02.834Z"
     },
     "command-palette.html": {
       "hash": "dd6ad78fd90c232a0e426919ff1bbcdcfea70545ad615338e027dbf01da15f4d",
       "size": 7397,
-      "modified": "2025-10-07T18:05:23.470Z"
+      "modified": "2025-12-20T16:02:02.862Z"
     },
     "comparison.html": {
-      "hash": "20c4da5fd926156a7b650d7d7e2b96edb0ec622f59d461bb07117f3939f1130c",
-      "size": 18089,
-      "modified": "2025-10-05T16:22:31.831Z"
+      "hash": "4575eaf075703ba73d64980adcdd586ecddbf03504279634bda6ec29dcfaef51",
+      "size": 18073,
+      "modified": "2025-12-25T18:59:47.351Z"
     },
     "customization.html": {
-      "hash": "82eb9c15588425824ef2df9c39d66a229ac88a7ef074fb8c9fb117ad3a723267",
-      "size": 3761,
-      "modified": "2025-10-05T16:05:48.414Z"
+      "hash": "fa23adc060b99874d33c899ffa0c7f67f7273c97e61b386ceb30e269bab0783b",
+      "size": 3758,
+      "modified": "2026-01-17T18:24:27.518Z"
     },
     "forms.html": {
-      "hash": "1e785706865e4e39a42ac28d160825407bb2aaabfec67fb54423c6500286371d",
-      "size": 14767,
-      "modified": "2025-11-29T18:34:06.676Z"
+      "hash": "7ba1f32b6f6be49d7db6266f2da59a9798a7d64892cf4ed6d94c988511900528",
+      "size": 15763,
+      "modified": "2025-12-31T20:02:46.181Z"
     },
     "grid.html": {
       "hash": "1a6fdfa77d28b77490fde36db15a7fb864bf5547533cc9671685ebef60a358a8",
       "size": 8758,
-      "modified": "2025-11-28T18:46:07.170Z"
+      "modified": "2025-12-20T16:02:02.832Z"
     },
     "layout.html": {
-      "hash": "67dab300f605f95174737eb09a0d9123e5104e9f00353eed603451b8249f3ebd",
-      "size": 21132,
-      "modified": "2025-10-11T17:54:18.728Z"
+      "hash": "d4983db3a4525d74be96cc1cf9b09ff32134f115c7780fc4f30727c69f8b4aaf",
+      "size": 25878,
+      "modified": "2026-01-17T19:03:51.296Z"
     },
     "lists.html": {
       "hash": "5dcc6dc64d6254ec6e8643d2d80248aa708f992b60318dd343d6198945ef34f4",
       "size": 7712,
-      "modified": "2025-10-05T16:46:11.756Z"
+      "modified": "2025-12-20T16:02:02.781Z"
     },
     "loaders.html": {
-      "hash": "6861bc066200cad5d50ea437548b955ecf405040b1d2c0b153e895090e45cbb3",
-      "size": 2735,
-      "modified": "2025-10-03T13:46:37.088Z"
+      "hash": "1154795ab91c12f730995ab06c9d7caffa72f0f4dd4dec700d70a942c6bd289c",
+      "size": 4569,
+      "modified": "2025-12-31T20:03:37.791Z"
     },
     "modal-dialogs.html": {
       "hash": "243bd688c9b5d41f813eb2949a92314424d19a5cba75db7999c806d72041995e",
       "size": 11658,
-      "modified": "2025-12-11T15:52:12.658Z"
+      "modified": "2025-12-20T16:02:02.878Z"
     },
     "modals.html": {
-      "hash": "6c395900cab79efd946fca045582082615f676c4181599aff973ebc6eaa08d3b",
-      "size": 10153,
-      "modified": "2025-12-10T09:33:38.470Z"
+      "hash": "c8053e1a2c2bf13dc2764e49d07d6f898b1712664dd2c5beb7543789608d640a",
+      "size": 11780,
+      "modified": "2026-01-09T14:08:48.350Z"
     },
     "popconfirm.html": {
       "hash": "f21c98a631ffb485d4e360733848308d18a7305376a65e1874f4fbb05d4ee21d",
       "size": 8281,
-      "modified": "2025-10-09T18:21:22.643Z"
+      "modified": "2025-12-20T16:02:02.768Z"
     },
     "profile.html": {
-      "hash": "2d6aeaba8bb12452326e18cf4b55e002374b832a20697031895e19c7ae934821",
-      "size": 10328,
-      "modified": "2025-10-07T09:09:33.018Z"
+      "hash": "5a75090cf77f9226498d0609f96cb8bdc372c499dfdacdb55629508d8343f7f6",
+      "size": 25094,
+      "modified": "2026-01-17T19:43:26.938Z"
     },
     "tables.html": {
-      "hash": "2f13d532a6c311a945d413ea3f37a5c0ca0259b124160a854539e9e6babc45db",
-      "size": 7367,
-      "modified": "2025-10-04T17:33:36.427Z"
+      "hash": "988fcefa985840293d23274f50e69f2d74761ba0eb66be499ccbe7620346711f",
+      "size": 7466,
+      "modified": "2026-01-07T14:18:48.055Z"
     },
     "tabs.html": {
-      "hash": "d91298ab8dea2546c294cf6e370285742792e9349adefccba1e2d9e5b5e129ea",
-      "size": 29222,
-      "modified": "2025-10-05T15:47:58.443Z"
+      "hash": "eab444965e9028cff9420bdb7d590fb3ed1da6a0b44357e1dd9f873eabdded29",
+      "size": 29890,
+      "modified": "2026-01-06T15:10:21.904Z"
     },
     "timeline.html": {
       "hash": "53cb73a1b1ced4128093c307c90ae138212346bea95f2fca54ea1c17c1ba15e2",
       "size": 14216,
-      "modified": "2025-10-08T14:27:18.093Z"
+      "modified": "2025-12-20T16:02:02.800Z"
     },
     "toasts.html": {
-      "hash": "f9c20196d1686c82caf37793d0d0094ed08014cd58f4b3e2b9b18d19665932f3",
-      "size": 5279,
-      "modified": "2025-10-03T13:45:46.626Z"
+      "hash": "4a981cc6f78f72f51b56406c2e3d4b62c81616b6b81aaa45f002e139e869de08",
+      "size": 5257,
+      "modified": "2025-12-25T19:01:16.979Z"
     },
     "tooltips.html": {
-      "hash": "a904a9e643ae8b32c8fa82ad51bae6bd8cef515c08bcf44cbea5f2eb6aeaf029",
-      "size": 12062,
-      "modified": "2025-10-12T16:01:04.361Z"
+      "hash": "6daf1a48f0b6a6d32bb0cdd711f2ce322b51ccda6f444d23b90e6241d2e58d46",
+      "size": 14473,
+      "modified": "2026-01-09T13:18:41.963Z"
     },
     "typography.html": {
       "hash": "fe3ccf4a5b3125ffb92e0840776917bcafdc8f88aaa19f64e6ed6d4786c1be7a",
       "size": 3732,
-      "modified": "2025-11-29T14:22:22.579Z"
+      "modified": "2025-12-20T16:02:02.864Z"
     },
     "utilities.html": {
       "hash": "73c1b4849c4167315e43b42bbb53d235cf0fc5edb2a827ba451fcb2e2cdbdca0",
       "size": 18555,
-      "modified": "2025-10-09T17:54:33.852Z"
+      "modified": "2025-12-20T16:02:02.851Z"
     },
     "virtual-scroll.html": {
-      "hash": "e6d428f0549103b4e9a42947a551d4a1bb0a8fa626a8530e2a8673c4f6b76f1d",
-      "size": 10669,
-      "modified": "2025-10-07T17:09:39.042Z"
+      "hash": "1819f2d68bb77fffbe61bb008ca3ef985bcd7f2f60402c0f66dd787462ee3e4f",
+      "size": 10654,
+      "modified": "2025-12-25T19:00:51.495Z"
     },
     "web-daterangepicker.html": {
       "hash": "c0226144dc864449736c21f75248361950245c9f888269437e5fb7591c68d58e",
       "size": 17741,
-      "modified": "2025-11-24T17:55:02.727Z"
+      "modified": "2025-12-20T16:02:02.841Z"
     },
     "web-multiselect.html": {
       "hash": "7c788efe3b489647bb9b8428915c02213311032d0a9626abcc95cc63f7dba795",
       "size": 12001,
-      "modified": "2025-11-24T17:52:32.908Z"
+      "modified": "2025-12-20T16:02:02.808Z"
     }
   },
   "scss": {
+    "core-components/badges/_badge-base.scss": {
+      "hash": "186da98af62b50339ad7a19d95d13e13517b3a444f333178326115d158a3082a",
+      "size": 2577,
+      "modified": "2026-01-17T13:02:51.956Z"
+    },
+    "core-components/badges/_badge-group.scss": {
+      "hash": "7f03987dee29ad37eded48cd7c8fbf60096007efead1b7ffea94361181c9f497",
+      "size": 674,
+      "modified": "2026-01-17T13:02:51.960Z"
+    },
+    "core-components/badges/_composite-badge-variants.scss": {
+      "hash": "143a3e941efbec34324407506ce48d1ea888ea7adef4bf1e54f60b41f852eb85",
+      "size": 9299,
+      "modified": "2026-01-17T13:04:05.925Z"
+    },
+    "core-components/badges/_composite-badge.scss": {
+      "hash": "0433a22e6b6288f2cc642826f4432a45c73690c09768c63bab0a56bfb9892fdd",
+      "size": 1813,
+      "modified": "2026-01-17T13:02:51.969Z"
+    },
+    "core-components/badges/_index.scss": {
+      "hash": "b76ae8d3f8e9a522b9becc2abd72088c00afdc79e5fa38cdfafeb1912cfae173",
+      "size": 295,
+      "modified": "2026-01-17T13:02:51.973Z"
+    },
+    "core-components/badges/_labels.scss": {
+      "hash": "48d179252527c9fee985a80d0a4631c552ce06efefc9de00fddb995944271ef4",
+      "size": 3611,
+      "modified": "2026-01-17T13:02:51.977Z"
+    },
+    "core-components/forms/_checkboxes-radios.scss": {
+      "hash": "7db8105ceb697da980b6bb7ba1aabeb5c5f82a7a3eb7d32400c93706a59468da",
+      "size": 5088,
+      "modified": "2026-01-17T13:02:51.984Z"
+    },
+    "core-components/forms/_form-inputs.scss": {
+      "hash": "bf5b8fc060dd30fede5c4ae4d0aff142835eac13f119212efb3e59a37bc40bfe",
+      "size": 2823,
+      "modified": "2026-01-17T13:02:51.989Z"
+    },
+    "core-components/forms/_form-layout.scss": {
+      "hash": "21b86eed8e1b08950aba8efff257bae0161aae73064084366cf035985f4601f8",
+      "size": 1653,
+      "modified": "2026-01-17T13:02:51.997Z"
+    },
+    "core-components/forms/_form-states.scss": {
+      "hash": "4a64b83168ed6817d8284a702c98206f486fac3d19a0b6c24aa96195a53f6ea1",
+      "size": 1837,
+      "modified": "2026-01-17T13:02:52.001Z"
+    },
+    "core-components/forms/_index.scss": {
+      "hash": "e4a98a898b6df0882a09bd4d43602ae9251cf4259df04f220febfe7d10429729",
+      "size": 340,
+      "modified": "2026-01-17T13:02:52.005Z"
+    },
+    "core-components/forms/_input-groups.scss": {
+      "hash": "840fe88e44b3d99be235a6e203df9839a4c0ef9eac6971053234b1e9e6631b3d",
+      "size": 3816,
+      "modified": "2026-01-17T13:02:52.009Z"
+    },
+    "core-components/forms/_input-wrapper.scss": {
+      "hash": "54c4d6e80935af2b002bd30fb1129e2ff1576cdc72b150d0a934acbc2eeabef4",
+      "size": 1712,
+      "modified": "2026-01-17T13:02:52.015Z"
+    },
+    "core-components/forms/_query-editor.scss": {
+      "hash": "7a788e762883c191b061ad1db7ed52baa6cfdd4090e3e21cfbae2ddddda22470",
+      "size": 7162,
+      "modified": "2026-01-17T13:02:52.019Z"
+    },
+    "core-components/layout/_index.scss": {
+      "hash": "df90fd72f0d416b901a55bb1dd0ff9dc29248e38dddeaa5970db06779c25d3b1",
+      "size": 318,
+      "modified": "2026-01-17T13:02:52.023Z"
+    },
+    "core-components/layout/_layout-container.scss": {
+      "hash": "622f465acbd0a2625ed231b51ba3c40a966bc3f396831edbfe8e4ceaad671ce4",
+      "size": 4091,
+      "modified": "2026-01-17T13:02:52.027Z"
+    },
+    "core-components/layout/_layout-responsive.scss": {
+      "hash": "9256d7464fe2d016dbe8c05a66fdb47300043267079172c952ed32281bf1da7f",
+      "size": 2264,
+      "modified": "2026-01-17T13:02:52.035Z"
+    },
+    "core-components/layout/_navbar-elements.scss": {
+      "hash": "9fc1aec1ead66eee55de8777e0862aa6c1c1eb4f331ff9dbf3ecf778df45e078",
+      "size": 5506,
+      "modified": "2026-01-17T13:02:52.039Z"
+    },
+    "core-components/layout/_navbar.scss": {
+      "hash": "f38fe19ec07903f94ebf5b8be9ca3c4113e50e79d235a9d153a69f030028a7e9",
+      "size": 1949,
+      "modified": "2026-01-17T13:02:52.045Z"
+    },
+    "core-components/layout/_sidebar-states.scss": {
+      "hash": "afc0c711004edc0b3a0d2312ab25ae197758c79c29df773ffc57cf85bf0f4d26",
+      "size": 6556,
+      "modified": "2026-01-17T13:02:52.050Z"
+    },
+    "core-components/layout/_sidebar.scss": {
+      "hash": "85679bc7faf1e5a095999448ed57d43064211c042cb330ce8a3faa325a04aafc",
+      "size": 5488,
+      "modified": "2026-01-17T19:02:12.293Z"
+    },
     "core-components/_alerts.scss": {
-      "hash": "a8a761af7443e2c2fafae493648dd3dc6e2d57f11085180d259d3c570a0a5c1c",
-      "size": 4365,
-      "modified": "2025-10-13T15:50:10.115Z"
+      "hash": "99262fada4bd68d31416f9d2687716777017d443f51a8f2cacee36471bae3911",
+      "size": 4691,
+      "modified": "2026-01-17T13:02:52.060Z"
     },
     "core-components/_badges.scss": {
-      "hash": "3a109f140f7b1361369a6a3864d2a14032bb91274485e3764971507caf0fe878",
-      "size": 17846,
-      "modified": "2025-11-29T13:11:45.963Z"
+      "hash": "ab742cc5b0487ee3ccb1d8f9a02d67a3b4ae6873932b7da03141d0c40160c59b",
+      "size": 648,
+      "modified": "2026-01-17T13:02:52.064Z"
     },
     "core-components/_base.scss": {
-      "hash": "ad846f0e994fccab7249d158512d23c3695c09f8a3557f80e03b222fefbe8ad1",
-      "size": 2728,
-      "modified": "2025-12-11T15:24:03.943Z"
+      "hash": "21a3c57a55f0f11c3cf0fb8333cc3ee50d01973f6e9cc1351848122ab713357f",
+      "size": 2775,
+      "modified": "2026-01-17T13:02:52.068Z"
     },
     "core-components/_buttons.scss": {
-      "hash": "5020a535d8885bddbc2d353a1442a92bfebf8e7f57b0d250894837005b07dbe7",
-      "size": 9825,
-      "modified": "2025-12-13T15:28:08.393Z"
+      "hash": "a340d07ac66aec0d3b8861fb95f471aa54d78c5c1d3e72686c515f12df4ce3c9",
+      "size": 9189,
+      "modified": "2026-01-17T13:02:52.074Z"
+    },
+    "core-components/_callouts.scss": {
+      "hash": "3ad0fb559173e6392a7de8dd1ce53d26008a61522b9a29e7c9dd6722f489f639",
+      "size": 2859,
+      "modified": "2026-01-17T13:02:52.079Z"
     },
     "core-components/_cards.scss": {
-      "hash": "e876f1e1ca9fa39b1f7cec30c3bb461fcae6b32f3977af5f7b46f82909f5ecb4",
-      "size": 4965,
-      "modified": "2025-12-17T19:44:32.991Z"
+      "hash": "2d2975fff10f22993a4eee4df2c1e85508bb541f3f0c7275259191b4aa3b765b",
+      "size": 6545,
+      "modified": "2026-01-17T13:02:52.085Z"
     },
     "core-components/_checkbox-lists.scss": {
-      "hash": "decaefec189bf270a7e59b2729986339fa8524ddfc41ddd59c6494352b14bf67",
-      "size": 6169,
-      "modified": "2025-11-29T18:31:16.458Z"
+      "hash": "5d5ada14beb80d36d7a8e2eb969428c4e873d01db38a63d6a34ed87d7fe4feef",
+      "size": 6334,
+      "modified": "2026-01-17T13:02:52.089Z"
     },
     "core-components/_code.scss": {
-      "hash": "772273d3697c9da26e1863cbf8b39b7f18527989012eba38b76da1267cdcb7d1",
-      "size": 2778,
-      "modified": "2025-11-28T16:47:02.699Z"
+      "hash": "de6b65ac95ef58dce57c063d4ed9980748cc1442bcf2c7a28843ddc706a24603",
+      "size": 2890,
+      "modified": "2026-01-17T13:02:52.093Z"
     },
     "core-components/_command-palette.scss": {
-      "hash": "8b1598174d7043800d90fd1497613620d69f1e9d3f7bf4fe42a4457e98b3afa2",
-      "size": 7613,
-      "modified": "2025-10-12T12:40:56.138Z"
+      "hash": "9e24490d179f4f99451c3c4b1604b4a206825c827c5db350c1407a2e36fbcadc",
+      "size": 11772,
+      "modified": "2026-01-17T13:02:52.102Z"
     },
     "core-components/_comparison.scss": {
-      "hash": "6f82a91e6131e08c8be1c860c861728cec92fa1f6f7818abb4b8e54ebb19e7dc",
-      "size": 3883,
-      "modified": "2025-10-07T17:03:02.961Z"
+      "hash": "1569d12d643652bf8ea0f18191bf29db11f388d0ffe9f5327b3f9c93f7b5b70f",
+      "size": 4010,
+      "modified": "2026-01-17T13:02:52.107Z"
     },
     "core-components/_file-selector.scss": {
-      "hash": "5a8bdc809d67cacc65b94ffd6120e5d92180a5020fcdd0fe325794d2c2b07966",
-      "size": 15582,
-      "modified": "2025-11-28T12:54:31.944Z"
+      "hash": "ab354c8dbc762394a53708e28069d9b811868e882a266616e8062b9a30344bae",
+      "size": 15150,
+      "modified": "2026-01-17T13:02:52.113Z"
     },
     "core-components/_forms.scss": {
-      "hash": "8c05b3c62526c4d37c2acc38d4f1504ca2a0fbb82ea32bc4c0d77c1bcb854219",
-      "size": 20807,
-      "modified": "2025-11-29T20:43:58.597Z"
+      "hash": "c14e0a8dc9523d585945d3df11f91b26531b6f453f0cdff6232ccec90e777c9b",
+      "size": 662,
+      "modified": "2026-01-17T13:02:52.117Z"
     },
     "core-components/_grid.scss": {
-      "hash": "a3720db07f93028b635f47463395e753041b28deaae98feb7ee566a6f5daa0b1",
-      "size": 8605,
-      "modified": "2025-12-11T15:14:13.038Z"
+      "hash": "48b6ddcfc3c41805fc1446be730b2e15d337afff4b31d9c7acab7807c67fd308",
+      "size": 7408,
+      "modified": "2026-01-17T13:02:52.122Z"
     },
     "core-components/_layout.scss": {
-      "hash": "f84e870ce6f6a5cc078cd7444444b273952be70ca7e8c1833a2e148a282518de",
-      "size": 22696,
-      "modified": "2025-11-28T12:52:54.723Z"
+      "hash": "1c27b02008d79f856fc845b16856850dc36912d179bc695b68603f04c15ef4ad",
+      "size": 602,
+      "modified": "2026-01-17T13:02:52.126Z"
     },
     "core-components/_lists.scss": {
-      "hash": "0baa78a6a3022f9e9289b67615039af49f540927f3eca7f0943d1284e84ae93c",
-      "size": 3535,
-      "modified": "2025-10-05T16:44:15.352Z"
+      "hash": "bc6484f7eb0ecff842f3bdd494620ef6de23c84b3385e48f6b7f0ac9d6caa9d7",
+      "size": 3639,
+      "modified": "2026-01-17T13:02:52.131Z"
     },
     "core-components/_loaders.scss": {
-      "hash": "5aaa76f3a1177780e668124fa7ed38e775dd5205cf5b687ac3dbb565059eacdd",
-      "size": 4860,
-      "modified": "2025-10-02T13:09:28.313Z"
+      "hash": "42f349d586483969c4f02dcbeded71c656b69e4b1346ca55803475957f26e768",
+      "size": 4895,
+      "modified": "2026-01-17T13:02:52.135Z"
     },
     "core-components/_logic-tree.scss": {
-      "hash": "4c664af52242012ad075f47178873ee9e2ec73c4400bd9f8652c9e64894f77c0",
-      "size": 6932,
-      "modified": "2025-11-28T12:55:27.424Z"
+      "hash": "d6ace0a1c2b12d935c05995a00f69840baf5e86e7dad30472b7c458e28dcb714",
+      "size": 6715,
+      "modified": "2026-01-17T13:02:52.142Z"
     },
     "core-components/_modals.scss": {
-      "hash": "660859200aa122fec787c778e16b3dc339f4152513cf1aad70f2c2401bc19a1b",
-      "size": 4433,
-      "modified": "2025-12-11T20:36:06.429Z"
+      "hash": "55c98e04b79c64d242871a911d07a6af81524019fd63d5b6710fd350f1c6bbe5",
+      "size": 4655,
+      "modified": "2026-01-17T13:02:52.147Z"
     },
     "core-components/_notifications.scss": {
-      "hash": "4cb6ee7fdcca2f854f954c126df2c18b6f42257d6061392f792ff83055c9eaf4",
-      "size": 5181,
-      "modified": "2025-11-28T12:55:59.724Z"
+      "hash": "98c8d7770cae7f92d666e8c9970c66cd7f0c8bb650f6c780a64f87a8c459a139",
+      "size": 6649,
+      "modified": "2026-01-17T13:02:52.155Z"
     },
     "core-components/_pagers.scss": {
-      "hash": "940196004f2202d333100406e80111b7bfafa3a92c8919aec7db95e6dfcfc55b",
-      "size": 2568,
-      "modified": "2025-10-02T12:48:45.888Z"
+      "hash": "2b18eca8528119201292e7622ec2a185aec666ecb46d145fdf966e5cdfbbd8eb",
+      "size": 2650,
+      "modified": "2026-01-17T13:02:52.162Z"
     },
     "core-components/_popconfirm.scss": {
-      "hash": "17ccb0c9ce0e2be5050a90402ba1a5e3358619b96115051abbe3b3c35ff615d8",
-      "size": 3158,
-      "modified": "2025-11-28T12:56:23.511Z"
+      "hash": "1e33477cc12836948040adf6355f02a5be93f6d4f7be44c1f833eda8701b20ea",
+      "size": 3238,
+      "modified": "2026-01-17T13:02:52.168Z"
     },
     "core-components/_profile.scss": {
-      "hash": "374f95236f3cbdb01d56b5eda4fd4ed7fc6ec1b27c03255d4a1a7a45334bd221",
-      "size": 6214,
-      "modified": "2025-10-26T16:23:15.881Z"
+      "hash": "29ce761f5621872c56f0df629648040cc6c1f731b527f3fec65545f6e93dd2f6",
+      "size": 9357,
+      "modified": "2026-01-17T19:42:36.049Z"
+    },
+    "core-components/_scrollbars.scss": {
+      "hash": "e35d355574fa80d7780fef667dc781720658445f601a25b6cdfdacf21a8e23cb",
+      "size": 953,
+      "modified": "2026-01-17T13:02:52.183Z"
     },
     "core-components/_settings-panel.scss": {
-      "hash": "fbc9de636f8cc2f46835f5cd8a5d94c8531ead81dd6e5071ebfbf760eafc653d",
-      "size": 3229,
-      "modified": "2025-10-13T12:55:15.694Z"
+      "hash": "05e7b517116a885a959412723578d5a1f0c517528ad5d9821ea70fe2634ecc68",
+      "size": 3321,
+      "modified": "2026-01-17T13:02:52.187Z"
     },
     "core-components/_statistics.scss": {
-      "hash": "8bdae1fd662fb90393cf90533eb4405854fcf14a3b8ee2ff2065df2c84656d5f",
-      "size": 4792,
-      "modified": "2025-10-02T12:37:12.293Z"
+      "hash": "21e3b0430347812c261608cca5c502518c8698b9ee6c71cab8409984aa4f07be",
+      "size": 4870,
+      "modified": "2026-01-17T13:02:52.194Z"
     },
     "core-components/_tables.scss": {
-      "hash": "05c5b43fade9c803cd08924e140e64a0db485faa02d2e9871d521fc417eef146",
-      "size": 13737,
-      "modified": "2025-10-26T16:23:15.882Z"
+      "hash": "655554d5db22576d3f29b37c21542b3e0d88debeaa3db1f473fa8f596e3a0355",
+      "size": 13769,
+      "modified": "2026-01-17T13:02:52.200Z"
     },
     "core-components/_tabs.scss": {
-      "hash": "d865cc94833ddfdb5973dbfcd1d3f4a01e8b3874043dccbcab328308971510fc",
-      "size": 9902,
-      "modified": "2025-11-29T08:54:27.548Z"
+      "hash": "61b3262eb4edd37d5d98687a756a713e1ce9cdb4c1668ef5570e298eadc44cdc",
+      "size": 12702,
+      "modified": "2026-01-17T13:02:52.206Z"
     },
     "core-components/_timeline.scss": {
-      "hash": "ef3f2cbff8df10b4932171b9027429bc7857c1919aef3c64d765c5e86d14010b",
-      "size": 16645,
-      "modified": "2025-10-13T14:22:31.843Z"
+      "hash": "9b9bea09d8a6d4251dee148658b68e3a2856e5812a0217089d14d9e87d9da4b7",
+      "size": 16808,
+      "modified": "2026-01-17T13:02:52.211Z"
     },
     "core-components/_toasts.scss": {
-      "hash": "2c3ff79b1acfe5b04313575c3f4e57a8c1d63062de0d67238c35a1e8ef61e667",
-      "size": 5175,
-      "modified": "2025-10-03T12:56:34.130Z"
+      "hash": "ce64661c8775efdf40ed2f74fa810eec9364f76fd8dc894d1469d845214ae739",
+      "size": 5402,
+      "modified": "2026-01-17T13:02:52.216Z"
     },
     "core-components/_tooltips.scss": {
-      "hash": "78ced3210a7e607cc02c35bfc636975e47c3d15634781a40aaa2e94cb4405c26",
-      "size": 12623,
-      "modified": "2025-12-11T13:34:46.600Z"
+      "hash": "1c820ae3b71f825ecbea63e5b580328ee217e9e76d2bae2a1fc3a6b2e2a5b408",
+      "size": 14230,
+      "modified": "2026-01-17T13:02:52.220Z"
     },
     "core-components/_utilities.scss": {
-      "hash": "74b9871cf6d22a0b8f46b5d8534a9c5cf47454a2c343a24d8193a4500ad7f444",
-      "size": 5361,
-      "modified": "2025-11-29T14:16:01.287Z"
+      "hash": "f81b81fb42cacf7593edb1d143cc36c74e654ac9d7a3666dd2593a225f4218c3",
+      "size": 7851,
+      "modified": "2026-01-18T15:47:47.448Z"
     },
     "core-components/_web-components-theme.scss": {
-      "hash": "9f67c2b7114abb36fa483d28bd522e0b4bec67b7ddc3922c0aa129ffaa8c5952",
-      "size": 13862,
-      "modified": "2025-11-28T12:58:04.375Z"
+      "hash": "a2593d0d47e6f4dba832a3a91668fe325a4ec2a3b46e1a11221a8f906d7eeaad",
+      "size": 10162,
+      "modified": "2026-01-17T13:02:52.233Z"
     },
     "main.scss": {
-      "hash": "b216290304dbcaecafc8043e47c985ff537e7eaaed082001e75d63b1fac2f0f4",
-      "size": 249,
-      "modified": "2025-10-01T16:46:47.199Z"
+      "hash": "f42d346be2523f34a3b2feefd2251840b9e56a7ff4db3e65173a3b35b4393042",
+      "size": 188,
+      "modified": "2026-01-17T13:02:52.238Z"
     },
     "utilities.scss": {
-      "hash": "a7b3f7cdc2d390ea3af3aedf21cdf2c70c9ce0fe6833e3bfb6870ec9dd33e416",
-      "size": 7327,
-      "modified": "2025-11-29T14:16:11.489Z"
+      "hash": "3066ff3500c133d4c567f471d4d85035e0cf4dd05ea24eecaad77577953fb1a9",
+      "size": 19907,
+      "modified": "2026-01-18T15:47:26.536Z"
+    },
+    "variables/_base.scss": {
+      "hash": "f9b47712785de3c12b8e31910a4561fc7d45e024bd1424a614c63c015bf7693a",
+      "size": 10122,
+      "modified": "2026-01-18T14:39:30.258Z"
+    },
+    "variables/_colors.scss": {
+      "hash": "2e9e68eb306786be7600ac2e45fb1c82d400625cf2f1c15b3f5ae5e0f9500d13",
+      "size": 8684,
+      "modified": "2026-01-17T13:02:52.260Z"
+    },
+    "variables/_components.scss": {
+      "hash": "fd9edae2f856610b5d3addb4bf5d102ab751e3824f427241896cabd1dd6f4df6",
+      "size": 27867,
+      "modified": "2026-01-17T13:04:04.370Z"
+    },
+    "variables/_index.scss": {
+      "hash": "df8da66a2c9a442eeacaaa8fcae82eb4a23c259819feb626015c54d671cec1f9",
+      "size": 869,
+      "modified": "2026-01-17T13:02:52.278Z"
+    },
+    "variables/_layout.scss": {
+      "hash": "fc32bf56b30af2399e0b3e3fd46aeaf09113c5dbc2582c1f5ba961db55690b89",
+      "size": 2622,
+      "modified": "2026-01-17T13:02:52.286Z"
+    },
+    "variables/_spacing.scss": {
+      "hash": "7551feec1912a87b652697301b89d94548382d3c9d1fbd0d1b1ceaef0218e1d6",
+      "size": 2324,
+      "modified": "2026-01-18T15:46:56.516Z"
+    },
+    "variables/_system.scss": {
+      "hash": "130a6318d4bd077ed2d5f7151fe426eb23e5b3c2c5ff4e5eadf8ec9ccb9d54ae",
+      "size": 2881,
+      "modified": "2026-01-17T13:02:52.301Z"
+    },
+    "variables/_typography.scss": {
+      "hash": "72340985698cf9e24d122945424e5e3638ef0843518ecc339c681ef6c8db21c6",
+      "size": 1647,
+      "modified": "2026-01-17T13:02:52.306Z"
     },
     "_base-css-variables.scss": {
-      "hash": "87b37fb9569776fae7683478af26dc62035d7696246dc879e9a2eece59288f35",
-      "size": 3387,
-      "modified": "2025-12-13T15:54:23.033Z"
+      "hash": "3c7adba012fcbe5613dbc27db44ce99156ba978ff41f4a40c73d332c652a0729",
+      "size": 17738,
+      "modified": "2026-01-18T14:39:43.428Z"
     },
     "_core.scss": {
-      "hash": "8748b9827f320fdacdaa06cc279e700b6a4ff46fe27e86339b98f9803521e052",
-      "size": 2295,
-      "modified": "2025-11-28T12:45:10.285Z"
+      "hash": "12a196938a1dafda8e2435e24c9bbb82928c8778c466bc00e35ef236fefe7bba",
+      "size": 2465,
+      "modified": "2026-01-17T13:02:52.318Z"
     },
     "_fonts.scss": {
-      "hash": "d3c1d55dc9f4157d9b381681d1ae8a6969c76219a60a6d24167ac92047dd8ca1",
-      "size": 1486,
-      "modified": "2025-09-29T10:11:21.826Z"
+      "hash": "03840ab694340b00f4677f2c6126c0f67df4790002bb2e622269202c9fa4ae4e",
+      "size": 1152,
+      "modified": "2026-01-17T13:02:52.323Z"
     },
     "_purecss-grid-responsive.scss": {
       "hash": "c25861720be8edb9581b94f1aedd3c204e617dac3da41ad2a42fce5b83298807",
       "size": 9455,
-      "modified": "2025-10-13T13:03:54.065Z"
+      "modified": "2026-01-17T13:02:52.328Z"
     },
     "_purecss-grid.scss": {
       "hash": "051e1d8bbed9eefe1a17c09d16a4f2c61e19a9fca1d4182da19b4de39c1e1c83",
       "size": 2312,
-      "modified": "2025-10-13T13:03:54.064Z"
+      "modified": "2026-01-17T13:02:52.334Z"
     },
     "_variables.scss": {
-      "hash": "16a0ebb354c27a3061e0910de9101619cb5b4ba18d9aab5e0967306de00bac75",
-      "size": 39135,
-      "modified": "2025-12-17T19:44:21.741Z"
+      "hash": "19b699ca24904872fd8507ee4d194aa78646f33a2d9b50e1671433a5738dbcf0",
+      "size": 661,
+      "modified": "2026-01-17T13:02:52.339Z"
     }
   }
 }

package/src/scss/core-components/forms/_form-inputs.scss

@@ -92,6 +92,35 @@
   font-size: $font-size-lg;
 }
 
+// Textarea Sizes - height sets initial size, min-height prevents shrinking below that
+.pa-textarea--xs {
+  height: 4rem;
+  min-height: 4rem;
+  padding: $input-padding-xs-v $input-padding-h;
+  font-size: $font-size-xs;
+}
+
+.pa-textarea--sm {
+  height: 6rem;
+  min-height: 6rem;
+  padding: $input-padding-v $input-padding-h;
+  font-size: $font-size-sm;
+}
+
+.pa-textarea--lg {
+  height: 12rem;
+  min-height: 12rem;
+  padding: $input-padding-v $input-padding-h;
+  font-size: $font-size-base;
+}
+
+.pa-textarea--xl {
+  height: 16rem;
+  min-height: 16rem;
+  padding: $input-padding-v $input-padding-h;
+  font-size: $font-size-lg;
+}
+
 // Dark mode: invert native date/time picker icons for visibility
 .pa-mode-dark {
   input[type="date"],

package/src/scss/core-components/forms/_form-states.scss

@@ -86,4 +86,30 @@
   &--success {
     color: var(--pa-success-bg);
   }
+
+  &--warning {
+    color: var(--pa-warning-bg);
+  }
+}
+
+// Theme Color Variants for Help Text (color-1 through color-9)
+@for $i from 1 through 9 {
+  .pa-form-help--color-#{$i} {
+    color: var(--pa-color-#{$i});
+  }
+}
+
+// Theme Color Variants for Inputs (color-1 through color-9)
+// These use theme-customizable colors from --pa-color-* CSS variables
+@for $i from 1 through 9 {
+  .pa-input--color-#{$i},
+  .pa-select--color-#{$i},
+  .pa-textarea--color-#{$i} {
+    border-color: var(--pa-color-#{$i});
+
+    &:focus {
+      border-color: var(--pa-color-#{$i});
+      box-shadow: 0 0 0 $focus-ring-width color-mix(in srgb, var(--pa-color-#{$i}) 25%, transparent);
+    }
+  }
 }