@seed-design/css 2.0.0 → 2.1.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.
Files changed (13) hide show
  1. package/all.css +4 -0
  2. package/all.layered.css +4 -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/attachment-input-item.css +2 -0
  11. package/recipes/attachment-input-item.layered.css +2 -0
  12. package/vars/color/bg.d.ts +2 -0
  13. package/vars/color/bg.mjs +1 -0
package/all.css CHANGED
@@ -634,6 +634,7 @@
634
634
  --seed-color-bg-layer-basement: var(--seed-color-palette-gray-200);
635
635
  --seed-color-bg-layer-default: var(--seed-color-palette-gray-00);
636
636
  --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-100);
637
+ --seed-color-bg-layer-fill: var(--seed-color-palette-gray-100);
637
638
  --seed-color-bg-layer-floating: var(--seed-color-palette-gray-00);
638
639
  --seed-color-bg-layer-floating-pressed: var(--seed-color-palette-gray-100);
639
640
  --seed-color-bg-magic-weak: #f9f2ee;
@@ -844,6 +845,7 @@
844
845
  --seed-color-bg-layer-basement: var(--seed-color-palette-gray-00);
845
846
  --seed-color-bg-layer-default: var(--seed-color-palette-gray-100);
846
847
  --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-300);
848
+ --seed-color-bg-layer-fill: var(--seed-color-palette-gray-200);
847
849
  --seed-color-bg-layer-floating: var(--seed-color-palette-gray-200);
848
850
  --seed-color-bg-layer-floating-pressed: var(--seed-color-palette-gray-300);
849
851
  --seed-color-bg-magic-weak: #201f1f;
@@ -4850,6 +4852,7 @@
4850
4852
  }
4851
4853
 
4852
4854
  .seed-attachment-input-item__root {
4855
+ isolation: isolate;
4853
4856
  justify-content: center;
4854
4857
  align-items: center;
4855
4858
  gap: var(--seed-dimension-x2_5);
@@ -5091,6 +5094,7 @@
5091
5094
  }
5092
5095
 
5093
5096
  .seed-attachment-input-item__root--type_image:before {
5097
+ z-index: 1;
5094
5098
  box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-subtle);
5095
5099
  }
5096
5100
 
package/all.layered.css CHANGED
@@ -635,6 +635,7 @@
635
635
  --seed-color-bg-layer-basement: var(--seed-color-palette-gray-200);
636
636
  --seed-color-bg-layer-default: var(--seed-color-palette-gray-00);
637
637
  --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-100);
638
+ --seed-color-bg-layer-fill: var(--seed-color-palette-gray-100);
638
639
  --seed-color-bg-layer-floating: var(--seed-color-palette-gray-00);
639
640
  --seed-color-bg-layer-floating-pressed: var(--seed-color-palette-gray-100);
640
641
  --seed-color-bg-magic-weak: #f9f2ee;
@@ -845,6 +846,7 @@
845
846
  --seed-color-bg-layer-basement: var(--seed-color-palette-gray-00);
846
847
  --seed-color-bg-layer-default: var(--seed-color-palette-gray-100);
847
848
  --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-300);
849
+ --seed-color-bg-layer-fill: var(--seed-color-palette-gray-200);
848
850
  --seed-color-bg-layer-floating: var(--seed-color-palette-gray-200);
849
851
  --seed-color-bg-layer-floating-pressed: var(--seed-color-palette-gray-300);
850
852
  --seed-color-bg-magic-weak: #201f1f;
@@ -5099,6 +5101,7 @@
5099
5101
  }
5100
5102
 
5101
5103
  .seed-attachment-input-item__root {
5104
+ isolation: isolate;
5102
5105
  justify-content: center;
5103
5106
  align-items: center;
5104
5107
  gap: var(--seed-dimension-x2_5);
@@ -5340,6 +5343,7 @@
5340
5343
  }
5341
5344
 
5342
5345
  .seed-attachment-input-item__root--type_image:before {
5346
+ z-index: 1;
5343
5347
  box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-subtle);
5344
5348
  }
5345
5349