storyloco 2.7.1 → 2.7.3

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "storyloco",
3
- "version": "2.7.1",
3
+ "version": "2.7.3",
4
4
  "description": "A collection of slick Storyblok field plugins built with Svelte 5, TypeScript, and Tailwind CSS",
5
5
  "keywords": [
6
6
  "storyblok",
@@ -1,4 +1,6 @@
1
1
  export interface HubspotForm {
2
2
  id: string
3
3
  name: string
4
+ // the HubSpot portal the form belongs to; missing on values saved before 0.2.0
5
+ portal?: string
4
6
  }
@@ -133,7 +133,8 @@
133
133
  z-index: 1;
134
134
  }
135
135
 
136
- & input {
136
+ /* the :not() matches the general input rule's, so this outranks it wherever it sits */
137
+ & input:not([type='checkbox'], [type='radio']) {
137
138
  flex: 1;
138
139
  min-inline-size: 0;
139
140
  padding-inline-start: 34px;
@@ -197,7 +198,7 @@
197
198
  color: var(--sb-muted);
198
199
  }
199
200
 
200
- & input,
201
+ & input:not([type='checkbox'], [type='radio']),
201
202
  & textarea {
202
203
  background: var(--sb-surface);
203
204
  border: 1px solid var(--sb-line);
@@ -225,6 +226,17 @@
225
226
  }
226
227
  }
227
228
 
229
+ & input:is([type='checkbox'], [type='radio']) {
230
+ accent-color: var(--sb-primary);
231
+ appearance: auto;
232
+ block-size: 16px;
233
+ cursor: pointer;
234
+ flex: none;
235
+ inline-size: 16px;
236
+ margin: 0;
237
+ padding: 0;
238
+ }
239
+
228
240
  & .button {
229
241
  align-items: center;
230
242
  background: var(--sb-surface);