@guardian/stand 0.0.37 → 0.0.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guardian/stand",
-  "version": "0.0.37",
+  "version": "0.0.39",
   "repository": {
     "url": "https://github.com/guardian/stand"
   },
@@ -12,151 +12,151 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
-    "./avatar": {
-      "types": "./dist/types/avatar.d.ts",
-      "import": "./dist/avatar.js",
-      "require": "./dist/avatar.cjs"
+    "./Avatar": {
+      "types": "./dist/types/Avatar.d.ts",
+      "import": "./dist/Avatar.js",
+      "require": "./dist/Avatar.cjs"
     },
     "./AvatarLink": {
-      "types": "./dist/types/avatarLink.d.ts",
-      "import": "./dist/avatarLink.js",
-      "require": "./dist/avatarLink.cjs"
+      "types": "./dist/types/AvatarLink.d.ts",
+      "import": "./dist/AvatarLink.js",
+      "require": "./dist/AvatarLink.cjs"
     },
     "./AvatarButton": {
-      "types": "./dist/types/avatarButton.d.ts",
-      "import": "./dist/avatarButton.js",
-      "require": "./dist/avatarButton.cjs"
-    },
-    "./button": {
-      "types": "./dist/types/button.d.ts",
-      "import": "./dist/button.js",
-      "require": "./dist/button.cjs"
-    },
-    "./link-button": {
-      "types": "./dist/types/link-button.d.ts",
-      "import": "./dist/link-button.js",
-      "require": "./dist/link-button.cjs"
-    },
-    "./icon-button": {
-      "types": "./dist/types/icon-button.d.ts",
-      "import": "./dist/icon-button.js",
-      "require": "./dist/icon-button.cjs"
-    },
-    "./icon-link-button": {
-      "types": "./dist/types/icon-link-button.d.ts",
-      "import": "./dist/icon-link-button.js",
-      "require": "./dist/icon-link-button.cjs"
-    },
-    "./typography": {
-      "types": "./dist/types/typography.d.ts",
-      "import": "./dist/typography.js",
-      "require": "./dist/typography.cjs"
-    },
-    "./icon": {
-      "types": "./dist/types/icon.d.ts",
-      "import": "./dist/icon.js",
-      "require": "./dist/icon.cjs"
-    },
-    "./favicon": {
-      "types": "./dist/types/favicon.d.ts",
-      "import": "./dist/favicon.js",
-      "require": "./dist/favicon.cjs"
-    },
-    "./menu": {
-      "types": "./dist/types/menu.d.ts",
-      "import": "./dist/menu.js",
-      "require": "./dist/menu.cjs"
+      "types": "./dist/types/AvatarButton.d.ts",
+      "import": "./dist/AvatarButton.js",
+      "require": "./dist/AvatarButton.cjs"
+    },
+    "./Button": {
+      "types": "./dist/types/Button.d.ts",
+      "import": "./dist/Button.js",
+      "require": "./dist/Button.cjs"
+    },
+    "./LinkButton": {
+      "types": "./dist/types/LinkButton.d.ts",
+      "import": "./dist/LinkButton.js",
+      "require": "./dist/LinkButton.cjs"
+    },
+    "./IconButton": {
+      "types": "./dist/types/IconButton.d.ts",
+      "import": "./dist/IconButton.js",
+      "require": "./dist/IconButton.cjs"
+    },
+    "./IconLinkButton": {
+      "types": "./dist/types/IconLinkButton.d.ts",
+      "import": "./dist/IconLinkButton.js",
+      "require": "./dist/IconLinkButton.cjs"
+    },
+    "./Typography": {
+      "types": "./dist/types/Typography.d.ts",
+      "import": "./dist/Typography.js",
+      "require": "./dist/Typography.cjs"
+    },
+    "./Icon": {
+      "types": "./dist/types/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./Favicon": {
+      "types": "./dist/types/Favicon.d.ts",
+      "import": "./dist/Favicon.js",
+      "require": "./dist/Favicon.cjs"
+    },
+    "./Menu": {
+      "types": "./dist/types/Menu.d.ts",
+      "import": "./dist/Menu.js",
+      "require": "./dist/Menu.cjs"
     },
     "./TopBar": {
       "types": "./dist/types/TopBar.d.ts",
       "import": "./dist/TopBar.js",
       "require": "./dist/TopBar.cjs"
     },
-    "./form": {
-      "types": "./dist/types/form.d.ts",
-      "import": "./dist/form.js",
-      "require": "./dist/form.cjs"
-    },
-    "./inline-message": {
-      "types": "./dist/types/inline-message.d.ts",
-      "import": "./dist/inline-message.js",
-      "require": "./dist/inline-message.cjs"
-    },
-    "./select": {
-      "types": "./dist/types/select.d.ts",
-      "import": "./dist/select.js",
-      "require": "./dist/select.cjs"
-    },
-    "./text-input": {
-      "types": "./dist/types/text-input.d.ts",
-      "import": "./dist/text-input.js",
-      "require": "./dist/text-input.cjs"
-    },
-    "./radio-group": {
-      "types": "./dist/types/radio-group.d.ts",
-      "import": "./dist/radio-group.js",
-      "require": "./dist/radio-group.cjs"
-    },
-    "./checkbox": {
-      "types": "./dist/types/checkbox.d.ts",
-      "import": "./dist/checkbox.js",
-      "require": "./dist/checkbox.cjs"
-    },
-    "./text-area": {
-      "types": "./dist/types/text-area.d.ts",
-      "import": "./dist/text-area.js",
-      "require": "./dist/text-area.cjs"
-    },
-    "./alert-banner": {
-      "types": "./dist/types/alert-banner.d.ts",
-      "import": "./dist/alert-banner.js",
-      "require": "./dist/alert-banner.cjs"
-    },
-    "./date-picker": {
-      "types": "./dist/types/date-picker.d.ts",
-      "import": "./dist/date-picker.js",
-      "require": "./dist/date-picker.cjs"
-    },
-    "./grid": {
-      "types": "./dist/types/grid.d.ts",
-      "import": "./dist/grid.js",
-      "require": "./dist/grid.cjs"
-    },
-    "./byline": {
-      "types": "./dist/types/byline.d.ts",
-      "import": "./dist/byline.js",
-      "require": "./dist/byline.cjs"
-    },
-    "./tag-picker": {
-      "types": "./dist/types/tag-picker.d.ts",
-      "import": "./dist/tag-picker.js",
-      "require": "./dist/tag-picker.cjs"
-    },
-    "./user-menu": {
-      "types": "./dist/types/user-menu.d.ts",
-      "import": "./dist/user-menu.js",
-      "require": "./dist/user-menu.cjs"
+    "./Form": {
+      "types": "./dist/types/Form.d.ts",
+      "import": "./dist/Form.js",
+      "require": "./dist/Form.cjs"
+    },
+    "./InlineMessage": {
+      "types": "./dist/types/InlineMessage.d.ts",
+      "import": "./dist/InlineMessage.js",
+      "require": "./dist/InlineMessage.cjs"
+    },
+    "./Select": {
+      "types": "./dist/types/Select.d.ts",
+      "import": "./dist/Select.js",
+      "require": "./dist/Select.cjs"
+    },
+    "./TextInput": {
+      "types": "./dist/types/TextInput.d.ts",
+      "import": "./dist/TextInput.js",
+      "require": "./dist/TextInput.cjs"
+    },
+    "./RadioGroup": {
+      "types": "./dist/types/RadioGroup.d.ts",
+      "import": "./dist/RadioGroup.js",
+      "require": "./dist/RadioGroup.cjs"
+    },
+    "./Checkbox": {
+      "types": "./dist/types/Checkbox.d.ts",
+      "import": "./dist/Checkbox.js",
+      "require": "./dist/Checkbox.cjs"
+    },
+    "./TextArea": {
+      "types": "./dist/types/TextArea.d.ts",
+      "import": "./dist/TextArea.js",
+      "require": "./dist/TextArea.cjs"
+    },
+    "./AlertBanner": {
+      "types": "./dist/types/AlertBanner.d.ts",
+      "import": "./dist/AlertBanner.js",
+      "require": "./dist/AlertBanner.cjs"
+    },
+    "./DatePicker": {
+      "types": "./dist/types/DatePicker.d.ts",
+      "import": "./dist/DatePicker.js",
+      "require": "./dist/DatePicker.cjs"
+    },
+    "./Grid": {
+      "types": "./dist/types/Grid.d.ts",
+      "import": "./dist/Grid.js",
+      "require": "./dist/Grid.cjs"
+    },
+    "./Byline": {
+      "types": "./dist/types/Byline.d.ts",
+      "import": "./dist/Byline.js",
+      "require": "./dist/Byline.cjs"
+    },
+    "./TagPicker": {
+      "types": "./dist/types/TagPicker.d.ts",
+      "import": "./dist/TagPicker.js",
+      "require": "./dist/TagPicker.cjs"
+    },
+    "./UserMenu": {
+      "types": "./dist/types/UserMenu.d.ts",
+      "import": "./dist/UserMenu.js",
+      "require": "./dist/UserMenu.cjs"
+    },
+    "./IntendedAudienceSignifier": {
+      "types": "./dist/types/IntendedAudienceSignifier.d.ts",
+      "import": "./dist/IntendedAudienceSignifier.js",
+      "require": "./dist/IntendedAudienceSignifier.cjs"
+    },
+    "./Link": {
+      "types": "./dist/types/Link.d.ts",
+      "import": "./dist/Link.js",
+      "require": "./dist/Link.cjs"
+    },
+    "./Layout": {
+      "types": "./dist/types/Layout.d.ts",
+      "import": "./dist/Layout.js",
+      "require": "./dist/Layout.cjs"
     },
     "./utils": {
       "types": "./dist/types/utils.d.ts",
       "import": "./dist/utils.js",
       "require": "./dist/utils.cjs"
     },
-    "./intendedAudienceSignifier": {
-      "types": "./dist/types/intended-audience-signifier.d.ts",
-      "import": "./dist/intended-audience-signifier.js",
-      "require": "./dist/intended-audience-signifier.cjs"
-    },
-    "./link": {
-      "types": "./dist/types/link.d.ts",
-      "import": "./dist/link.js",
-      "require": "./dist/link.cjs"
-    },
-    "./layout": {
-      "types": "./dist/types/layout.d.ts",
-      "import": "./dist/layout.js",
-      "require": "./dist/layout.cjs"
-    },
     "./fonts/OpenSans.css": "./dist/fonts/OpenSans.css",
     "./fonts/MaterialSymbolsOutlined.css": "./dist/fonts/MaterialSymbolsOutlined.css",
     "./fonts/MaterialSymbolsRound.css": "./dist/fonts/MaterialSymbolsRound.css",
@@ -169,6 +169,7 @@
     "./base/radius.css": "./dist/styleD/build/css/base/radius.css",
     "./semantic/breakpoints.css": "./dist/styleD/build/css/semantic/breakpoints.css",
     "./semantic/colors.css": "./dist/styleD/build/css/semantic/colors.css",
+    "./semantic/grid.css": "./dist/styleD/build/css/semantic/grid.css",
     "./semantic/typography.css": "./dist/styleD/build/css/semantic/typography.css",
     "./semantic/sizing.css": "./dist/styleD/build/css/semantic/sizing.css",
     "./semantic/shadow.css": "./dist/styleD/build/css/semantic/shadow.css",
@@ -182,7 +183,7 @@
     "./component/icon.css": "./dist/styleD/build/css/component/icon.css",
     "./component/favicon.css": "./dist/styleD/build/css/component/favicon.css",
     "./component/menu.css": "./dist/styleD/build/css/component/menu.css",
-    "./component/TopBar.css": "./dist/styleD/build/css/component/TopBar.css",
+    "./component/topBar.css": "./dist/styleD/build/css/component/topBar.css",
     "./component/form.css": "./dist/styleD/build/css/component/form.css",
     "./component/inlineMessage.css": "./dist/styleD/build/css/component/inlineMessage.css",
     "./component/select.css": "./dist/styleD/build/css/component/select.css",
@@ -202,92 +203,92 @@
   "types": "./dist/types/index.d.ts",
   "typesVersions": {
     "*": {
-      "avatar": [
-        "./dist/types/avatar.d.ts"
+      "Avatar": [
+        "./dist/types/Avatar.d.ts"
       ],
       "AvatarButton": [
-        "./dist/types/avatarButton.d.ts"
+        "./dist/types/AvatarButton.d.ts"
       ],
       "AvatarLink": [
-        "./dist/types/avatarLink.d.ts"
+        "./dist/types/AvatarLink.d.ts"
       ],
-      "button": [
-        "./dist/types/button.d.ts"
+      "Button": [
+        "./dist/types/Button.d.ts"
       ],
-      "link-button": [
-        "./dist/types/link-button.d.ts"
+      "LinkButton": [
+        "./dist/types/LinkButton.d.ts"
       ],
-      "icon-button": [
-        "./dist/types/icon-button.d.ts"
+      "IconButton": [
+        "./dist/types/IconButton.d.ts"
       ],
-      "icon-link-button": [
-        "./dist/types/icon-link-button.d.ts"
+      "IconLinkButton": [
+        "./dist/types/IconLinkButton.d.ts"
       ],
-      "typography": [
-        "./dist/types/typography.d.ts"
+      "Typography": [
+        "./dist/types/Typography.d.ts"
       ],
-      "icon": [
-        "./dist/types/icon.d.ts"
+      "Icon": [
+        "./dist/types/Icon.d.ts"
       ],
-      "favicon": [
-        "./dist/types/favicon.d.ts"
+      "Favicon": [
+        "./dist/types/Favicon.d.ts"
       ],
       "TopBar": [
         "./dist/types/TopBar.d.ts"
       ],
-      "byline": [
-        "./dist/types/byline.d.ts"
+      "Byline": [
+        "./dist/types/Byline.d.ts"
       ],
-      "tag-picker": [
-        "./dist/types/tag-picker.d.ts"
+      "TagPicker": [
+        "./dist/types/TagPicker.d.ts"
       ],
-      "user-menu": [
-        "./dist/types/user-menu.d.ts"
+      "UserMenu": [
+        "./dist/types/UserMenu.d.ts"
       ],
       "utils": [
         "./dist/types/utils.d.ts"
       ],
-      "menu": [
-        "./dist/types/menu.d.ts"
+      "Menu": [
+        "./dist/types/Menu.d.ts"
       ],
-      "form": [
-        "./dist/types/form.d.ts"
+      "Form": [
+        "./dist/types/Form.d.ts"
       ],
-      "inline-message": [
-        "./dist/types/inline-message.d.ts"
+      "InlineMessage": [
+        "./dist/types/InlineMessage.d.ts"
       ],
-      "select": [
-        "./dist/types/select.d.ts"
+      "Select": [
+        "./dist/types/Select.d.ts"
       ],
-      "text-input": [
-        "./dist/types/text-input.d.ts"
+      "TextInput": [
+        "./dist/types/TextInput.d.ts"
       ],
-      "radio-group": [
-        "./dist/types/radio-group.d.ts"
+      "RadioGroup": [
+        "./dist/types/RadioGroup.d.ts"
       ],
-      "checkbox": [
-        "./dist/types/checkbox.d.ts"
+      "Checkbox": [
+        "./dist/types/Checkbox.d.ts"
       ],
-      "text-area": [
-        "./dist/types/text-area.d.ts"
+      "TextArea": [
+        "./dist/types/TextArea.d.ts"
       ],
-      "alert-banner": [
-        "./dist/types/alert-banner.d.ts"
+      "AlertBanner": [
+        "./dist/types/AlertBanner.d.ts"
       ],
-      "date-picker": [
-        "./dist/types/date-picker.d.ts"
+      "DatePicker": [
+        "./dist/types/DatePicker.d.ts"
       ],
-      "intendedAudienceSignifier": [
-        "./dist/types/intended-audience-signifier.d.ts"
+      "IntendedAudienceSignifier": [
+        "./dist/types/IntendedAudienceSignifier.d.ts"
       ],
-      "link": [
-        "./dist/types/link.d.ts"
+      "Link": [
+        "./dist/types/Link.d.ts"
       ],
-      "grid": [
-        "./dist/types/grid.d.ts"
+      "Grid": [
+        "./dist/types/Grid.d.ts"
       ],
-      "layout": [
-        "./dist/types/layout.d.ts"
+      "Layout": [
+        "./dist/types/Layout.d.ts"
       ]
     }
   },

package/dist/avatarButton.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-var AvatarButton = require('./components/avatar-button/AvatarButton.cjs');
-
-
-
-exports.AvatarButton = AvatarButton.AvatarButton;

package/dist/avatarButton.js

@@ -1 +0,0 @@
-export { AvatarButton } from './components/avatar-button/AvatarButton.js';

package/dist/avatarLink.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-var AvatarLink = require('./components/avatar-link/AvatarLink.cjs');
-
-
-
-exports.AvatarLink = AvatarLink.AvatarLink;

package/dist/avatarLink.js

@@ -1 +0,0 @@
-export { AvatarLink } from './components/avatar-link/AvatarLink.js';

package/dist/checkbox.js

@@ -1,3 +0,0 @@
-export { Checkbox } from './components/checkbox/Checkbox.js';
-export { CheckboxGroup } from './components/checkbox/CheckboxGroup.js';
-export { componentCheckbox } from './styleD/build/typescript/component/checkbox.js';

package/dist/components/grid/styles.cjs

@@ -1,106 +0,0 @@
-'use strict';
-
-var react = require('@emotion/react');
-var grid = require('../../styleD/build/typescript/component/grid.cjs');
-var mq = require('../../styleD/utils/semantic/mq.cjs');
-
-const defaultGridTheme = grid.componentGrid;
-const isResponsiveGridSize = (size) => typeof size === "object";
-const isResponsiveOffset = (offset) => typeof offset === "object";
-const clampToColumns = (value, columns) => Math.max(0, Math.min(value, columns));
-const numericOffsetMargin = (offset, theme) => `calc(((100% - (${theme.shared.columns} - 1) * ${theme.shared.gap}) * ${offset} / ${theme.shared.columns}) + ${offset} * ${theme.shared.gap})`;
-const numericSizeWidth = (size, theme) => `calc(((100% - (${theme.shared.columns} - 1) * ${theme.shared.gap}) * ${size} / ${theme.shared.columns}) + (${size} - 1) * ${theme.shared.gap})`;
-const fixedSizeStyles = (size, theme) => {
-  if (size === "grow") {
-    return react.css`
-			flex-basis: 0;
-			flex-grow: 1;
-			max-width: 100%;
-		`;
-  }
-  if (size === "auto") {
-    return react.css`
-			flex-basis: auto;
-			flex-grow: 0;
-			flex-shrink: 0;
-			width: auto;
-			max-width: none;
-		`;
-  }
-  const clampedSize = clampToColumns(size, theme.shared.columns);
-  const width = numericSizeWidth(clampedSize, theme);
-  return react.css`
-		flex-basis: ${width};
-		flex-grow: 0;
-		width: ${width};
-		max-width: ${width};
-	`;
-};
-const fixedOffsetStyles = (offset, theme) => {
-  if (offset === "auto") {
-    return react.css`
-			margin-left: auto;
-		`;
-  }
-  const clampedOffset = clampToColumns(offset, theme.shared.columns);
-  return react.css`
-		margin-left: ${numericOffsetMargin(clampedOffset, theme)};
-	`;
-};
-const offsetStyles = (offset, theme) => {
-  if (typeof offset === "undefined") {
-    return react.css``;
-  }
-  if (!isResponsiveOffset(offset)) {
-    return fixedOffsetStyles(offset, theme);
-  }
-  return react.css`
-		${Object.entries(offset).map(
-    ([breakpoint, breakpointOffset]) => react.css`
-				${mq.from[breakpoint]} {
-					${fixedOffsetStyles(breakpointOffset, theme)}
-				}
-			`
-  )}
-	`;
-};
-const sizeStyles = (size, theme) => {
-  if (typeof size === "undefined") {
-    return fixedSizeStyles(theme.shared.columns, theme);
-  }
-  if (!isResponsiveGridSize(size)) {
-    return fixedSizeStyles(size, theme);
-  }
-  return react.css`
-		${Object.entries(size).map(
-    ([breakpoint, breakpointSize]) => react.css`
-				${mq.from[breakpoint]} {
-					${fixedSizeStyles(breakpointSize, theme)}
-				}
-			`
-  )}
-	`;
-};
-const gridStyles = (theme) => {
-  return react.css`
-		display: ${theme.shared.display};
-		width: ${theme.shared.width};
-		flex-direction: ${theme.shared.direction};
-		flex-wrap: ${theme.shared.wrap};
-		padding: 0 ${theme.shared.gap};
-		gap: ${theme.shared.gap};
-		justify-content: ${theme.shared.justifyContent};
-		align-items: ${theme.shared.alignItems};
-	`;
-};
-const itemStyles = (theme, { size, offset }) => {
-  return react.css`
-		min-width: 0;
-		${sizeStyles(size, theme)}
-		${offsetStyles(offset, theme)}
-	`;
-};
-
-exports.defaultGridTheme = defaultGridTheme;
-exports.gridStyles = gridStyles;
-exports.itemStyles = itemStyles;