@7shifts/sous-chef 4.4.1 → 4.5.0

package/dist/forms/ColorField/ColorOverlay/ColorOverlay.d.ts

@@ -5,5 +5,5 @@ type Props = {
     selectedColor?: string;
     onSelect: (color: string) => void;
 };
-declare const ColorsOverlay: ({ onClose, triggerRef, selectedColor, onSelect }: Props) => React.JSX.Element;
+declare const ColorsOverlay: (props: Props) => React.JSX.Element;
 export default ColorsOverlay;

package/dist/forms/ColorField/ColorOverlay/domain.d.ts

@@ -0,0 +1,27 @@
+export declare const GAP = 8;
+type Size = {
+    width: number;
+    height: number;
+};
+type Position = {
+    top: number;
+    left: number;
+};
+/**
+ * Calculates where the color overlay should be positioned relative to its
+ * trigger so it stays within the viewport. Placements are tried in this order
+ * and the first one that fits is used:
+ *   1. Bottom, aligned to the left edge of the trigger
+ *   2. Bottom, aligned to the right edge of the trigger
+ *   3. Top, aligned to the left edge of the trigger
+ *   4. Top, aligned to the right edge of the trigger (fallback)
+ *
+ * Fit is evaluated in viewport coordinates; the returned position is in
+ * document coordinates (scroll offsets applied) for an absolutely positioned
+ * overlay.
+ */
+export declare const calculateOverlayPosition: (triggerRect: DOMRect, overlaySize: Size, viewport: Size, scroll: {
+    x: number;
+    y: number;
+}, gap?: number) => Position;
+export {};

package/dist/foundation/tokens/color/color-constants.d.ts

@@ -186,7 +186,30 @@ export declare const COLORS: {
     readonly 'hover-lighten': "var(--color-hover-lighten)";
     readonly 'hover-darken': "var(--color-hover-darken)";
     readonly 'brand-neutrals-caviar-dynamic': "var(--color-brand-neutrals-caviar-dynamic)";
+    readonly 'brand-neutrals-caviar-hue': "var(--color-brand-neutrals-caviar-hue)";
     readonly 'brand-neutrals-chefscoat-dynamic': "var(--color-brand-neutrals-chefscoat-dynamic)";
+    readonly 'brand-neutrals-chefscoat-hue': "var(--color-brand-neutrals-chefscoat-hue)";
+    readonly 'brand-neutrals-marshmallow-hue': "var(--color-brand-neutrals-marshmallow-hue)";
+    readonly 'brand-neutrals-oat-hue': "var(--color-brand-neutrals-oat-hue)";
+    readonly 'brand-neutrals-earl-hue': "var(--color-brand-neutrals-earl-hue)";
+    readonly 'brand-primary-spritz-hue': "var(--color-brand-primary-spritz-hue)";
+    readonly 'brand-primary-spritz-tint': "var(--color-brand-primary-spritz-tint)";
+    readonly 'brand-primary-spritz-shade': "var(--color-brand-primary-spritz-shade)";
+    readonly 'brand-primary-curacao-hue': "var(--color-brand-primary-curacao-hue)";
+    readonly 'brand-primary-curacao-tint': "var(--color-brand-primary-curacao-tint)";
+    readonly 'brand-primary-curacao-shade': "var(--color-brand-primary-curacao-shade)";
+    readonly 'brand-primary-mojito-hue': "var(--color-brand-primary-mojito-hue)";
+    readonly 'brand-primary-mojito-tint': "var(--color-brand-primary-mojito-tint)";
+    readonly 'brand-primary-mojito-shade': "var(--color-brand-primary-mojito-shade)";
+    readonly 'brand-primary-empress-hue': "var(--color-brand-primary-empress-hue)";
+    readonly 'brand-primary-empress-tint': "var(--color-brand-primary-empress-tint)";
+    readonly 'brand-primary-empress-shade': "var(--color-brand-primary-empress-shade)";
+    readonly 'brand-secondary-ice-hue': "var(--color-brand-secondary-ice-hue)";
+    readonly 'brand-secondary-zest-hue': "var(--color-brand-secondary-zest-hue)";
+    readonly 'brand-secondary-lavender-hue': "var(--color-brand-secondary-lavender-hue)";
+    readonly 'brand-secondary-ranch-hue': "var(--color-brand-secondary-ranch-hue)";
+    readonly 'brand-secondary-pesto-hue': "var(--color-brand-secondary-pesto-hue)";
+    readonly 'brand-secondary-babaganoush-hue': "var(--color-brand-secondary-babaganoush-hue)";
     readonly 'on-graphic-black': "var(--color-on-graphic-black)";
     readonly 'on-graphic-white': "var(--color-on-graphic-white)";
     readonly 'canvas-background-color': "var(--color-canvas-background-color)";

package/dist/foundation/tokens/color/color-types.d.ts

@@ -1 +1 @@
-export type Color = 'white' | 'black' | 'tangerine-100' | 'tangerine-200' | 'tangerine-300' | 'tangerine-400' | 'tangerine-500' | 'tangerine-600' | 'eggplant-100' | 'eggplant-200' | 'eggplant-300' | 'eggplant-400' | 'eggplant-500' | 'eggplant-600' | 'mint-100' | 'mint-200' | 'mint-300' | 'mint-400' | 'mint-500' | 'mint-600' | 'radish-100' | 'radish-200' | 'radish-300' | 'radish-400' | 'radish-500' | 'radish-600' | 'blueberry-100' | 'blueberry-200' | 'blueberry-300' | 'blueberry-400' | 'blueberry-500' | 'blueberry-600' | 'banana-100' | 'banana-200' | 'banana-300' | 'banana-400' | 'banana-500' | 'banana-600' | 'grey-100' | 'grey-200' | 'grey-300' | 'grey-400' | 'grey-500' | 'grey-600' | 'oat-100' | 'oat-200' | 'oat-300' | 'oat-400' | 'oat-500' | 'oat-600' | 'lime-100' | 'lime-200' | 'lime-300' | 'lime-400' | 'lime-500' | 'lime-600' | 'blackberry-100' | 'blackberry-200' | 'blackberry-300' | 'blackberry-400' | 'blackberry-500' | 'blackberry-600' | 'seq-1' | 'seq-2' | 'seq-3' | 'seq-4' | 'seq-5' | 'seq-6' | 'seq-7' | 'seq-8' | 'seq-9' | 'seq-10' | 'seq-11' | 'seq-12' | 'seq-13' | 'seq-14' | 'seq-15' | 'seq-16' | 'seq-17' | 'seq-18' | 'seq-19' | 'seq-20' | 'neutral-color' | 'neutral-on-color' | 'neutral-container' | 'neutral-on-container' | 'neutral-container-variant' | 'neutral-on-container-variant' | 'neutral-black-transparent-05' | 'neutral-black-transparent-10' | 'neutral-black-transparent-15' | 'neutral-black-transparent-20' | 'neutral-black-transparent-30' | 'neutral-black-transparent-40' | 'neutral-black-transparent-50' | 'neutral-black-transparent-60' | 'neutral-black-transparent-70' | 'neutral-black-transparent-80' | 'neutral-black-transparent-90' | 'neutral-white-transparent-05' | 'neutral-white-transparent-10' | 'neutral-white-transparent-15' | 'neutral-white-transparent-20' | 'neutral-white-transparent-30' | 'neutral-white-transparent-40' | 'neutral-white-transparent-50' | 'neutral-white-transparent-60' | 'neutral-white-transparent-70' | 'neutral-white-transparent-80' | 'neutral-white-transparent-90' | 'surface-color-overlay' | 'surface-color-dim' | 'surface-color' | 'surface-on-color-disabled' | 'surface-on-color-subtle' | 'surface-on-color' | 'surface-on-color-bold' | 'surface-container' | 'surface-container-high' | 'surface-container-highest' | 'surface-container-disabled' | 'surface-container-disabled-variant' | 'surface-on-container-disabled' | 'surface-inverse' | 'surface-on-inverse' | 'surface-on-inverse-disabled' | 'outline' | 'outline-variant' | 'outline-inverse' | 'primary-color' | 'primary-on-color' | 'primary-color-variant' | 'primary-on-color-variant' | 'primary-container' | 'primary-on-container' | 'primary-container-variant' | 'primary-on-container-variant' | 'secondary-color' | 'secondary-on-color' | 'secondary-container' | 'secondary-on-container' | 'secondary-container-variant' | 'secondary-on-container-variant' | 'tertiary-color' | 'tertiary-on-color' | 'tertiary-container' | 'tertiary-on-container' | 'tertiary-container-variant' | 'tertiary-on-container-variant' | 'success-color' | 'success-on-color' | 'success-container' | 'success-on-container' | 'success-container-variant' | 'success-on-container-variant' | 'danger-color' | 'danger-on-color' | 'danger-container' | 'danger-on-container' | 'danger-container-variant' | 'danger-on-container-variant' | 'info-color' | 'info-on-color' | 'info-container' | 'info-on-container' | 'info-container-variant' | 'info-on-container-variant' | 'upsell-color' | 'upsell-on-color' | 'upsell-color-variant' | 'upsell-on-color-variant' | 'upsell-container' | 'upsell-on-container' | 'upsell-container-variant' | 'upsell-on-container-variant' | 'warning-color' | 'warning-on-color' | 'warning-container' | 'warning-on-container' | 'warning-container-variant' | 'warning-on-container-variant' | 'shadow-overlay' | 'shadow-active' | 'hover-inverse' | 'hover-lighten' | 'hover-darken' | 'brand-neutrals-caviar-dynamic' | 'brand-neutrals-chefscoat-dynamic' | 'on-graphic-black' | 'on-graphic-white' | 'canvas-background-color';
+export type Color = 'white' | 'black' | 'tangerine-100' | 'tangerine-200' | 'tangerine-300' | 'tangerine-400' | 'tangerine-500' | 'tangerine-600' | 'eggplant-100' | 'eggplant-200' | 'eggplant-300' | 'eggplant-400' | 'eggplant-500' | 'eggplant-600' | 'mint-100' | 'mint-200' | 'mint-300' | 'mint-400' | 'mint-500' | 'mint-600' | 'radish-100' | 'radish-200' | 'radish-300' | 'radish-400' | 'radish-500' | 'radish-600' | 'blueberry-100' | 'blueberry-200' | 'blueberry-300' | 'blueberry-400' | 'blueberry-500' | 'blueberry-600' | 'banana-100' | 'banana-200' | 'banana-300' | 'banana-400' | 'banana-500' | 'banana-600' | 'grey-100' | 'grey-200' | 'grey-300' | 'grey-400' | 'grey-500' | 'grey-600' | 'oat-100' | 'oat-200' | 'oat-300' | 'oat-400' | 'oat-500' | 'oat-600' | 'lime-100' | 'lime-200' | 'lime-300' | 'lime-400' | 'lime-500' | 'lime-600' | 'blackberry-100' | 'blackberry-200' | 'blackberry-300' | 'blackberry-400' | 'blackberry-500' | 'blackberry-600' | 'seq-1' | 'seq-2' | 'seq-3' | 'seq-4' | 'seq-5' | 'seq-6' | 'seq-7' | 'seq-8' | 'seq-9' | 'seq-10' | 'seq-11' | 'seq-12' | 'seq-13' | 'seq-14' | 'seq-15' | 'seq-16' | 'seq-17' | 'seq-18' | 'seq-19' | 'seq-20' | 'neutral-color' | 'neutral-on-color' | 'neutral-container' | 'neutral-on-container' | 'neutral-container-variant' | 'neutral-on-container-variant' | 'neutral-black-transparent-05' | 'neutral-black-transparent-10' | 'neutral-black-transparent-15' | 'neutral-black-transparent-20' | 'neutral-black-transparent-30' | 'neutral-black-transparent-40' | 'neutral-black-transparent-50' | 'neutral-black-transparent-60' | 'neutral-black-transparent-70' | 'neutral-black-transparent-80' | 'neutral-black-transparent-90' | 'neutral-white-transparent-05' | 'neutral-white-transparent-10' | 'neutral-white-transparent-15' | 'neutral-white-transparent-20' | 'neutral-white-transparent-30' | 'neutral-white-transparent-40' | 'neutral-white-transparent-50' | 'neutral-white-transparent-60' | 'neutral-white-transparent-70' | 'neutral-white-transparent-80' | 'neutral-white-transparent-90' | 'surface-color-overlay' | 'surface-color-dim' | 'surface-color' | 'surface-on-color-disabled' | 'surface-on-color-subtle' | 'surface-on-color' | 'surface-on-color-bold' | 'surface-container' | 'surface-container-high' | 'surface-container-highest' | 'surface-container-disabled' | 'surface-container-disabled-variant' | 'surface-on-container-disabled' | 'surface-inverse' | 'surface-on-inverse' | 'surface-on-inverse-disabled' | 'outline' | 'outline-variant' | 'outline-inverse' | 'primary-color' | 'primary-on-color' | 'primary-color-variant' | 'primary-on-color-variant' | 'primary-container' | 'primary-on-container' | 'primary-container-variant' | 'primary-on-container-variant' | 'secondary-color' | 'secondary-on-color' | 'secondary-container' | 'secondary-on-container' | 'secondary-container-variant' | 'secondary-on-container-variant' | 'tertiary-color' | 'tertiary-on-color' | 'tertiary-container' | 'tertiary-on-container' | 'tertiary-container-variant' | 'tertiary-on-container-variant' | 'success-color' | 'success-on-color' | 'success-container' | 'success-on-container' | 'success-container-variant' | 'success-on-container-variant' | 'danger-color' | 'danger-on-color' | 'danger-container' | 'danger-on-container' | 'danger-container-variant' | 'danger-on-container-variant' | 'info-color' | 'info-on-color' | 'info-container' | 'info-on-container' | 'info-container-variant' | 'info-on-container-variant' | 'upsell-color' | 'upsell-on-color' | 'upsell-color-variant' | 'upsell-on-color-variant' | 'upsell-container' | 'upsell-on-container' | 'upsell-container-variant' | 'upsell-on-container-variant' | 'warning-color' | 'warning-on-color' | 'warning-container' | 'warning-on-container' | 'warning-container-variant' | 'warning-on-container-variant' | 'shadow-overlay' | 'shadow-active' | 'hover-inverse' | 'hover-lighten' | 'hover-darken' | 'brand-neutrals-caviar-dynamic' | 'brand-neutrals-caviar-hue' | 'brand-neutrals-chefscoat-dynamic' | 'brand-neutrals-chefscoat-hue' | 'brand-neutrals-marshmallow-hue' | 'brand-neutrals-oat-hue' | 'brand-neutrals-earl-hue' | 'brand-primary-spritz-hue' | 'brand-primary-spritz-tint' | 'brand-primary-spritz-shade' | 'brand-primary-curacao-hue' | 'brand-primary-curacao-tint' | 'brand-primary-curacao-shade' | 'brand-primary-mojito-hue' | 'brand-primary-mojito-tint' | 'brand-primary-mojito-shade' | 'brand-primary-empress-hue' | 'brand-primary-empress-tint' | 'brand-primary-empress-shade' | 'brand-secondary-ice-hue' | 'brand-secondary-zest-hue' | 'brand-secondary-lavender-hue' | 'brand-secondary-ranch-hue' | 'brand-secondary-pesto-hue' | 'brand-secondary-babaganoush-hue' | 'on-graphic-black' | 'on-graphic-white' | 'canvas-background-color';

package/dist/icons/components/image/IconSchool.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IconSize, IconVariant } from '../../types';
+type Props = {
+    size?: IconSize;
+    color?: string;
+    testId?: string;
+    variant?: IconVariant;
+} & React.SVGProps<SVGSVGElement>;
+declare const IconSchool: React.ForwardRefExoticComponent<Omit<Props, 'ref'>>;
+export default IconSchool;

package/dist/icons/components/image/index.d.ts

@@ -23,6 +23,7 @@ export { default as IconNotesMedical } from './IconNotesMedical';
 export { default as IconPlateUtensils } from './IconPlateUtensils';
 export { default as IconPlug } from './IconPlug';
 export { default as IconRocket } from './IconRocket';
+export { default as IconSchool } from './IconSchool';
 export { default as IconSparkle } from './IconSparkle';
 export { default as IconStickyNoteLines } from './IconStickyNoteLines';
 export { default as IconStore } from './IconStore';

package/dist/index.css

@@ -1,23 +1,7 @@
-@font-face {
-  font-family: "SF Pro";
-  src: url("https://cdn.7shifts.com/fonts/SFPro/SFPRODISPLAYTHIN.OTF") format("opentype");
-  font-weight: 100;
-  font-style: normal;
-  /* Preload the font */
-  unicode-range: U+0000-00FF; /* Basic Latin */
-}
-@font-face {
-  font-family: "SF Pro";
-  src: url("https://cdn.7shifts.com/fonts/SFPro/SFPRODISPLAYLIGHT.OTF") format("opentype");
-  font-weight: 200;
-  font-style: normal;
-  /* Preload the font */
-  unicode-range: U+0000-00FF; /* Basic Latin */
-}
 @font-face {
   font-family: "SF Pro";
   src: url("https://cdn.7shifts.com/fonts/SFPro/SFPRODISPLAYREGULAR.OTF") format("opentype");
-  font-weight: 300;
+  font-weight: normal;
   font-style: normal;
   /* Preload the font */
   unicode-range: U+0000-00FF; /* Basic Latin */
@@ -25,43 +9,11 @@
 @font-face {
   font-family: "SF Pro";
   src: url("https://cdn.7shifts.com/fonts/SFPro/SFPRODISPLAYMEDIUM.OTF") format("opentype");
-  font-weight: 400;
-  font-style: normal;
-  /* Preload the font */
-  unicode-range: U+0000-00FF; /* Basic Latin */
-}
-@font-face {
-  font-family: "SF Pro";
-  src: url("https://cdn.7shifts.com/fonts/SFPro/SFPRODISPLAYSEMIBOLD.OTF") format("opentype");
-  font-weight: 500;
-  font-style: normal;
-  /* Preload the font */
-  unicode-range: U+0000-00FF; /* Basic Latin */
-}
-@font-face {
-  font-family: "SF Pro";
-  src: url("https://cdn.7shifts.com/fonts/SFPro/SFPRODISPLAYBOLD.OTF") format("opentype");
   font-weight: 600;
   font-style: normal;
   /* Preload the font */
   unicode-range: U+0000-00FF; /* Basic Latin */
 }
-@font-face {
-  font-family: "SF Pro";
-  src: url("https://cdn.7shifts.com/fonts/SFPro/SFPRODISPLAYHEAVY.OTF") format("opentype");
-  font-weight: 700;
-  font-style: normal;
-  /* Preload the font */
-  unicode-range: U+0000-00FF; /* Basic Latin */
-}
-@font-face {
-  font-family: "SF Pro";
-  src: url("https://cdn.7shifts.com/fonts/SFPro/SFPRODISPLAYBLACK.OTF") format("opentype");
-  font-weight: 800;
-  font-style: normal;
-  /* Preload the font */
-  unicode-range: U+0000-00FF; /* Basic Latin */
-}
 @font-face {
   font-family: "Universal Sans Display";
   src: url("https://cdn.7shifts.com/fonts/UniversalSans/Universal-Sans-Display-500.ttf");
@@ -87,14 +39,10 @@
   --font-line-height-500: 1.75rem;
   --font-line-height-600: 2rem;
   --font-line-height-700: 2.75rem;
-  --p-font-weight-thin: 100;
-  --p-font-weight-light: 200;
-  --p-font-weight-normal: 300;
-  --p-font-weight-medium: 400;
+  --p-font-weight-light: 300;
+  --p-font-weight-normal: 400;
   --p-font-weight-semibold: 500;
   --p-font-weight-bold: 600;
-  --p-font-weight-heavy: 700;
-  --p-font-weight-black: 800;
 }
 :root {
   --color-white: #fff;
@@ -594,7 +542,7 @@ body * {
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   padding: 0;
   width: auto;
   float: none;
@@ -632,7 +580,7 @@ Just for future references:
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   padding: 0;
   width: auto;
   float: none;
@@ -809,7 +757,7 @@ Just for future references:
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
 }
 
 ._MjV6R {
@@ -845,7 +793,7 @@ Just for future references:
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   line-height: normal;
   text-align: center;
   padding: 9px 12px;
@@ -1295,7 +1243,7 @@ Just for future references:
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   padding: 0;
   width: auto;
   float: none;
@@ -1326,30 +1274,30 @@ h1._6SgoN {
   font-family: var(--font-family-heading);
   font-size: var(--font-size-600);
   line-height: var(--font-line-height-600);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-semibold);
 }
 h1._i2LHD {
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
 }
 
 h2._6SgoN {
   font-family: var(--font-family-heading);
   font-size: var(--font-size-500);
   line-height: var(--font-line-height-500);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-semibold);
 }
 h2._i2LHD {
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
 }
 
 h3._6SgoN {
   font-family: var(--font-family-heading);
   font-size: var(--font-size-400);
   line-height: var(--font-line-height-400);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-semibold);
 }
 h3._i2LHD {
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
 }
 
 h4._6SgoN {
@@ -1359,7 +1307,7 @@ h4._6SgoN {
   font-weight: var(--p-font-weight-normal);
 }
 h4._i2LHD {
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
 }
 
 h5._6SgoN {
@@ -1369,7 +1317,7 @@ h5._6SgoN {
   font-weight: var(--p-font-weight-normal);
 }
 h5._i2LHD {
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
 }
 
 ._6SgoN {
@@ -1391,7 +1339,7 @@ h5._i2LHD {
   font-family: var(--font-family-heading);
   font-size: var(--font-size-700);
   line-height: var(--font-line-height-700);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-semibold);
 }
 ._yZbuO {
   font-family: var(--font-family-body);
@@ -1400,8 +1348,8 @@ h5._i2LHD {
   font-weight: var(--p-font-weight-normal);
 }
 ._i2LHD {
-  font-weight: var(--p-font-weight-medium);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
+  font-weight: var(--p-font-weight-bold);
 }
 ._NgSTT {
   font-style: italic;
@@ -1578,12 +1526,16 @@ h5._i2LHD {
   max-width: 300px;
   border-radius: var(--border-radius-400);
 }
+.dropdown-pane--custom-width ._W12mF {
+  min-width: 0;
+  max-width: none;
+}
 ._Zu9cD {
   background-color: var(--color-primary-container-variant);
 }
 ._Zu9cD ._xS6fS {
   color: var(--color-primary-on-container-variant);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
 }
 ._Zu9cD ._7EI7m {
   color: var(--color-primary-on-container-variant);
@@ -1647,12 +1599,36 @@ h5._i2LHD {
 ._ObP6B {
   display: flex;
   gap: 12px;
+  align-self: stretch;
   align-items: center;
 }
 ._UA23u {
   width: 16px;
   height: 16px;
 }
+._rvaeI {
+  background: none;
+  border: none;
+  box-sizing: border-box;
+  align-self: stretch;
+  margin-top: -8px;
+  margin-right: -12px;
+  margin-bottom: -8px;
+  margin-left: 0;
+  padding: 0 12px;
+  border-radius: var(--border-radius-400);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-surface-on-color-subtle);
+  cursor: pointer;
+}
+._rvaeI:hover:not(:disabled) {
+  background-color: var(--color-hover-darken);
+}
+._rvaeI:disabled {
+  cursor: auto;
+}
 ._dpo67 {
   display: flex;
   align-items: center;
@@ -1853,7 +1829,7 @@ h5._i2LHD {
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   background: var(--color-surface-container-high);
   color: var(--color-surface-on-color-bold);
   border-left: 2px solid var(--color-outline);
@@ -1968,7 +1944,7 @@ h5._i2LHD {
   font-family: var(--font-family-heading);
   font-size: var(--font-size-500);
   line-height: var(--font-line-height-500);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-semibold);
   color: var(--color-surface-on-color-bold);
   padding: 0;
 }
@@ -2085,7 +2061,7 @@ h5._i2LHD {
 
 ._X7MoW:not(._AeJUw) {
   color: var(--color-primary-color);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   text-decoration: underline;
 }
 
@@ -2104,21 +2080,6 @@ h5._i2LHD {
   color: var(--color-surface-on-color-disabled);
 }
 
-._Mlgd- {
-  position: relative;
-  z-index: 1;
-  display: inline-flex;
-  align-items: center;
-  margin: 0;
-  padding: 0 0.25em;
-  white-space: nowrap;
-  color: currentColor;
-  border: 0;
-  border: 2px solid transparent;
-  font-size: var(--rdp-caption-font-size);
-  font-weight: var(--p-font-weight-medium);
-}
-
 ._eK8pw._eK8pw._eK8pw._eK8pw:not(:disabled) {
   background-color: var(--color-primary-container-variant);
   color: var(--color-primary-on-container-variant);
@@ -2184,7 +2145,7 @@ h5._i2LHD {
 
 ._Snv-V:not(._Zf-6C) {
   color: var(--color-primary-color);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   text-decoration: underline;
 }
 
@@ -2203,21 +2164,6 @@ h5._i2LHD {
   color: var(--color-surface-on-color-disabled);
 }
 
-._-s7XO {
-  position: relative;
-  z-index: 1;
-  display: inline-flex;
-  align-items: center;
-  margin: 0;
-  padding: 0 0.25em;
-  white-space: nowrap;
-  color: currentColor;
-  border: 0;
-  border: 2px solid transparent;
-  font-size: var(--rdp-caption-font-size);
-  font-weight: var(--p-font-weight-medium);
-}
-
 ._e0lOH._e0lOH {
   color: var(--color-primary-on-container-variant);
   border-radius: 0;
@@ -2420,7 +2366,7 @@ input:disabled + ._kmvBP::after {
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   padding: 0 16px 8px 16px;
   background-color: unset;
   color: var(--color-surface-on-color-bold);
@@ -2524,7 +2470,7 @@ input:disabled + ._kmvBP::after {
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
 }
 ._mp1Ok tr td {
   background: var(--color-surface-container-high);
@@ -2644,7 +2590,7 @@ input:disabled + ._kmvBP::after {
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   color: var(--color-surface-on-color-bold);
 }
 
@@ -3453,7 +3399,7 @@ input:disabled + ._kmvBP::after {
   background-color: var(--color-surface-color);
   padding: 16px;
   color: var(--color-surface-on-color-bold);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   position: sticky;
   top: 0;
   z-index: 2;
@@ -3612,7 +3558,7 @@ input:disabled + ._kmvBP::after {
   box-sizing: border-box;
 }
 ._Mn-1P {
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   font-size: var(--font-size-normal);
   border: none;
   background-color: transparent;
@@ -3655,7 +3601,7 @@ input:disabled + ._kmvBP::after {
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   position: relative;
   background-color: transparent;
   color: var(--color-surface-on-color-bold);
@@ -3689,7 +3635,7 @@ input:disabled + ._kmvBP::after {
   font-family: var(--font-family-heading);
   font-size: var(--font-size-400);
   line-height: var(--font-line-height-400);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-semibold);
   margin: 0;
 }
 ._zybxx {
@@ -3796,7 +3742,7 @@ input:disabled + ._kmvBP::after {
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   color: var(--color-surface-on-color-bold);
   display: flex;
   align-items: center;
@@ -3874,7 +3820,7 @@ input:focus-visible + ._JXakU, input:focus-visible + ._ZxEwG {
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   padding: 0;
   width: auto;
   float: none;
@@ -3901,7 +3847,7 @@ input:focus-visible + ._JXakU, input:focus-visible + ._ZxEwG {
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   padding: 0;
   width: auto;
   float: none;
@@ -3920,7 +3866,7 @@ input:focus-visible + ._JXakU, input:focus-visible + ._ZxEwG {
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   padding: 0;
   width: auto;
   float: none;
@@ -3994,7 +3940,7 @@ input:checked ~ ._P588B {
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   padding: 0;
   width: auto;
   float: none;
@@ -4361,7 +4307,7 @@ input:disabled + ._Yfxkl::after {
 
 ._lFzs7:not(._TjttB) {
   color: var(--color-primary-color);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   text-decoration: underline;
 }
 
@@ -4380,21 +4326,6 @@ input:disabled + ._Yfxkl::after {
   color: var(--color-surface-on-color-disabled);
 }
 
-._rpq6- {
-  position: relative;
-  z-index: 1;
-  display: inline-flex;
-  align-items: center;
-  margin: 0;
-  padding: 0 0.25em;
-  white-space: nowrap;
-  color: currentColor;
-  border: 0;
-  border: 2px solid transparent;
-  font-size: var(--rdp-caption-font-size);
-  font-weight: var(--p-font-weight-medium);
-}
-
 ._rJolM._rJolM {
   color: var(--color-primary-color);
   border-radius: 0;
@@ -5695,7 +5626,7 @@ input._TEU6N {
   font-family: var(--font-family-heading);
   font-size: var(--font-size-500);
   line-height: var(--font-line-height-500);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-semibold);
   width: 40px;
   height: 40px;
 }
@@ -5707,7 +5638,7 @@ input._TEU6N {
   font-family: var(--font-family-heading);
   font-size: var(--font-size-600);
   line-height: var(--font-line-height-600);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-semibold);
   width: 80px;
   height: 80px;
 }
@@ -5729,7 +5660,7 @@ input._TEU6N {
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   border-radius: var(--border-radius-300);
   padding: 2px 8px;
   display: inline-block;
@@ -5780,7 +5711,7 @@ input._TEU6N {
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-medium);
+  font-weight: var(--p-font-weight-bold);
   border-radius: 25px;
   padding: 5px 12px;
   max-width: -moz-fit-content;
@@ -5970,7 +5901,6 @@ input._TEU6N {
   text-overflow: ellipsis;
   color: var(--nav-object-normal-color);
   font-family: var(--font-family-body);
-  font-weight: var(--p-font-weight-medium);
 }
 ._MFqwx {
   position: absolute;