@seed-design/css 1.1.9 → 1.1.10
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/all.css +33 -2
- package/all.min.css +1 -1
- package/package.json +1 -1
- package/recipes/field.css +5 -1
- package/recipes/page-banner.css +17 -0
- package/recipes/page-banner.d.ts +1 -1
- package/recipes/page-banner.mjs +6 -1
- package/recipes/segmented-control.css +1 -1
- package/recipes/text-input.css +10 -0
- package/vars/component/callout.d.ts +2 -2
- package/vars/component/callout.mjs +2 -2
- package/vars/component/page-banner.d.ts +27 -0
- package/vars/component/page-banner.mjs +27 -0
- package/vars/component/segmented-control.d.ts +0 -1
- package/vars/component/segmented-control.mjs +0 -1
- package/vars/component/skeleton.d.ts +2 -2
- package/vars/component/skeleton.mjs +2 -2
package/all.css
CHANGED
|
@@ -4119,7 +4119,6 @@
|
|
|
4119
4119
|
.seed-field__footer {
|
|
4120
4120
|
padding-left: var(--seed-dimension-x0_5);
|
|
4121
4121
|
padding-right: var(--seed-dimension-x0_5);
|
|
4122
|
-
justify-content: space-between;
|
|
4123
4122
|
align-items: flex-start;
|
|
4124
4123
|
gap: var(--seed-dimension-x2);
|
|
4125
4124
|
display: flex;
|
|
@@ -4149,6 +4148,12 @@
|
|
|
4149
4148
|
display: flex;
|
|
4150
4149
|
}
|
|
4151
4150
|
|
|
4151
|
+
.seed-field__characterCountArea {
|
|
4152
|
+
font-size: var(--seed-font-size-t4);
|
|
4153
|
+
line-height: var(--seed-line-height-t4);
|
|
4154
|
+
margin-left: auto;
|
|
4155
|
+
}
|
|
4156
|
+
|
|
4152
4157
|
.seed-field__characterCount {
|
|
4153
4158
|
color: var(--seed-color-fg-neutral);
|
|
4154
4159
|
font-weight: var(--seed-font-weight-regular);
|
|
@@ -5506,6 +5511,20 @@
|
|
|
5506
5511
|
color: var(--seed-color-palette-static-white);
|
|
5507
5512
|
}
|
|
5508
5513
|
|
|
5514
|
+
.seed-page-banner__root--tone_magic-variant_weak {
|
|
5515
|
+
background-image: linear-gradient(88deg, var(--seed-gradient-glow-magic));
|
|
5516
|
+
--seed-prefix-icon-color: var(--seed-color-fg-neutral);
|
|
5517
|
+
--seed-suffix-icon-color: var(--seed-color-fg-neutral);
|
|
5518
|
+
}
|
|
5519
|
+
|
|
5520
|
+
.seed-page-banner__root--tone_magic-variant_weak:is(button):is(:active, [data-active]) {
|
|
5521
|
+
background-image: linear-gradient(88deg, var(--seed-gradient-glow-magic-pressed));
|
|
5522
|
+
}
|
|
5523
|
+
|
|
5524
|
+
.seed-page-banner__title--tone_magic-variant_weak, .seed-page-banner__description--tone_magic-variant_weak, .seed-page-banner__button--tone_magic-variant_weak {
|
|
5525
|
+
color: var(--seed-color-fg-neutral);
|
|
5526
|
+
}
|
|
5527
|
+
|
|
5509
5528
|
.seed-progress-circle__root {
|
|
5510
5529
|
box-sizing: border-box;
|
|
5511
5530
|
display: inline-flex;
|
|
@@ -5882,7 +5901,7 @@
|
|
|
5882
5901
|
width: calc((100% - var(--seed-dimension-x1) * 2) / var(--segment-count));
|
|
5883
5902
|
border-radius: var(--seed-radius-full);
|
|
5884
5903
|
background-color: var(--seed-color-palette-gray-00);
|
|
5885
|
-
box-shadow:
|
|
5904
|
+
box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
|
|
5886
5905
|
transition: transform var(--seed-duration-d4) var(--seed-timing-function-easing);
|
|
5887
5906
|
position: absolute;
|
|
5888
5907
|
}
|
|
@@ -7129,6 +7148,18 @@
|
|
|
7129
7148
|
font-weight: var(--seed-font-weight-regular);
|
|
7130
7149
|
}
|
|
7131
7150
|
|
|
7151
|
+
.seed-text-input__value:is(:autofill, :autofill) {
|
|
7152
|
+
-webkit-text-fill-color: var(--seed-color-fg-neutral);
|
|
7153
|
+
transition: background-color 2147480000s 2147480000s;
|
|
7154
|
+
}
|
|
7155
|
+
|
|
7156
|
+
@supports (background-clip: text) {
|
|
7157
|
+
.seed-text-input__value:is(:autofill, :autofill) {
|
|
7158
|
+
background-clip: text;
|
|
7159
|
+
transition: none;
|
|
7160
|
+
}
|
|
7161
|
+
}
|
|
7162
|
+
|
|
7132
7163
|
.seed-text-input__value:is(:disabled, [disabled], [data-disabled]), .seed-text-input__value:is(:disabled, [disabled], [data-disabled])::placeholder {
|
|
7133
7164
|
color: var(--seed-color-fg-disabled);
|
|
7134
7165
|
}
|