@seed-design/css 1.2.1 → 1.2.2
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 +29 -18
- package/all.min.css +1 -1
- package/package.json +1 -1
- package/recipes/bottom-sheet.css +15 -7
- package/recipes/image-frame.css +11 -9
- package/recipes/image-frame.d.ts +2 -2
- package/recipes/image-frame.mjs +4 -4
- package/vars/component/bottom-sheet.d.ts +27 -10
- package/vars/component/bottom-sheet.mjs +27 -10
- package/vars/component/image-frame.d.ts +24 -18
- package/vars/component/image-frame.mjs +9 -9
package/all.css
CHANGED
|
@@ -2724,6 +2724,7 @@
|
|
|
2724
2724
|
font-size: var(--seed-font-size-t8);
|
|
2725
2725
|
line-height: var(--seed-line-height-t8);
|
|
2726
2726
|
font-weight: var(--seed-font-weight-bold);
|
|
2727
|
+
word-break: keep-all;
|
|
2727
2728
|
margin: 0;
|
|
2728
2729
|
}
|
|
2729
2730
|
|
|
@@ -2732,6 +2733,8 @@
|
|
|
2732
2733
|
font-size: var(--seed-font-size-t5);
|
|
2733
2734
|
line-height: var(--seed-line-height-t5);
|
|
2734
2735
|
font-weight: var(--seed-font-weight-regular);
|
|
2736
|
+
padding-left: var(--seed-dimension-spacing-x-global-gutter);
|
|
2737
|
+
padding-right: var(--seed-dimension-spacing-x-global-gutter);
|
|
2735
2738
|
white-space: pre-wrap;
|
|
2736
2739
|
margin: 0;
|
|
2737
2740
|
}
|
|
@@ -2764,8 +2767,8 @@
|
|
|
2764
2767
|
}
|
|
2765
2768
|
|
|
2766
2769
|
.seed-bottom-sheet__closeButton {
|
|
2767
|
-
top: var(--seed-dimension-
|
|
2768
|
-
right: var(--seed-dimension-
|
|
2770
|
+
top: var(--seed-dimension-x6);
|
|
2771
|
+
right: var(--seed-dimension-x4);
|
|
2769
2772
|
border-radius: var(--seed-radius-full);
|
|
2770
2773
|
background: var(--seed-color-bg-neutral-weak);
|
|
2771
2774
|
cursor: pointer;
|
|
@@ -2787,25 +2790,32 @@
|
|
|
2787
2790
|
}
|
|
2788
2791
|
|
|
2789
2792
|
.seed-bottom-sheet__header--headerAlign_left {
|
|
2793
|
+
justify-content: flex-start;
|
|
2794
|
+
}
|
|
2795
|
+
|
|
2796
|
+
.seed-bottom-sheet__title--headerAlign_left {
|
|
2790
2797
|
padding-left: var(--seed-dimension-spacing-x-global-gutter);
|
|
2791
2798
|
padding-right: var(--seed-dimension-spacing-x-global-gutter);
|
|
2792
|
-
justify-content: flex-start;
|
|
2793
2799
|
}
|
|
2794
2800
|
|
|
2795
|
-
.seed-bottom-
|
|
2801
|
+
.seed-bottom-sheet__title--headerAlign_left[data-show-close-button] {
|
|
2802
|
+
padding-left: var(--seed-dimension-spacing-x-global-gutter);
|
|
2796
2803
|
padding-right: 50px;
|
|
2797
2804
|
}
|
|
2798
2805
|
|
|
2799
2806
|
.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);
|
|
2802
2807
|
text-align: center;
|
|
2803
2808
|
justify-content: center;
|
|
2804
2809
|
}
|
|
2805
2810
|
|
|
2806
|
-
.seed-bottom-
|
|
2807
|
-
padding-left:
|
|
2808
|
-
padding-right:
|
|
2811
|
+
.seed-bottom-sheet__title--headerAlign_center {
|
|
2812
|
+
padding-left: var(--seed-dimension-spacing-x-global-gutter);
|
|
2813
|
+
padding-right: var(--seed-dimension-spacing-x-global-gutter);
|
|
2814
|
+
}
|
|
2815
|
+
|
|
2816
|
+
.seed-bottom-sheet__title--headerAlign_center[data-show-close-button] {
|
|
2817
|
+
padding-left: 60px;
|
|
2818
|
+
padding-right: 60px;
|
|
2809
2819
|
}
|
|
2810
2820
|
|
|
2811
2821
|
.seed-bottom-sheet__backdrop--skipAnimation_false:is([data-state="open"], [data-open])[data-snap-points="false"]:not([data-animation-done="true"]) {
|
|
@@ -4570,20 +4580,17 @@
|
|
|
4570
4580
|
}
|
|
4571
4581
|
|
|
4572
4582
|
.seed-image-frame {
|
|
4583
|
+
border-radius: inherit;
|
|
4573
4584
|
position: relative;
|
|
4585
|
+
overflow: hidden;
|
|
4574
4586
|
}
|
|
4575
4587
|
|
|
4576
4588
|
.seed-image-frame > img, .seed-image-frame > video {
|
|
4577
4589
|
object-fit: cover;
|
|
4578
|
-
|
|
4579
|
-
|
|
4580
|
-
|
|
4581
|
-
|
|
4582
|
-
overflow: hidden;
|
|
4583
|
-
}
|
|
4584
|
-
|
|
4585
|
-
.seed-image-frame--rounded_true > img, .seed-image-frame--rounded_true > video {
|
|
4586
|
-
border-radius: var(--seed-radius-r2);
|
|
4590
|
+
border-radius: inherit;
|
|
4591
|
+
width: 100%;
|
|
4592
|
+
height: 100%;
|
|
4593
|
+
display: block;
|
|
4587
4594
|
}
|
|
4588
4595
|
|
|
4589
4596
|
.seed-image-frame--stroke_true:after {
|
|
@@ -4595,6 +4602,10 @@
|
|
|
4595
4602
|
inset: 0;
|
|
4596
4603
|
}
|
|
4597
4604
|
|
|
4605
|
+
.seed-image-frame--rounded_true {
|
|
4606
|
+
border-radius: var(--seed-radius-r2);
|
|
4607
|
+
}
|
|
4608
|
+
|
|
4598
4609
|
.seed-image-frame-indicator {
|
|
4599
4610
|
box-sizing: border-box;
|
|
4600
4611
|
background-color: var(--seed-color-palette-static-black-alpha-800);
|