@iroco/ui 1.15.3 → 1.16.1

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.
@@ -142,7 +142,7 @@
142
142
  text-overflow: ellipsis;
143
143
  white-space: nowrap;
144
144
  overflow: hidden;
145
- border-radius: 0.5em;
145
+ border-radius: 0.5rem;
146
146
  }
147
147
  .iroco-ui-form .iroco-ui-input input::placeholder {
148
148
  color: var(--form-text-placeholder);
@@ -237,7 +237,7 @@
237
237
  text-overflow: ellipsis;
238
238
  white-space: nowrap;
239
239
  overflow: hidden;
240
- border-radius: 0.5em;
240
+ border-radius: 0.5rem;
241
241
  }
242
242
  .iroco-ui-form .iroco-ui-input input::placeholder {
243
243
  color: var(--form-text-placeholder);
@@ -329,6 +329,7 @@
329
329
  }
330
330
 
331
331
  .password-aria-live {
332
+ height: 0;
332
333
  width: 0;
333
334
  overflow: hidden;
334
335
  }</style>
@@ -138,7 +138,7 @@
138
138
  text-overflow: ellipsis;
139
139
  white-space: nowrap;
140
140
  overflow: hidden;
141
- border-radius: 0.5em;
141
+ border-radius: 0.5rem;
142
142
  }
143
143
  .iroco-ui-form .iroco-ui-input input::placeholder {
144
144
  color: var(--form-text-placeholder);
@@ -22,3 +22,4 @@
22
22
  {/snippet}
23
23
 
24
24
  <Story name="Default" />
25
+ <Story name="Non clickable" args={{ clickable: false }} />
@@ -200,7 +200,7 @@
200
200
  text-overflow: ellipsis;
201
201
  white-space: nowrap;
202
202
  overflow: hidden;
203
- border-radius: 0.5em;
203
+ border-radius: 0.5rem;
204
204
  }
205
205
  .iroco-ui-form .iroco-ui-input input::placeholder {
206
206
  color: var(--form-text-placeholder);
@@ -27,7 +27,7 @@
27
27
  text-overflow: ellipsis;
28
28
  white-space: nowrap;
29
29
  overflow: hidden;
30
- border-radius: 0.5em;
30
+ border-radius: 0.5rem;
31
31
 
32
32
  &::placeholder {
33
33
  color: var(--form-text-placeholder);
@@ -272,6 +272,7 @@
272
272
  >
273
273
  <!-- circle -->
274
274
  <button
275
+ disabled={!clickable}
275
276
  class="step
276
277
  {i <= $progress ? (step.alert ? 'bg-danger' : 'bg-primary') : 'bg-secondary'}
277
278
  text-light
@@ -327,6 +328,7 @@
327
328
  <!-- text label -->
328
329
  {#if typeof step.text != 'undefined'}
329
330
  <button
331
+ disabled={!clickable}
330
332
  class="steps__label"
331
333
  class:hover-highlight={clickable}
332
334
  style:margin-left={vertical ? (reverse ? null : stepLabelSpace) : null}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@iroco/ui",
3
- "version": "1.15.3",
3
+ "version": "1.16.1",
4
4
  "description": "Iroco design system based on Svelte",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {