@discourser/design-system 0.27.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 (36) 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 +2 -2
  25. package/package.json +3 -2
  26. package/src/components/Breadcrumb.figma.tsx +68 -17
  27. package/src/components/Breadcrumb.tsx +4 -3
  28. package/src/components/StudioControls/StudioControls.tsx +13 -12
  29. package/src/components/StudioControls/types.ts +4 -0
  30. package/src/preset/index.ts +2 -0
  31. package/src/preset/recipes/breadcrumb.ts +1 -1
  32. package/src/preset/recipes/studio-controls.ts +8 -11
  33. package/dist/chunk-4XOWPACJ.js.map +0 -1
  34. package/dist/chunk-AZ6QU2L2.cjs.map +0 -1
  35. package/dist/chunk-EBDNCZF6.cjs.map +0 -1
  36. package/dist/chunk-MAVUSE4F.js.map +0 -1
@@ -2071,8 +2071,8 @@ var ParentItem = ({
2071
2071
  }) => {
2072
2072
  const styles = css.css({
2073
2073
  color: "fg.subtle",
2074
- textStyle: "sm",
2075
- fontWeight: "normal",
2074
+ textStyle: "bodyMedium",
2075
+ fontWeight: "light",
2076
2076
  textDecoration: "none",
2077
2077
  _hover: href ? { color: "fg.default", textDecoration: "underline" } : void 0
2078
2078
  });
@@ -2087,7 +2087,8 @@ var ParentSeparator = () => /* @__PURE__ */ jsxRuntime.jsx(
2087
2087
  "aria-hidden": "true",
2088
2088
  className: css.css({
2089
2089
  color: "fg.subtle",
2090
- textStyle: "sm",
2090
+ textStyle: "bodyMedium",
2091
+ fontWeight: "light",
2091
2092
  mx: "0.5"
2092
2093
  }),
2093
2094
  children: "/"
@@ -2840,6 +2841,10 @@ var ALL_SECTION_IDS2 = [
2840
2841
  "display-timer",
2841
2842
  "hide-interviewers"
2842
2843
  ];
2844
+ var DEFAULT_TRIGGER_CSS = {
2845
+ fontSize: "sm",
2846
+ fontWeight: "semibold"
2847
+ };
2843
2848
  function StudioControls({
2844
2849
  scenarioName,
2845
2850
  scenarioFocus,
@@ -2849,12 +2854,14 @@ function StudioControls({
2849
2854
  defaultRecordingMode = "no-recording",
2850
2855
  defaultShowTimer = true,
2851
2856
  defaultHideInterviewers = false,
2857
+ triggerCss,
2852
2858
  onAudioLevelChange,
2853
2859
  onMicLevelChange,
2854
2860
  onRecordingModeChange,
2855
2861
  onTimerChange,
2856
2862
  onInterviewersChange
2857
2863
  }) {
2864
+ const resolvedTriggerCss = { ...DEFAULT_TRIGGER_CSS, ...triggerCss };
2858
2865
  const styles = recipes.studioControls();
2859
2866
  const [audioLevel, setAudioLevel] = react$1.useState(defaultAudioLevel);
2860
2867
  const [micLevel, setMicLevel] = react$1.useState(defaultMicLevel);
@@ -2866,8 +2873,7 @@ function StudioControls({
2866
2873
  {
2867
2874
  className: styles.sectionTrigger,
2868
2875
  css: {
2869
- fontSize: "lg",
2870
- fontWeight: "medium",
2876
+ ...resolvedTriggerCss,
2871
2877
  borderRadius: "0",
2872
2878
  py: "4",
2873
2879
  bg: "neutral.1",
@@ -2921,8 +2927,7 @@ function StudioControls({
2921
2927
  {
2922
2928
  className: styles.sectionTrigger,
2923
2929
  css: {
2924
- fontSize: "lg",
2925
- fontWeight: "medium",
2930
+ ...resolvedTriggerCss,
2926
2931
  borderRadius: "0",
2927
2932
  py: "4",
2928
2933
  bg: "neutral.1",
@@ -2975,8 +2980,7 @@ function StudioControls({
2975
2980
  {
2976
2981
  className: styles.sectionTrigger,
2977
2982
  css: {
2978
- fontSize: "lg",
2979
- fontWeight: "medium",
2983
+ ...resolvedTriggerCss,
2980
2984
  borderRadius: "0",
2981
2985
  py: "4",
2982
2986
  bg: "neutral.1",
@@ -3029,8 +3033,7 @@ function StudioControls({
3029
3033
  {
3030
3034
  className: styles.sectionTrigger,
3031
3035
  css: {
3032
- fontSize: "lg",
3033
- fontWeight: "medium",
3036
+ ...resolvedTriggerCss,
3034
3037
  borderRadius: "0",
3035
3038
  py: "4",
3036
3039
  bg: "neutral.1",
@@ -3094,8 +3097,7 @@ function StudioControls({
3094
3097
  {
3095
3098
  className: styles.sectionTrigger,
3096
3099
  css: {
3097
- fontSize: "lg",
3098
- fontWeight: "medium",
3100
+ ...resolvedTriggerCss,
3099
3101
  borderRadius: "0",
3100
3102
  py: "4",
3101
3103
  bg: "neutral.1",
@@ -3138,8 +3140,7 @@ function StudioControls({
3138
3140
  {
3139
3141
  className: styles.sectionTrigger,
3140
3142
  css: {
3141
- fontSize: "lg",
3142
- fontWeight: "medium",
3143
+ ...resolvedTriggerCss,
3143
3144
  borderRadius: "0",
3144
3145
  py: "4",
3145
3146
  bg: "neutral.1",
@@ -3596,5 +3597,5 @@ exports.UserProfileIcon = UserProfileIcon;
3596
3597
  exports.difficultyColorMap = difficultyColorMap;
3597
3598
  exports.difficultyLabel = difficultyLabel;
3598
3599
  exports.toaster = toaster;
3599
- //# sourceMappingURL=chunk-EBDNCZF6.cjs.map
3600
- //# sourceMappingURL=chunk-EBDNCZF6.cjs.map
3600
+ //# sourceMappingURL=chunk-BTI7U4DO.cjs.map
3601
+ //# sourceMappingURL=chunk-BTI7U4DO.cjs.map