@stoplight/elements-core 7.12.1 → 7.12.3

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 (4) hide show
  1. package/index.esm.js +3 -3
  2. package/index.js +3 -3
  3. package/index.mjs +3 -3
  4. package/package.json +1 -1
package/index.esm.js CHANGED
@@ -2466,13 +2466,13 @@ const Responses = ({ responses: unsortedResponses, onStatusCodeChange, onMediaTy
2466
2466
  return null;
2467
2467
  const response = responses.find(r => r.code === activeResponseId) || responses[0];
2468
2468
  const compactResponses = (React.createElement(React.Fragment, null,
2469
- React.createElement(Button, { onPress: open, iconRight: React.createElement(Icon, { icon: "chevron-down", color: "var(--color-border-button)" }), style: {
2469
+ React.createElement(Button, { "aria-label": "response-codes", onPress: open, iconRight: React.createElement(Icon, { icon: "chevron-down", color: "var(--color-border-button)" }), style: {
2470
2470
  color: `var(--color-${codeToIntentVal(activeResponseId)})`,
2471
2471
  } }, activeResponseId),
2472
2472
  React.createElement(Modal, { title: "Response Code", isOpen: isOpen, onClose: close, size: "sm", footer: React.createElement(HStack, { justifyContent: "end" },
2473
2473
  React.createElement(Button, { onPress: close, intent: "default", appearance: "primary" }, "Close")) },
2474
2474
  React.createElement(ListBox, { "aria-label": "Response Code", overflowY: "auto", m: -5, items: responses, selectionMode: "single", onSelectionChange: onSelectionChange }, (response) => (React.createElement(ListBoxItem, { key: response.id },
2475
- React.createElement(Box, { p: 3, bg: { hover: 'primary-tint' } },
2475
+ React.createElement(Box, { "data-test": response.code, p: 3, bg: { hover: 'primary-tint' } },
2476
2476
  React.createElement(Flex, { w: "2xl", align: "center", justify: "end" },
2477
2477
  response.code === activeResponseId && React.createElement(Box, { as: Icon, icon: "check" }),
2478
2478
  React.createElement(Text, { ml: 3, fontWeight: "medium" }, response.code)))))))));
@@ -2680,7 +2680,7 @@ const ServerUrl = ({ id, description, url, variables, hasAnyServerVariables, def
2680
2680
  React.createElement(Text, { pl: titlePaddingLeft, pr: 2, fontWeight: "bold" },
2681
2681
  description,
2682
2682
  ":"),
2683
- React.createElement(Tooltip, { placement: "right", renderTrigger: () => (React.createElement(Text, { "aria-label": description }, urlFragments.map(({ kind, value }, i) => (React.createElement(Text, { key: i, fontWeight: kind === 'variable' ? 'semibold' : 'normal' }, value))))) },
2683
+ React.createElement(Tooltip, { placement: "right", renderTrigger: () => (React.createElement(Text, { "aria-label": description, whitespace: "normal", style: { wordBreak: 'break-word' } }, urlFragments.map(({ kind, value }, i) => (React.createElement(Text, { key: i, fontWeight: kind === 'variable' ? 'semibold' : 'normal' }, value))))) },
2684
2684
  !hasCopied && (React.createElement(Box, { p: 1, onClick: handleCopyClick, cursor: "pointer" },
2685
2685
  "Copy Server URL ",
2686
2686
  React.createElement(Icon, { className: "sl-ml-1", icon: ['fas', 'copy'] }))),
package/index.js CHANGED
@@ -2522,13 +2522,13 @@ const Responses = ({ responses: unsortedResponses, onStatusCodeChange, onMediaTy
2522
2522
  return null;
2523
2523
  const response = responses.find(r => r.code === activeResponseId) || responses[0];
2524
2524
  const compactResponses = (React__namespace.createElement(React__namespace.Fragment, null,
2525
- React__namespace.createElement(mosaic.Button, { onPress: open, iconRight: React__namespace.createElement(mosaic.Icon, { icon: "chevron-down", color: "var(--color-border-button)" }), style: {
2525
+ React__namespace.createElement(mosaic.Button, { "aria-label": "response-codes", onPress: open, iconRight: React__namespace.createElement(mosaic.Icon, { icon: "chevron-down", color: "var(--color-border-button)" }), style: {
2526
2526
  color: `var(--color-${codeToIntentVal(activeResponseId)})`,
2527
2527
  } }, activeResponseId),
2528
2528
  React__namespace.createElement(mosaic.Modal, { title: "Response Code", isOpen: isOpen, onClose: close, size: "sm", footer: React__namespace.createElement(mosaic.HStack, { justifyContent: "end" },
2529
2529
  React__namespace.createElement(mosaic.Button, { onPress: close, intent: "default", appearance: "primary" }, "Close")) },
2530
2530
  React__namespace.createElement(mosaic.ListBox, { "aria-label": "Response Code", overflowY: "auto", m: -5, items: responses, selectionMode: "single", onSelectionChange: onSelectionChange }, (response) => (React__namespace.createElement(mosaic.ListBoxItem, { key: response.id },
2531
- React__namespace.createElement(mosaic.Box, { p: 3, bg: { hover: 'primary-tint' } },
2531
+ React__namespace.createElement(mosaic.Box, { "data-test": response.code, p: 3, bg: { hover: 'primary-tint' } },
2532
2532
  React__namespace.createElement(mosaic.Flex, { w: "2xl", align: "center", justify: "end" },
2533
2533
  response.code === activeResponseId && React__namespace.createElement(mosaic.Box, { as: mosaic.Icon, icon: "check" }),
2534
2534
  React__namespace.createElement(mosaic.Text, { ml: 3, fontWeight: "medium" }, response.code)))))))));
@@ -2736,7 +2736,7 @@ const ServerUrl = ({ id, description, url, variables, hasAnyServerVariables, def
2736
2736
  React__namespace.createElement(mosaic.Text, { pl: titlePaddingLeft, pr: 2, fontWeight: "bold" },
2737
2737
  description,
2738
2738
  ":"),
2739
- React__namespace.createElement(mosaic.Tooltip, { placement: "right", renderTrigger: () => (React__namespace.createElement(mosaic.Text, { "aria-label": description }, urlFragments.map(({ kind, value }, i) => (React__namespace.createElement(mosaic.Text, { key: i, fontWeight: kind === 'variable' ? 'semibold' : 'normal' }, value))))) },
2739
+ React__namespace.createElement(mosaic.Tooltip, { placement: "right", renderTrigger: () => (React__namespace.createElement(mosaic.Text, { "aria-label": description, whitespace: "normal", style: { wordBreak: 'break-word' } }, urlFragments.map(({ kind, value }, i) => (React__namespace.createElement(mosaic.Text, { key: i, fontWeight: kind === 'variable' ? 'semibold' : 'normal' }, value))))) },
2740
2740
  !hasCopied && (React__namespace.createElement(mosaic.Box, { p: 1, onClick: handleCopyClick, cursor: "pointer" },
2741
2741
  "Copy Server URL ",
2742
2742
  React__namespace.createElement(mosaic.Icon, { className: "sl-ml-1", icon: ['fas', 'copy'] }))),
package/index.mjs CHANGED
@@ -2466,13 +2466,13 @@ const Responses = ({ responses: unsortedResponses, onStatusCodeChange, onMediaTy
2466
2466
  return null;
2467
2467
  const response = responses.find(r => r.code === activeResponseId) || responses[0];
2468
2468
  const compactResponses = (React.createElement(React.Fragment, null,
2469
- React.createElement(Button, { onPress: open, iconRight: React.createElement(Icon, { icon: "chevron-down", color: "var(--color-border-button)" }), style: {
2469
+ React.createElement(Button, { "aria-label": "response-codes", onPress: open, iconRight: React.createElement(Icon, { icon: "chevron-down", color: "var(--color-border-button)" }), style: {
2470
2470
  color: `var(--color-${codeToIntentVal(activeResponseId)})`,
2471
2471
  } }, activeResponseId),
2472
2472
  React.createElement(Modal, { title: "Response Code", isOpen: isOpen, onClose: close, size: "sm", footer: React.createElement(HStack, { justifyContent: "end" },
2473
2473
  React.createElement(Button, { onPress: close, intent: "default", appearance: "primary" }, "Close")) },
2474
2474
  React.createElement(ListBox, { "aria-label": "Response Code", overflowY: "auto", m: -5, items: responses, selectionMode: "single", onSelectionChange: onSelectionChange }, (response) => (React.createElement(ListBoxItem, { key: response.id },
2475
- React.createElement(Box, { p: 3, bg: { hover: 'primary-tint' } },
2475
+ React.createElement(Box, { "data-test": response.code, p: 3, bg: { hover: 'primary-tint' } },
2476
2476
  React.createElement(Flex, { w: "2xl", align: "center", justify: "end" },
2477
2477
  response.code === activeResponseId && React.createElement(Box, { as: Icon, icon: "check" }),
2478
2478
  React.createElement(Text, { ml: 3, fontWeight: "medium" }, response.code)))))))));
@@ -2680,7 +2680,7 @@ const ServerUrl = ({ id, description, url, variables, hasAnyServerVariables, def
2680
2680
  React.createElement(Text, { pl: titlePaddingLeft, pr: 2, fontWeight: "bold" },
2681
2681
  description,
2682
2682
  ":"),
2683
- React.createElement(Tooltip, { placement: "right", renderTrigger: () => (React.createElement(Text, { "aria-label": description }, urlFragments.map(({ kind, value }, i) => (React.createElement(Text, { key: i, fontWeight: kind === 'variable' ? 'semibold' : 'normal' }, value))))) },
2683
+ React.createElement(Tooltip, { placement: "right", renderTrigger: () => (React.createElement(Text, { "aria-label": description, whitespace: "normal", style: { wordBreak: 'break-word' } }, urlFragments.map(({ kind, value }, i) => (React.createElement(Text, { key: i, fontWeight: kind === 'variable' ? 'semibold' : 'normal' }, value))))) },
2684
2684
  !hasCopied && (React.createElement(Box, { p: 1, onClick: handleCopyClick, cursor: "pointer" },
2685
2685
  "Copy Server URL ",
2686
2686
  React.createElement(Icon, { className: "sl-ml-1", icon: ['fas', 'copy'] }))),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stoplight/elements-core",
3
- "version": "7.12.1",
3
+ "version": "7.12.3",
4
4
  "main": "./index.js",
5
5
  "sideEffects": [
6
6
  "web-components.min.js",