@seed-design/css 0.0.10 → 0.0.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.
- package/all.css +26 -10
- package/all.min.css +1 -1
- package/base.css +2 -0
- package/base.min.css +1 -1
- package/package.json +1 -1
- package/recipes/bottom-sheet.css +10 -1
- package/recipes/bottom-sheet.d.ts +4 -1
- package/recipes/bottom-sheet.mjs +9 -2
- package/recipes/dialog.css +4 -1
- package/recipes/help-bubble.css +2 -2
- package/recipes/snackbar.css +6 -6
- package/vars/component/action-sheet.d.ts +1 -0
- package/vars/component/action-sheet.mjs +1 -0
- package/vars/component/bottom-sheet.d.ts +17 -1
- package/vars/component/bottom-sheet.mjs +17 -1
- package/vars/component/dialog.d.ts +7 -4
- package/vars/component/dialog.mjs +7 -4
- package/vars/component/extended-action-sheet.d.ts +1 -0
- package/vars/component/extended-action-sheet.mjs +1 -0
- package/vars/component/help-bubble.d.ts +2 -2
- package/vars/component/help-bubble.mjs +2 -2
- package/vars/component/snackbar.d.ts +4 -2
- package/vars/component/snackbar.mjs +4 -2
- package/vars/dimension/spacing-y.d.ts +3 -1
- package/vars/dimension/spacing-y.mjs +3 -1
- package/vars/index.d.ts +12 -0
package/all.css
CHANGED
|
@@ -198,6 +198,8 @@
|
|
|
198
198
|
--seed-dimension-spacing-x-global-gutter: var(--seed-dimension-x4);
|
|
199
199
|
--seed-dimension-spacing-y-component-default: var(--seed-dimension-x3);
|
|
200
200
|
--seed-dimension-spacing-y-nav-to-title: var(--seed-dimension-x5);
|
|
201
|
+
--seed-dimension-spacing-y-screen-bottom: var(--seed-dimension-x14);
|
|
202
|
+
--seed-dimension-spacing-y-between-text: var(--seed-dimension-x1_5);
|
|
201
203
|
--seed-duration-d1: 50ms;
|
|
202
204
|
--seed-duration-d2: .1s;
|
|
203
205
|
--seed-duration-d3: .15s;
|
|
@@ -1359,7 +1361,6 @@
|
|
|
1359
1361
|
|
|
1360
1362
|
.seed-bottom-sheet__header {
|
|
1361
1363
|
gap: var(--seed-dimension-x2);
|
|
1362
|
-
padding-inline: var(--seed-dimension-spacing-x-global-gutter);
|
|
1363
1364
|
padding-top: var(--seed-dimension-x6);
|
|
1364
1365
|
padding-bottom: var(--seed-dimension-x4);
|
|
1365
1366
|
flex-direction: column;
|
|
@@ -1429,6 +1430,18 @@
|
|
|
1429
1430
|
inset: -8px;
|
|
1430
1431
|
}
|
|
1431
1432
|
|
|
1433
|
+
.seed-bottom-sheet__header--headerAlign_left {
|
|
1434
|
+
padding-left: var(--seed-dimension-spacing-x-global-gutter);
|
|
1435
|
+
justify-content: flex-start;
|
|
1436
|
+
padding-right: 50px;
|
|
1437
|
+
}
|
|
1438
|
+
|
|
1439
|
+
.seed-bottom-sheet__header--headerAlign_center {
|
|
1440
|
+
justify-content: center;
|
|
1441
|
+
padding-left: 50px;
|
|
1442
|
+
padding-right: 50px;
|
|
1443
|
+
}
|
|
1444
|
+
|
|
1432
1445
|
.seed-action-sheet__positioner {
|
|
1433
1446
|
overscroll-behavior-y: none;
|
|
1434
1447
|
--sheet-z-index: 2;
|
|
@@ -2116,7 +2129,6 @@
|
|
|
2116
2129
|
background: var(--seed-color-bg-layer-default);
|
|
2117
2130
|
max-width: 272px;
|
|
2118
2131
|
margin: auto var(--seed-dimension-x8);
|
|
2119
|
-
padding: var(--seed-dimension-x5) var(--seed-dimension-x5);
|
|
2120
2132
|
border-radius: var(--seed-radius-r5);
|
|
2121
2133
|
flex-direction: column;
|
|
2122
2134
|
flex: 1;
|
|
@@ -2146,6 +2158,8 @@
|
|
|
2146
2158
|
}
|
|
2147
2159
|
|
|
2148
2160
|
.seed-dialog__header {
|
|
2161
|
+
padding-inline: var(--seed-dimension-x5);
|
|
2162
|
+
padding-top: var(--seed-dimension-x5);
|
|
2149
2163
|
gap: var(--seed-dimension-x1_5);
|
|
2150
2164
|
flex-direction: column;
|
|
2151
2165
|
display: flex;
|
|
@@ -2169,7 +2183,9 @@
|
|
|
2169
2183
|
}
|
|
2170
2184
|
|
|
2171
2185
|
.seed-dialog__footer {
|
|
2186
|
+
padding-inline: var(--seed-dimension-x5);
|
|
2172
2187
|
padding-top: var(--seed-dimension-x4);
|
|
2188
|
+
padding-bottom: var(--seed-dimension-x5);
|
|
2173
2189
|
flex-direction: column;
|
|
2174
2190
|
align-items: stretch;
|
|
2175
2191
|
display: flex;
|
|
@@ -3081,8 +3097,8 @@
|
|
|
3081
3097
|
height: 32px;
|
|
3082
3098
|
display: flex;
|
|
3083
3099
|
position: absolute;
|
|
3084
|
-
top:
|
|
3085
|
-
right:
|
|
3100
|
+
top: 3px;
|
|
3101
|
+
right: 3px;
|
|
3086
3102
|
}
|
|
3087
3103
|
|
|
3088
3104
|
.seed-identity-placeholder__root {
|
|
@@ -3710,22 +3726,22 @@
|
|
|
3710
3726
|
min-height: 44px;
|
|
3711
3727
|
animation: seed-enter;
|
|
3712
3728
|
animation-timing-function: var(--seed-timing-function-enter);
|
|
3713
|
-
animation-duration: var(--seed-duration-
|
|
3729
|
+
animation-duration: var(--seed-duration-d3);
|
|
3714
3730
|
--seed-enter-translate-x: 0;
|
|
3715
|
-
--seed-enter-translate-y:
|
|
3731
|
+
--seed-enter-translate-y: 0;
|
|
3716
3732
|
--seed-enter-opacity: 0;
|
|
3717
|
-
--seed-enter-scale:
|
|
3733
|
+
--seed-enter-scale: .8;
|
|
3718
3734
|
display: flex;
|
|
3719
3735
|
}
|
|
3720
3736
|
|
|
3721
3737
|
.seed-snackbar__root:not([data-open]) {
|
|
3722
3738
|
animation: seed-exit;
|
|
3723
3739
|
animation-timing-function: var(--seed-timing-function-exit);
|
|
3724
|
-
animation-duration: var(--seed-duration-
|
|
3740
|
+
animation-duration: var(--seed-duration-d2);
|
|
3725
3741
|
--seed-exit-translate-x: 0;
|
|
3726
|
-
--seed-exit-translate-y:
|
|
3742
|
+
--seed-exit-translate-y: 0;
|
|
3727
3743
|
--seed-exit-opacity: 0;
|
|
3728
|
-
--seed-exit-scale:
|
|
3744
|
+
--seed-exit-scale: .8;
|
|
3729
3745
|
animation-fill-mode: forwards;
|
|
3730
3746
|
}
|
|
3731
3747
|
|