@guardian/stand 0.0.7 → 0.0.9

package/dist/types/components/tag-picker/TagTable.d.ts

@@ -2,7 +2,7 @@ import type { SerializedStyles } from '@emotion/react';
 import { type ReactElement } from 'react';
 import { Row } from 'react-aria-components';
 import type { ComponentTagTable } from '../../styleD/build/typescript/component/tagTable';
-import type { DeepPartial } from '../util';
+import type { DeepPartial } from '../../util/types';
 import type { TagRow } from './types';
 type Row = TagRow | {
     tag: TagRow;

package/dist/types/components/tag-picker/styles.d.ts

@@ -1,7 +1,7 @@
 import type { SerializedStyles } from '@emotion/react';
 import { type ComponentTagAutocomplete } from '../../styleD/build/typescript/component/tagAutocomplete';
 import { type ComponentTagTable } from '../../styleD/build/typescript/component/tagTable';
-import { type DeepPartial } from '../util';
+import type { DeepPartial } from '../../util/types';
 export declare const tagAutocompleteInputStyles: (partialTheme?: DeepPartial<ComponentTagAutocomplete>) => SerializedStyles;
 export declare const listboxStyles: (partialTheme?: DeepPartial<ComponentTagAutocomplete>) => SerializedStyles;
 export declare const listboxItemStyles: (partialTheme?: DeepPartial<ComponentTagAutocomplete>) => SerializedStyles;

package/dist/types/index.d.ts

@@ -1,11 +1,16 @@
 /**
- * component exports
+ * Main entry point - Design tokens only
+ * Import components from their own entry points, this isolates components within their own peer dependencies.
  */
-export { Byline } from './components/byline/Byline';
-export type { BylineModel } from './components/byline/lib';
-export type { PartialBylineTheme } from './components/byline/theme';
-export { TagTable } from './components/tag-picker/TagTable';
-export { TagAutocomplete } from './components/tag-picker/TagAutocomplete';
+/**
+ * editorial components tokens exports
+ */
+export { componentByline } from './styleD/build/typescript/component/byline';
+export type { ComponentByline } from './styleD/build/typescript/component/byline';
+export { componentTagAutocomplete } from './styleD/build/typescript/component/tagAutocomplete';
+export type { ComponentTagAutocomplete } from './styleD/build/typescript/component/tagAutocomplete';
+export { componentTagTable } from './styleD/build/typescript/component/tagTable';
+export type { ComponentTagTable } from './styleD/build/typescript/component/tagTable';
 /**
  * style dictionary exports - base
  */
@@ -13,6 +18,12 @@ export { baseColors } from './styleD/build/typescript/base/colors';
 export type { BaseColors } from './styleD/build/typescript/base/colors';
 export { baseTypography } from './styleD/build/typescript/base/typography';
 export type { BaseTypography } from './styleD/build/typescript/base/typography';
+export { baseSpacing } from './styleD/build/typescript/base/spacing';
+export type { BaseSpacing } from './styleD/build/typescript/base/spacing';
+export { baseSizing } from './styleD/build/typescript/base/sizing';
+export type { BaseSizing } from './styleD/build/typescript/base/sizing';
+export { baseRadius } from './styleD/build/typescript/base/radius';
+export type { BaseRadius } from './styleD/build/typescript/base/radius';
 /**
  * style dictionary exports - semantic
  */
@@ -20,7 +31,5 @@ export { semanticColors } from './styleD/build/typescript/semantic/colors';
 export type { SemanticColors } from './styleD/build/typescript/semantic/colors';
 export { semanticTypography } from './styleD/build/typescript/semantic/typography';
 export type { SemanticTypography } from './styleD/build/typescript/semantic/typography';
-/**
- * utils exports
- */
-export { convertTypographyToEmotionObjectStyle, convertTypographyToEmotionStringStyle, } from './styleD/utils/semantic/typography';
+export { semanticSizing } from './styleD/build/typescript/semantic/sizing';
+export type { SemanticSizing } from './styleD/build/typescript/semantic/sizing';

package/dist/types/styleD/build/typescript/base/colors.d.ts

@@ -82,7 +82,7 @@ export declare const baseColors: {
     };
     readonly yellow: {
         readonly '50': "#433608";
-        readonly '100': "#6f590c";
+        readonly '100': "#5b4a0b";
         readonly '200': "#9a7c11";
         readonly '300': "#c69f16";
         readonly '400': "#f1c21b";
@@ -94,7 +94,7 @@ export declare const baseColors: {
     };
     readonly orange: {
         readonly '50': "#45260e";
-        readonly '100': "#713e17";
+        readonly '100': "#693c16";
         readonly '200': "#9d5621";
         readonly '300': "#c96e2a";
         readonly '400': "#f58633";
@@ -131,7 +131,7 @@ export declare const baseColors: {
     readonly 'cool-purple': {
         readonly '50': "#232740";
         readonly '100': "#394069";
-        readonly '200': "#505a92";
+        readonly '200': "#485084";
         readonly '300': "#6773bb";
         readonly '400': "#7d8ce4";
         readonly '500': "#94a1e9";

package/dist/types/styleD/build/typescript/base/radius.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const baseRadius: {
+    readonly 'corner-2-px': "2px";
+    readonly 'corner-4-px': "4px";
+    readonly 'corner-8-px': "8px";
+    readonly 'corner-2-rem': "0.125rem";
+    readonly 'corner-4-rem': "0.25rem";
+    readonly 'corner-8-rem': "0.5rem";
+};
+export type BaseRadius = typeof baseRadius;

package/dist/types/styleD/build/typescript/base/sizing.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const baseSizing: {
+    readonly 'size-1-px': "1px";
+    readonly 'size-2-px': "2px";
+    readonly 'size-16-px': "16px";
+    readonly 'size-18-px': "18px";
+    readonly 'size-20-px': "20px";
+    readonly 'size-24-px': "24px";
+    readonly 'size-32-px': "32px";
+    readonly 'size-40-px': "40px";
+    readonly 'size-48-px': "48px";
+    readonly 'size-1-rem': "0.0625rem";
+    readonly 'size-2-rem': "0.125rem";
+    readonly 'size-16-rem': "1rem";
+    readonly 'size-18-rem': "1.125rem";
+    readonly 'size-20-rem': "1.25rem";
+    readonly 'size-24-rem': "1.5rem";
+    readonly 'size-32-rem': "2rem";
+    readonly 'size-40-rem': "2.5rem";
+    readonly 'size-48-rem': "3rem";
+};
+export type BaseSizing = typeof baseSizing;

package/dist/types/styleD/build/typescript/base/spacing.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const baseSpacing: {
+    readonly '2-px': "2px";
+    readonly '4-px': "4px";
+    readonly '6-px': "6px";
+    readonly '8-px': "8px";
+    readonly '10-px': "10px";
+    readonly '12-px': "12px";
+    readonly '16-px': "16px";
+    readonly '20-px': "20px";
+    readonly '24-px': "24px";
+    readonly '32-px': "32px";
+    readonly '36-px': "36px";
+    readonly '40-px': "40px";
+    readonly '48-px': "48px";
+    readonly '64-px': "64px";
+    readonly '72-px': "72px";
+    readonly '80-px': "80px";
+    readonly '96-px': "96px";
+    readonly '2-rem': "0.125rem";
+    readonly '4-rem': "0.25rem";
+    readonly '6-rem': "0.375rem";
+    readonly '8-rem': "0.5rem";
+    readonly '10-rem': "0.625rem";
+    readonly '12-rem': "0.75rem";
+    readonly '16-rem': "1rem";
+    readonly '20-rem': "1.25rem";
+    readonly '24-rem': "1.5rem";
+    readonly '32-rem': "2rem";
+    readonly '36-rem': "2.25rem";
+    readonly '40-rem': "2.5rem";
+    readonly '48-rem': "3rem";
+    readonly '64-rem': "4rem";
+    readonly '72-rem': "4.5rem";
+    readonly '80-rem': "5rem";
+    readonly '96-rem': "6rem";
+};
+export type BaseSpacing = typeof baseSpacing;

package/dist/types/styleD/build/typescript/base/typography.d.ts

@@ -20,13 +20,24 @@ export declare const baseTypography: {
         readonly '36-px': "36px";
         readonly '42-px': "42px";
         readonly '48-px': "48px";
+        readonly '12-rem': "0.75rem";
+        readonly '14-rem': "0.875rem";
+        readonly '16-rem': "1rem";
+        readonly '18-rem': "1.125rem";
+        readonly '20-rem': "1.25rem";
+        readonly '24-rem': "1.5rem";
+        readonly '28-rem': "1.75rem";
+        readonly '32-rem': "2rem";
+        readonly '36-rem': "2.25rem";
+        readonly '42-rem': "2.625rem";
+        readonly '48-rem': "3rem";
     };
     readonly weight: {
-        readonly 'Guardian Text Egyptian': {
-            readonly normal: 400;
+        readonly 'Guardian Headline': {
             readonly bold: 700;
         };
-        readonly 'Guardian Headline': {
+        readonly 'Guardian Text Egyptian': {
+            readonly normal: 400;
             readonly bold: 700;
         };
         readonly 'Open Sans': {
@@ -54,12 +65,17 @@ export declare const baseTypography: {
         readonly tight: 1.15;
         readonly normal: 1.3;
         readonly loose: 1.4;
+        readonly interactive: 1;
     };
     readonly 'letter-spacing': {
         readonly 'densest-px': "-1px";
         readonly 'denser-px': "-0.5px";
         readonly 'dense-px': "-0.2px";
         readonly 'default-px': "0px";
+        readonly 'densest-rem': "-0.0625rem";
+        readonly 'denser-rem': "-0.03125rem";
+        readonly 'dense-rem': "-0.0125rem";
+        readonly 'default-rem': "0rem";
     };
 };
 export type BaseTypography = typeof baseTypography;

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

@@ -3,15 +3,31 @@
  */
 export declare const semanticColors: {
     text: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
+        default: string;
+        subdued: string;
         'inverse-default': string;
-        'inverse-secondary': string;
-        'inverse-tertiary': string;
+        'inverse-subdued': string;
         'inverse-strong': string;
+        error: string;
         warning: string;
         success: string;
+        information: string;
+        disabled: string;
+        green: string;
+        blue: string;
+        red: string;
+        cyan: string;
+        teal: string;
+        'cool-purple': string;
+        'warm-purple': string;
+        magenta: string;
+        orange: string;
+        yellow: string;
+        'interactive-disabled': string;
+    };
+    bg: {
+        'default-onDark': string;
+        'default-onLight': string;
     };
     surface: {
         'light-1': string;
@@ -23,15 +39,39 @@ export declare const semanticColors: {
         default: string;
         strong: string;
         'inverse-strong': string;
-    };
-    bg: {
-        'default-onDark': string;
-        'default-onLight': string;
+        'interactive-emphasised': string;
+        'interactive-neutral': string;
+        'interactive-disabled': string;
+        'interactive-focused': string;
     };
     status: {
         'status-draft': string;
         'status-live': string;
         'status-selected': string;
+        'status-focused': string;
+    };
+    fill: {
+        'interactive-primary-emphasised': string;
+        'interactive-primary-emphasised-hover': string;
+        'interactive-primary-emphasised-pressed': string;
+        'interactive-secondary-emphasised-hover': string;
+        'interactive-secondary-emphasised-pressed': string;
+        'interactive-primary-neutral': string;
+        'interactive-primary-neutral-hover': string;
+        'interactive-primary-neutral-pressed': string;
+        'interactive-secondary-neutral-hover': string;
+        'interactive-secondary-neutral-pressed': string;
+        'interactive-disabled': string;
+        'green-subtle': string;
+        'blue-subtle': string;
+        'red-subtle': string;
+        'cyan-subtle': string;
+        'teal-subtle': string;
+        'cool-purple-subtle': string;
+        'warm-purple-subtle': string;
+        'magenta-subtle': string;
+        'orange-subtle': string;
+        'yellow-subtle': string;
     };
 };
 export type SemanticColors = typeof semanticColors;

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

@@ -0,0 +1,21 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const semanticSizing: {
+    height: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    icon: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    border: {
+        default: string;
+        md: string;
+    };
+};
+export type SemanticSizing = typeof semanticSizing;