@seed-design/css 1.2.11 → 1.2.12

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 (21) hide show
  1. package/all.css +14 -0
  2. package/all.layered.css +14 -0
  3. package/all.layered.min.css +1 -1
  4. package/all.min.css +1 -1
  5. package/base.css +2 -0
  6. package/base.layered.css +2 -0
  7. package/base.layered.min.css +1 -1
  8. package/base.min.css +1 -1
  9. package/package.json +1 -1
  10. package/recipes/chip.css +9 -0
  11. package/recipes/chip.layered.css +12 -0
  12. package/recipes/chip.layered.mjs +12 -0
  13. package/recipes/chip.mjs +12 -0
  14. package/vars/component/chip.d.ts +21 -1
  15. package/vars/component/chip.mjs +21 -1
  16. package/vars/component/list-item.d.ts +8 -3
  17. package/vars/component/list-item.mjs +6 -3
  18. package/vars/duration.d.ts +2 -1
  19. package/vars/duration.mjs +2 -1
  20. package/vars/timing-function.d.ts +2 -1
  21. package/vars/timing-function.mjs +2 -1
package/all.css CHANGED
@@ -276,6 +276,7 @@
276
276
  --seed-duration-d5: .25s;
277
277
  --seed-duration-d6: .3s;
278
278
  --seed-duration-color-transition: var(--seed-duration-d3);
279
+ --seed-duration-pressed-scale: var(--seed-duration-d3);
279
280
  --seed-font-size-t1: clamp(calc(var(--seed-font-size-t1-static) * var(--seed-font-size-limit-min, .8)), calc(.6875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t1-static) * var(--seed-font-size-limit-max, 1.5)));
280
281
  --seed-font-size-t2: clamp(calc(var(--seed-font-size-t2-static) * var(--seed-font-size-limit-min, .8)), calc(.75rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t2-static) * var(--seed-font-size-limit-max, 1.5)));
281
282
  --seed-font-size-t3: clamp(calc(var(--seed-font-size-t3-static) * var(--seed-font-size-limit-min, .8)), calc(.8125rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t3-static) * var(--seed-font-size-limit-max, 1.5)));
@@ -336,6 +337,7 @@
336
337
  --seed-timing-function-exit: cubic-bezier(.35, 0, 1, 1);
337
338
  --seed-timing-function-enter-expressive: cubic-bezier(.03, .4, .1, 1);
338
339
  --seed-timing-function-exit-expressive: cubic-bezier(.35, 0, .95, .55);
340
+ --seed-timing-function-pressed-scale: cubic-bezier(0, 0, .15, 1);
339
341
  }
340
342
 
341
343
  :root, :root[data-seed-color-mode="system"][data-seed-user-color-scheme="light"], :root[data-seed-color-mode="light-only"], :root [data-seed-color-mode="light-only"] {
@@ -3279,6 +3281,18 @@
3279
3281
  --seed-icon-size: var(--seed-dimension-x3_5);
3280
3282
  }
3281
3283
 
3284
+ .seed-chip__root--size_small-layout_withText {
3285
+ min-width: 44px;
3286
+ }
3287
+
3288
+ .seed-chip__root--size_medium-layout_withText {
3289
+ min-width: var(--seed-dimension-x12);
3290
+ }
3291
+
3292
+ .seed-chip__root--size_large-layout_withText {
3293
+ min-width: var(--seed-dimension-x13);
3294
+ }
3295
+
3282
3296
  .seed-chip__root--size_small-layout_iconOnly {
3283
3297
  min-width: var(--seed-dimension-x8);
3284
3298
  }
package/all.layered.css CHANGED
@@ -277,6 +277,7 @@
277
277
  --seed-duration-d5: .25s;
278
278
  --seed-duration-d6: .3s;
279
279
  --seed-duration-color-transition: var(--seed-duration-d3);
280
+ --seed-duration-pressed-scale: var(--seed-duration-d3);
280
281
  --seed-font-size-t1: clamp(calc(var(--seed-font-size-t1-static) * var(--seed-font-size-limit-min, .8)), calc(.6875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t1-static) * var(--seed-font-size-limit-max, 1.5)));
281
282
  --seed-font-size-t2: clamp(calc(var(--seed-font-size-t2-static) * var(--seed-font-size-limit-min, .8)), calc(.75rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t2-static) * var(--seed-font-size-limit-max, 1.5)));
282
283
  --seed-font-size-t3: clamp(calc(var(--seed-font-size-t3-static) * var(--seed-font-size-limit-min, .8)), calc(.8125rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t3-static) * var(--seed-font-size-limit-max, 1.5)));
@@ -337,6 +338,7 @@
337
338
  --seed-timing-function-exit: cubic-bezier(.35, 0, 1, 1);
338
339
  --seed-timing-function-enter-expressive: cubic-bezier(.03, .4, .1, 1);
339
340
  --seed-timing-function-exit-expressive: cubic-bezier(.35, 0, .95, .55);
341
+ --seed-timing-function-pressed-scale: cubic-bezier(0, 0, .15, 1);
340
342
  }
341
343
 
342
344
  :root, :root[data-seed-color-mode="system"][data-seed-user-color-scheme="light"], :root[data-seed-color-mode="light-only"], :root [data-seed-color-mode="light-only"] {
@@ -3380,6 +3382,18 @@
3380
3382
  --seed-icon-size: var(--seed-dimension-x3_5);
3381
3383
  }
3382
3384
 
3385
+ .seed-chip__root--size_small-layout_withText {
3386
+ min-width: 44px;
3387
+ }
3388
+
3389
+ .seed-chip__root--size_medium-layout_withText {
3390
+ min-width: var(--seed-dimension-x12);
3391
+ }
3392
+
3393
+ .seed-chip__root--size_large-layout_withText {
3394
+ min-width: var(--seed-dimension-x13);
3395
+ }
3396
+
3383
3397
  .seed-chip__root--size_small-layout_iconOnly {
3384
3398
  min-width: var(--seed-dimension-x8);
3385
3399
  }