@guardian/stand 0.0.8 → 0.0.10

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 (170) hide show
  1. package/README.md +1148 -10
  2. package/dist/avatar.cjs +9 -0
  3. package/dist/avatar.js +2 -0
  4. package/dist/button.cjs +9 -0
  5. package/dist/button.js +2 -0
  6. package/dist/byline.cjs +9 -0
  7. package/dist/byline.js +2 -0
  8. package/dist/components/TitleText.cjs +28 -0
  9. package/dist/components/TitleText.js +22 -0
  10. package/dist/components/avatar/Avatar.cjs +57 -0
  11. package/dist/components/avatar/Avatar.js +27 -0
  12. package/dist/components/avatar/styles.cjs +33 -0
  13. package/dist/components/avatar/styles.js +29 -0
  14. package/dist/components/avatar/types.cjs +16 -0
  15. package/dist/components/avatar/types.js +14 -0
  16. package/dist/components/button/Button.cjs +29 -0
  17. package/dist/components/button/Button.js +14 -0
  18. package/dist/components/button/styles.cjs +58 -0
  19. package/dist/components/button/styles.js +53 -0
  20. package/dist/components/byline/styles.cjs +5 -5
  21. package/dist/components/byline/styles.js +1 -1
  22. package/dist/components/icon/Icon.cjs +46 -0
  23. package/dist/components/icon/Icon.js +19 -0
  24. package/dist/components/icon/styles.cjs +27 -0
  25. package/dist/components/icon/styles.js +20 -0
  26. package/dist/components/link-button/LinkButton.cjs +29 -0
  27. package/dist/components/link-button/LinkButton.js +14 -0
  28. package/dist/components/link-button/styles.cjs +9 -0
  29. package/dist/components/link-button/styles.js +6 -0
  30. package/dist/components/tag-picker/styles.cjs +11 -11
  31. package/dist/components/tag-picker/styles.js +1 -1
  32. package/dist/components/typography/Typography.cjs +26 -0
  33. package/dist/components/typography/Typography.js +13 -0
  34. package/dist/components/typography/styles.cjs +15 -0
  35. package/dist/components/typography/styles.js +12 -0
  36. package/dist/components/user-menu/PreferenceRadioGroup.cjs +53 -0
  37. package/dist/components/user-menu/PreferenceRadioGroup.js +19 -0
  38. package/dist/components/user-menu/UserMenu.cjs +67 -0
  39. package/dist/components/user-menu/UserMenu.js +11 -0
  40. package/dist/components/user-menu/default-options.cjs +109 -0
  41. package/dist/components/user-menu/default-options.js +105 -0
  42. package/dist/components/user-menu/styles.cjs +90 -0
  43. package/dist/components/user-menu/styles.js +83 -0
  44. package/dist/fonts/MaterialSymbolsOutlined.css +23 -0
  45. package/dist/fonts/MaterialSymbolsRound.css +23 -0
  46. package/dist/fonts/MaterialSymbolsSharp.css +23 -0
  47. package/dist/fonts/material-symbols-types.ts +3825 -0
  48. package/dist/icon.cjs +9 -0
  49. package/dist/icon.js +2 -0
  50. package/dist/index.cjs +22 -13
  51. package/dist/index.js +9 -4
  52. package/dist/link-button.cjs +7 -0
  53. package/dist/link-button.js +1 -0
  54. package/dist/styleD/build/css/{css/base → base}/colors.css +1 -1
  55. package/dist/styleD/build/css/{css/base → base}/sizing.css +4 -0
  56. package/dist/styleD/build/css/{css/base → base}/spacing.css +4 -0
  57. package/dist/styleD/build/css/{css/base → base}/typography.css +1 -0
  58. package/dist/styleD/build/css/component/avatar.css +54 -0
  59. package/dist/styleD/build/css/component/button.css +218 -0
  60. package/dist/styleD/build/css/{css/component → component}/byline.css +1 -1
  61. package/dist/styleD/build/css/component/icon.css +11 -0
  62. package/dist/styleD/build/css/component/typography.css +7 -0
  63. package/dist/styleD/build/css/component/userMenu.css +29 -0
  64. package/dist/styleD/build/css/semantic/colors.css +69 -0
  65. package/dist/styleD/build/css/{css/semantic → semantic}/sizing.css +2 -0
  66. package/dist/styleD/build/css/{css/semantic → semantic}/typography.css +9 -0
  67. package/dist/styleD/build/typescript/base/colors.cjs +1 -1
  68. package/dist/styleD/build/typescript/base/colors.js +1 -1
  69. package/dist/styleD/build/typescript/base/sizing.cjs +4 -0
  70. package/dist/styleD/build/typescript/base/sizing.js +4 -0
  71. package/dist/styleD/build/typescript/base/spacing.cjs +4 -0
  72. package/dist/styleD/build/typescript/base/spacing.js +4 -0
  73. package/dist/styleD/build/typescript/base/typography.cjs +2 -1
  74. package/dist/styleD/build/typescript/base/typography.js +2 -1
  75. package/dist/styleD/build/typescript/component/avatar.cjs +88 -0
  76. package/dist/styleD/build/typescript/component/avatar.js +86 -0
  77. package/dist/styleD/build/typescript/component/button.cjs +331 -0
  78. package/dist/styleD/build/typescript/component/button.js +329 -0
  79. package/dist/styleD/build/typescript/component/byline.cjs +1 -1
  80. package/dist/styleD/build/typescript/component/byline.js +1 -1
  81. package/dist/styleD/build/typescript/component/icon.cjs +19 -0
  82. package/dist/styleD/build/typescript/component/icon.js +17 -0
  83. package/dist/styleD/build/typescript/component/typography.cjs +7 -0
  84. package/dist/styleD/build/typescript/component/typography.js +5 -0
  85. package/dist/styleD/build/typescript/component/userMenu.cjs +37 -0
  86. package/dist/styleD/build/typescript/component/userMenu.js +35 -0
  87. package/dist/styleD/build/typescript/semantic/colors.cjs +47 -5
  88. package/dist/styleD/build/typescript/semantic/colors.js +47 -5
  89. package/dist/styleD/build/typescript/semantic/sizing.cjs +3 -1
  90. package/dist/styleD/build/typescript/semantic/sizing.js +3 -1
  91. package/dist/styleD/build/typescript/semantic/typography.cjs +15 -0
  92. package/dist/styleD/build/typescript/semantic/typography.js +15 -0
  93. package/dist/tag-picker.cjs +13 -0
  94. package/dist/tag-picker.js +4 -0
  95. package/dist/types/avatar.d.ts +19 -0
  96. package/dist/types/button.d.ts +20 -0
  97. package/dist/types/byline.d.ts +25 -0
  98. package/dist/types/components/TitleText.d.ts +6 -0
  99. package/dist/types/components/avatar/Avatar.d.ts +2 -0
  100. package/dist/types/components/avatar/styles.d.ts +8 -0
  101. package/dist/types/components/avatar/types.d.ts +45 -0
  102. package/dist/types/components/button/Button.d.ts +2 -0
  103. package/dist/types/components/button/styles.d.ts +7 -0
  104. package/dist/types/components/button/types.d.ts +13 -0
  105. package/dist/types/components/byline/Byline.d.ts +1 -1
  106. package/dist/types/components/byline/schema.d.ts +1 -1
  107. package/dist/types/components/byline/styles.d.ts +1 -1
  108. package/dist/types/components/byline/theme.d.ts +1 -1
  109. package/dist/types/components/icon/Icon.d.ts +2 -0
  110. package/dist/types/components/icon/styles.d.ts +8 -0
  111. package/dist/types/components/icon/types.d.ts +28 -0
  112. package/dist/types/components/link-button/LinkButton.d.ts +2 -0
  113. package/dist/types/components/link-button/styles.d.ts +330 -0
  114. package/dist/types/components/link-button/types.d.ts +13 -0
  115. package/dist/types/components/tag-picker/TagAutocomplete.d.ts +1 -1
  116. package/dist/types/components/tag-picker/TagTable.d.ts +1 -1
  117. package/dist/types/components/tag-picker/styles.d.ts +1 -1
  118. package/dist/types/components/typography/Typography.d.ts +6 -0
  119. package/dist/types/components/typography/styles.d.ts +7 -0
  120. package/dist/types/components/typography/types.d.ts +13 -0
  121. package/dist/types/components/user-menu/PreferenceRadioGroup.d.ts +15 -0
  122. package/dist/types/components/user-menu/UserMenu.d.ts +17 -0
  123. package/dist/types/components/user-menu/default-options.d.ts +5 -0
  124. package/dist/types/components/user-menu/model.d.ts +9 -0
  125. package/dist/types/components/user-menu/styles.d.ts +9 -0
  126. package/dist/types/components/user-menu/theme.d.ts +3 -0
  127. package/dist/types/components/user-menu/types.d.ts +5 -0
  128. package/dist/types/fonts/material-symbols-types.d.ts +3822 -0
  129. package/dist/types/icon.d.ts +27 -0
  130. package/dist/types/index.d.ts +25 -7
  131. package/dist/types/link-button.d.ts +20 -0
  132. package/dist/types/styleD/build/typescript/base/colors.d.ts +1 -1
  133. package/dist/types/styleD/build/typescript/base/sizing.d.ts +4 -0
  134. package/dist/types/styleD/build/typescript/base/spacing.d.ts +4 -0
  135. package/dist/types/styleD/build/typescript/base/typography.d.ts +1 -0
  136. package/dist/types/styleD/build/typescript/component/avatar.d.ts +88 -0
  137. package/dist/types/styleD/build/typescript/component/button.d.ts +331 -0
  138. package/dist/types/styleD/build/typescript/component/icon.d.ts +19 -0
  139. package/dist/types/styleD/build/typescript/component/typography.d.ts +7 -0
  140. package/dist/types/styleD/build/typescript/component/userMenu.d.ts +37 -0
  141. package/dist/types/styleD/build/typescript/semantic/colors.d.ts +45 -3
  142. package/dist/types/styleD/build/typescript/semantic/sizing.d.ts +2 -0
  143. package/dist/types/styleD/build/typescript/semantic/typography.d.ts +15 -0
  144. package/dist/types/tag-picker.d.ts +21 -0
  145. package/dist/types/typography.d.ts +19 -0
  146. package/dist/types/user-menu.d.ts +18 -0
  147. package/dist/types/util/mergeDeep.d.ts +1 -0
  148. package/dist/types/util/reset.d.ts +1 -0
  149. package/dist/types/util/storybookStyles.d.ts +1 -0
  150. package/dist/types/util/types.d.ts +34 -0
  151. package/dist/types/utils.d.ts +7 -0
  152. package/dist/typography.cjs +9 -0
  153. package/dist/typography.js +2 -0
  154. package/dist/user-menu.cjs +9 -0
  155. package/dist/user-menu.js +2 -0
  156. package/dist/util/css/reset.css +124 -0
  157. package/dist/util/reset.cjs +10 -0
  158. package/dist/util/reset.css.cjs +5 -0
  159. package/dist/util/reset.css.js +3 -0
  160. package/dist/util/reset.js +8 -0
  161. package/dist/utils.cjs +10 -0
  162. package/dist/utils.js +2 -0
  163. package/package.json +112 -3
  164. package/dist/styleD/build/css/css/semantic/colors.css +0 -29
  165. package/dist/types/components/util.d.ts +0 -4
  166. /package/dist/styleD/build/css/{css/base → base}/radius.css +0 -0
  167. /package/dist/styleD/build/css/{css/component → component}/tagAutocomplete.css +0 -0
  168. /package/dist/styleD/build/css/{css/component → component}/tagTable.css +0 -0
  169. /package/dist/{components/util.cjs → util/mergeDeep.cjs} +0 -0
  170. /package/dist/{components/util.js → util/mergeDeep.js} +0 -0
@@ -0,0 +1,15 @@
1
+ import type { ComponentUserMenu } from '../../styleD/build/typescript/component/userMenu';
2
+ import type { DeepPartial } from '../../util/types';
3
+ import type { Option } from './model';
4
+ interface PreferenceRadioGroupProps {
5
+ theme?: DeepPartial<ComponentUserMenu>;
6
+ options: Option[];
7
+ name: string;
8
+ currentValue?: string;
9
+ changeValue: {
10
+ (value: string): void;
11
+ };
12
+ format?: 'stack' | 'rows';
13
+ }
14
+ export declare function PreferenceRadioGroup({ name, options, currentValue, changeValue, theme, format, }: PreferenceRadioGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
15
+ export {};
@@ -0,0 +1,17 @@
1
+ import type { ComponentUserMenu } from '../../styleD/build/typescript/component/userMenu';
2
+ import type { DeepPartial } from '../../util/types';
3
+ import type { Option } from './model';
4
+ import type { UserPreferences } from './types';
5
+ export interface UserMenuProps {
6
+ theme?: DeepPartial<ComponentUserMenu>;
7
+ feedBacklink?: string;
8
+ preferences: UserPreferences;
9
+ updatePreferences: {
10
+ (mod: Partial<UserPreferences>): void;
11
+ };
12
+ textSizeOptions?: Option[];
13
+ fontFamilyOptions?: Option[];
14
+ colorSchemeOptions?: Option[];
15
+ headingLevel?: 2 | 3 | 4 | 5 | 6;
16
+ }
17
+ export declare function UserMenu({ theme, feedBacklink, preferences, updatePreferences, textSizeOptions, fontFamilyOptions, colorSchemeOptions, headingLevel, }: UserMenuProps): import("@emotion/react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import type { Option } from './model';
2
+ declare const textSizes: Option[];
3
+ declare const fontFamilies: Option[];
4
+ declare const colorSchemes: Option[];
5
+ export { colorSchemes, fontFamilies, textSizes };
@@ -0,0 +1,9 @@
1
+ import type { CSSProperties } from 'react';
2
+ export type Option = {
3
+ id: string;
4
+ label?: string;
5
+ description?: string;
6
+ labelStyle?: CSSProperties;
7
+ buttonStyle?: CSSProperties;
8
+ isDefault?: boolean;
9
+ };
@@ -0,0 +1,9 @@
1
+ import type { SerializedStyles } from '@emotion/react';
2
+ import type { ComponentUserMenu } from '../../styleD/build/typescript/component/userMenu';
3
+ import type { DeepPartial } from '../../util/types';
4
+ export declare const userMenuStyles: (partialTheme?: DeepPartial<ComponentUserMenu>) => SerializedStyles;
5
+ export declare const userMenuHeadingStyles: (partialTheme?: DeepPartial<ComponentUserMenu>) => SerializedStyles;
6
+ export declare const toggleButtonStackedGroupStyles: (partialTheme?: DeepPartial<ComponentUserMenu>) => SerializedStyles;
7
+ export declare const radioGroupLabelStyles: (partialTheme?: DeepPartial<ComponentUserMenu>) => SerializedStyles;
8
+ export declare const toggleButtonRowsGroupStyles: (partialTheme?: DeepPartial<ComponentUserMenu>) => SerializedStyles;
9
+ export declare const toggleButtonStyles: (partialTheme?: DeepPartial<ComponentUserMenu>) => SerializedStyles;
@@ -0,0 +1,3 @@
1
+ import type { ComponentUserMenu } from '../../styleD/build/typescript/component/userMenu';
2
+ import type { DeepPartial } from '../../util/types';
3
+ export type PartialUserMenuTheme = DeepPartial<ComponentUserMenu>;
@@ -0,0 +1,5 @@
1
+ export type UserPreferences = {
2
+ fontpreferences?: string;
3
+ colorScheme?: string;
4
+ fontType?: string;
5
+ };