@guardian/stand 0.0.34 → 0.0.36

package/dist/layout.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var Layout = require('./components/layout/Layout.cjs');
+var layout = require('./styleD/build/typescript/component/layout.cjs');
+
+
+
+exports.Layout = Layout.Layout;
+exports.Sidebar = Layout.Sidebar;
+exports.componentLayout = layout.componentLayout;

package/dist/layout.js

@@ -0,0 +1,2 @@
+export { Layout, Sidebar } from './components/layout/Layout.js';
+export { componentLayout } from './styleD/build/typescript/component/layout.js';

package/dist/styleD/build/css/base/typography.css

@@ -51,9 +51,9 @@
 	--base-typography-letter-spacing-densest-px: -1px;
 	--base-typography-letter-spacing-denser-px: -0.5px;
 	--base-typography-letter-spacing-dense-px: -0.2px;
-	--base-typography-letter-spacing-default-px: 0px;
+	--base-typography-letter-spacing-default-px: 0;
 	--base-typography-letter-spacing-densest-rem: -0.0625rem;
 	--base-typography-letter-spacing-denser-rem: -0.03125rem;
 	--base-typography-letter-spacing-dense-rem: -0.0125rem;
-	--base-typography-letter-spacing-default-rem: 0rem;
+	--base-typography-letter-spacing-default-rem: 0;
 }

package/dist/styleD/build/css/component/TopBar.css

@@ -82,7 +82,7 @@
 	--component-top-bar-tool-name-gap: 8px;
 	--component-top-bar-tool-name-typography-font: normal 700 1.25rem/1.15
 		'GH Guardian Headline';
-	--component-top-bar-tool-name-typography-letter-spacing: 0rem;
+	--component-top-bar-tool-name-typography-letter-spacing: 0;
 	--component-top-bar-tool-name-typography-font-width: 100;
 	--component-top-bar-tool-name-divider-border: 0.0625rem solid #cccccc;
 	--component-top-bar-tool-name-divider-height: 2rem;
@@ -103,7 +103,7 @@
 	--component-top-bar-tool-name-hover-link-opacity: 0;
 	--component-top-bar-tool-name-hover-link-typography-font: normal 700
 		0.875rem/1.3 'Open Sans';
-	--component-top-bar-tool-name-hover-link-typography-letter-spacing: 0rem;
+	--component-top-bar-tool-name-hover-link-typography-letter-spacing: 0;
 	--component-top-bar-tool-name-hover-link-typography-font-width: 95;
 	--component-top-bar-tool-name-hover-link-position: absolute;
 	--component-top-bar-tool-name-hover-link-width: 100%;

package/dist/styleD/build/css/component/alertBanner.css

@@ -21,7 +21,7 @@
 	--component-alert-banner-shared-content-color: #000000;
 	--component-alert-banner-shared-content-typography-font: normal 460
 		0.875rem/1.3 'Open Sans';
-	--component-alert-banner-shared-content-typography-letter-spacing: 0rem;
+	--component-alert-banner-shared-content-typography-letter-spacing: 0;
 	--component-alert-banner-shared-content-typography-font-width: 95;
 	--component-alert-banner-shared-content-icon-color: #545454;
 	--component-alert-banner-information-background-color: #e8f0fb;

package/dist/styleD/build/css/component/autocomplete.css

@@ -14,7 +14,7 @@
 	--component-autocomplete-listbox-border-style: solid;
 	--component-autocomplete-listbox-border-color: #8d8d8d;
 	--component-autocomplete-listbox-padding-y: 8px;
-	--component-autocomplete-listbox-padding-x: 0px;
+	--component-autocomplete-listbox-padding-x: 0;
 	--component-autocomplete-listbox-background-color: #ffffff;
 	--component-autocomplete-listbox-item-padding-y: 8px;
 	--component-autocomplete-listbox-item-padding-x: 12px;

package/dist/styleD/build/css/component/avatar.css

@@ -76,7 +76,7 @@
 	--component-avatar-shared-button-disabled-cursor: not-allowed;
 	--component-avatar-sm-size: 2rem;
 	--component-avatar-sm-typography-font: normal 700 0.75rem/1 'Open Sans';
-	--component-avatar-sm-typography-letter-spacing: 0rem;
+	--component-avatar-sm-typography-letter-spacing: 0;
 	--component-avatar-sm-typography-font-width: 95;
 	--component-avatar-md-size: 2.5rem;
 	--component-avatar-md-typography-font: normal 700 0.875rem/1 'Open Sans';

package/dist/styleD/build/css/component/button.css

@@ -33,7 +33,7 @@
 	--component-button-primary-xs-padding-with-icon-icon-left-left: 0.25rem;
 	--component-button-primary-xs-typography-font: normal 700 0.75rem/1
 		'Open Sans';
-	--component-button-primary-xs-typography-letter-spacing: 0rem;
+	--component-button-primary-xs-typography-letter-spacing: 0;
 	--component-button-primary-xs-typography-font-width: 95;
 	--component-button-primary-xs-icon-size: 1.125rem;
 	--component-button-primary-xs-icon-gap: 0.25rem;
@@ -95,7 +95,7 @@
 	--component-button-secondary-xs-padding-with-icon-icon-left-left: 0.25rem;
 	--component-button-secondary-xs-typography-font: normal 700 0.75rem/1
 		'Open Sans';
-	--component-button-secondary-xs-typography-letter-spacing: 0rem;
+	--component-button-secondary-xs-typography-letter-spacing: 0;
 	--component-button-secondary-xs-typography-font-width: 95;
 	--component-button-secondary-xs-icon-size: 1.125rem;
 	--component-button-secondary-xs-icon-gap: 0.25rem;
@@ -157,7 +157,7 @@
 	--component-button-tertiary-xs-padding-with-icon-icon-left-left: 0.25rem;
 	--component-button-tertiary-xs-typography-font: normal 700 0.75rem/1
 		'Open Sans';
-	--component-button-tertiary-xs-typography-letter-spacing: 0rem;
+	--component-button-tertiary-xs-typography-letter-spacing: 0;
 	--component-button-tertiary-xs-typography-font-width: 95;
 	--component-button-tertiary-xs-icon-size: 1.125rem;
 	--component-button-tertiary-xs-icon-gap: 0.25rem;

package/dist/styleD/build/css/component/checkbox.css

@@ -39,11 +39,11 @@
 	--component-checkbox-input-shared-disabled-indicator-selected-background-color: #dcdcdc;
 	--component-checkbox-input-sm-typography-font: normal 460 0.875rem/1.3
 		'Open Sans';
-	--component-checkbox-input-sm-typography-letter-spacing: 0rem;
+	--component-checkbox-input-sm-typography-letter-spacing: 0;
 	--component-checkbox-input-sm-typography-font-width: 95;
 	--component-checkbox-input-sm-indicator-size: 1.25rem;
 	--component-checkbox-input-md-typography-font: normal 460 1rem/1.3 'Open Sans';
-	--component-checkbox-input-md-typography-letter-spacing: 0rem;
+	--component-checkbox-input-md-typography-letter-spacing: 0;
 	--component-checkbox-input-md-typography-font-width: 95;
 	--component-checkbox-input-md-indicator-size: 1.5rem;
 	--component-checkbox-group-shared-display: flex;

package/dist/styleD/build/css/component/favicon.css

@@ -12,6 +12,6 @@
 	--component-favicon-user-select: none;
 	--component-favicon-typography-font: normal 700 1.25rem/1.15
 		'GH Guardian Headline';
-	--component-favicon-typography-letter-spacing: 0rem;
+	--component-favicon-typography-letter-spacing: 0;
 	--component-favicon-typography-font-width: 100;
 }

package/dist/styleD/build/css/component/form.css

@@ -12,7 +12,7 @@
 	--component-form-input-shared-description-color: #545454;
 	--component-form-input-shared-description-typography-font: normal 460
 		0.875rem/1.3 'Open Sans';
-	--component-form-input-shared-description-typography-letter-spacing: 0rem;
+	--component-form-input-shared-description-typography-letter-spacing: 0;
 	--component-form-input-shared-description-typography-font-width: 95;
 	--component-form-input-shared-description-disabled-color: #999999;
 	--component-form-input-sm-label-typography-font: normal 700 0.875rem/1.15

package/dist/styleD/build/css/component/grid.css

@@ -0,0 +1,14 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+	--component-grid-shared-display: flex;
+	--component-grid-shared-width: 100%;
+	--component-grid-shared-columns: 12;
+	--component-grid-shared-gap: 8px;
+	--component-grid-shared-direction: row;
+	--component-grid-shared-wrap: wrap;
+	--component-grid-shared-justify-content: flex-start;
+	--component-grid-shared-align-items: stretch;
+}

package/dist/styleD/build/css/component/inlineMessage.css

@@ -10,7 +10,7 @@
 	--component-inline-message-shared-icon-align-self: flex-start;
 	--component-inline-message-shared-typography-font: normal 460 0.875rem/1.3
 		'Open Sans';
-	--component-inline-message-shared-typography-letter-spacing: 0rem;
+	--component-inline-message-shared-typography-letter-spacing: 0;
 	--component-inline-message-shared-typography-font-width: 95;
 	--component-inline-message-error-color: #8c2113;
 	--component-inline-message-success-color: #326528;

package/dist/styleD/build/css/component/layout.css

@@ -0,0 +1,30 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+	--component-layout-layout-shared-display: grid;
+	--component-layout-layout-shared-min-height: 100svh;
+	--component-layout-layout-shared-width: 100%;
+	--component-layout-layout-shared-max-width: 1584px;
+	--component-layout-layout-shared-margin-left: auto;
+	--component-layout-layout-shared-margin-right: auto;
+	--component-layout-layout-sm-grid-template-areas: 'alertbanner' 'topbar'
+		'sidebar' 'main';
+	--component-layout-layout-sm-grid-template-columns: 1fr;
+	--component-layout-layout-sm-grid-template-rows: min-content min-content
+		min-content 1fr;
+	--component-layout-layout-md-grid-template-areas: 'alertbanner alertbanner'
+		'topbar topbar' 'sidebar main';
+	--component-layout-layout-md-grid-template-columns: min-content 1fr;
+	--component-layout-layout-md-grid-template-rows: min-content min-content 1fr;
+	--component-layout-layout-lg-grid-template-areas: 'alertbanner alertbanner'
+		'topbar topbar' 'sidebar main';
+	--component-layout-layout-lg-grid-template-columns: min-content 1fr;
+	--component-layout-layout-lg-grid-template-rows: min-content min-content 1fr;
+	--component-layout-sidebar-sm-hidden-display: none;
+	--component-layout-sidebar-sm-above-grid-display: block;
+	--component-layout-sidebar-md-display: block;
+	--component-layout-sidebar-md-width: 200px;
+	--component-layout-sidebar-lg-width: 320px;
+}

package/dist/styleD/build/css/component/link.css

@@ -3,7 +3,7 @@
  */
 
 :root {
-	--component-link-shared-focus-outline: 1px solid #0072a9;
+	--component-link-shared-focus-outline: 0.0625rem solid #0072a9;
 	--component-link-shared-hover-color: #00344e;
 	--component-link-shared-hover-cursor: pointer;
 	--component-link-shared-enabled-color: #00496c;

package/dist/styleD/build/css/component/menu.css

@@ -45,13 +45,13 @@
 	--component-menu-menu-item-shared-label-color: #000000;
 	--component-menu-menu-item-shared-label-typography-font: normal 460 1rem/1.3
 		'Open Sans';
-	--component-menu-menu-item-shared-label-typography-letter-spacing: 0rem;
+	--component-menu-menu-item-shared-label-typography-letter-spacing: 0;
 	--component-menu-menu-item-shared-label-typography-font-width: 95;
 	--component-menu-menu-item-shared-description-grid-area: description;
 	--component-menu-menu-item-shared-description-color: #545454;
 	--component-menu-menu-item-shared-description-typography-font: normal 460
 		0.875rem/1.3 'Open Sans';
-	--component-menu-menu-item-shared-description-typography-letter-spacing: 0rem;
+	--component-menu-menu-item-shared-description-typography-letter-spacing: 0;
 	--component-menu-menu-item-shared-description-typography-font-width: 95;
 	--component-menu-menu-item-shared-aside-grid-area: aside;
 	--component-menu-menu-item-shared-aside-justify-self: end;
@@ -59,7 +59,7 @@
 	--component-menu-menu-item-shared-aside-color: #000000;
 	--component-menu-menu-item-shared-aside-typography-font: normal 460 1rem/1.3
 		'Open Sans';
-	--component-menu-menu-item-shared-aside-typography-letter-spacing: 0rem;
+	--component-menu-menu-item-shared-aside-typography-letter-spacing: 0;
 	--component-menu-menu-item-shared-aside-typography-font-width: 95;
 	--component-menu-menu-item-shared-last-child-border-bottom: none;
 	--component-menu-menu-item-shared-hover-background-color: #f6f6f6;

package/dist/styleD/build/css/component/radioGroup.css

@@ -15,7 +15,7 @@
 	--component-radio-group-shared-indicator-position: relative;
 	--component-radio-group-shared-indicator-after-position: absolute;
 	--component-radio-group-shared-indicator-after-border-radius: inherit;
-	--component-radio-group-shared-indicator-after-inset: 0px;
+	--component-radio-group-shared-indicator-after-inset: 0;
 	--component-radio-group-shared-indicator-after-scale: 0;
 	--component-radio-group-shared-indicator-border-radius: 50%;
 	--component-radio-group-shared-indicator-border: 0.0625rem solid #545454;
@@ -39,13 +39,13 @@
 	--component-radio-group-sm-gap: 1rem;
 	--component-radio-group-sm-typography-font: normal 460 0.875rem/1.3
 		'Open Sans';
-	--component-radio-group-sm-typography-letter-spacing: 0rem;
+	--component-radio-group-sm-typography-letter-spacing: 0;
 	--component-radio-group-sm-typography-font-width: 95;
 	--component-radio-group-sm-indicator-width: 1.25rem;
 	--component-radio-group-sm-indicator-height: 1.25rem;
 	--component-radio-group-md-gap: 1.25rem;
 	--component-radio-group-md-typography-font: normal 460 1rem/1.3 'Open Sans';
-	--component-radio-group-md-typography-letter-spacing: 0rem;
+	--component-radio-group-md-typography-letter-spacing: 0;
 	--component-radio-group-md-typography-font-width: 95;
 	--component-radio-group-md-indicator-width: 1.5rem;
 	--component-radio-group-md-indicator-height: 1.5rem;

package/dist/styleD/build/css/component/select.css

@@ -20,7 +20,7 @@
 	--component-select-shared-button-color: #545454;
 	--component-select-shared-button-typography-font: normal 460 1rem/1.3
 		'Open Sans';
-	--component-select-shared-button-typography-letter-spacing: 0rem;
+	--component-select-shared-button-typography-letter-spacing: 0;
 	--component-select-shared-button-typography-font-width: 95;
 	--component-select-shared-button-focused-outline: 0.125rem solid #0072a9;
 	--component-select-shared-button-focused-outline-offset: 0.125rem;
@@ -38,7 +38,7 @@
 	--component-select-shared-option-focused-background-color: inherit;
 	--component-select-shared-list-box-typography-font: normal 460 1rem/1.3
 		'Open Sans';
-	--component-select-shared-list-box-typography-letter-spacing: 0rem;
+	--component-select-shared-list-box-typography-letter-spacing: 0;
 	--component-select-shared-list-box-typography-font-width: 95;
 	--component-select-shared-list-box-border: 0.0625rem solid #cccccc;
 	--component-select-shared-list-box-background-color: #ffffff;

package/dist/styleD/build/css/component/tagTable.css

@@ -25,7 +25,7 @@
 	--component-tag-table-row-first-row-background-hover-color: #8ec183;
 	--component-tag-table-add-button-color: #ffffff;
 	--component-tag-table-add-button-padding-x: 10px;
-	--component-tag-table-add-button-padding-y: 0px;
+	--component-tag-table-add-button-padding-y: 0;
 	--component-tag-table-add-button-background-color: #8d8d8d;
 	--component-tag-table-add-button-background-hover-color: #545454;
 	--component-tag-table-add-button-font-weight: 400;

package/dist/styleD/build/css/component/textArea.css

@@ -22,9 +22,9 @@
 	--component-text-area-shared-focused-outline: 0.125rem auto #0072a9;
 	--component-text-area-shared-error-border: 0.0625rem solid #b42a19;
 	--component-text-area-sm-typography-font: normal 460 0.875rem/1.3 'Open Sans';
-	--component-text-area-sm-typography-letter-spacing: 0rem;
+	--component-text-area-sm-typography-letter-spacing: 0;
 	--component-text-area-sm-typography-font-width: 95;
 	--component-text-area-md-typography-font: normal 460 1rem/1.3 'Open Sans';
-	--component-text-area-md-typography-letter-spacing: 0rem;
+	--component-text-area-md-typography-letter-spacing: 0;
 	--component-text-area-md-typography-font-width: 95;
 }

package/dist/styleD/build/css/component/textInput.css

@@ -22,10 +22,10 @@
 	--component-text-input-shared-error-border: 0.0625rem solid #b42a19;
 	--component-text-input-sm-height: 2rem;
 	--component-text-input-sm-typography-font: normal 460 0.875rem/1.3 'Open Sans';
-	--component-text-input-sm-typography-letter-spacing: 0rem;
+	--component-text-input-sm-typography-letter-spacing: 0;
 	--component-text-input-sm-typography-font-width: 95;
 	--component-text-input-md-height: 2.5rem;
 	--component-text-input-md-typography-font: normal 460 1rem/1.3 'Open Sans';
-	--component-text-input-md-typography-letter-spacing: 0rem;
+	--component-text-input-md-typography-letter-spacing: 0;
 	--component-text-input-md-typography-font-width: 95;
 }

package/dist/styleD/build/css/component/userMenu.css

@@ -9,17 +9,17 @@
 	--component-user-menu-container-padding-x: 0.25rem;
 	--component-user-menu-heading-font-weight: 700;
 	--component-user-menu-heading-font-size: 1.125rem;
-	--component-user-menu-heading-padding-top: 0px;
-	--component-user-menu-heading-padding-right: 0px;
-	--component-user-menu-heading-padding-bottom: 0px;
-	--component-user-menu-heading-padding-left: 0px;
+	--component-user-menu-heading-padding-top: 0;
+	--component-user-menu-heading-padding-right: 0;
+	--component-user-menu-heading-padding-bottom: 0;
+	--component-user-menu-heading-padding-left: 0;
 	--component-user-menu-heading-text-align: left;
 	--component-user-menu-label-font-weight: 700;
 	--component-user-menu-label-font-size: 0.875rem;
 	--component-user-menu-label-padding-top: 15px;
-	--component-user-menu-label-padding-right: 0px;
+	--component-user-menu-label-padding-right: 0;
 	--component-user-menu-label-padding-bottom: 0.375rem;
-	--component-user-menu-label-padding-left: 0px;
+	--component-user-menu-label-padding-left: 0;
 	--component-user-menu-label-text-align: left;
 	--component-user-menu-toggle-button-base-background-color: #ededed;
 	--component-user-menu-toggle-button-disabled-background-color: #dcdcdc;

package/dist/styleD/build/css/semantic/breakpoints.css

@@ -3,16 +3,7 @@
  */
 
 :root {
-	--semantic-breakpoints-sm-min: 0;
-	--semantic-breakpoints-sm-max: 671px;
-	--semantic-breakpoints-md-min: 672px;
-	--semantic-breakpoints-md-max: 1055px;
-	--semantic-breakpoints-lg-min: 1056px;
-	--semantic-breakpoints-lg-max: 1311px;
-	--semantic-breakpoints-xl-min: 1312px;
-	--semantic-breakpoints-xl-max: 1583px;
-	--semantic-breakpoints-max-min: 1584px;
-	--semantic-breakpoints-max-max: 1783px;
-	--semantic-breakpoints-maxplus-min: 1784px;
-	--semantic-breakpoints-maxplus-max: initial;
+	--semantic-breakpoints-sm: 0;
+	--semantic-breakpoints-md: 830px;
+	--semantic-breakpoints-lg: 1056px;
 }