@seed-design/css 0.0.8 → 0.0.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 +52 -4
- package/all.min.css +1 -1
- package/base.css +3 -3
- package/base.min.css +1 -1
- package/package.json +1 -1
- package/recipes/avatar.css +10 -0
- package/recipes/avatar.d.ts +1 -1
- package/recipes/avatar.mjs +1 -0
- package/recipes/bottom-sheet.css +1 -1
- package/recipes/manner-temp.css +29 -0
- package/recipes/manner-temp.d.ts +22 -0
- package/recipes/manner-temp.mjs +32 -0
- package/vars/component/action-sheet.d.ts +1 -1
- package/vars/component/action-sheet.mjs +1 -1
- package/vars/component/avatar.d.ts +10 -0
- package/vars/component/avatar.mjs +10 -0
- package/vars/component/bottom-sheet-close-button.d.ts +21 -0
- package/vars/component/bottom-sheet-close-button.mjs +21 -0
- package/vars/component/bottom-sheet.d.ts +1 -9
- package/vars/component/bottom-sheet.mjs +1 -9
- package/vars/component/divider.d.ts +9 -0
- package/vars/component/divider.mjs +9 -0
- package/vars/component/extended-action-sheet-close-button.d.ts +1 -2
- package/vars/component/extended-action-sheet-close-button.mjs +1 -2
- package/vars/component/extended-action-sheet.d.ts +7 -1
- package/vars/component/extended-action-sheet.mjs +7 -1
- package/vars/component/index.d.ts +2 -0
- package/vars/component/index.mjs +2 -0
package/all.css
CHANGED
|
@@ -266,7 +266,7 @@
|
|
|
266
266
|
--seed-color-palette-carrot-400: #ffb999;
|
|
267
267
|
--seed-color-palette-carrot-500: #ff9364;
|
|
268
268
|
--seed-color-palette-carrot-600: #f60;
|
|
269
|
-
--seed-color-palette-carrot-700: #
|
|
269
|
+
--seed-color-palette-carrot-700: #e04f00;
|
|
270
270
|
--seed-color-palette-carrot-800: #b93901;
|
|
271
271
|
--seed-color-palette-carrot-900: #862b00;
|
|
272
272
|
--seed-color-palette-carrot-1000: #471601;
|
|
@@ -429,8 +429,8 @@
|
|
|
429
429
|
--seed-color-palette-carrot-1000: #f4eeea;
|
|
430
430
|
--seed-color-palette-gray-00: #000;
|
|
431
431
|
--seed-color-palette-gray-100: #16171b;
|
|
432
|
-
--seed-color-palette-gray-200: #
|
|
433
|
-
--seed-color-palette-gray-300: #
|
|
432
|
+
--seed-color-palette-gray-200: #22252b;
|
|
433
|
+
--seed-color-palette-gray-300: #2b2e35;
|
|
434
434
|
--seed-color-palette-gray-400: #393d46;
|
|
435
435
|
--seed-color-palette-gray-500: #5b606a;
|
|
436
436
|
--seed-color-palette-gray-600: #868b94;
|
|
@@ -648,6 +648,18 @@
|
|
|
648
648
|
left: 22.7298px;
|
|
649
649
|
}
|
|
650
650
|
|
|
651
|
+
.seed-avatar__root--size_42 {
|
|
652
|
+
width: 42px;
|
|
653
|
+
height: 42px;
|
|
654
|
+
}
|
|
655
|
+
|
|
656
|
+
.seed-avatar__badge--size_42 {
|
|
657
|
+
width: 24px;
|
|
658
|
+
height: 24px;
|
|
659
|
+
top: 23.8515px;
|
|
660
|
+
left: 23.8515px;
|
|
661
|
+
}
|
|
662
|
+
|
|
651
663
|
.seed-avatar__root--size_48 {
|
|
652
664
|
width: 48px;
|
|
653
665
|
height: 48px;
|
|
@@ -1400,7 +1412,7 @@
|
|
|
1400
1412
|
top: var(--seed-dimension-x5);
|
|
1401
1413
|
right: var(--seed-dimension-x5);
|
|
1402
1414
|
border-radius: var(--seed-radius-full);
|
|
1403
|
-
background: var(--seed-color-
|
|
1415
|
+
background: var(--seed-color-bg-neutral-weak);
|
|
1404
1416
|
--seed-icon-size: 14px;
|
|
1405
1417
|
--seed-icon-color: var(--seed-color-fg-neutral);
|
|
1406
1418
|
justify-content: center;
|
|
@@ -2648,6 +2660,42 @@
|
|
|
2648
2660
|
color: var(--seed-color-fg-magic-contrast);
|
|
2649
2661
|
}
|
|
2650
2662
|
|
|
2663
|
+
.seed-manner-temp {
|
|
2664
|
+
box-sizing: border-box;
|
|
2665
|
+
justify-content: flex-start;
|
|
2666
|
+
align-items: center;
|
|
2667
|
+
gap: var(--seed-dimension-x1);
|
|
2668
|
+
font-size: var(--seed-font-size-t5);
|
|
2669
|
+
line-height: var(--seed-line-height-t5);
|
|
2670
|
+
font-weight: var(--seed-font-weight-bold);
|
|
2671
|
+
--seed-suffix-icon-size: var(--seed-dimension-x6);
|
|
2672
|
+
display: inline-flex;
|
|
2673
|
+
}
|
|
2674
|
+
|
|
2675
|
+
.seed-manner-temp--level_l1 {
|
|
2676
|
+
color: var(--seed-color-manner-temp-l1-text);
|
|
2677
|
+
}
|
|
2678
|
+
|
|
2679
|
+
.seed-manner-temp--level_l2 {
|
|
2680
|
+
color: var(--seed-color-manner-temp-l2-text);
|
|
2681
|
+
}
|
|
2682
|
+
|
|
2683
|
+
.seed-manner-temp--level_l3 {
|
|
2684
|
+
color: var(--seed-color-manner-temp-l3-text);
|
|
2685
|
+
}
|
|
2686
|
+
|
|
2687
|
+
.seed-manner-temp--level_l4 {
|
|
2688
|
+
color: var(--seed-color-manner-temp-l4-text);
|
|
2689
|
+
}
|
|
2690
|
+
|
|
2691
|
+
.seed-manner-temp--level_l5 {
|
|
2692
|
+
color: var(--seed-color-manner-temp-l5-text);
|
|
2693
|
+
}
|
|
2694
|
+
|
|
2695
|
+
.seed-manner-temp--level_l6 {
|
|
2696
|
+
color: var(--seed-color-manner-temp-l6-text);
|
|
2697
|
+
}
|
|
2698
|
+
|
|
2651
2699
|
.seed-manner-temp-badge {
|
|
2652
2700
|
box-sizing: border-box;
|
|
2653
2701
|
text-transform: none;
|