@happyvertical/smrt-ui 0.51.18 → 0.51.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/components/forms/Combobox.svelte +1 -1
  2. package/dist/components/forms/Input.svelte +1 -0
  3. package/dist/components/forms/Select.svelte +1 -0
  4. package/dist/components/forms/Textarea.svelte +1 -0
  5. package/package.json +2 -2
package/dist/components/forms/Combobox.svelte CHANGED
@@ -211,7 +211,7 @@ useControlRegistration(() => {
211
211
  </div>
212
212
  <style>
213
213
  .combobox { position: relative; display: grid; gap: var(--smrt-spacing-1); color: var(--smrt-color-on-surface); }
214
- label { font: var(--smrt-typography-label-large-font); } input { width: 100%; padding: var(--smrt-spacing-2) var(--smrt-spacing-3); border: 1px solid var(--smrt-color-outline); border-radius: var(--smrt-radius-small); background: var(--smrt-color-surface); color: inherit; }
214
+ label { font: var(--smrt-typography-label-large-font); } input { box-sizing: border-box; width: 100%; padding: var(--smrt-spacing-2) var(--smrt-spacing-3); border: 1px solid var(--smrt-color-outline); border-radius: var(--smrt-radius-small); background: var(--smrt-color-surface); color: inherit; }
215
215
  input:focus { outline: 2px solid var(--smrt-color-primary); outline-offset: 1px; } .options { position: absolute; z-index: var(--smrt-z-index-dropdown); top: 100%; left: 0; right: 0; display: grid; padding: var(--smrt-spacing-1); border: 1px solid var(--smrt-color-outline-variant); border-radius: var(--smrt-radius-small); background: var(--smrt-color-surface-container); box-shadow: var(--smrt-elevation-2); }
216
216
  .options button { padding: var(--smrt-spacing-2) var(--smrt-spacing-3); border: 0; border-radius: var(--smrt-radius-extra-small); background: transparent; color: var(--smrt-color-on-surface); text-align: left; } .options button.active { background: var(--smrt-color-secondary-container); }
217
217
  :global(.combobox[data-smrt-highlighted='true']) { outline: 3px solid var(--smrt-color-tertiary); outline-offset: 4px; }
package/dist/components/forms/Input.svelte CHANGED
@@ -220,6 +220,7 @@ export function getElement(): HTMLInputElement | null {
220
220
 
221
221
  <style>
222
222
  .input {
223
+ box-sizing: border-box;
223
224
  display: block;
224
225
  width: 100%;
225
226
  padding: 0.5rem 0.75rem;
package/dist/components/forms/Select.svelte CHANGED
@@ -152,6 +152,7 @@ export function getElement(): HTMLSelectElement | null {
152
152
 
153
153
  <style>
154
154
  .select {
155
+ box-sizing: border-box;
155
156
  display: block;
156
157
  width: 100%;
157
158
  padding: 0.5rem 2rem 0.5rem 0.75rem;
package/dist/components/forms/Textarea.svelte CHANGED
@@ -143,6 +143,7 @@ export function getElement(): HTMLTextAreaElement | null {
143
143
 
144
144
  <style>
145
145
  .textarea {
146
+ box-sizing: border-box;
146
147
  display: block;
147
148
  width: 100%;
148
149
  padding: 0.5rem 0.75rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@happyvertical/smrt-ui",
3
- "version": "0.51.18",
3
+ "version": "0.51.20",
4
4
  "smrtJsdoc": "strict",
5
5
  "description": "Domain-agnostic Svelte 5 UI runtime for SMRT: primitives, i18n client, theme system, and module UI registry",
6
6
  "type": "module",
@@ -129,7 +129,7 @@
129
129
  "access": "public"
130
130
  },
131
131
  "dependencies": {
132
- "@happyvertical/smrt-types": "0.51.18",
132
+ "@happyvertical/smrt-types": "0.51.20",
133
133
  "esm-env": "^1.2.2"
134
134
  },
135
135
  "peerDependencies": {