@guardian/stand 0.0.34 → 0.0.35

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/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/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;
 }

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

@@ -5,22 +5,22 @@
 :root {
 	--semantic-typography-title-sm-font: normal 700 1.125rem/1.15
 		'GH Guardian Headline';
-	--semantic-typography-title-sm-letter-spacing: 0rem;
+	--semantic-typography-title-sm-letter-spacing: 0;
 	--semantic-typography-title-sm-font-width: 100;
 	--semantic-typography-title-md-font: normal 700 1.25rem/1.15
 		'GH Guardian Headline';
-	--semantic-typography-title-md-letter-spacing: 0rem;
+	--semantic-typography-title-md-letter-spacing: 0;
 	--semantic-typography-title-md-font-width: 100;
 	--semantic-typography-title-lg-font: normal 700 1.5rem/1.15
 		'GH Guardian Headline';
-	--semantic-typography-title-lg-letter-spacing: 0rem;
+	--semantic-typography-title-lg-letter-spacing: 0;
 	--semantic-typography-title-lg-font-width: 100;
 	--semantic-typography-title-xl-font: normal 700 2rem/1.15
 		'GH Guardian Headline';
-	--semantic-typography-title-xl-letter-spacing: 0rem;
+	--semantic-typography-title-xl-letter-spacing: 0;
 	--semantic-typography-title-xl-font-width: 100;
 	--semantic-typography-heading-xs-font: normal 700 0.75rem/1.15 'Open Sans';
-	--semantic-typography-heading-xs-letter-spacing: 0rem;
+	--semantic-typography-heading-xs-letter-spacing: 0;
 	--semantic-typography-heading-xs-font-width: 95;
 	--semantic-typography-heading-sm-font: normal 700 0.875rem/1.15 'Open Sans';
 	--semantic-typography-heading-sm-letter-spacing: -0.0125rem;
@@ -39,11 +39,11 @@
 	--semantic-typography-heading-2xl-font-width: 95;
 	--semantic-typography-heading-compact-xs-font: normal 700 0.75rem/1.15
 		'Open Sans';
-	--semantic-typography-heading-compact-xs-letter-spacing: 0rem;
+	--semantic-typography-heading-compact-xs-letter-spacing: 0;
 	--semantic-typography-heading-compact-xs-font-width: 88;
 	--semantic-typography-heading-compact-sm-font: normal 700 0.875rem/1.15
 		'Open Sans';
-	--semantic-typography-heading-compact-sm-letter-spacing: 0rem;
+	--semantic-typography-heading-compact-sm-letter-spacing: 0;
 	--semantic-typography-heading-compact-sm-font-width: 88;
 	--semantic-typography-heading-compact-md-font: normal 700 1rem/1.15
 		'Open Sans';
@@ -62,171 +62,171 @@
 	--semantic-typography-heading-compact-2xl-letter-spacing: -0.03125rem;
 	--semantic-typography-heading-compact-2xl-font-width: 88;
 	--semantic-typography-body-xs-font: normal 460 0.75rem/1.3 'Open Sans';
-	--semantic-typography-body-xs-letter-spacing: 0rem;
+	--semantic-typography-body-xs-letter-spacing: 0;
 	--semantic-typography-body-xs-font-width: 95;
 	--semantic-typography-body-sm-font: normal 460 0.875rem/1.3 'Open Sans';
-	--semantic-typography-body-sm-letter-spacing: 0rem;
+	--semantic-typography-body-sm-letter-spacing: 0;
 	--semantic-typography-body-sm-font-width: 95;
 	--semantic-typography-body-md-font: normal 460 1rem/1.3 'Open Sans';
-	--semantic-typography-body-md-letter-spacing: 0rem;
+	--semantic-typography-body-md-letter-spacing: 0;
 	--semantic-typography-body-md-font-width: 95;
 	--semantic-typography-body-lg-font: normal 460 1.125rem/1.3 'Open Sans';
-	--semantic-typography-body-lg-letter-spacing: 0rem;
+	--semantic-typography-body-lg-letter-spacing: 0;
 	--semantic-typography-body-lg-font-width: 95;
 	--semantic-typography-body-xl-font: normal 460 1.25rem/1.3 'Open Sans';
-	--semantic-typography-body-xl-letter-spacing: 0rem;
+	--semantic-typography-body-xl-letter-spacing: 0;
 	--semantic-typography-body-xl-font-width: 95;
 	--semantic-typography-body-bold-xs-font: normal 700 0.75rem/1.3 'Open Sans';
-	--semantic-typography-body-bold-xs-letter-spacing: 0rem;
+	--semantic-typography-body-bold-xs-letter-spacing: 0;
 	--semantic-typography-body-bold-xs-font-width: 95;
 	--semantic-typography-body-bold-sm-font: normal 700 0.875rem/1.3 'Open Sans';
-	--semantic-typography-body-bold-sm-letter-spacing: 0rem;
+	--semantic-typography-body-bold-sm-letter-spacing: 0;
 	--semantic-typography-body-bold-sm-font-width: 95;
 	--semantic-typography-body-bold-md-font: normal 700 1rem/1.3 'Open Sans';
-	--semantic-typography-body-bold-md-letter-spacing: 0rem;
+	--semantic-typography-body-bold-md-letter-spacing: 0;
 	--semantic-typography-body-bold-md-font-width: 95;
 	--semantic-typography-body-bold-lg-font: normal 700 1.125rem/1.3 'Open Sans';
-	--semantic-typography-body-bold-lg-letter-spacing: 0rem;
+	--semantic-typography-body-bold-lg-letter-spacing: 0;
 	--semantic-typography-body-bold-lg-font-width: 95;
 	--semantic-typography-body-bold-xl-font: normal 700 1.25rem/1.3 'Open Sans';
-	--semantic-typography-body-bold-xl-letter-spacing: 0rem;
+	--semantic-typography-body-bold-xl-letter-spacing: 0;
 	--semantic-typography-body-bold-xl-font-width: 95;
 	--semantic-typography-body-italic-xs-font: italic 460 0.75rem/1.3 'Open Sans';
-	--semantic-typography-body-italic-xs-letter-spacing: 0rem;
+	--semantic-typography-body-italic-xs-letter-spacing: 0;
 	--semantic-typography-body-italic-xs-font-width: 95;
 	--semantic-typography-body-italic-sm-font: italic 460 0.875rem/1.3 'Open Sans';
-	--semantic-typography-body-italic-sm-letter-spacing: 0rem;
+	--semantic-typography-body-italic-sm-letter-spacing: 0;
 	--semantic-typography-body-italic-sm-font-width: 95;
 	--semantic-typography-body-italic-md-font: italic 460 1rem/1.3 'Open Sans';
-	--semantic-typography-body-italic-md-letter-spacing: 0rem;
+	--semantic-typography-body-italic-md-letter-spacing: 0;
 	--semantic-typography-body-italic-md-font-width: 95;
 	--semantic-typography-body-italic-lg-font: italic 460 1.125rem/1.3 'Open Sans';
-	--semantic-typography-body-italic-lg-letter-spacing: 0rem;
+	--semantic-typography-body-italic-lg-letter-spacing: 0;
 	--semantic-typography-body-italic-lg-font-width: 95;
 	--semantic-typography-body-italic-xl-font: italic 460 1.25rem/1.3 'Open Sans';
-	--semantic-typography-body-italic-xl-letter-spacing: 0rem;
+	--semantic-typography-body-italic-xl-letter-spacing: 0;
 	--semantic-typography-body-italic-xl-font-width: 95;
 	--semantic-typography-body-italic-bold-xs-font: italic 700 0.75rem/1.3
 		'Open Sans';
-	--semantic-typography-body-italic-bold-xs-letter-spacing: 0rem;
+	--semantic-typography-body-italic-bold-xs-letter-spacing: 0;
 	--semantic-typography-body-italic-bold-xs-font-width: 95;
 	--semantic-typography-body-italic-bold-sm-font: italic 700 0.875rem/1.3
 		'Open Sans';
-	--semantic-typography-body-italic-bold-sm-letter-spacing: 0rem;
+	--semantic-typography-body-italic-bold-sm-letter-spacing: 0;
 	--semantic-typography-body-italic-bold-sm-font-width: 95;
 	--semantic-typography-body-italic-bold-md-font: italic 700 1rem/1.3
 		'Open Sans';
-	--semantic-typography-body-italic-bold-md-letter-spacing: 0rem;
+	--semantic-typography-body-italic-bold-md-letter-spacing: 0;
 	--semantic-typography-body-italic-bold-md-font-width: 95;
 	--semantic-typography-body-italic-bold-lg-font: italic 700 1.125rem/1.3
 		'Open Sans';
-	--semantic-typography-body-italic-bold-lg-letter-spacing: 0rem;
+	--semantic-typography-body-italic-bold-lg-letter-spacing: 0;
 	--semantic-typography-body-italic-bold-lg-font-width: 95;
 	--semantic-typography-body-italic-bold-xl-font: italic 700 1.25rem/1.3
 		'Open Sans';
-	--semantic-typography-body-italic-bold-xl-letter-spacing: 0rem;
+	--semantic-typography-body-italic-bold-xl-letter-spacing: 0;
 	--semantic-typography-body-italic-bold-xl-font-width: 95;
 	--semantic-typography-body-compact-xs-font: normal 460 0.75rem/1.3 'Open Sans';
-	--semantic-typography-body-compact-xs-letter-spacing: 0rem;
+	--semantic-typography-body-compact-xs-letter-spacing: 0;
 	--semantic-typography-body-compact-xs-font-width: 88;
 	--semantic-typography-body-compact-sm-font: normal 460 0.875rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-sm-letter-spacing: 0rem;
+	--semantic-typography-body-compact-sm-letter-spacing: 0;
 	--semantic-typography-body-compact-sm-font-width: 88;
 	--semantic-typography-body-compact-md-font: normal 460 1rem/1.3 'Open Sans';
-	--semantic-typography-body-compact-md-letter-spacing: 0rem;
+	--semantic-typography-body-compact-md-letter-spacing: 0;
 	--semantic-typography-body-compact-md-font-width: 88;
 	--semantic-typography-body-compact-lg-font: normal 460 1.125rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-lg-letter-spacing: 0rem;
+	--semantic-typography-body-compact-lg-letter-spacing: 0;
 	--semantic-typography-body-compact-lg-font-width: 88;
 	--semantic-typography-body-compact-xl-font: normal 460 1.25rem/1.3 'Open Sans';
-	--semantic-typography-body-compact-xl-letter-spacing: 0rem;
+	--semantic-typography-body-compact-xl-letter-spacing: 0;
 	--semantic-typography-body-compact-xl-font-width: 88;
 	--semantic-typography-body-compact-bold-xs-font: normal 700 0.75rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-bold-xs-letter-spacing: 0rem;
+	--semantic-typography-body-compact-bold-xs-letter-spacing: 0;
 	--semantic-typography-body-compact-bold-xs-font-width: 88;
 	--semantic-typography-body-compact-bold-sm-font: normal 700 0.875rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-bold-sm-letter-spacing: 0rem;
+	--semantic-typography-body-compact-bold-sm-letter-spacing: 0;
 	--semantic-typography-body-compact-bold-sm-font-width: 88;
 	--semantic-typography-body-compact-bold-md-font: normal 700 1rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-bold-md-letter-spacing: 0rem;
+	--semantic-typography-body-compact-bold-md-letter-spacing: 0;
 	--semantic-typography-body-compact-bold-md-font-width: 88;
 	--semantic-typography-body-compact-bold-lg-font: normal 700 1.125rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-bold-lg-letter-spacing: 0rem;
+	--semantic-typography-body-compact-bold-lg-letter-spacing: 0;
 	--semantic-typography-body-compact-bold-lg-font-width: 88;
 	--semantic-typography-body-compact-bold-xl-font: normal 700 1.25rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-bold-xl-letter-spacing: 0rem;
+	--semantic-typography-body-compact-bold-xl-letter-spacing: 0;
 	--semantic-typography-body-compact-bold-xl-font-width: 88;
 	--semantic-typography-body-compact-italic-xs-font: italic 460 0.75rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-italic-xs-letter-spacing: 0rem;
+	--semantic-typography-body-compact-italic-xs-letter-spacing: 0;
 	--semantic-typography-body-compact-italic-xs-font-width: 88;
 	--semantic-typography-body-compact-italic-sm-font: italic 460 0.875rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-italic-sm-letter-spacing: 0rem;
+	--semantic-typography-body-compact-italic-sm-letter-spacing: 0;
 	--semantic-typography-body-compact-italic-sm-font-width: 88;
 	--semantic-typography-body-compact-italic-md-font: italic 460 1rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-italic-md-letter-spacing: 0rem;
+	--semantic-typography-body-compact-italic-md-letter-spacing: 0;
 	--semantic-typography-body-compact-italic-md-font-width: 88;
 	--semantic-typography-body-compact-italic-lg-font: italic 460 1.125rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-italic-lg-letter-spacing: 0rem;
+	--semantic-typography-body-compact-italic-lg-letter-spacing: 0;
 	--semantic-typography-body-compact-italic-lg-font-width: 88;
 	--semantic-typography-body-compact-italic-xl-font: italic 460 1.25rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-italic-xl-letter-spacing: 0rem;
+	--semantic-typography-body-compact-italic-xl-letter-spacing: 0;
 	--semantic-typography-body-compact-italic-xl-font-width: 88;
 	--semantic-typography-body-compact-italic-bold-xs-font: italic 700 0.75rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-italic-bold-xs-letter-spacing: 0rem;
+	--semantic-typography-body-compact-italic-bold-xs-letter-spacing: 0;
 	--semantic-typography-body-compact-italic-bold-xs-font-width: 88;
 	--semantic-typography-body-compact-italic-bold-sm-font: italic 700
 		0.875rem/1.3 'Open Sans';
-	--semantic-typography-body-compact-italic-bold-sm-letter-spacing: 0rem;
+	--semantic-typography-body-compact-italic-bold-sm-letter-spacing: 0;
 	--semantic-typography-body-compact-italic-bold-sm-font-width: 88;
 	--semantic-typography-body-compact-italic-bold-md-font: italic 700 1rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-italic-bold-md-letter-spacing: 0rem;
+	--semantic-typography-body-compact-italic-bold-md-letter-spacing: 0;
 	--semantic-typography-body-compact-italic-bold-md-font-width: 88;
 	--semantic-typography-body-compact-italic-bold-lg-font: italic 700
 		1.125rem/1.3 'Open Sans';
-	--semantic-typography-body-compact-italic-bold-lg-letter-spacing: 0rem;
+	--semantic-typography-body-compact-italic-bold-lg-letter-spacing: 0;
 	--semantic-typography-body-compact-italic-bold-lg-font-width: 88;
 	--semantic-typography-body-compact-italic-bold-xl-font: italic 700 1.25rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-italic-bold-xl-letter-spacing: 0rem;
+	--semantic-typography-body-compact-italic-bold-xl-letter-spacing: 0;
 	--semantic-typography-body-compact-italic-bold-xl-font-width: 88;
 	--semantic-typography-meta-md-font: normal 460 0.75rem/1.3 'Open Sans';
-	--semantic-typography-meta-md-letter-spacing: 0rem;
+	--semantic-typography-meta-md-letter-spacing: 0;
 	--semantic-typography-meta-md-font-width: 95;
 	--semantic-typography-meta-compact-md-font: normal 460 0.75rem/1.3 'Open Sans';
-	--semantic-typography-meta-compact-md-letter-spacing: 0rem;
+	--semantic-typography-meta-compact-md-letter-spacing: 0;
 	--semantic-typography-meta-compact-md-font-width: 88;
 	--semantic-typography-article-body-md-font: normal 400 1rem/1.4
 		GuardianTextEgyptian;
-	--semantic-typography-article-body-md-letter-spacing: 0rem;
+	--semantic-typography-article-body-md-letter-spacing: 0;
 	--semantic-typography-article-body-md-font-width: 100;
 	--semantic-typography-article-body-bold-md-font: normal 700 1rem/1.4
 		GuardianTextEgyptian;
-	--semantic-typography-article-body-bold-md-letter-spacing: 0rem;
+	--semantic-typography-article-body-bold-md-letter-spacing: 0;
 	--semantic-typography-article-body-bold-md-font-width: 100;
 	--semantic-typography-article-body-italic-md-font: italic 400 1rem/1.4
 		GuardianTextEgyptian;
-	--semantic-typography-article-body-italic-md-letter-spacing: 0rem;
+	--semantic-typography-article-body-italic-md-letter-spacing: 0;
 	--semantic-typography-article-body-italic-md-font-width: 100;
 	--semantic-typography-article-body-bold-italic-md-font: italic 700 1rem/1.4
 		GuardianTextEgyptian;
-	--semantic-typography-article-body-bold-italic-md-letter-spacing: 0rem;
+	--semantic-typography-article-body-bold-italic-md-letter-spacing: 0;
 	--semantic-typography-article-body-bold-italic-md-font-width: 100;
 	--semantic-typography-interactive-xs-font: normal 700 0.75rem/1 'Open Sans';
-	--semantic-typography-interactive-xs-letter-spacing: 0rem;
+	--semantic-typography-interactive-xs-letter-spacing: 0;
 	--semantic-typography-interactive-xs-font-width: 95;
 	--semantic-typography-interactive-sm-font: normal 700 0.875rem/1 'Open Sans';
 	--semantic-typography-interactive-sm-letter-spacing: -0.0125rem;
@@ -242,15 +242,15 @@
 	--semantic-typography-label-form-md-font-width: 95;
 	--semantic-typography-label-form-inline-sm-font: normal 460 0.875rem/1.3
 		'Open Sans';
-	--semantic-typography-label-form-inline-sm-letter-spacing: 0rem;
+	--semantic-typography-label-form-inline-sm-letter-spacing: 0;
 	--semantic-typography-label-form-inline-sm-font-width: 95;
 	--semantic-typography-label-form-inline-md-font: normal 460 1rem/1.3
 		'Open Sans';
-	--semantic-typography-label-form-inline-md-letter-spacing: 0rem;
+	--semantic-typography-label-form-inline-md-letter-spacing: 0;
 	--semantic-typography-label-form-inline-md-font-width: 95;
 	--semantic-typography-label-form-compact-sm-font: normal 700 0.875rem/1.15
 		'Open Sans';
-	--semantic-typography-label-form-compact-sm-letter-spacing: 0rem;
+	--semantic-typography-label-form-compact-sm-letter-spacing: 0;
 	--semantic-typography-label-form-compact-sm-font-width: 88;
 	--semantic-typography-label-form-compact-md-font: normal 700 1rem/1.15
 		'Open Sans';
@@ -258,18 +258,18 @@
 	--semantic-typography-label-form-compact-md-font-width: 88;
 	--semantic-typography-label-form-inline-compact-sm-font: normal 460
 		0.875rem/1.3 'Open Sans';
-	--semantic-typography-label-form-inline-compact-sm-letter-spacing: 0rem;
+	--semantic-typography-label-form-inline-compact-sm-letter-spacing: 0;
 	--semantic-typography-label-form-inline-compact-sm-font-width: 88;
 	--semantic-typography-label-form-inline-compact-md-font: normal 460 1rem/1.3
 		'Open Sans';
-	--semantic-typography-label-form-inline-compact-md-letter-spacing: 0rem;
+	--semantic-typography-label-form-inline-compact-md-letter-spacing: 0;
 	--semantic-typography-label-form-inline-compact-md-font-width: 88;
 	--semantic-typography-help-text-form-md-font: normal 460 0.875rem/1.3
 		'Open Sans';
-	--semantic-typography-help-text-form-md-letter-spacing: 0rem;
+	--semantic-typography-help-text-form-md-letter-spacing: 0;
 	--semantic-typography-help-text-form-md-font-width: 95;
 	--semantic-typography-help-text-form-compact-md-font: normal 460 0.875rem/1.3
 		'Open Sans';
-	--semantic-typography-help-text-form-compact-md-letter-spacing: 0rem;
+	--semantic-typography-help-text-form-compact-md-letter-spacing: 0;
 	--semantic-typography-help-text-form-compact-md-font-width: 88;
 }

package/dist/styleD/build/typescript/component/link.cjs

@@ -3,7 +3,7 @@
 const componentLink = {
   shared: {
     focus: {
-      outline: "1px solid #0072a9"
+      outline: "0.0625rem solid #0072a9"
     },
     hover: {
       color: "#00344e",

package/dist/styleD/build/typescript/component/link.js

@@ -1,7 +1,7 @@
 const componentLink = {
   shared: {
     focus: {
-      outline: "1px solid #0072a9"
+      outline: "0.0625rem solid #0072a9"
     },
     hover: {
       color: "#00344e",

package/dist/styleD/build/typescript/semantic/breakpoints.cjs

@@ -1,30 +1,9 @@
 'use strict';
 
 const semanticBreakpoints = {
-  sm: {
-    min: "0",
-    max: "671px"
-  },
-  md: {
-    min: "672px",
-    max: "1055px"
-  },
-  lg: {
-    min: "1056px",
-    max: "1311px"
-  },
-  xl: {
-    min: "1312px",
-    max: "1583px"
-  },
-  max: {
-    min: "1584px",
-    max: "1783px"
-  },
-  maxplus: {
-    min: "1784px",
-    max: "initial"
-  }
+  sm: "0px",
+  md: "830px",
+  lg: "1056px"
 };
 
 exports.semanticBreakpoints = semanticBreakpoints;

package/dist/styleD/build/typescript/semantic/breakpoints.js

@@ -1,28 +1,7 @@
 const semanticBreakpoints = {
-  sm: {
-    min: "0",
-    max: "671px"
-  },
-  md: {
-    min: "672px",
-    max: "1055px"
-  },
-  lg: {
-    min: "1056px",
-    max: "1311px"
-  },
-  xl: {
-    min: "1312px",
-    max: "1583px"
-  },
-  max: {
-    min: "1584px",
-    max: "1783px"
-  },
-  maxplus: {
-    min: "1784px",
-    max: "initial"
-  }
+  sm: "0px",
+  md: "830px",
+  lg: "1056px"
 };
 
 export { semanticBreakpoints };

package/dist/styleD/utils/semantic/mq.cjs

@@ -8,23 +8,23 @@ const minWidthQuery = (px) => `@media (min-width: ${px}px)`;
 const maxWidthQuery = (px) => `@media (max-width: ${px - smidgen}px)`;
 const minMaxWidthQuery = (minPx, maxPx) => `@media (min-width: ${minPx}px) and (max-width: ${maxPx - smidgen}px)`;
 const from = Object.fromEntries(
-  Object.entries(breakpoints.semanticBreakpoints).map(([name, { min }]) => [
+  Object.entries(breakpoints.semanticBreakpoints).map(([name, min]) => [
     name,
     minWidthQuery(parseMinPx(min))
   ])
 );
 const until = Object.fromEntries(
-  Object.entries(breakpoints.semanticBreakpoints).map(([name, { min }]) => [
+  Object.entries(breakpoints.semanticBreakpoints).map(([name, min]) => [
     name,
     maxWidthQuery(parseMinPx(min))
   ])
 );
 const between = Object.fromEntries(
-  Object.entries(breakpoints.semanticBreakpoints).map(([fromName, { min: fromMin }]) => [
+  Object.entries(breakpoints.semanticBreakpoints).map(([fromName, fromMin]) => [
     fromName,
     {
       and: Object.fromEntries(
-        Object.entries(breakpoints.semanticBreakpoints).filter(([toName]) => toName !== fromName).map(([toName, { min: toMin }]) => [
+        Object.entries(breakpoints.semanticBreakpoints).filter(([toName]) => toName !== fromName).map(([toName, toMin]) => [
           toName,
           minMaxWidthQuery(parseMinPx(fromMin), parseMinPx(toMin))
         ])

package/dist/styleD/utils/semantic/mq.js

@@ -5,18 +5,18 @@ const parseMinPx = (value) => value === "0" ? 0 : parseFloat(value);
 const minWidthQuery = (px) => `@media (min-width: ${px}px)`;
 const maxWidthQuery = (px) => `@media (max-width: ${px - smidgen}px)`;
 const minMaxWidthQuery = (minPx, maxPx) => `@media (min-width: ${minPx}px) and (max-width: ${maxPx - smidgen}px)`;
-const from = Object.fromEntries(Object.entries(semanticBreakpoints).map(([name, { min }]) => [
+const from = Object.fromEntries(Object.entries(semanticBreakpoints).map(([name, min]) => [
   name,
   minWidthQuery(parseMinPx(min))
 ]));
-const until = Object.fromEntries(Object.entries(semanticBreakpoints).map(([name, { min }]) => [
+const until = Object.fromEntries(Object.entries(semanticBreakpoints).map(([name, min]) => [
   name,
   maxWidthQuery(parseMinPx(min))
 ]));
-const between = Object.fromEntries(Object.entries(semanticBreakpoints).map(([fromName, { min: fromMin }]) => [
+const between = Object.fromEntries(Object.entries(semanticBreakpoints).map(([fromName, fromMin]) => [
   fromName,
   {
-    and: Object.fromEntries(Object.entries(semanticBreakpoints).filter(([toName]) => toName !== fromName).map(([toName, { min: toMin }]) => [
+    and: Object.fromEntries(Object.entries(semanticBreakpoints).filter(([toName]) => toName !== fromName).map(([toName, toMin]) => [
       toName,
       minMaxWidthQuery(parseMinPx(fromMin), parseMinPx(toMin))
     ]))

package/dist/types/components/topbar/styles.d.ts

@@ -7,8 +7,8 @@ export type PartialTopBarTheme = Prettify<DeepPartial<TopBarTheme>>;
 export declare const defaultTopBarTheme: TopBarTheme;
 export declare const topBarStyles: (theme: TopBarTheme) => SerializedStyles;
 export declare const topBarContainerStyles: (theme: TopBarTheme, { collapseBelow, showUntil, }?: {
-    collapseBelow?: "sm" | "md" | "lg" | "xl" | "max" | "maxplus" | undefined;
-    showUntil?: "sm" | "md" | "lg" | "xl" | "max" | "maxplus" | undefined;
+    collapseBelow?: "sm" | "md" | "lg" | undefined;
+    showUntil?: "sm" | "md" | "lg" | undefined;
 }) => SerializedStyles;
 export declare const topBarSpacerStyles: (theme: TopBarTheme) => SerializedStyles;
 export declare const topBarCollapsedNavMenuButtonStyles: (theme: TopBarTheme, menuOpen?: boolean) => SerializedStyles;

package/dist/types/styleD/build/typescript/semantic/breakpoints.d.ts

@@ -2,29 +2,8 @@
  * Do not edit directly, this file was auto-generated.
  */
 export declare const semanticBreakpoints: {
-    sm: {
-        min: string;
-        max: string;
-    };
-    md: {
-        min: string;
-        max: string;
-    };
-    lg: {
-        min: string;
-        max: string;
-    };
-    xl: {
-        min: string;
-        max: string;
-    };
-    max: {
-        min: string;
-        max: string;
-    };
-    maxplus: {
-        min: string;
-        max: string;
-    };
+    sm: string;
+    md: string;
+    lg: string;
 };
 export type SemanticBreakpoints = typeof semanticBreakpoints;

package/dist/types/styleD/utils/semantic/mq.d.ts

@@ -12,7 +12,7 @@ export type Breakpoint = keyof typeof semanticBreakpoints;
  *   }
  * `;
  */
-export declare const from: Record<"sm" | "md" | "lg" | "xl" | "max" | "maxplus", string>;
+export declare const from: Record<"sm" | "md" | "lg", string>;
 /**
  * Returns a `max-width` media query string for everything *below* the given
  * breakpoint (exclusive). Use to apply styles only on screens smaller than
@@ -26,7 +26,7 @@ export declare const from: Record<"sm" | "md" | "lg" | "xl" | "max" | "maxplus",
  *   }
  * `;
  */
-export declare const until: Record<"sm" | "md" | "lg" | "xl" | "max" | "maxplus", string>;
+export declare const until: Record<"sm" | "md" | "lg", string>;
 /**
  * Returns a combined `min-width` and `max-width` media query string for
  * the range starting at breakpoint A up to (but not including) breakpoint B.
@@ -41,21 +41,12 @@ export declare const until: Record<"sm" | "md" | "lg" | "xl" | "max" | "maxplus"
  */
 export declare const between: {
     sm: {
-        and: Record<"md" | "lg" | "xl" | "max" | "maxplus", string>;
+        and: Record<"md" | "lg", string>;
     };
     md: {
-        and: Record<"sm" | "lg" | "xl" | "max" | "maxplus", string>;
+        and: Record<"sm" | "lg", string>;
     };
     lg: {
-        and: Record<"sm" | "md" | "xl" | "max" | "maxplus", string>;
-    };
-    xl: {
-        and: Record<"sm" | "md" | "lg" | "max" | "maxplus", string>;
-    };
-    max: {
-        and: Record<"sm" | "md" | "lg" | "xl" | "maxplus", string>;
-    };
-    maxplus: {
-        and: Record<"sm" | "md" | "lg" | "xl" | "max", string>;
+        and: Record<"sm" | "md", string>;
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guardian/stand",
-  "version": "0.0.34",
+  "version": "0.0.35",
   "repository": {
     "url": "https://github.com/guardian/stand"
   },
@@ -157,6 +157,7 @@
     "./base/spacing.css": "./dist/styleD/build/css/base/spacing.css",
     "./base/sizing.css": "./dist/styleD/build/css/base/sizing.css",
     "./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/typography.css": "./dist/styleD/build/css/semantic/typography.css",
     "./semantic/sizing.css": "./dist/styleD/build/css/semantic/sizing.css",