@discourser/design-system 0.27.0 → 0.28.1

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 (39) 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-JDERS7J6.js} +21 -20
  4. package/dist/chunk-JDERS7J6.js.map +1 -0
  5. package/dist/{chunk-4XOWPACJ.js → chunk-WMHVCIDI.js} +251 -4
  6. package/dist/chunk-WMHVCIDI.js.map +1 -0
  7. package/dist/{chunk-EBDNCZF6.cjs → chunk-X3W33YGV.cjs} +21 -20
  8. package/dist/chunk-X3W33YGV.cjs.map +1 -0
  9. package/dist/components/Breadcrumb.d.ts.map +1 -1
  10. package/dist/components/SettingsPopover/SettingsPopover.d.ts.map +1 -1
  11. package/dist/components/StudioControls/StudioControls.d.ts +1 -1
  12. package/dist/components/StudioControls/StudioControls.d.ts.map +1 -1
  13. package/dist/components/StudioControls/types.d.ts +3 -0
  14. package/dist/components/StudioControls/types.d.ts.map +1 -1
  15. package/dist/components/index.cjs +76 -76
  16. package/dist/components/index.js +1 -1
  17. package/dist/figma-codex.json +9 -3
  18. package/dist/index.cjs +80 -80
  19. package/dist/index.js +2 -2
  20. package/dist/panda.buildinfo.json +856 -0
  21. package/dist/preset/index.cjs +2 -2
  22. package/dist/preset/index.d.ts.map +1 -1
  23. package/dist/preset/index.js +1 -1
  24. package/dist/preset/recipes/studio-controls.d.ts.map +1 -1
  25. package/docs/component-catalog.md +2 -2
  26. package/package.json +3 -2
  27. package/src/components/Breadcrumb.figma.tsx +68 -17
  28. package/src/components/Breadcrumb.tsx +4 -3
  29. package/src/components/SettingsPopover/SettingsPopover.tsx +1 -3
  30. package/src/components/StudioControls/StudioControls.tsx +15 -13
  31. package/src/components/StudioControls/types.ts +4 -0
  32. package/src/preset/index.ts +2 -0
  33. package/src/preset/recipes/breadcrumb.ts +1 -1
  34. package/src/preset/recipes/studio-controls.ts +8 -11
  35. package/src/test/setup.ts +17 -3
  36. package/dist/chunk-4XOWPACJ.js.map +0 -1
  37. package/dist/chunk-AZ6QU2L2.cjs.map +0 -1
  38. package/dist/chunk-EBDNCZF6.cjs.map +0 -1
  39. package/dist/chunk-MAVUSE4F.js.map +0 -1
package/dist/{chunk-EBDNCZF6.cjs → chunk-X3W33YGV.cjs} RENAMED
@@ -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: "/"
@@ -2323,7 +2324,6 @@ function SettingsPopover({
2323
2324
  borderTopStyle: "solid",
2324
2325
  borderTopColor: "neutral.3",
2325
2326
  borderRadius: "0",
2326
- boxShadow: "0px -1px 2px rgba(0, 0, 0, 0.3), 0px -2px 6px 2px rgba(0, 0, 0, 0.15)",
2327
2327
  cursor: "pointer",
2328
2328
  transition: "background 0.2s",
2329
2329
  _hover: {
@@ -2375,7 +2375,7 @@ function SettingsPopover({
2375
2375
  p: "0",
2376
2376
  w: "275px",
2377
2377
  borderRadius: "l3",
2378
- boxShadow: "level2",
2378
+ boxShadow: "md",
2379
2379
  overflow: "hidden"
2380
2380
  }),
2381
2381
  children: [
@@ -2840,6 +2840,10 @@ var ALL_SECTION_IDS2 = [
2840
2840
  "display-timer",
2841
2841
  "hide-interviewers"
2842
2842
  ];
2843
+ var DEFAULT_TRIGGER_CSS = {
2844
+ fontSize: "sm",
2845
+ fontWeight: "semibold"
2846
+ };
2843
2847
  function StudioControls({
2844
2848
  scenarioName,
2845
2849
  scenarioFocus,
@@ -2849,12 +2853,14 @@ function StudioControls({
2849
2853
  defaultRecordingMode = "no-recording",
2850
2854
  defaultShowTimer = true,
2851
2855
  defaultHideInterviewers = false,
2856
+ triggerCss,
2852
2857
  onAudioLevelChange,
2853
2858
  onMicLevelChange,
2854
2859
  onRecordingModeChange,
2855
2860
  onTimerChange,
2856
2861
  onInterviewersChange
2857
2862
  }) {
2863
+ const resolvedTriggerCss = { ...DEFAULT_TRIGGER_CSS, ...triggerCss };
2858
2864
  const styles = recipes.studioControls();
2859
2865
  const [audioLevel, setAudioLevel] = react$1.useState(defaultAudioLevel);
2860
2866
  const [micLevel, setMicLevel] = react$1.useState(defaultMicLevel);
@@ -2866,8 +2872,7 @@ function StudioControls({
2866
2872
  {
2867
2873
  className: styles.sectionTrigger,
2868
2874
  css: {
2869
- fontSize: "lg",
2870
- fontWeight: "medium",
2875
+ ...resolvedTriggerCss,
2871
2876
  borderRadius: "0",
2872
2877
  py: "4",
2873
2878
  bg: "neutral.1",
@@ -2921,8 +2926,7 @@ function StudioControls({
2921
2926
  {
2922
2927
  className: styles.sectionTrigger,
2923
2928
  css: {
2924
- fontSize: "lg",
2925
- fontWeight: "medium",
2929
+ ...resolvedTriggerCss,
2926
2930
  borderRadius: "0",
2927
2931
  py: "4",
2928
2932
  bg: "neutral.1",
@@ -2975,8 +2979,7 @@ function StudioControls({
2975
2979
  {
2976
2980
  className: styles.sectionTrigger,
2977
2981
  css: {
2978
- fontSize: "lg",
2979
- fontWeight: "medium",
2982
+ ...resolvedTriggerCss,
2980
2983
  borderRadius: "0",
2981
2984
  py: "4",
2982
2985
  bg: "neutral.1",
@@ -3029,8 +3032,7 @@ function StudioControls({
3029
3032
  {
3030
3033
  className: styles.sectionTrigger,
3031
3034
  css: {
3032
- fontSize: "lg",
3033
- fontWeight: "medium",
3035
+ ...resolvedTriggerCss,
3034
3036
  borderRadius: "0",
3035
3037
  py: "4",
3036
3038
  bg: "neutral.1",
@@ -3079,7 +3081,8 @@ function StudioControls({
3079
3081
  /* @__PURE__ */ jsxRuntime.jsx(
3080
3082
  ItemText,
3081
3083
  {
3082
- css: { fontSize: "md", fontWeight: "medium" },
3084
+ css: { textStyle: "bodyMedium" },
3085
+ style: { fontWeight: "var(--font-weights-normal)" },
3083
3086
  children: option.label
3084
3087
  }
3085
3088
  ),
@@ -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-X3W33YGV.cjs.map
3601
+ //# sourceMappingURL=chunk-X3W33YGV.cjs.map