@guardian/stand 0.0.44 → 0.0.46

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 (90) hide show
  1. package/dist/IntendedAudienceSignifier.cjs +2 -0
  2. package/dist/IntendedAudienceSignifier.d.cts +2 -1
  3. package/dist/IntendedAudienceSignifier.d.ts +2 -1
  4. package/dist/IntendedAudienceSignifier.js +2 -1
  5. package/dist/components/AlertBanner/AlertBanner.cjs +0 -1
  6. package/dist/components/AlertBanner/styles.cjs +0 -1
  7. package/dist/components/Avatar/Avatar.cjs +0 -1
  8. package/dist/components/Avatar/styles.cjs +0 -1
  9. package/dist/components/AvatarButton/AvatarButton.cjs +0 -1
  10. package/dist/components/AvatarButton/styles.cjs +0 -1
  11. package/dist/components/AvatarLink/AvatarLink.cjs +0 -1
  12. package/dist/components/AvatarLink/styles.cjs +0 -1
  13. package/dist/components/Button/Button.cjs +0 -1
  14. package/dist/components/Button/styles.cjs +0 -1
  15. package/dist/components/Byline/Byline.cjs +0 -1
  16. package/dist/components/Byline/Preview.cjs +0 -1
  17. package/dist/components/Byline/placeholder.cjs +0 -1
  18. package/dist/components/Byline/plugins.cjs +0 -1
  19. package/dist/components/Byline/schema.cjs +0 -1
  20. package/dist/components/Byline/styles.cjs +0 -1
  21. package/dist/components/Checkbox/Checkbox.cjs +0 -1
  22. package/dist/components/Checkbox/styles.cjs +0 -1
  23. package/dist/components/DatePicker/DatePicker.cjs +0 -1
  24. package/dist/components/DatePicker/styles.cjs +0 -1
  25. package/dist/components/Favicon/Favicon.cjs +0 -1
  26. package/dist/components/Favicon/styles.cjs +0 -1
  27. package/dist/components/Form/Form.cjs +0 -1
  28. package/dist/components/Form/styles.cjs +0 -1
  29. package/dist/components/Form/types.cjs +0 -1
  30. package/dist/components/Grid/Grid.cjs +0 -1
  31. package/dist/components/Grid/styles.cjs +0 -1
  32. package/dist/components/Icon/Icon.cjs +0 -1
  33. package/dist/components/Icon/Styles.cjs +0 -1
  34. package/dist/components/IconButton/IconButton.cjs +0 -1
  35. package/dist/components/IconLinkButton/IconLinkButton.cjs +0 -1
  36. package/dist/components/InlineMessage/InlineMessage.cjs +0 -1
  37. package/dist/components/InlineMessage/styles.cjs +0 -1
  38. package/dist/components/IntendedAudienceSignifier/FlagIcons.cjs +14 -14
  39. package/dist/components/IntendedAudienceSignifier/FlagIcons.js +14 -13
  40. package/dist/components/IntendedAudienceSignifier/IntendedAudienceSignifier.cjs +16 -18
  41. package/dist/components/IntendedAudienceSignifier/IntendedAudienceSignifier.js +16 -17
  42. package/dist/components/IntendedAudienceSignifier/styles.cjs +0 -2
  43. package/dist/components/IntendedAudienceSignifier/styles.js +0 -1
  44. package/dist/components/IntendedAudienceSignifier/types.d.cts +2 -2
  45. package/dist/components/IntendedAudienceSignifier/types.d.ts +2 -2
  46. package/dist/components/IntendedAudienceSignifier/utils.cjs +19 -0
  47. package/dist/components/IntendedAudienceSignifier/utils.d.cts +12 -0
  48. package/dist/components/IntendedAudienceSignifier/utils.d.ts +12 -0
  49. package/dist/components/IntendedAudienceSignifier/utils.js +19 -0
  50. package/dist/components/Layout/Layout.cjs +0 -1
  51. package/dist/components/Layout/styles.cjs +0 -1
  52. package/dist/components/Link/Link.cjs +0 -1
  53. package/dist/components/Link/styles.cjs +0 -1
  54. package/dist/components/LinkButton/LinkButton.cjs +0 -1
  55. package/dist/components/Menu/styles.cjs +0 -1
  56. package/dist/components/RadioGroup/styles.cjs +0 -1
  57. package/dist/components/Select/styles.cjs +0 -1
  58. package/dist/components/TagPicker/Autocomplete.cjs +23 -4
  59. package/dist/components/TagPicker/Autocomplete.d.cts +3 -1
  60. package/dist/components/TagPicker/Autocomplete.d.ts +3 -1
  61. package/dist/components/TagPicker/Autocomplete.js +23 -3
  62. package/dist/components/TagPicker/TagAutocomplete.cjs +1 -1
  63. package/dist/components/TagPicker/TagAutocomplete.js +1 -0
  64. package/dist/components/TagPicker/TagTable.cjs +0 -1
  65. package/dist/components/TagPicker/styles.cjs +0 -1
  66. package/dist/components/TextArea/TextArea.cjs +0 -1
  67. package/dist/components/TextArea/styles.cjs +0 -1
  68. package/dist/components/TextInput/TextInput.cjs +0 -1
  69. package/dist/components/TextInput/styles.cjs +0 -1
  70. package/dist/components/TopBar/TopBarItem/TopBarItem.cjs +0 -1
  71. package/dist/components/TopBar/TopBarItem/styles.cjs +0 -1
  72. package/dist/components/TopBar/TopBarNavigation/TopBarNavigation.cjs +0 -1
  73. package/dist/components/TopBar/TopBarNavigation/styles.cjs +0 -1
  74. package/dist/components/TopBar/TopBarToolName/TopBarToolName.cjs +0 -1
  75. package/dist/components/TopBar/TopBarToolName/styles.cjs +0 -1
  76. package/dist/components/TopBar/styles.cjs +0 -1
  77. package/dist/components/Typography/Typography.cjs +0 -1
  78. package/dist/components/Typography/styles.cjs +0 -1
  79. package/dist/components/UserMenu/PreferenceRadioGroup.cjs +0 -1
  80. package/dist/components/UserMenu/TitleText.cjs +0 -1
  81. package/dist/components/UserMenu/UserMenu.cjs +0 -1
  82. package/dist/components/UserMenu/styles.cjs +0 -1
  83. package/dist/styleD/build/typescript/component/intendedAudienceSignifier.cjs +1 -4
  84. package/dist/styleD/build/typescript/component/intendedAudienceSignifier.d.cts +0 -1
  85. package/dist/styleD/build/typescript/component/intendedAudienceSignifier.d.ts +0 -1
  86. package/dist/styleD/build/typescript/component/intendedAudienceSignifier.js +1 -4
  87. package/dist/styleD/utils/semantic/typography.cjs +0 -1
  88. package/dist/util/reset2.cjs +0 -1
  89. package/dist/util/useResize.cjs +0 -1
  90. package/package.json +18 -17
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_mergeDeep = require("../../util/mergeDeep.cjs");
3
2
  const require_styles = require("./styles.cjs");
4
3
  let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_mq = require("../../styleD/utils/semantic/mq.cjs");
3
2
  const require_layout = require("../../styleD/build/typescript/component/layout.cjs");
4
3
  let _emotion_react = require("@emotion/react");
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_mergeDeep = require("../../util/mergeDeep.cjs");
3
2
  const require_colors = require("../../styleD/build/typescript/semantic/colors.cjs");
4
3
  const require_styles = require("../Typography/styles.cjs");
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_link = require("../../styleD/build/typescript/component/link.cjs");
3
2
  let _emotion_react = require("@emotion/react");
4
3
  //#region src/components/Link/styles.ts
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_mergeDeep = require("../../util/mergeDeep.cjs");
3
2
  const require_Icon = require("../Icon/Icon.cjs");
4
3
  const require_Styles = require("./Styles.cjs");
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_typography = require("../../styleD/utils/semantic/typography.cjs");
3
2
  const require_menu = require("../../styleD/build/typescript/component/menu.cjs");
4
3
  let _emotion_react = require("@emotion/react");
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_typography = require("../../styleD/utils/semantic/typography.cjs");
3
2
  const require_radioGroup = require("../../styleD/build/typescript/component/radioGroup.cjs");
4
3
  let _emotion_react = require("@emotion/react");
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_typography = require("../../styleD/utils/semantic/typography.cjs");
3
2
  const require_select = require("../../styleD/build/typescript/component/select.cjs");
4
3
  let _emotion_react = require("@emotion/react");
@@ -1,5 +1,5 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_styles = require("./styles.cjs");
2
+ let react = require("react");
3
3
  let _emotion_react = require("@emotion/react");
4
4
  let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
5
5
  let react_aria_components = require("react-aria-components");
@@ -87,7 +87,10 @@ let react_aria_components = require("react-aria-components");
87
87
  *
88
88
  * This is currently still in testing phase, so a production implementation is not yet available.
89
89
  */
90
- function Autocomplete({ addSelection, loading, onTextInputChange, options, label, placeholder, disabled, value, "data-testid": dataTestId, loadingIcon, theme, cssOverrides }) {
90
+ function Autocomplete({ addSelection, loading, onTextInputChange, options, label, placeholder, disabled, value, "data-testid": dataTestId, loadingIcon, theme, cssOverrides, addFirstOnEnter }) {
91
+ const [hoveredItemId, setHoveredItemId] = (0, react.useState)();
92
+ const [upOrDownKeyPressed, setUpOrDownKeyPressed] = (0, react.useState)(false);
93
+ const listBoxIsInUse = upOrDownKeyPressed || !!hoveredItemId;
91
94
  return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
92
95
  css: [_emotion_react.css`
93
96
  position: relative;
@@ -95,7 +98,10 @@ function Autocomplete({ addSelection, loading, onTextInputChange, options, label
95
98
  children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(react_aria_components.ComboBox, {
96
99
  "aria-label": label,
97
100
  inputValue: value,
98
- onInputChange: onTextInputChange,
101
+ onInputChange: (value) => {
102
+ setUpOrDownKeyPressed(false);
103
+ onTextInputChange(value);
104
+ },
99
105
  onChange: (key) => {
100
106
  const tag = options.find((t) => t.id === key);
101
107
  if (tag) {
@@ -112,7 +118,14 @@ function Autocomplete({ addSelection, loading, onTextInputChange, options, label
112
118
  css: require_styles.autocompleteInputStyles(theme),
113
119
  placeholder,
114
120
  disabled,
115
- "data-testid": dataTestId
121
+ "data-testid": dataTestId,
122
+ onKeyDown: addFirstOnEnter ? (event) => {
123
+ if (event.key === "ArrowDown" || event.key === "ArrowUp") setUpOrDownKeyPressed(true);
124
+ if (event.key === "Enter") {
125
+ const [firstOption] = options;
126
+ if (firstOption && !listBoxIsInUse) addSelection(firstOption);
127
+ }
128
+ } : void 0
116
129
  }), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Popover, {
117
130
  placement: "bottom",
118
131
  css: _emotion_react.css`
@@ -132,6 +145,12 @@ function Autocomplete({ addSelection, loading, onTextInputChange, options, label
132
145
  children: (item) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.ListBoxItem, {
133
146
  css: require_styles.listboxItemStyles(theme),
134
147
  value: item,
148
+ onHoverChange: (isHovering) => {
149
+ setHoveredItemId((current) => {
150
+ if (isHovering) return item.id;
151
+ return current === item.id ? void 0 : current;
152
+ });
153
+ },
135
154
  children: item.name
136
155
  }, item.id)
137
156
  }), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.ListBoxLoadMoreItem, {
@@ -28,6 +28,7 @@ interface AutocompleteProps<T extends AutocompleteOption = AutocompleteOption> {
28
28
  'data-testid'?: string;
29
29
  /** `loadingIcon` - Icon used to show loading happening in the dropdown */
30
30
  loadingIcon?: ReactElement;
31
+ addFirstOnEnter?: boolean;
31
32
  /** `theme` - Used to customise the look and feel of the Autocomplete component */
32
33
  theme?: DeepPartial<ComponentAutocomplete>;
33
34
  /** `cssOverrides` - Escape hatch for styling that doesn't fall into the theme */
@@ -128,7 +129,8 @@ declare function Autocomplete<T extends AutocompleteOption = AutocompleteOption>
128
129
  'data-testid': dataTestId,
129
130
  loadingIcon,
130
131
  theme,
131
- cssOverrides
132
+ cssOverrides,
133
+ addFirstOnEnter
132
134
  }: AutocompleteProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
133
135
  //#endregion
134
136
  export { Autocomplete };
@@ -28,6 +28,7 @@ interface AutocompleteProps<T extends AutocompleteOption = AutocompleteOption> {
28
28
  'data-testid'?: string;
29
29
  /** `loadingIcon` - Icon used to show loading happening in the dropdown */
30
30
  loadingIcon?: ReactElement;
31
+ addFirstOnEnter?: boolean;
31
32
  /** `theme` - Used to customise the look and feel of the Autocomplete component */
32
33
  theme?: DeepPartial<ComponentAutocomplete>;
33
34
  /** `cssOverrides` - Escape hatch for styling that doesn't fall into the theme */
@@ -128,7 +129,8 @@ declare function Autocomplete<T extends AutocompleteOption = AutocompleteOption>
128
129
  'data-testid': dataTestId,
129
130
  loadingIcon,
130
131
  theme,
131
- cssOverrides
132
+ cssOverrides,
133
+ addFirstOnEnter
132
134
  }: AutocompleteProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
133
135
  //#endregion
134
136
  export { Autocomplete };
@@ -1,4 +1,5 @@
1
1
  import { autocompleteInputStyles, listboxInfoStyles, listboxItemStyles, listboxStyles } from "./styles.js";
2
+ import { useState } from "react";
2
3
  import { css } from "@emotion/react";
3
4
  import { jsx as jsx$1, jsxs } from "@emotion/react/jsx-runtime";
4
5
  import { Collection, ComboBox, Input, ListBox, ListBoxItem, ListBoxLoadMoreItem, Popover } from "react-aria-components";
@@ -86,7 +87,10 @@ import { Collection, ComboBox, Input, ListBox, ListBoxItem, ListBoxLoadMoreItem,
86
87
  *
87
88
  * This is currently still in testing phase, so a production implementation is not yet available.
88
89
  */
89
- function Autocomplete({ addSelection, loading, onTextInputChange, options, label, placeholder, disabled, value, "data-testid": dataTestId, loadingIcon, theme, cssOverrides }) {
90
+ function Autocomplete({ addSelection, loading, onTextInputChange, options, label, placeholder, disabled, value, "data-testid": dataTestId, loadingIcon, theme, cssOverrides, addFirstOnEnter }) {
91
+ const [hoveredItemId, setHoveredItemId] = useState();
92
+ const [upOrDownKeyPressed, setUpOrDownKeyPressed] = useState(false);
93
+ const listBoxIsInUse = upOrDownKeyPressed || !!hoveredItemId;
90
94
  return /* @__PURE__ */ jsx$1("div", {
91
95
  css: [css`
92
96
  position: relative;
@@ -94,7 +98,10 @@ function Autocomplete({ addSelection, loading, onTextInputChange, options, label
94
98
  children: /* @__PURE__ */ jsxs(ComboBox, {
95
99
  "aria-label": label,
96
100
  inputValue: value,
97
- onInputChange: onTextInputChange,
101
+ onInputChange: (value) => {
102
+ setUpOrDownKeyPressed(false);
103
+ onTextInputChange(value);
104
+ },
98
105
  onChange: (key) => {
99
106
  const tag = options.find((t) => t.id === key);
100
107
  if (tag) {
@@ -111,7 +118,14 @@ function Autocomplete({ addSelection, loading, onTextInputChange, options, label
111
118
  css: autocompleteInputStyles(theme),
112
119
  placeholder,
113
120
  disabled,
114
- "data-testid": dataTestId
121
+ "data-testid": dataTestId,
122
+ onKeyDown: addFirstOnEnter ? (event) => {
123
+ if (event.key === "ArrowDown" || event.key === "ArrowUp") setUpOrDownKeyPressed(true);
124
+ if (event.key === "Enter") {
125
+ const [firstOption] = options;
126
+ if (firstOption && !listBoxIsInUse) addSelection(firstOption);
127
+ }
128
+ } : void 0
115
129
  }), /* @__PURE__ */ jsx$1(Popover, {
116
130
  placement: "bottom",
117
131
  css: css`
@@ -131,6 +145,12 @@ function Autocomplete({ addSelection, loading, onTextInputChange, options, label
131
145
  children: (item) => /* @__PURE__ */ jsx$1(ListBoxItem, {
132
146
  css: listboxItemStyles(theme),
133
147
  value: item,
148
+ onHoverChange: (isHovering) => {
149
+ setHoveredItemId((current) => {
150
+ if (isHovering) return item.id;
151
+ return current === item.id ? void 0 : current;
152
+ });
153
+ },
134
154
  children: item.name
135
155
  }, item.id)
136
156
  }), /* @__PURE__ */ jsx$1(ListBoxLoadMoreItem, {
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_Autocomplete = require("./Autocomplete.cjs");
3
2
  let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
4
3
  //#region src/components/TagPicker/TagAutocomplete.tsx
@@ -110,6 +109,7 @@ function TagAutocomplete({ addTag, loading, onTextInputChange, options, label, p
110
109
  value,
111
110
  "data-testid": dataTestId,
112
111
  loadingIcon,
112
+ addFirstOnEnter: true,
113
113
  theme,
114
114
  cssOverrides
115
115
  });
@@ -109,6 +109,7 @@ function TagAutocomplete({ addTag, loading, onTextInputChange, options, label, p
109
109
  value,
110
110
  "data-testid": dataTestId,
111
111
  loadingIcon,
112
+ addFirstOnEnter: true,
112
113
  theme,
113
114
  cssOverrides
114
115
  });
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_styles = require("./styles.cjs");
3
2
  let react = require("react");
4
3
  let _emotion_react = require("@emotion/react");
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_mergeDeep = require("../../util/mergeDeep.cjs");
3
2
  const require_autocomplete = require("../../styleD/build/typescript/component/autocomplete.cjs");
4
3
  const require_tagTable = require("../../styleD/build/typescript/component/tagTable.cjs");
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_mergeDeep = require("../../util/mergeDeep.cjs");
3
2
  const require_Form = require("../Form/Form.cjs");
4
3
  const require_styles = require("./styles.cjs");
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_typography = require("../../styleD/utils/semantic/typography.cjs");
3
2
  const require_textArea = require("../../styleD/build/typescript/component/textArea.cjs");
4
3
  let _emotion_react = require("@emotion/react");
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_mergeDeep = require("../../util/mergeDeep.cjs");
3
2
  const require_Form = require("../Form/Form.cjs");
4
3
  const require_styles = require("./styles.cjs");
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_typography = require("../../styleD/utils/semantic/typography.cjs");
3
2
  const require_textInput = require("../../styleD/build/typescript/component/textInput.cjs");
4
3
  let _emotion_react = require("@emotion/react");
@@ -1,4 +1,3 @@
1
- require("../../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_mergeDeep = require("../../../util/mergeDeep.cjs");
3
2
  const require_styles = require("./styles.cjs");
4
3
  let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
@@ -1,4 +1,3 @@
1
- require("../../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_topBar = require("../../../styleD/build/typescript/component/topBar.cjs");
3
2
  let _emotion_react = require("@emotion/react");
4
3
  //#region src/components/TopBar/TopBarItem/styles.ts
@@ -1,4 +1,3 @@
1
- require("../../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_mergeDeep = require("../../../util/mergeDeep.cjs");
3
2
  const require_Icon = require("../../Icon/Icon.cjs");
4
3
  const require_Menu = require("../../Menu/Menu.cjs");
@@ -1,4 +1,3 @@
1
- require("../../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_typography = require("../../../styleD/utils/semantic/typography.cjs");
3
2
  const require_topBar = require("../../../styleD/build/typescript/component/topBar.cjs");
4
3
  let _emotion_react = require("@emotion/react");
@@ -1,4 +1,3 @@
1
- require("../../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_mergeDeep = require("../../../util/mergeDeep.cjs");
3
2
  const require_Icon = require("../../Icon/Icon.cjs");
4
3
  const require_Favicon = require("../../Favicon/Favicon.cjs");
@@ -1,4 +1,3 @@
1
- require("../../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_typography = require("../../../styleD/utils/semantic/typography.cjs");
3
2
  const require_mq = require("../../../styleD/utils/semantic/mq.cjs");
4
3
  const require_topBar = require("../../../styleD/build/typescript/component/topBar.cjs");
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_mq = require("../../styleD/utils/semantic/mq.cjs");
3
2
  const require_topBar = require("../../styleD/build/typescript/component/topBar.cjs");
4
3
  let _emotion_react = require("@emotion/react");
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_mergeDeep = require("../../util/mergeDeep.cjs");
3
2
  const require_styles = require("./styles.cjs");
4
3
  let _emotion_react = require("@emotion/react");
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_typography = require("../../styleD/utils/semantic/typography.cjs");
3
2
  const require_typography$1 = require("../../styleD/build/typescript/component/typography.cjs");
4
3
  const require_typography$2 = require("../../styleD/build/typescript/semantic/typography.cjs");
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_styles = require("./styles.cjs");
3
2
  let _emotion_react = require("@emotion/react");
4
3
  let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
3
2
  //#region src/components/UserMenu/TitleText.tsx
4
3
  const TitleText = ({ headingLevel, children, className }) => {
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_defaultOptions = require("./defaultOptions.cjs");
3
2
  const require_styles = require("./styles.cjs");
4
3
  const require_PreferenceRadioGroup = require("./PreferenceRadioGroup.cjs");
@@ -1,4 +1,3 @@
1
- require("../../_virtual/_rolldown/runtime.cjs");
2
1
  const require_mergeDeep = require("../../util/mergeDeep.cjs");
3
2
  const require_userMenu = require("../../styleD/build/typescript/component/userMenu.cjs");
4
3
  let _emotion_react = require("@emotion/react");
@@ -25,10 +25,7 @@ const componentIntendedAudienceSignifier = {
25
25
  size: "10px"
26
26
  },
27
27
  color: "#545454",
28
- typography: {
29
- font: "normal 460 0.75rem/1.3 Open Sans",
30
- lineHeight: "1"
31
- }
28
+ typography: { lineHeight: "1" }
32
29
  };
33
30
  //#endregion
34
31
  exports.componentIntendedAudienceSignifier = componentIntendedAudienceSignifier;
@@ -26,7 +26,6 @@ declare const componentIntendedAudienceSignifier: {
26
26
  };
27
27
  color: string;
28
28
  typography: {
29
- font: string;
30
29
  lineHeight: string;
31
30
  };
32
31
  };
@@ -26,7 +26,6 @@ declare const componentIntendedAudienceSignifier: {
26
26
  };
27
27
  color: string;
28
28
  typography: {
29
- font: string;
30
29
  lineHeight: string;
31
30
  };
32
31
  };
@@ -25,10 +25,7 @@ const componentIntendedAudienceSignifier = {
25
25
  size: "10px"
26
26
  },
27
27
  color: "#545454",
28
- typography: {
29
- font: "normal 460 0.75rem/1.3 Open Sans",
30
- lineHeight: "1"
31
- }
28
+ typography: { lineHeight: "1" }
32
29
  };
33
30
  //#endregion
34
31
  export { componentIntendedAudienceSignifier };
@@ -1,4 +1,3 @@
1
- require("../../../_virtual/_rolldown/runtime.cjs");
2
1
  let _emotion_react = require("@emotion/react");
3
2
  //#region src/styleD/utils/semantic/typography.ts
4
3
  const convertTypographyToEmotionStringStyle = (typography) => {
@@ -1,4 +1,3 @@
1
- require("../_virtual/_rolldown/runtime.cjs");
2
1
  const require_reset = require("./reset.cjs");
3
2
  //#region src/util/reset.ts
4
3
  const GlobalResetStyles = require("@emotion/react").css`
@@ -1,4 +1,3 @@
1
- require("../_virtual/_rolldown/runtime.cjs");
2
1
  let react = require("react");
3
2
  //#region src/util/useResize.ts
4
3
  const useIsomorphicLayoutEffect = typeof window !== "undefined" ? react.useLayoutEffect : react.useEffect;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@guardian/stand",
3
- "version": "0.0.44",
3
+ "version": "0.0.46",
4
4
  "repository": {
5
5
  "url": "https://github.com/guardian/stand"
6
6
  },
@@ -448,23 +448,24 @@
448
448
  "dist"
449
449
  ],
450
450
  "devDependencies": {
451
- "@arethetypeswrong/core": "0.18.2",
451
+ "@arethetypeswrong/core": "0.18.3",
452
452
  "@changesets/cli": "2.31.0",
453
453
  "@codesandbox/sandpack-react": "2.20.0",
454
454
  "@emotion/react": "11.11.4",
455
- "@figma/rest-api-spec": "0.38.0",
456
- "@guardian/eslint-config": "14.0.1",
455
+ "@figma/rest-api-spec": "0.40.0",
456
+ "@guardian/eslint-config": "15.0.0",
457
457
  "@guardian/prettier": "10.0.0",
458
458
  "@guardian/prosemirror-invisibles": "3.1.1",
459
459
  "@guardian/tsconfig": "1.0.1",
460
460
  "@internationalized/date": "3.12.1",
461
461
  "@material-design-icons/svg": "0.14.15",
462
462
  "@playwright/experimental-ct-react17": "1.60.0",
463
- "@storybook/addon-docs": "10.4.0",
464
- "@storybook/addon-themes": "10.4.0",
465
- "@storybook/react-vite": "10.4.0",
463
+ "@storybook/addon-a11y": "10.4.2",
464
+ "@storybook/addon-docs": "10.4.2",
465
+ "@storybook/addon-themes": "10.4.2",
466
+ "@storybook/react-vite": "10.4.2",
466
467
  "@testing-library/jest-dom": "6.9.1",
467
- "@tsdown/css": "0.22.0",
468
+ "@tsdown/css": "0.22.2",
468
469
  "@types/jest": "30.0.0",
469
470
  "@types/node": "24.10.1",
470
471
  "@types/react": "17.0.76",
@@ -472,11 +473,11 @@
472
473
  "change-case": "5.4.4",
473
474
  "eslint": "9.39.3",
474
475
  "eslint-plugin-check-file": "3.3.1",
475
- "eslint-plugin-storybook": "10.4.0",
476
+ "eslint-plugin-storybook": "10.4.2",
476
477
  "husky": "9.1.7",
477
478
  "jest": "30.4.2",
478
479
  "jest-environment-jsdom": "30.4.1",
479
- "lint-staged": "17.0.5",
480
+ "lint-staged": "17.0.7",
480
481
  "prettier": "3.8.3",
481
482
  "prosemirror-dropcursor": "1.8.2",
482
483
  "prosemirror-history": "1.4.1",
@@ -490,14 +491,14 @@
490
491
  "react-dom": "17.0.2",
491
492
  "remark-gfm": "4.0.1",
492
493
  "rimraf": "6.1.3",
493
- "sort-package-json": "3.6.1",
494
- "storybook": "10.4.0",
495
- "style-dictionary": "5.4.1",
496
- "ts-jest": "29.4.10",
497
- "tsdown": "0.22.0",
494
+ "sort-package-json": "4.0.0",
495
+ "storybook": "10.4.2",
496
+ "style-dictionary": "5.4.4",
497
+ "ts-jest": "29.4.11",
498
+ "tsdown": "0.22.2",
498
499
  "tslib": "2.8.1",
499
500
  "typescript": "5.1.3",
500
- "vite": "8.0.13",
501
+ "vite": "8.0.16",
501
502
  "vite-plugin-svgr": "5.2.0"
502
503
  },
503
504
  "peerDependencies": {
@@ -511,7 +512,7 @@
511
512
  "prosemirror-state": "1.4.3",
512
513
  "prosemirror-view": "1.37.2",
513
514
  "react": "^17.0.2 || ^18.0.0 || ^19.0.0",
514
- "react-aria-components": ">= 1.13.0 <= 1.17.0",
515
+ "react-aria-components": ">= 1.13.0 <= 1.18.0",
515
516
  "react-dom": "^17.0.2 || ^18.0.0 || ^19.0.0",
516
517
  "typescript": ">=5.0.0 <=5.9.3"
517
518
  },