@seed-design/css 0.0.7 → 0.0.9

package/all.css

@@ -266,7 +266,7 @@
   --seed-color-palette-carrot-400: #ffb999;
   --seed-color-palette-carrot-500: #ff9364;
   --seed-color-palette-carrot-600: #f60;
-  --seed-color-palette-carrot-700: #e84500;
+  --seed-color-palette-carrot-700: #e04f00;
   --seed-color-palette-carrot-800: #b93901;
   --seed-color-palette-carrot-900: #862b00;
   --seed-color-palette-carrot-1000: #471601;
@@ -429,8 +429,8 @@
   --seed-color-palette-carrot-1000: #f4eeea;
   --seed-color-palette-gray-00: #000;
   --seed-color-palette-gray-100: #16171b;
-  --seed-color-palette-gray-200: #1b1c22;
-  --seed-color-palette-gray-300: #2c2f35;
+  --seed-color-palette-gray-200: #22252b;
+  --seed-color-palette-gray-300: #2b2e35;
   --seed-color-palette-gray-400: #393d46;
   --seed-color-palette-gray-500: #5b606a;
   --seed-color-palette-gray-600: #868b94;
@@ -2648,6 +2648,42 @@
   color: var(--seed-color-fg-magic-contrast);
 }
 
+.seed-manner-temp {
+  box-sizing: border-box;
+  justify-content: flex-start;
+  align-items: center;
+  gap: var(--seed-dimension-x1);
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+  font-weight: var(--seed-font-weight-bold);
+  --seed-suffix-icon-size: var(--seed-dimension-x6);
+  display: inline-flex;
+}
+
+.seed-manner-temp--level_l1 {
+  color: var(--seed-color-manner-temp-l1-text);
+}
+
+.seed-manner-temp--level_l2 {
+  color: var(--seed-color-manner-temp-l2-text);
+}
+
+.seed-manner-temp--level_l3 {
+  color: var(--seed-color-manner-temp-l3-text);
+}
+
+.seed-manner-temp--level_l4 {
+  color: var(--seed-color-manner-temp-l4-text);
+}
+
+.seed-manner-temp--level_l5 {
+  color: var(--seed-color-manner-temp-l5-text);
+}
+
+.seed-manner-temp--level_l6 {
+  color: var(--seed-color-manner-temp-l6-text);
+}
+
 .seed-manner-temp-badge {
   box-sizing: border-box;
   text-transform: none;
@@ -2990,7 +3026,7 @@
 .seed-help-bubble__content {
   background: var(--seed-color-bg-neutral-solid);
   padding-inline: var(--seed-dimension-x3);
-  padding-block: var(--seed-dimension-x3);
+  padding-block: var(--seed-dimension-x2_5);
   border-radius: var(--seed-radius-r3);
   word-break: keep-all;
   --seed-box-max-width: initial;
@@ -3013,12 +3049,14 @@
   color: var(--seed-color-palette-static-white);
   font-size: var(--seed-font-size-t3);
   font-weight: var(--seed-font-weight-bold);
+  line-height: var(--seed-line-height-t3);
 }
 
 .seed-help-bubble__description {
   color: var(--seed-color-palette-static-white);
   font-size: var(--seed-font-size-t3);
   font-weight: var(--seed-font-weight-regular);
+  line-height: var(--seed-line-height-t3);
 }
 
 .seed-help-bubble__closeButton {
@@ -3362,17 +3400,6 @@
   right: 0;
 }
 
-.seed-tabs__triggerNotification {
-  top: 0;
-  right: calc(-1 * var(--seed-dimension-x1)  - var(--seed-dimension-x0_5));
-  background-color: var(--seed-color-bg-brand-solid);
-  width: var(--seed-dimension-x1);
-  height: var(--seed-dimension-x1);
-  border-radius: var(--seed-radius-full);
-  align-self: flex-start;
-  position: absolute;
-}
-
 .seed-tabs__list--triggerLayout_fill {
   justify-content: space-around;
   padding-inline: 0;
@@ -4354,6 +4381,70 @@
   line-height: var(--seed-line-height-t2);
 }
 
+.seed-notification-badge {
+  box-sizing: border-box;
+  text-transform: none;
+  text-align: start;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background-color: var(--seed-color-bg-brand-solid);
+  color: var(--seed-color-palette-static-white);
+  justify-content: center;
+  align-items: center;
+  text-decoration: none;
+  display: inline-flex;
+}
+
+.seed-notification-badge--size_small {
+  border-radius: var(--seed-radius-full);
+  width: 6px;
+  height: 6px;
+}
+
+.seed-notification-badge--size_large {
+  border-radius: var(--seed-radius-full);
+  min-height: 18px;
+  padding-inline: var(--seed-dimension-x1);
+  font-size: var(--seed-font-size-t1);
+  line-height: var(--seed-line-height-t1);
+  font-weight: var(--seed-font-weight-bold);
+  padding-block: 0;
+}
+
+.seed-notification-badge-positioner {
+  box-sizing: border-box;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+  position: absolute;
+}
+
+.seed-notification-badge-positioner--attach_icon {
+  inset-block-end: auto;
+  inset-inline-start: auto;
+  translate: 100% -100%;
+}
+
+.seed-notification-badge-positioner--attach_text {
+  inset-block-end: auto;
+  inset-inline-start: auto;
+  translate: 100%;
+}
+
+.seed-notification-badge-positioner--size_large-attach_icon {
+  inset-block-start: 14px;
+  inset-inline-end: 8px;
+}
+
+.seed-notification-badge-positioner--size_small-attach_icon {
+  inset-block-start: 7px;
+  inset-inline-end: 7px;
+}
+
+.seed-notification-badge-positioner--size_large-attach_text, .seed-notification-badge-positioner--size_small-attach_text {
+  inset-inline-end: -2px;
+}
+
 .seed-app-screen__root {
   --app-bar-offset: calc(var(--app-bar-height)  + var(--seed-safe-area-top));
   width: 100%;