@discourser/design-system 0.27.0 → 0.28.1

package/dist/{chunk-MAVUSE4F.js → chunk-JDERS7J6.js}

@@ -2069,8 +2069,8 @@ var ParentItem = ({
 }) => {
   const styles = css({
     color: "fg.subtle",
-    textStyle: "sm",
-    fontWeight: "normal",
+    textStyle: "bodyMedium",
+    fontWeight: "light",
     textDecoration: "none",
     _hover: href ? { color: "fg.default", textDecoration: "underline" } : void 0
   });
@@ -2085,7 +2085,8 @@ var ParentSeparator = () => /* @__PURE__ */ jsx(
     "aria-hidden": "true",
     className: css({
       color: "fg.subtle",
-      textStyle: "sm",
+      textStyle: "bodyMedium",
+      fontWeight: "light",
       mx: "0.5"
     }),
     children: "/"
@@ -2321,7 +2322,6 @@ function SettingsPopover({
           borderTopStyle: "solid",
           borderTopColor: "neutral.3",
           borderRadius: "0",
-          boxShadow: "0px -1px 2px rgba(0, 0, 0, 0.3), 0px -2px 6px 2px rgba(0, 0, 0, 0.15)",
           cursor: "pointer",
           transition: "background 0.2s",
           _hover: {
@@ -2373,7 +2373,7 @@ function SettingsPopover({
           p: "0",
           w: "275px",
           borderRadius: "l3",
-          boxShadow: "level2",
+          boxShadow: "md",
           overflow: "hidden"
         }),
         children: [
@@ -2838,6 +2838,10 @@ var ALL_SECTION_IDS2 = [
   "display-timer",
   "hide-interviewers"
 ];
+var DEFAULT_TRIGGER_CSS = {
+  fontSize: "sm",
+  fontWeight: "semibold"
+};
 function StudioControls({
   scenarioName,
   scenarioFocus,
@@ -2847,12 +2851,14 @@ function StudioControls({
   defaultRecordingMode = "no-recording",
   defaultShowTimer = true,
   defaultHideInterviewers = false,
+  triggerCss,
   onAudioLevelChange,
   onMicLevelChange,
   onRecordingModeChange,
   onTimerChange,
   onInterviewersChange
 }) {
+  const resolvedTriggerCss = { ...DEFAULT_TRIGGER_CSS, ...triggerCss };
   const styles = studioControls();
   const [audioLevel, setAudioLevel] = useState(defaultAudioLevel);
   const [micLevel, setMicLevel] = useState(defaultMicLevel);
@@ -2864,8 +2870,7 @@ function StudioControls({
         {
           className: styles.sectionTrigger,
           css: {
-            fontSize: "lg",
-            fontWeight: "medium",
+            ...resolvedTriggerCss,
             borderRadius: "0",
             py: "4",
             bg: "neutral.1",
@@ -2919,8 +2924,7 @@ function StudioControls({
         {
           className: styles.sectionTrigger,
           css: {
-            fontSize: "lg",
-            fontWeight: "medium",
+            ...resolvedTriggerCss,
             borderRadius: "0",
             py: "4",
             bg: "neutral.1",
@@ -2973,8 +2977,7 @@ function StudioControls({
         {
           className: styles.sectionTrigger,
           css: {
-            fontSize: "lg",
-            fontWeight: "medium",
+            ...resolvedTriggerCss,
             borderRadius: "0",
             py: "4",
             bg: "neutral.1",
@@ -3027,8 +3030,7 @@ function StudioControls({
         {
           className: styles.sectionTrigger,
           css: {
-            fontSize: "lg",
-            fontWeight: "medium",
+            ...resolvedTriggerCss,
             borderRadius: "0",
             py: "4",
             bg: "neutral.1",
@@ -3077,7 +3079,8 @@ function StudioControls({
             /* @__PURE__ */ jsx(
               ItemText,
               {
-                css: { fontSize: "md", fontWeight: "medium" },
+                css: { textStyle: "bodyMedium" },
+                style: { fontWeight: "var(--font-weights-normal)" },
                 children: option.label
               }
             ),
@@ -3092,8 +3095,7 @@ function StudioControls({
         {
           className: styles.sectionTrigger,
           css: {
-            fontSize: "lg",
-            fontWeight: "medium",
+            ...resolvedTriggerCss,
             borderRadius: "0",
             py: "4",
             bg: "neutral.1",
@@ -3136,8 +3138,7 @@ function StudioControls({
         {
           className: styles.sectionTrigger,
           css: {
-            fontSize: "lg",
-            fontWeight: "medium",
+            ...resolvedTriggerCss,
             borderRadius: "0",
             py: "4",
             bg: "neutral.1",
@@ -3520,5 +3521,5 @@ function ScenarioQueue({
 }
 
 export { AbsoluteCenter_exports, Accordion_exports, AccountIcon, AddScenarioDialog, AudienceIcon, AudioSpeakerIcon, Avatar_exports, Badge, BookmarkPlusIcon, Breadcrumb_exports, Button, ButtonGroup, Card_exports, Checkbox_exports, ChevronUpDownIcon, ChevronUpIcon, ClipBoardIcon, ClockIcon, CloseButton_exports, ContentCard_exports, DashboardIcon, Dialog_exports, DiscourserLogo, Divider, Drawer_exports, ExitStudioIcon, GripDotsVerticalIcon, Group_exports, Header, HelpIcon, IconButton, Icon_exports, Input, InputAddon, InputGroup2 as InputGroup, LeftArrowIcon, LoginIcon, LogoutIcon, MicrophoneIcon, NavigationMenu, NotebookIcon, NotebookPenIcon, PausePlayIcon, PlayIcon, Popover_exports, Progress_exports, RadioGroup_exports, RecordIcon, RepeatQuestionIcon, RightArrowIcon, ScenarioCard, ScenarioIcon, ScenarioQueue, ScenarioSettings, ScrollTextIcon, Select_exports, SettingsPopover, Skeleton_exports, Slider_exports, SparklesIcon, SpeechIcon, Spinner, Stepper, StopPlayIcon, StudioControls, Switch_exports, Tabs_exports, Textarea, TimerIcon, Toaster, Tooltip_exports, UserProfileIcon, difficultyColorMap, difficultyLabel, toaster };
-//# sourceMappingURL=chunk-MAVUSE4F.js.map
-//# sourceMappingURL=chunk-MAVUSE4F.js.map
+//# sourceMappingURL=chunk-JDERS7J6.js.map
+//# sourceMappingURL=chunk-JDERS7J6.js.map