@discourser/design-system 0.26.0 → 0.28.0

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.
Files changed (47) hide show
  1. package/dist/{chunk-AZ6QU2L2.cjs → chunk-5H764SHY.cjs} +251 -4
  2. package/dist/chunk-5H764SHY.cjs.map +1 -0
  3. package/dist/{chunk-MAVUSE4F.js → chunk-7N32LXVA.js} +18 -17
  4. package/dist/chunk-7N32LXVA.js.map +1 -0
  5. package/dist/{chunk-EBDNCZF6.cjs → chunk-BTI7U4DO.cjs} +18 -17
  6. package/dist/chunk-BTI7U4DO.cjs.map +1 -0
  7. package/dist/{chunk-4XOWPACJ.js → chunk-WMHVCIDI.js} +251 -4
  8. package/dist/chunk-WMHVCIDI.js.map +1 -0
  9. package/dist/components/Breadcrumb.d.ts.map +1 -1
  10. package/dist/components/StudioControls/StudioControls.d.ts +1 -1
  11. package/dist/components/StudioControls/StudioControls.d.ts.map +1 -1
  12. package/dist/components/StudioControls/types.d.ts +3 -0
  13. package/dist/components/StudioControls/types.d.ts.map +1 -1
  14. package/dist/components/index.cjs +76 -76
  15. package/dist/components/index.js +1 -1
  16. package/dist/figma-codex.json +9 -3
  17. package/dist/index.cjs +80 -80
  18. package/dist/index.js +2 -2
  19. package/dist/panda.buildinfo.json +856 -0
  20. package/dist/preset/index.cjs +2 -2
  21. package/dist/preset/index.d.ts.map +1 -1
  22. package/dist/preset/index.js +1 -1
  23. package/dist/preset/recipes/studio-controls.d.ts.map +1 -1
  24. package/docs/component-catalog.md +469 -0
  25. package/docs/superpowers/plans/2026-04-03-component-catalog-pipeline.md +667 -0
  26. package/package.json +4 -2
  27. package/src/components/Breadcrumb.figma.tsx +68 -17
  28. package/src/components/Breadcrumb.tsx +4 -3
  29. package/src/components/StudioControls/StudioControls.tsx +13 -12
  30. package/src/components/StudioControls/types.ts +4 -0
  31. package/src/components/__tests__/AbsoluteCenter.test.tsx +31 -0
  32. package/src/components/__tests__/Divider.test.tsx +38 -0
  33. package/src/components/__tests__/Group.test.tsx +34 -0
  34. package/src/components/__tests__/Icon.test.tsx +31 -0
  35. package/src/components/__tests__/SettingsPopover.test.tsx +39 -0
  36. package/src/components/__tests__/StudioControls.test.tsx +59 -0
  37. package/src/components/__tests__/Toaster.test.tsx +24 -0
  38. package/src/preset/index.ts +2 -0
  39. package/src/preset/recipes/breadcrumb.ts +1 -1
  40. package/src/preset/recipes/studio-controls.ts +8 -11
  41. package/dist/chunk-4XOWPACJ.js.map +0 -1
  42. package/dist/chunk-AZ6QU2L2.cjs.map +0 -1
  43. package/dist/chunk-EBDNCZF6.cjs.map +0 -1
  44. package/dist/chunk-MAVUSE4F.js.map +0 -1
  45. package/docs/context-share/ELEVATION_FIX_PLAN.md +0 -903
  46. package/docs/context-share/fix-checkbox-radio-tokens.md +0 -145
  47. package/docs/context-share/icon-component-prompt.md +0 -154
package/dist/{chunk-MAVUSE4F.js → chunk-7N32LXVA.js} RENAMED
@@ -2069,8 +2069,8 @@ var ParentItem = ({
2069
2069
  }) => {
2070
2070
  const styles = css({
2071
2071
  color: "fg.subtle",
2072
- textStyle: "sm",
2073
- fontWeight: "normal",
2072
+ textStyle: "bodyMedium",
2073
+ fontWeight: "light",
2074
2074
  textDecoration: "none",
2075
2075
  _hover: href ? { color: "fg.default", textDecoration: "underline" } : void 0
2076
2076
  });
@@ -2085,7 +2085,8 @@ var ParentSeparator = () => /* @__PURE__ */ jsx(
2085
2085
  "aria-hidden": "true",
2086
2086
  className: css({
2087
2087
  color: "fg.subtle",
2088
- textStyle: "sm",
2088
+ textStyle: "bodyMedium",
2089
+ fontWeight: "light",
2089
2090
  mx: "0.5"
2090
2091
  }),
2091
2092
  children: "/"
@@ -2838,6 +2839,10 @@ var ALL_SECTION_IDS2 = [
2838
2839
  "display-timer",
2839
2840
  "hide-interviewers"
2840
2841
  ];
2842
+ var DEFAULT_TRIGGER_CSS = {
2843
+ fontSize: "sm",
2844
+ fontWeight: "semibold"
2845
+ };
2841
2846
  function StudioControls({
2842
2847
  scenarioName,
2843
2848
  scenarioFocus,
@@ -2847,12 +2852,14 @@ function StudioControls({
2847
2852
  defaultRecordingMode = "no-recording",
2848
2853
  defaultShowTimer = true,
2849
2854
  defaultHideInterviewers = false,
2855
+ triggerCss,
2850
2856
  onAudioLevelChange,
2851
2857
  onMicLevelChange,
2852
2858
  onRecordingModeChange,
2853
2859
  onTimerChange,
2854
2860
  onInterviewersChange
2855
2861
  }) {
2862
+ const resolvedTriggerCss = { ...DEFAULT_TRIGGER_CSS, ...triggerCss };
2856
2863
  const styles = studioControls();
2857
2864
  const [audioLevel, setAudioLevel] = useState(defaultAudioLevel);
2858
2865
  const [micLevel, setMicLevel] = useState(defaultMicLevel);
@@ -2864,8 +2871,7 @@ function StudioControls({
2864
2871
  {
2865
2872
  className: styles.sectionTrigger,
2866
2873
  css: {
2867
- fontSize: "lg",
2868
- fontWeight: "medium",
2874
+ ...resolvedTriggerCss,
2869
2875
  borderRadius: "0",
2870
2876
  py: "4",
2871
2877
  bg: "neutral.1",
@@ -2919,8 +2925,7 @@ function StudioControls({
2919
2925
  {
2920
2926
  className: styles.sectionTrigger,
2921
2927
  css: {
2922
- fontSize: "lg",
2923
- fontWeight: "medium",
2928
+ ...resolvedTriggerCss,
2924
2929
  borderRadius: "0",
2925
2930
  py: "4",
2926
2931
  bg: "neutral.1",
@@ -2973,8 +2978,7 @@ function StudioControls({
2973
2978
  {
2974
2979
  className: styles.sectionTrigger,
2975
2980
  css: {
2976
- fontSize: "lg",
2977
- fontWeight: "medium",
2981
+ ...resolvedTriggerCss,
2978
2982
  borderRadius: "0",
2979
2983
  py: "4",
2980
2984
  bg: "neutral.1",
@@ -3027,8 +3031,7 @@ function StudioControls({
3027
3031
  {
3028
3032
  className: styles.sectionTrigger,
3029
3033
  css: {
3030
- fontSize: "lg",
3031
- fontWeight: "medium",
3034
+ ...resolvedTriggerCss,
3032
3035
  borderRadius: "0",
3033
3036
  py: "4",
3034
3037
  bg: "neutral.1",
@@ -3092,8 +3095,7 @@ function StudioControls({
3092
3095
  {
3093
3096
  className: styles.sectionTrigger,
3094
3097
  css: {
3095
- fontSize: "lg",
3096
- fontWeight: "medium",
3098
+ ...resolvedTriggerCss,
3097
3099
  borderRadius: "0",
3098
3100
  py: "4",
3099
3101
  bg: "neutral.1",
@@ -3136,8 +3138,7 @@ function StudioControls({
3136
3138
  {
3137
3139
  className: styles.sectionTrigger,
3138
3140
  css: {
3139
- fontSize: "lg",
3140
- fontWeight: "medium",
3141
+ ...resolvedTriggerCss,
3141
3142
  borderRadius: "0",
3142
3143
  py: "4",
3143
3144
  bg: "neutral.1",
@@ -3520,5 +3521,5 @@ function ScenarioQueue({
3520
3521
  }
3521
3522
 
3522
3523
  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 };
3523
- //# sourceMappingURL=chunk-MAVUSE4F.js.map
3524
- //# sourceMappingURL=chunk-MAVUSE4F.js.map
3524
+ //# sourceMappingURL=chunk-7N32LXVA.js.map
3525
+ //# sourceMappingURL=chunk-7N32LXVA.js.map