@300codes/design-system 1.2.12 → 1.2.13

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/TextInput/TextInput.vue +2 -2
  3. package/src/css/tokens.css +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@300codes/design-system",
3
- "version": "1.2.12",
3
+ "version": "1.2.13",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "src/components",
package/src/components/TextInput/TextInput.vue CHANGED
@@ -160,7 +160,7 @@ defineExpose<{ el: Ref<HTMLInputElement | undefined> }>({ el });
160
160
  --_px: var(--input-px-mobile, 0.625rem);
161
161
  --_py: var(--input-py-mobile, 0.5rem);
162
162
  --_radius: var(--input-radius-mobile, 0.25rem);
163
- --_fs: var(--input-font-size-mobile, 1rem);
163
+ --_fs: var(--input-font-size-mobile, 0.875rem);
164
164
  }
165
165
 
166
166
  @media (min-width: 48rem) {
@@ -200,7 +200,7 @@ defineExpose<{ el: Ref<HTMLInputElement | undefined> }>({ el });
200
200
  --_px: var(--input-lg-px-mobile, 0.75rem);
201
201
  --_py: var(--input-lg-py-mobile, 0.625rem);
202
202
  --_radius: var(--input-lg-radius-mobile, 0.375rem);
203
- --_fs: var(--input-lg-font-size-mobile, 1.125rem);
203
+ --_fs: var(--input-lg-font-size-mobile, 1rem);
204
204
  }
205
205
 
206
206
  @media (min-width: 48rem) {
package/src/css/tokens.css CHANGED
@@ -197,7 +197,7 @@
197
197
  --input-radius: theme(--radius-md); /* desktop 6px */
198
198
  --input-radius-mobile: theme(--radius-sm); /* mobile 4px */
199
199
  --input-font-size: theme(--text-base); /* 16px */
200
- --input-font-size-mobile: theme(--text-base); /* 16px */
200
+ --input-font-size-mobile: theme(--text-sm); /* 14px */
201
201
 
202
202
  /* sm */
203
203
  --input-sm-h: theme(--spacing-10); /* desktop 40px */
@@ -221,7 +221,7 @@
221
221
  --input-lg-radius: theme(--radius-lg); /* desktop 8px */
222
222
  --input-lg-radius-mobile: theme(--radius-md); /* mobile 6px */
223
223
  --input-lg-font-size: theme(--text-lg); /* 18px */
224
- --input-lg-font-size-mobile: theme(--text-lg); /* 18px */
224
+ --input-lg-font-size-mobile: theme(--text-base); /* 16px */
225
225
 
226
226
  /* icon padding overrides */
227
227
  --input-icon-pl: theme(--spacing-12);