@seed-design/css 1.2.0 → 1.2.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.
package/all.css
CHANGED
|
@@ -2788,18 +2788,27 @@
|
|
|
2788
2788
|
|
|
2789
2789
|
.seed-bottom-sheet__header--headerAlign_left {
|
|
2790
2790
|
padding-left: var(--seed-dimension-spacing-x-global-gutter);
|
|
2791
|
+
padding-right: var(--seed-dimension-spacing-x-global-gutter);
|
|
2791
2792
|
justify-content: flex-start;
|
|
2793
|
+
}
|
|
2794
|
+
|
|
2795
|
+
.seed-bottom-sheet__header--headerAlign_left[data-show-close-button] {
|
|
2792
2796
|
padding-right: 50px;
|
|
2793
2797
|
}
|
|
2794
2798
|
|
|
2795
2799
|
.seed-bottom-sheet__header--headerAlign_center {
|
|
2800
|
+
padding-left: var(--seed-dimension-spacing-x-global-gutter);
|
|
2801
|
+
padding-right: var(--seed-dimension-spacing-x-global-gutter);
|
|
2796
2802
|
text-align: center;
|
|
2797
2803
|
justify-content: center;
|
|
2804
|
+
}
|
|
2805
|
+
|
|
2806
|
+
.seed-bottom-sheet__header--headerAlign_center[data-show-close-button] {
|
|
2798
2807
|
padding-left: 50px;
|
|
2799
2808
|
padding-right: 50px;
|
|
2800
2809
|
}
|
|
2801
2810
|
|
|
2802
|
-
.seed-bottom-sheet__backdrop--skipAnimation_false:is([data-state="open"], [data-open])[data-snap-points="false"] {
|
|
2811
|
+
.seed-bottom-sheet__backdrop--skipAnimation_false:is([data-state="open"], [data-open])[data-snap-points="false"]:not([data-animation-done="true"]) {
|
|
2803
2812
|
animation-name: fade-in;
|
|
2804
2813
|
animation-duration: var(--seed-duration-d6);
|
|
2805
2814
|
animation-timing-function: var(--seed-timing-function-enter);
|
|
@@ -2811,7 +2820,7 @@
|
|
|
2811
2820
|
animation-timing-function: var(--seed-timing-function-exit);
|
|
2812
2821
|
}
|
|
2813
2822
|
|
|
2814
|
-
.seed-bottom-sheet__backdrop--skipAnimation_false:is([data-state="open"], [data-open])[data-snap-points="true"][data-should-overlay-animate="true"] {
|
|
2823
|
+
.seed-bottom-sheet__backdrop--skipAnimation_false:is([data-state="open"], [data-open])[data-snap-points="true"][data-should-overlay-animate="true"]:not([data-animation-done="true"]) {
|
|
2815
2824
|
animation-name: fade-in;
|
|
2816
2825
|
animation-duration: var(--seed-duration-d6);
|
|
2817
2826
|
animation-timing-function: var(--seed-timing-function-enter);
|
|
@@ -2822,7 +2831,7 @@
|
|
|
2822
2831
|
animation-timing-function: var(--seed-timing-function-enter-expressive);
|
|
2823
2832
|
}
|
|
2824
2833
|
|
|
2825
|
-
.seed-bottom-sheet__content--skipAnimation_false:is([data-state="open"], [data-open])[data-snap-points="false"] {
|
|
2834
|
+
.seed-bottom-sheet__content--skipAnimation_false:is([data-state="open"], [data-open])[data-snap-points="false"]:not([data-animation-done="true"]) {
|
|
2826
2835
|
animation-name: drawer-slide-from-bottom;
|
|
2827
2836
|
animation-duration: var(--seed-duration-d6);
|
|
2828
2837
|
animation-timing-function: var(--seed-timing-function-enter-expressive);
|
|
@@ -2834,7 +2843,7 @@
|
|
|
2834
2843
|
animation-timing-function: var(--seed-timing-function-exit);
|
|
2835
2844
|
}
|
|
2836
2845
|
|
|
2837
|
-
.seed-bottom-sheet__content--skipAnimation_false:is([data-state="open"], [data-open])[data-delayed-snap-points="true"] {
|
|
2846
|
+
.seed-bottom-sheet__content--skipAnimation_false:is([data-state="open"], [data-open])[data-delayed-snap-points="true"]:not([data-animation-done="true"]) {
|
|
2838
2847
|
animation-name: drawer-slide-from-bottom;
|
|
2839
2848
|
animation-duration: var(--seed-duration-d6);
|
|
2840
2849
|
animation-timing-function: var(--seed-timing-function-enter-expressive);
|
|
@@ -4616,7 +4625,7 @@
|
|
|
4616
4625
|
width: var(--seed-dimension-x6);
|
|
4617
4626
|
height: var(--seed-dimension-x6);
|
|
4618
4627
|
--seed-icon-size: var(--seed-dimension-x6);
|
|
4619
|
-
--seed-icon-color: var(--seed-color-
|
|
4628
|
+
--seed-icon-color: var(--seed-color-palette-static-white);
|
|
4620
4629
|
background: none;
|
|
4621
4630
|
border: none;
|
|
4622
4631
|
justify-content: center;
|
|
@@ -4640,7 +4649,7 @@
|
|
|
4640
4649
|
}
|
|
4641
4650
|
|
|
4642
4651
|
.seed-image-frame-reaction-button:is([aria-pressed="true"], [data-pressed]) {
|
|
4643
|
-
--seed-icon-color: var(--seed-color-
|
|
4652
|
+
--seed-icon-color: var(--seed-color-bg-transparent);
|
|
4644
4653
|
}
|
|
4645
4654
|
|
|
4646
4655
|
.seed-inline-banner__root {
|