diff --git a/apps/dictionary/tokens/internal/base/color.json b/apps/dictionary/tokens/internal/base/color.json index 0ae47e12e6..217cf9ac1a 100644 --- a/apps/dictionary/tokens/internal/base/color.json +++ b/apps/dictionary/tokens/internal/base/color.json @@ -18,14 +18,6 @@ "primary" ] }, - "oxford": { - "value": "#0F5499", - "type": "color", - "origamiKeys": [ - "palette", - "primary" - ] - }, "teal": { "value": "#0D7680", "type": "color", @@ -58,38 +50,6 @@ "secondary" ] }, - "lemon": { - "value": "#FFEC1A", - "type": "color", - "origamiKeys": [ - "palette", - "secondary" - ] - }, - "jade": { - "value": "#00994d", - "type": "color", - "origamiKeys": [ - "palette", - "tertiary" - ] - }, - "mandarin": { - "value": "#F83", - "type": "color", - "origamiKeys": [ - "palette", - "tertiary" - ] - }, - "crimson": { - "value": "#c00", - "type": "color", - "origamiKeys": [ - "palette", - "tertiary" - ] - }, "black-5": { "value": "#F2F2F2", "type": "color" @@ -130,38 +90,6 @@ "value": "#1a1a1a", "type": "color" }, - "oxford-30": { - "value": "#082A4D", - "type": "color" - }, - "oxford-40": { - "value": "#0A3866", - "type": "color" - }, - "oxford-50": { - "value": "#0D4680", - "type": "color" - }, - "oxford-60": { - "value": "#0F5499", - "type": "color" - }, - "oxford-70": { - "value": "#1262B3", - "type": "color" - }, - "oxford-80": { - "value": "#1470CC", - "type": "color" - }, - "oxford-90": { - "value": "#177EE6", - "type": "color" - }, - "oxford-100": { - "value": "#198CFF", - "type": "color" - }, "teal-20": { "value": "#052F33", "type": "color" @@ -197,6 +125,38 @@ "teal-100": { "value": "#1AEBFF", "type": "color" + }, + "jade-90": { + "value": "#00572C", + "type": "color" + }, + "jade": { + "value": "#00994D", + "type": "color" + }, + "jade-10": { + "value": "#CCEBDB", + "type": "color" + }, + "crimson": { + "value": "#B30000", + "type": "color" + }, + "crimson-10": { + "value": "#FAE6E6", + "type": "color" + }, + "lemon-90": { + "value": "#695008", + "type": "color" + }, + "lemon": { + "value": "#FABF14", + "type": "color" + }, + "lemon-10": { + "value": "#FFF2CC", + "type": "color" } } } diff --git a/apps/dictionary/tokens/internal/components/o3-form.json b/apps/dictionary/tokens/internal/components/o3-form.json index 0557b1a85a..ee5febfc3a 100644 --- a/apps/dictionary/tokens/internal/components/o3-form.json +++ b/apps/dictionary/tokens/internal/components/o3-form.json @@ -13,7 +13,7 @@ }, "error": { "value": { - "color": "{o3.color.use-case.error}", + "color": "{o3.color.use-case.error.foreground}", "width": "1.5px", "style": "solid" }, @@ -39,4 +39,4 @@ } } } -} \ No newline at end of file +} diff --git a/apps/dictionary/tokens/internal/components/o3-form/use-case.json b/apps/dictionary/tokens/internal/components/o3-form/use-case.json index 11dbcad5dd..94a36b27db 100644 --- a/apps/dictionary/tokens/internal/components/o3-form/use-case.json +++ b/apps/dictionary/tokens/internal/components/o3-form/use-case.json @@ -19,33 +19,33 @@ }, "border": { "@": { - "value": "{o3.color.palette.black-50}", + "value": "{o3.color.use-case.outline.@}", "type": "color" }, "hover": { - "value": "{o3.color.use-case.button.hover}", + "value": "{o3.color.palette.teal-40}", "type": "color" }, "active": { - "value": "{o3.color.use-case.button.pressed}", + "value": "{o3.color.palette.teal-40}", "type": "color" }, "disabled": { - "value": "{o3.color.use-case.button.disabled}", + "value": "#9EC0BD", "type": "color" } }, "selected": { "@": { - "value": "{o3.color.use-case.button.default}", + "value": "{o3.color.palette.teal}", "type": "color" }, "hover": { - "value": "{o3.color.use-case.button.hover}", + "value": "{o3.color.palette.teal-40}", "type": "color" }, "active": { - "value": "{o3.color.use-case.button.pressed}", + "value": "{o3.color.palette.teal-20}", "type": "color" }, "disabled": { diff --git a/apps/dictionary/tokens/internal/use-case/color.json b/apps/dictionary/tokens/internal/use-case/color.json index c54c8412ca..81b8ae47a7 100644 --- a/apps/dictionary/tokens/internal/use-case/color.json +++ b/apps/dictionary/tokens/internal/use-case/color.json @@ -2,171 +2,104 @@ "o3": { "color": { "use-case": { - "link": { - "text": { - "@": { - "value": "{o3.color.palette.teal}", - "type": "color", - "description": "" - }, - "hover": { - "value": "{o3.color.palette.teal-30}", - "type": "color" - } - }, - "underline": { - "@": { - "value": "#CFD8D1", - "type": "color" - }, - "hover": { - "value": "#9EC0BD", - "type": "color" - } - } - }, - "link-inverse": { - "text": { - "@": { - "value": "{o3.color.palette.white}", - "type": "color" - }, - "hover": { - "value": "{o3.color.palette.black-20}", - "type": "color" - } + "outline": { + "@": { + "value": "{o3.color.palette.black-20}", + "type": "color", + "description": "" }, - "underline": { - "@": { - "value": "{o3.color.palette.white}", - "type": "color" - }, - "hover": { - "value": "{o3.color.palette.black-20}", - "type": "color" - } - } - }, - "page": { - "background": { - "value": "{o3.color.palette.white}", + "focus": { + "value": "{o3.color.palette.teal}", "type": "color" } }, - "page-inverse": { - "background": { - "value": "{o3.color.palette.slate}", + "background": { + "neutral": { + "value": "{o3.color.palette.slate-white-15}", "type": "color" - } - }, - "body": { - "text": { - "value": "{o3.color.palette.black-80}", - "type": "color" - } - }, - "support": { - "text": { - "value": "{o3.color.palette.black-70}", + }, + "neutral-light": { + "value": "{o3.color.palette.slate-white-5}", "type": "color" } }, - "support-inverse": { - "text": { - "value": "{o3.color.palette.white}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "mix", - "value": "0.1", - "space": "srgb", - "color": "{o3.color.palette.slate} " - } - } - } - } - }, - "body-inverse": { - "text": { - "value": "{o3.color.palette.white}", + "success": { + "foreground": { + "value": "{o3.color.palette.jade-90}", "type": "color" - } - }, - "muted": { - "text": { - "value": "{o3.color.palette.black-20}", - "type": "color", - "description": "\"Muted\" text is less prominent, for example credits and captions." - } - }, - "muted-inverse": { - "text": { - "value": "#a8aaad", - "type": "color", - "description": "\"Muted\" text is less prominent, for example credits and captions." - } - }, - "heading": { - "text": { - "value": "{o3.color.palette.black-90}", + }, + "background": { + "value": "{o3.color.palette.jade-10}", "type": "color" - } - }, - "heading-inverse": { - "text": { - "value": "{o3.color.palette.white}", + }, + "highlight": { + "value": "{o3.color.palette.jade-90}", "type": "color" } }, - "button": { + "error": { "foreground": { - "value": "{o3.color.palette.white}", + "value": "{o3.color.palette.crimson}", "type": "color" }, - "foreground-disabled": { - "value": "{o3.color.palette.white}", - "type": "color" - }, - "default": { - "value": "{o3.color.palette.teal}", + "background": { + "value": "{o3.color.palette.crimson-10}", "type": "color" - }, - "hover": { - "value": "{o3.color.palette.teal-40}", + } + }, + "warning": { + "foreground": { + "value": "{o3.color.palette.lemon-90}", "type": "color" }, - "pressed": { - "value": "{o3.color.palette.teal-20}", + "background": { + "value": "{o3.color.palette.lemon-10}", "type": "color" }, - "disabled": { - "value": "#9EC0BD", + "highlight": { + "value": "{o3.color.palette.lemon}", "type": "color" } }, - "error-background": { - "value": "rgba(204,0,0,0.06)", - "type": "color" - }, - "error-text": { - "value": "{o3.color.palette.crimson}", - "type": "color" - }, - "error": { - "value": "{o3.color.palette.crimson}", - "type": "color", - "description": "[DEPRECATED] This token is going to be looked at in the upcoming audit." - }, - "success-background": { - "value": "#D7F0D1", - "type": "color" + "interactive": { + "text": { + "@": { + "value": "{o3.color.palette.teal}", + "type": "color" + }, + "hover": { + "value": "{o3.color.palette.teal-30}", + "type": "color" + } + }, + "background": { + "@": { + "value": "{o3.color.palette.white}", + "type": "color" + }, + "hover": { + "value": "#EBF6F7", + "type": "color" + }, + "hover-layered": { + "value": "#DAE5E5", + "type": "color" + } + } }, - "success-foreground": { - "value": "#00572C", - "type": "color" + "link": { + "underline": { + "@": { + "value": "#CFD8D1", + "type": "color" + }, + "hover": { + "value": "#9EC0BD", + "type": "color" + } + } } } } } -} +} \ No newline at end of file diff --git a/components/o-private-foundation/src/scss/tokens/internal.scss b/components/o-private-foundation/src/scss/tokens/internal.scss index e7166ea895..e29839a55d 100644 --- a/components/o-private-foundation/src/scss/tokens/internal.scss +++ b/components/o-private-foundation/src/scss/tokens/internal.scss @@ -115,15 +115,10 @@ $tokens: ( '_o3-button-ghost-mono-active-border': rgba(255, 255, 255, 0), 'o3-color-palette-black': #000000, 'o3-color-palette-white': #ffffff, - 'o3-color-palette-oxford': #0f5499, 'o3-color-palette-teal': #0d7680, 'o3-color-palette-slate': #262a33, 'o3-color-palette-slate-white-5': #f4f4f5, 'o3-color-palette-slate-white-15': #dedfe0, - 'o3-color-palette-lemon': #ffec1a, - 'o3-color-palette-jade': #00994d, - 'o3-color-palette-mandarin': #ff8833, - 'o3-color-palette-crimson': #cc0000, 'o3-color-palette-black-5': #f2f2f2, 'o3-color-palette-black-10': #e6e6e6, 'o3-color-palette-black-20': #cccccc, @@ -134,14 +129,6 @@ $tokens: ( 'o3-color-palette-black-70': #4d4d4d, 'o3-color-palette-black-80': #333333, 'o3-color-palette-black-90': #1a1a1a, - 'o3-color-palette-oxford-30': #082a4d, - 'o3-color-palette-oxford-40': #0a3866, - 'o3-color-palette-oxford-50': #0d4680, - 'o3-color-palette-oxford-60': #0f5499, - 'o3-color-palette-oxford-70': #1262b3, - 'o3-color-palette-oxford-80': #1470cc, - 'o3-color-palette-oxford-90': #177ee6, - 'o3-color-palette-oxford-100': #198cff, 'o3-color-palette-teal-20': #052f33, 'o3-color-palette-teal-30': #08474d, 'o3-color-palette-teal-40': #0a5e66, @@ -151,38 +138,33 @@ $tokens: ( 'o3-color-palette-teal-80': #15bccc, 'o3-color-palette-teal-90': #17d4e6, 'o3-color-palette-teal-100': #1aebff, - 'o3-color-use-case-link-text': #0d7680, - 'o3-color-use-case-link-text-hover': #08474d, + 'o3-color-palette-jade-90': #00572c, + 'o3-color-palette-jade': #00994d, + 'o3-color-palette-jade-10': #ccebdb, + 'o3-color-palette-crimson': #b30000, + 'o3-color-palette-crimson-10': #fae6e6, + 'o3-color-palette-lemon-90': #695008, + 'o3-color-palette-lemon': #fabf14, + 'o3-color-palette-lemon-10': #fff2cc, + 'o3-color-use-case-outline': #cccccc, + 'o3-color-use-case-outline-focus': #0d7680, + 'o3-color-use-case-background-neutral': #dedfe0, + 'o3-color-use-case-background-neutral-light': #f4f4f5, + 'o3-color-use-case-success-foreground': #00572c, + 'o3-color-use-case-success-background': #ccebdb, + 'o3-color-use-case-success-highlight': #00572c, + 'o3-color-use-case-error-foreground': #b30000, + 'o3-color-use-case-error-background': #fae6e6, + 'o3-color-use-case-warning-foreground': #695008, + 'o3-color-use-case-warning-background': #fff2cc, + 'o3-color-use-case-warning-highlight': #fabf14, + 'o3-color-use-case-interactive-text': #0d7680, + 'o3-color-use-case-interactive-text-hover': #08474d, + 'o3-color-use-case-interactive-background': #ffffff, + 'o3-color-use-case-interactive-background-hover': #ebf6f7, + 'o3-color-use-case-interactive-background-hover-layered': #dae5e5, 'o3-color-use-case-link-underline': #cfd8d1, 'o3-color-use-case-link-underline-hover': #9ec0bd, - 'o3-color-use-case-link-inverse-text': #ffffff, - 'o3-color-use-case-link-inverse-text-hover': #cccccc, - 'o3-color-use-case-link-inverse-underline': #ffffff, - 'o3-color-use-case-link-inverse-underline-hover': #cccccc, - 'o3-color-use-case-page-background': #ffffff, - 'o3-color-use-case-page-inverse-background': #262a33, - 'o3-color-use-case-body-text': #333333, - 'o3-color-use-case-support-text': #4d4d4d, - 'o3-color-use-case-support-inverse-text': #e9eaeb, - 'o3-color-use-case-body-inverse-text': #ffffff, - // "Muted" text is less prominent, for example credits and captions. - 'o3-color-use-case-muted-text': #cccccc, - // "Muted" text is less prominent, for example credits and captions. - 'o3-color-use-case-muted-inverse-text': #a8aaad, - 'o3-color-use-case-heading-text': #1a1a1a, - 'o3-color-use-case-heading-inverse-text': #ffffff, - 'o3-color-use-case-button-foreground': #ffffff, - 'o3-color-use-case-button-foreground-disabled': #ffffff, - 'o3-color-use-case-button-default': #0d7680, - 'o3-color-use-case-button-hover': #0a5e66, - 'o3-color-use-case-button-pressed': #052f33, - 'o3-color-use-case-button-disabled': #9ec0bd, - 'o3-color-use-case-error-background': rgba(204, 0, 0, 0.06), - 'o3-color-use-case-error-text': #cc0000, - // [DEPRECATED] This token is going to be looked at in the upcoming audit. - 'o3-color-use-case-error': #cc0000, - 'o3-color-use-case-success-background': #d7f0d1, - 'o3-color-use-case-success-foreground': #00572c, 'o3-spacing-5xs': 0.25rem, 'o3-spacing-4xs': 0.5rem, 'o3-spacing-3xs': 0.75rem, @@ -290,16 +272,16 @@ $tokens: ( // Use this style for labels such as badges and metadata in teasers and toppers (e.g., "Live," "Premium," or the main timestamp). Avoid using full sentences. 'o3-type-label-text-case': uppercase, '_o3-form-input-border': 1.5px solid #b3b3b3, - '_o3-form-input-border-error': 1.5px solid #cc0000, + '_o3-form-input-border-error': 1.5px solid #b30000, '_o3-form-input-border-radius': 0.125rem, '_o3-form-error-summary-background-color': rgba(204, 0, 0, 0.14), '_o3-form-icon-error': url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4528 11.25C17.4528 10.9739 17.229 10.75 16.9528 10.75H7.04718C6.77104 10.75 6.54718 10.9739 6.54718 11.25V12.75C6.54718 13.0261 6.77104 13.25 7.04718 13.25H16.9528C17.229 13.25 17.4528 13.0261 17.4528 12.75V11.25Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12Z' fill='black'/%3E%3C/svg%3E"), '_o3-form-color-use-case-background': #ffffff, '_o3-form-color-use-case-background-disabled': #e6e6e6, '_o3-form-color-use-case-background-error': rgba(204, 0, 0, 0.06), - '_o3-form-color-use-case-border': #808080, + '_o3-form-color-use-case-border': #cccccc, '_o3-form-color-use-case-border-hover': #0a5e66, - '_o3-form-color-use-case-border-active': #052f33, + '_o3-form-color-use-case-border-active': #0a5e66, '_o3-form-color-use-case-border-disabled': #9ec0bd, '_o3-form-color-use-case-selected': #0d7680, '_o3-form-color-use-case-selected-hover': #0a5e66, diff --git a/components/o3-form/src/css/tokens/internal/o3-form/_variables.css b/components/o3-form/src/css/tokens/internal/o3-form/_variables.css index b710dd5698..1c5434830b 100644 --- a/components/o3-form/src/css/tokens/internal/o3-form/_variables.css +++ b/components/o3-form/src/css/tokens/internal/o3-form/_variables.css @@ -7,17 +7,17 @@ --_o3-form-error-summary-background-color: rgba(204, 0, 0, 0.14); --_o3-form-icon-error: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4528 11.25C17.4528 10.9739 17.229 10.75 16.9528 10.75H7.04718C6.77104 10.75 6.54718 10.9739 6.54718 11.25V12.75C6.54718 13.0261 6.77104 13.25 7.04718 13.25H16.9528C17.229 13.25 17.4528 13.0261 17.4528 12.75V11.25Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12Z' fill='black'/%3E%3C/svg%3E"); --_o3-form-color-use-case-background-error: rgba(204, 0, 0, 0.06); + --_o3-form-color-use-case-border-disabled: #9ec0bd; --_o3-form-input-border: 1.5px solid #b3b3b3; --_o3-form-input-border-radius: var(--o3-border-radius-1); --_o3-form-color-use-case-background: var(--o3-color-palette-white); --_o3-form-color-use-case-background-disabled: var(--o3-color-palette-black-10); - --_o3-form-color-use-case-border: var(--o3-color-palette-black-50); - --_o3-form-color-use-case-border-disabled: var(--o3-color-use-case-button-disabled); + --_o3-form-color-use-case-border-hover: var(--o3-color-palette-teal-40); + --_o3-form-color-use-case-border-active: var(--o3-color-palette-teal-40); + --_o3-form-color-use-case-selected: var(--o3-color-palette-teal); + --_o3-form-color-use-case-selected-hover: var(--o3-color-palette-teal-40); + --_o3-form-color-use-case-selected-active: var(--o3-color-palette-teal-20); --_o3-form-color-use-case-selected-disabled: var(--o3-color-palette-black-5); - --_o3-form-input-border-error: 1.5px solid #cc0000; - --_o3-form-color-use-case-border-hover: var(--o3-color-use-case-button-hover); - --_o3-form-color-use-case-border-active: var(--o3-color-use-case-button-pressed); - --_o3-form-color-use-case-selected: var(--o3-color-use-case-button-default); - --_o3-form-color-use-case-selected-hover: var(--o3-color-use-case-button-hover); - --_o3-form-color-use-case-selected-active: var(--o3-color-use-case-button-pressed); + --_o3-form-input-border-error: 1.5px solid #b30000; + --_o3-form-color-use-case-border: var(--o3-color-use-case-outline); } diff --git a/components/o3-foundation/src/css/tokens/internal/_variables.css b/components/o3-foundation/src/css/tokens/internal/_variables.css index bbb58119a9..40ed7bdfe9 100644 --- a/components/o3-foundation/src/css/tokens/internal/_variables.css +++ b/components/o3-foundation/src/css/tokens/internal/_variables.css @@ -6,15 +6,10 @@ [data-o3-brand="internal"] { --o3-color-palette-black: #000000; --o3-color-palette-white: #ffffff; - --o3-color-palette-oxford: #0f5499; --o3-color-palette-teal: #0d7680; --o3-color-palette-slate: #262a33; --o3-color-palette-slate-white-5: #f4f4f5; --o3-color-palette-slate-white-15: #dedfe0; - --o3-color-palette-lemon: #ffec1a; - --o3-color-palette-jade: #00994d; - --o3-color-palette-mandarin: #ff8833; - --o3-color-palette-crimson: #cc0000; --o3-color-palette-black-5: #f2f2f2; --o3-color-palette-black-10: #e6e6e6; --o3-color-palette-black-20: #cccccc; @@ -25,14 +20,6 @@ --o3-color-palette-black-70: #4d4d4d; --o3-color-palette-black-80: #333333; --o3-color-palette-black-90: #1a1a1a; - --o3-color-palette-oxford-30: #082a4d; - --o3-color-palette-oxford-40: #0a3866; - --o3-color-palette-oxford-50: #0d4680; - --o3-color-palette-oxford-60: #0f5499; - --o3-color-palette-oxford-70: #1262b3; - --o3-color-palette-oxford-80: #1470cc; - --o3-color-palette-oxford-90: #177ee6; - --o3-color-palette-oxford-100: #198cff; --o3-color-palette-teal-20: #052f33; --o3-color-palette-teal-30: #08474d; --o3-color-palette-teal-40: #0a5e66; @@ -42,13 +29,18 @@ --o3-color-palette-teal-80: #15bccc; --o3-color-palette-teal-90: #17d4e6; --o3-color-palette-teal-100: #1aebff; + --o3-color-palette-jade-90: #00572c; + --o3-color-palette-jade: #00994d; + --o3-color-palette-jade-10: #ccebdb; + --o3-color-palette-crimson: #b30000; + --o3-color-palette-crimson-10: #fae6e6; + --o3-color-palette-lemon-90: #695008; + --o3-color-palette-lemon: #fabf14; + --o3-color-palette-lemon-10: #fff2cc; + --o3-color-use-case-interactive-background-hover: #ebf6f7; + --o3-color-use-case-interactive-background-hover-layered: #dae5e5; --o3-color-use-case-link-underline: #cfd8d1; --o3-color-use-case-link-underline-hover: #9ec0bd; - --o3-color-use-case-muted-inverse-text: #a8aaad; /** "Muted" text is less prominent, for example credits and captions. */ - --o3-color-use-case-button-disabled: #9ec0bd; - --o3-color-use-case-error-background: rgba(204, 0, 0, 0.06); - --o3-color-use-case-success-background: #d7f0d1; - --o3-color-use-case-success-foreground: #00572c; --o3-spacing-5xs: 0.25rem; --o3-spacing-4xs: 0.5rem; --o3-spacing-3xs: 0.75rem; @@ -122,28 +114,21 @@ --o3-font-size-metric2-negative-1: 0.875rem; --o3-border-radius-1: 0.125rem; /** for default radius on interactive elements */ --o3-border-radius-2: 0.25rem; /** for the outer radius of interactive elements that have both inner and outer boundaries as in box radio button */ - --o3-color-use-case-link-text: var(--o3-color-palette-teal); - --o3-color-use-case-link-text-hover: var(--o3-color-palette-teal-30); - --o3-color-use-case-link-inverse-text: var(--o3-color-palette-white); - --o3-color-use-case-link-inverse-text-hover: var(--o3-color-palette-black-20); - --o3-color-use-case-link-inverse-underline: var(--o3-color-palette-white); - --o3-color-use-case-link-inverse-underline-hover: var(--o3-color-palette-black-20); - --o3-color-use-case-page-background: var(--o3-color-palette-white); - --o3-color-use-case-page-inverse-background: var(--o3-color-palette-slate); - --o3-color-use-case-body-text: var(--o3-color-palette-black-80); - --o3-color-use-case-support-text: var(--o3-color-palette-black-70); - --o3-color-use-case-support-inverse-text: #e9eaeb; - --o3-color-use-case-body-inverse-text: var(--o3-color-palette-white); - --o3-color-use-case-muted-text: var(--o3-color-palette-black-20); /** "Muted" text is less prominent, for example credits and captions. */ - --o3-color-use-case-heading-text: var(--o3-color-palette-black-90); - --o3-color-use-case-heading-inverse-text: var(--o3-color-palette-white); - --o3-color-use-case-button-foreground: var(--o3-color-palette-white); - --o3-color-use-case-button-foreground-disabled: var(--o3-color-palette-white); - --o3-color-use-case-button-default: var(--o3-color-palette-teal); - --o3-color-use-case-button-hover: var(--o3-color-palette-teal-40); - --o3-color-use-case-button-pressed: var(--o3-color-palette-teal-20); - --o3-color-use-case-error-text: var(--o3-color-palette-crimson); - --o3-color-use-case-error: var(--o3-color-palette-crimson); /** [DEPRECATED] This token is going to be looked at in the upcoming audit. */ + --o3-color-use-case-outline: var(--o3-color-palette-black-20); + --o3-color-use-case-outline-focus: var(--o3-color-palette-teal); + --o3-color-use-case-background-neutral: var(--o3-color-palette-slate-white-15); + --o3-color-use-case-background-neutral-light: var(--o3-color-palette-slate-white-5); + --o3-color-use-case-success-foreground: var(--o3-color-palette-jade-90); + --o3-color-use-case-success-background: var(--o3-color-palette-jade-10); + --o3-color-use-case-success-highlight: var(--o3-color-palette-jade-90); + --o3-color-use-case-error-foreground: var(--o3-color-palette-crimson); + --o3-color-use-case-error-background: var(--o3-color-palette-crimson-10); + --o3-color-use-case-warning-foreground: var(--o3-color-palette-lemon-90); + --o3-color-use-case-warning-background: var(--o3-color-palette-lemon-10); + --o3-color-use-case-warning-highlight: var(--o3-color-palette-lemon); + --o3-color-use-case-interactive-text: var(--o3-color-palette-teal); + --o3-color-use-case-interactive-text-hover: var(--o3-color-palette-teal-30); + --o3-color-use-case-interactive-background: var(--o3-color-palette-white); --o3-type-display-lg-font-family: var(--o3-font-family-financier-display); /** Use this style for large screens headlines in the main headers (toppers) of content pages, for prominent, large teasers or landing pages. */ --o3-type-display-lg-font-weight: var(--o3-font-weight-bold); /** Use this style for large screens headlines in the main headers (toppers) of content pages, for prominent, large teasers or landing pages. */ --o3-type-display-lg-font-size: var(--o3-font-size-7); /** Use this style for large screens headlines in the main headers (toppers) of content pages, for prominent, large teasers or landing pages. */ diff --git a/components/o3-foundation/src/js/tokens/internal-named.js b/components/o3-foundation/src/js/tokens/internal-named.js index 4ceac0a0b9..75ddb9b777 100644 --- a/components/o3-foundation/src/js/tokens/internal-named.js +++ b/components/o3-foundation/src/js/tokens/internal-named.js @@ -4,15 +4,10 @@ export const o3_color_palette_black = "#000000"; export const o3_color_palette_white = "#ffffff"; -export const o3_color_palette_oxford = "#0f5499"; export const o3_color_palette_teal = "#0d7680"; export const o3_color_palette_slate = "#262a33"; export const o3_color_palette_slate_white_5 = "#f4f4f5"; export const o3_color_palette_slate_white_15 = "#dedfe0"; -export const o3_color_palette_lemon = "#ffec1a"; -export const o3_color_palette_jade = "#00994d"; -export const o3_color_palette_mandarin = "#ff8833"; -export const o3_color_palette_crimson = "#cc0000"; export const o3_color_palette_black_5 = "#f2f2f2"; export const o3_color_palette_black_10 = "#e6e6e6"; export const o3_color_palette_black_20 = "#cccccc"; @@ -23,14 +18,6 @@ export const o3_color_palette_black_60 = "#666666"; export const o3_color_palette_black_70 = "#4d4d4d"; export const o3_color_palette_black_80 = "#333333"; export const o3_color_palette_black_90 = "#1a1a1a"; -export const o3_color_palette_oxford_30 = "#082a4d"; -export const o3_color_palette_oxford_40 = "#0a3866"; -export const o3_color_palette_oxford_50 = "#0d4680"; -export const o3_color_palette_oxford_60 = "#0f5499"; -export const o3_color_palette_oxford_70 = "#1262b3"; -export const o3_color_palette_oxford_80 = "#1470cc"; -export const o3_color_palette_oxford_90 = "#177ee6"; -export const o3_color_palette_oxford_100 = "#198cff"; export const o3_color_palette_teal_20 = "#052f33"; export const o3_color_palette_teal_30 = "#08474d"; export const o3_color_palette_teal_40 = "#0a5e66"; @@ -40,35 +27,33 @@ export const o3_color_palette_teal_70 = "#12a5b3"; export const o3_color_palette_teal_80 = "#15bccc"; export const o3_color_palette_teal_90 = "#17d4e6"; export const o3_color_palette_teal_100 = "#1aebff"; -export const o3_color_use_case_link_text = "#0d7680"; -export const o3_color_use_case_link_text_hover = "#08474d"; +export const o3_color_palette_jade_90 = "#00572c"; +export const o3_color_palette_jade = "#00994d"; +export const o3_color_palette_jade_10 = "#ccebdb"; +export const o3_color_palette_crimson = "#b30000"; +export const o3_color_palette_crimson_10 = "#fae6e6"; +export const o3_color_palette_lemon_90 = "#695008"; +export const o3_color_palette_lemon = "#fabf14"; +export const o3_color_palette_lemon_10 = "#fff2cc"; +export const o3_color_use_case_outline = "#cccccc"; +export const o3_color_use_case_outline_focus = "#0d7680"; +export const o3_color_use_case_background_neutral = "#dedfe0"; +export const o3_color_use_case_background_neutral_light = "#f4f4f5"; +export const o3_color_use_case_success_foreground = "#00572c"; +export const o3_color_use_case_success_background = "#ccebdb"; +export const o3_color_use_case_success_highlight = "#00572c"; +export const o3_color_use_case_error_foreground = "#b30000"; +export const o3_color_use_case_error_background = "#fae6e6"; +export const o3_color_use_case_warning_foreground = "#695008"; +export const o3_color_use_case_warning_background = "#fff2cc"; +export const o3_color_use_case_warning_highlight = "#fabf14"; +export const o3_color_use_case_interactive_text = "#0d7680"; +export const o3_color_use_case_interactive_text_hover = "#08474d"; +export const o3_color_use_case_interactive_background = "#ffffff"; +export const o3_color_use_case_interactive_background_hover = "#ebf6f7"; +export const o3_color_use_case_interactive_background_hover_layered = "#dae5e5"; export const o3_color_use_case_link_underline = "#cfd8d1"; export const o3_color_use_case_link_underline_hover = "#9ec0bd"; -export const o3_color_use_case_link_inverse_text = "#ffffff"; -export const o3_color_use_case_link_inverse_text_hover = "#cccccc"; -export const o3_color_use_case_link_inverse_underline = "#ffffff"; -export const o3_color_use_case_link_inverse_underline_hover = "#cccccc"; -export const o3_color_use_case_page_background = "#ffffff"; -export const o3_color_use_case_page_inverse_background = "#262a33"; -export const o3_color_use_case_body_text = "#333333"; -export const o3_color_use_case_support_text = "#4d4d4d"; -export const o3_color_use_case_support_inverse_text = "#e9eaeb"; -export const o3_color_use_case_body_inverse_text = "#ffffff"; -export const o3_color_use_case_muted_text = "#cccccc"; // "Muted" text is less prominent, for example credits and captions. -export const o3_color_use_case_muted_inverse_text = "#a8aaad"; // "Muted" text is less prominent, for example credits and captions. -export const o3_color_use_case_heading_text = "#1a1a1a"; -export const o3_color_use_case_heading_inverse_text = "#ffffff"; -export const o3_color_use_case_button_foreground = "#ffffff"; -export const o3_color_use_case_button_foreground_disabled = "#ffffff"; -export const o3_color_use_case_button_default = "#0d7680"; -export const o3_color_use_case_button_hover = "#0a5e66"; -export const o3_color_use_case_button_pressed = "#052f33"; -export const o3_color_use_case_button_disabled = "#9ec0bd"; -export const o3_color_use_case_error_background = "rgba(204, 0, 0, 0.06)"; -export const o3_color_use_case_error_text = "#cc0000"; -export const o3_color_use_case_error = "#cc0000"; // [DEPRECATED] This token is going to be looked at in the upcoming audit. -export const o3_color_use_case_success_background = "#d7f0d1"; -export const o3_color_use_case_success_foreground = "#00572c"; export const o3_spacing_5xs = "0.25rem"; export const o3_spacing_4xs = "0.5rem"; export const o3_spacing_3xs = "0.75rem"; diff --git a/components/o3-foundation/src/js/tokens/internal.js b/components/o3-foundation/src/js/tokens/internal.js index b17a830b75..80c9cd1920 100644 --- a/components/o3-foundation/src/js/tokens/internal.js +++ b/components/o3-foundation/src/js/tokens/internal.js @@ -5,15 +5,10 @@ export default { "o3-color-palette-black": "#000000", "o3-color-palette-white": "#ffffff", - "o3-color-palette-oxford": "#0f5499", "o3-color-palette-teal": "#0d7680", "o3-color-palette-slate": "#262a33", "o3-color-palette-slate-white-5": "#f4f4f5", "o3-color-palette-slate-white-15": "#dedfe0", - "o3-color-palette-lemon": "#ffec1a", - "o3-color-palette-jade": "#00994d", - "o3-color-palette-mandarin": "#ff8833", - "o3-color-palette-crimson": "#cc0000", "o3-color-palette-black-5": "#f2f2f2", "o3-color-palette-black-10": "#e6e6e6", "o3-color-palette-black-20": "#cccccc", @@ -24,14 +19,6 @@ export default { "o3-color-palette-black-70": "#4d4d4d", "o3-color-palette-black-80": "#333333", "o3-color-palette-black-90": "#1a1a1a", - "o3-color-palette-oxford-30": "#082a4d", - "o3-color-palette-oxford-40": "#0a3866", - "o3-color-palette-oxford-50": "#0d4680", - "o3-color-palette-oxford-60": "#0f5499", - "o3-color-palette-oxford-70": "#1262b3", - "o3-color-palette-oxford-80": "#1470cc", - "o3-color-palette-oxford-90": "#177ee6", - "o3-color-palette-oxford-100": "#198cff", "o3-color-palette-teal-20": "#052f33", "o3-color-palette-teal-30": "#08474d", "o3-color-palette-teal-40": "#0a5e66", @@ -41,35 +28,33 @@ export default { "o3-color-palette-teal-80": "#15bccc", "o3-color-palette-teal-90": "#17d4e6", "o3-color-palette-teal-100": "#1aebff", - "o3-color-use-case-link-text": "#0d7680", - "o3-color-use-case-link-text-hover": "#08474d", + "o3-color-palette-jade-90": "#00572c", + "o3-color-palette-jade": "#00994d", + "o3-color-palette-jade-10": "#ccebdb", + "o3-color-palette-crimson": "#b30000", + "o3-color-palette-crimson-10": "#fae6e6", + "o3-color-palette-lemon-90": "#695008", + "o3-color-palette-lemon": "#fabf14", + "o3-color-palette-lemon-10": "#fff2cc", + "o3-color-use-case-outline": "#cccccc", + "o3-color-use-case-outline-focus": "#0d7680", + "o3-color-use-case-background-neutral": "#dedfe0", + "o3-color-use-case-background-neutral-light": "#f4f4f5", + "o3-color-use-case-success-foreground": "#00572c", + "o3-color-use-case-success-background": "#ccebdb", + "o3-color-use-case-success-highlight": "#00572c", + "o3-color-use-case-error-foreground": "#b30000", + "o3-color-use-case-error-background": "#fae6e6", + "o3-color-use-case-warning-foreground": "#695008", + "o3-color-use-case-warning-background": "#fff2cc", + "o3-color-use-case-warning-highlight": "#fabf14", + "o3-color-use-case-interactive-text": "#0d7680", + "o3-color-use-case-interactive-text-hover": "#08474d", + "o3-color-use-case-interactive-background": "#ffffff", + "o3-color-use-case-interactive-background-hover": "#ebf6f7", + "o3-color-use-case-interactive-background-hover-layered": "#dae5e5", "o3-color-use-case-link-underline": "#cfd8d1", "o3-color-use-case-link-underline-hover": "#9ec0bd", - "o3-color-use-case-link-inverse-text": "#ffffff", - "o3-color-use-case-link-inverse-text-hover": "#cccccc", - "o3-color-use-case-link-inverse-underline": "#ffffff", - "o3-color-use-case-link-inverse-underline-hover": "#cccccc", - "o3-color-use-case-page-background": "#ffffff", - "o3-color-use-case-page-inverse-background": "#262a33", - "o3-color-use-case-body-text": "#333333", - "o3-color-use-case-support-text": "#4d4d4d", - "o3-color-use-case-support-inverse-text": "#e9eaeb", - "o3-color-use-case-body-inverse-text": "#ffffff", - "o3-color-use-case-muted-text": "#cccccc", - "o3-color-use-case-muted-inverse-text": "#a8aaad", - "o3-color-use-case-heading-text": "#1a1a1a", - "o3-color-use-case-heading-inverse-text": "#ffffff", - "o3-color-use-case-button-foreground": "#ffffff", - "o3-color-use-case-button-foreground-disabled": "#ffffff", - "o3-color-use-case-button-default": "#0d7680", - "o3-color-use-case-button-hover": "#0a5e66", - "o3-color-use-case-button-pressed": "#052f33", - "o3-color-use-case-button-disabled": "#9ec0bd", - "o3-color-use-case-error-background": "rgba(204, 0, 0, 0.06)", - "o3-color-use-case-error-text": "#cc0000", - "o3-color-use-case-error": "#cc0000", - "o3-color-use-case-success-background": "#d7f0d1", - "o3-color-use-case-success-foreground": "#00572c", "o3-spacing-5xs": "0.25rem", "o3-spacing-4xs": "0.5rem", "o3-spacing-3xs": "0.75rem", diff --git a/libraries/o3-figma-sb-links/src/figma-links.json b/libraries/o3-figma-sb-links/src/figma-links.json index 73c4bae782..c7db8655ad 100644 --- a/libraries/o3-figma-sb-links/src/figma-links.json +++ b/libraries/o3-figma-sb-links/src/figma-links.json @@ -149,6 +149,7 @@ "o3-form--error-summary": "", "o3-form--file-input": "", "o3-form--file-input-error-state": "", + "o3-form--file-input-javascript": "", "o3-form--password-input": "", "o3-form--password-input-error-state": "", "o3-form--radio-button": "", @@ -225,6 +226,8 @@ "sustainable-views-o3-tooltip--toggle-tooltip": "https://www.figma.com/design/Y7u0SwIJ1mCNDE0dpzgHCJ/%F0%9F%92%A0-Sustainable-Views---Origami-(o3)?node-id=6318-473&t=jZcQ882g8fhmd6uu-4", "sustainable-views-o3-typography-orderedlist--ordered-list-story": "", "sustainable-views-o3-typography-unorderedlist--unordered-list-story": "", + "tests-o3-form--file-input-javascript-delete-button": "", + "tests-o3-form--file-input-javascript-upload-display": "", "tests-o3-form--password-input-test": "", "tests-o3-tooltip--onboarding-tooltip-test": "", "tests-o3-tooltip--toggle-tooltip-test": "", diff --git a/libraries/o3-figma-sb-links/src/links.json b/libraries/o3-figma-sb-links/src/links.json index 9cc20907cd..82845cd94b 100644 --- a/libraries/o3-figma-sb-links/src/links.json +++ b/libraries/o3-figma-sb-links/src/links.json @@ -665,6 +665,9 @@ "o3-form--file-input-error-state": { "sb": "?path=/story/o3-form--file-input-error-state" }, + "o3-form--file-input-javascript": { + "sb": "?path=/story/o3-form--file-input-javascript" + }, "o3-form--password-input": { "sb": "?path=/story/o3-form--password-input" }, @@ -958,6 +961,12 @@ "sustainable-views-o3-typography-unorderedlist--unordered-list-story": { "sb": "?path=/story/sustainable-views-o3-typography-unorderedlist--unordered-list-story" }, + "tests-o3-form--file-input-javascript-delete-button": { + "sb": "?path=/story/tests-o3-form--file-input-javascript-delete-button" + }, + "tests-o3-form--file-input-javascript-upload-display": { + "sb": "?path=/story/tests-o3-form--file-input-javascript-upload-display" + }, "tests-o3-form--password-input-test": { "sb": "?path=/story/tests-o3-form--password-input-test" }, diff --git a/libraries/o3-figma-sb-links/src/sb-links.json b/libraries/o3-figma-sb-links/src/sb-links.json index d54f9761a8..82048c52e6 100644 --- a/libraries/o3-figma-sb-links/src/sb-links.json +++ b/libraries/o3-figma-sb-links/src/sb-links.json @@ -287,5 +287,8 @@ "o3-form--date-input-picker-error-state": "?path=/story/o3-form--date-input-picker-error-state", "o3-button--button-brand-demos": "?path=/story/o3-button--button-brand-demos", "o3-form--file-input": "?path=/story/o3-form--file-input", - "o3-form--file-input-error-state": "?path=/story/o3-form--file-input-error-state" + "o3-form--file-input-error-state": "?path=/story/o3-form--file-input-error-state", + "o3-form--file-input-javascript": "?path=/story/o3-form--file-input-javascript", + "tests-o3-form--file-input-javascript-delete-button": "?path=/story/tests-o3-form--file-input-javascript-delete-button", + "tests-o3-form--file-input-javascript-upload-display": "?path=/story/tests-o3-form--file-input-javascript-upload-display" } \ No newline at end of file diff --git a/libraries/o3-tooling-token/build/internal/_variables.js b/libraries/o3-tooling-token/build/internal/_variables.js index f307d2733a..1ed91f96cd 100644 --- a/libraries/o3-tooling-token/build/internal/_variables.js +++ b/libraries/o3-tooling-token/build/internal/_variables.js @@ -42,28 +42,6 @@ export default { ], "css": "--o3-color-palette-white", "figma": "o3/color/palette/white" -}, - "o3-color-palette-oxford": { - "shortName": "oxford", - "value": "#0f5499", - "originalValue": "#0F5499", - "type": "color", - "attributes": { - "item": "palette", - "subitem": "oxford" - }, - "origamiKeys": [ - "palette", - "primary" - ], - "path": [ - "o3", - "color", - "palette", - "oxford" - ], - "css": "--o3-color-palette-oxford", - "figma": "o3/color/palette/oxford" }, "o3-color-palette-teal": { "shortName": "teal", @@ -152,94 +130,6 @@ export default { ], "css": "--o3-color-palette-slate-white-15", "figma": "o3/color/palette/slate-white-15" -}, - "o3-color-palette-lemon": { - "shortName": "lemon", - "value": "#ffec1a", - "originalValue": "#FFEC1A", - "type": "color", - "attributes": { - "item": "palette", - "subitem": "lemon" - }, - "origamiKeys": [ - "palette", - "secondary" - ], - "path": [ - "o3", - "color", - "palette", - "lemon" - ], - "css": "--o3-color-palette-lemon", - "figma": "o3/color/palette/lemon" -}, - "o3-color-palette-jade": { - "shortName": "jade", - "value": "#00994d", - "originalValue": "#00994d", - "type": "color", - "attributes": { - "item": "palette", - "subitem": "jade" - }, - "origamiKeys": [ - "palette", - "tertiary" - ], - "path": [ - "o3", - "color", - "palette", - "jade" - ], - "css": "--o3-color-palette-jade", - "figma": "o3/color/palette/jade" -}, - "o3-color-palette-mandarin": { - "shortName": "mandarin", - "value": "#ff8833", - "originalValue": "#F83", - "type": "color", - "attributes": { - "item": "palette", - "subitem": "mandarin" - }, - "origamiKeys": [ - "palette", - "tertiary" - ], - "path": [ - "o3", - "color", - "palette", - "mandarin" - ], - "css": "--o3-color-palette-mandarin", - "figma": "o3/color/palette/mandarin" -}, - "o3-color-palette-crimson": { - "shortName": "crimson", - "value": "#cc0000", - "originalValue": "#c00", - "type": "color", - "attributes": { - "item": "palette", - "subitem": "crimson" - }, - "origamiKeys": [ - "palette", - "tertiary" - ], - "path": [ - "o3", - "color", - "palette", - "crimson" - ], - "css": "--o3-color-palette-crimson", - "figma": "o3/color/palette/crimson" }, "o3-color-palette-black-5": { "shortName": "black-5", @@ -460,182 +350,6 @@ export default { }, "css": "--o3-color-palette-black-90", "figma": "o3/color/palette/black-90" -}, - "o3-color-palette-oxford-30": { - "shortName": "oxford-30", - "value": "#082a4d", - "originalValue": "#082A4D", - "type": "color", - "attributes": { - "item": "palette", - "subitem": "oxford-30" - }, - "path": [ - "o3", - "color", - "palette", - "oxford-30" - ], - "origamiTint": { - "base": "oxford", - "value": "30" - }, - "css": "--o3-color-palette-oxford-30", - "figma": "o3/color/palette/oxford-30" -}, - "o3-color-palette-oxford-40": { - "shortName": "oxford-40", - "value": "#0a3866", - "originalValue": "#0A3866", - "type": "color", - "attributes": { - "item": "palette", - "subitem": "oxford-40" - }, - "path": [ - "o3", - "color", - "palette", - "oxford-40" - ], - "origamiTint": { - "base": "oxford", - "value": "40" - }, - "css": "--o3-color-palette-oxford-40", - "figma": "o3/color/palette/oxford-40" -}, - "o3-color-palette-oxford-50": { - "shortName": "oxford-50", - "value": "#0d4680", - "originalValue": "#0D4680", - "type": "color", - "attributes": { - "item": "palette", - "subitem": "oxford-50" - }, - "path": [ - "o3", - "color", - "palette", - "oxford-50" - ], - "origamiTint": { - "base": "oxford", - "value": "50" - }, - "css": "--o3-color-palette-oxford-50", - "figma": "o3/color/palette/oxford-50" -}, - "o3-color-palette-oxford-60": { - "shortName": "oxford-60", - "value": "#0f5499", - "originalValue": "#0F5499", - "type": "color", - "attributes": { - "item": "palette", - "subitem": "oxford-60" - }, - "path": [ - "o3", - "color", - "palette", - "oxford-60" - ], - "origamiTint": { - "base": "oxford", - "value": "60" - }, - "css": "--o3-color-palette-oxford-60", - "figma": "o3/color/palette/oxford-60" -}, - "o3-color-palette-oxford-70": { - "shortName": "oxford-70", - "value": "#1262b3", - "originalValue": "#1262B3", - "type": "color", - "attributes": { - "item": "palette", - "subitem": "oxford-70" - }, - "path": [ - "o3", - "color", - "palette", - "oxford-70" - ], - "origamiTint": { - "base": "oxford", - "value": "70" - }, - "css": "--o3-color-palette-oxford-70", - "figma": "o3/color/palette/oxford-70" -}, - "o3-color-palette-oxford-80": { - "shortName": "oxford-80", - "value": "#1470cc", - "originalValue": "#1470CC", - "type": "color", - "attributes": { - "item": "palette", - "subitem": "oxford-80" - }, - "path": [ - "o3", - "color", - "palette", - "oxford-80" - ], - "origamiTint": { - "base": "oxford", - "value": "80" - }, - "css": "--o3-color-palette-oxford-80", - "figma": "o3/color/palette/oxford-80" -}, - "o3-color-palette-oxford-90": { - "shortName": "oxford-90", - "value": "#177ee6", - "originalValue": "#177EE6", - "type": "color", - "attributes": { - "item": "palette", - "subitem": "oxford-90" - }, - "path": [ - "o3", - "color", - "palette", - "oxford-90" - ], - "origamiTint": { - "base": "oxford", - "value": "90" - }, - "css": "--o3-color-palette-oxford-90", - "figma": "o3/color/palette/oxford-90" -}, - "o3-color-palette-oxford-100": { - "shortName": "oxford-100", - "value": "#198cff", - "originalValue": "#198CFF", - "type": "color", - "attributes": { - "item": "palette", - "subitem": "oxford-100" - }, - "path": [ - "o3", - "color", - "palette", - "oxford-100" - ], - "origamiTint": { - "base": "oxford", - "value": "100" - }, - "css": "--o3-color-palette-oxford-100", - "figma": "o3/color/palette/oxford-100" }, "o3-color-palette-teal-20": { "shortName": "teal-20", @@ -835,587 +549,557 @@ export default { "css": "--o3-color-palette-teal-100", "figma": "o3/color/palette/teal-100" }, - "o3-color-use-case-link-text": { - "shortName": "@", - "value": "#0d7680", - "originalValue": "{o3.color.palette.teal}", + "o3-color-palette-jade-90": { + "shortName": "jade-90", + "value": "#00572c", + "originalValue": "#00572C", "type": "color", - "description": "", "attributes": { - "item": "use-case", - "subitem": "link", - "state": "text" + "item": "palette", + "subitem": "jade-90" }, "path": [ "o3", "color", - "use-case", - "link", - "text", - "@" + "palette", + "jade-90" ], - "css": "--o3-color-use-case-link-text", - "figma": "o3/color/use-case/link/text/@" -}, - "o3-color-use-case-link-text-hover": { - "shortName": "hover", - "value": "#08474d", - "originalValue": "{o3.color.palette.teal-30}", - "type": "color", - "attributes": { - "item": "use-case", - "subitem": "link", - "state": "text" + "origamiTint": { + "base": "jade", + "value": "90" }, - "path": [ - "o3", - "color", - "use-case", - "link", - "text", - "hover" - ], - "css": "--o3-color-use-case-link-text-hover", - "figma": "o3/color/use-case/link/text/hover" + "css": "--o3-color-palette-jade-90", + "figma": "o3/color/palette/jade-90" }, - "o3-color-use-case-link-underline": { - "shortName": "@", - "value": "#cfd8d1", - "originalValue": "#CFD8D1", + "o3-color-palette-jade": { + "shortName": "jade", + "value": "#00994d", + "originalValue": "#00994D", "type": "color", "attributes": { - "item": "use-case", - "subitem": "link", - "state": "underline" + "item": "palette", + "subitem": "jade" }, "path": [ "o3", "color", - "use-case", - "link", - "underline", - "@" + "palette", + "jade" ], - "css": "--o3-color-use-case-link-underline", - "figma": "o3/color/use-case/link/underline/@" + "css": "--o3-color-palette-jade", + "figma": "o3/color/palette/jade" }, - "o3-color-use-case-link-underline-hover": { - "shortName": "hover", - "value": "#9ec0bd", - "originalValue": "#9EC0BD", + "o3-color-palette-jade-10": { + "shortName": "jade-10", + "value": "#ccebdb", + "originalValue": "#CCEBDB", "type": "color", "attributes": { - "item": "use-case", - "subitem": "link", - "state": "underline" + "item": "palette", + "subitem": "jade-10" }, "path": [ "o3", "color", - "use-case", - "link", - "underline", - "hover" + "palette", + "jade-10" ], - "css": "--o3-color-use-case-link-underline-hover", - "figma": "o3/color/use-case/link/underline/hover" + "origamiTint": { + "base": "jade", + "value": "10" + }, + "css": "--o3-color-palette-jade-10", + "figma": "o3/color/palette/jade-10" }, - "o3-color-use-case-link-inverse-text": { - "shortName": "@", - "value": "#ffffff", - "originalValue": "{o3.color.palette.white}", + "o3-color-palette-crimson": { + "shortName": "crimson", + "value": "#b30000", + "originalValue": "#B30000", "type": "color", "attributes": { - "item": "use-case", - "subitem": "link-inverse", - "state": "text" + "item": "palette", + "subitem": "crimson" }, "path": [ "o3", "color", - "use-case", - "link-inverse", - "text", - "@" + "palette", + "crimson" ], - "css": "--o3-color-use-case-link-inverse-text", - "figma": "o3/color/use-case/link-inverse/text/@" + "css": "--o3-color-palette-crimson", + "figma": "o3/color/palette/crimson" }, - "o3-color-use-case-link-inverse-text-hover": { - "shortName": "hover", - "value": "#cccccc", - "originalValue": "{o3.color.palette.black-20}", + "o3-color-palette-crimson-10": { + "shortName": "crimson-10", + "value": "#fae6e6", + "originalValue": "#FAE6E6", "type": "color", "attributes": { - "item": "use-case", - "subitem": "link-inverse", - "state": "text" + "item": "palette", + "subitem": "crimson-10" }, "path": [ "o3", "color", - "use-case", - "link-inverse", - "text", - "hover" + "palette", + "crimson-10" ], - "css": "--o3-color-use-case-link-inverse-text-hover", - "figma": "o3/color/use-case/link-inverse/text/hover" + "origamiTint": { + "base": "crimson", + "value": "10" + }, + "css": "--o3-color-palette-crimson-10", + "figma": "o3/color/palette/crimson-10" }, - "o3-color-use-case-link-inverse-underline": { - "shortName": "@", - "value": "#ffffff", - "originalValue": "{o3.color.palette.white}", + "o3-color-palette-lemon-90": { + "shortName": "lemon-90", + "value": "#695008", + "originalValue": "#695008", "type": "color", "attributes": { - "item": "use-case", - "subitem": "link-inverse", - "state": "underline" + "item": "palette", + "subitem": "lemon-90" }, "path": [ "o3", "color", - "use-case", - "link-inverse", - "underline", - "@" + "palette", + "lemon-90" ], - "css": "--o3-color-use-case-link-inverse-underline", - "figma": "o3/color/use-case/link-inverse/underline/@" + "origamiTint": { + "base": "lemon", + "value": "90" + }, + "css": "--o3-color-palette-lemon-90", + "figma": "o3/color/palette/lemon-90" }, - "o3-color-use-case-link-inverse-underline-hover": { - "shortName": "hover", - "value": "#cccccc", - "originalValue": "{o3.color.palette.black-20}", + "o3-color-palette-lemon": { + "shortName": "lemon", + "value": "#fabf14", + "originalValue": "#FABF14", "type": "color", "attributes": { - "item": "use-case", - "subitem": "link-inverse", - "state": "underline" + "item": "palette", + "subitem": "lemon" }, "path": [ "o3", "color", - "use-case", - "link-inverse", - "underline", - "hover" + "palette", + "lemon" ], - "css": "--o3-color-use-case-link-inverse-underline-hover", - "figma": "o3/color/use-case/link-inverse/underline/hover" + "css": "--o3-color-palette-lemon", + "figma": "o3/color/palette/lemon" }, - "o3-color-use-case-page-background": { - "shortName": "background", - "value": "#ffffff", - "originalValue": "{o3.color.palette.white}", + "o3-color-palette-lemon-10": { + "shortName": "lemon-10", + "value": "#fff2cc", + "originalValue": "#FFF2CC", "type": "color", "attributes": { - "item": "use-case", - "subitem": "page", - "state": "background" + "item": "palette", + "subitem": "lemon-10" }, "path": [ "o3", "color", - "use-case", - "page", - "background" + "palette", + "lemon-10" ], - "css": "--o3-color-use-case-page-background", - "figma": "o3/color/use-case/page/background" + "origamiTint": { + "base": "lemon", + "value": "10" + }, + "css": "--o3-color-palette-lemon-10", + "figma": "o3/color/palette/lemon-10" }, - "o3-color-use-case-page-inverse-background": { - "shortName": "background", - "value": "#262a33", - "originalValue": "{o3.color.palette.slate}", + "o3-color-use-case-outline": { + "shortName": "@", + "value": "#cccccc", + "originalValue": "{o3.color.palette.black-20}", "type": "color", + "description": "", "attributes": { "item": "use-case", - "subitem": "page-inverse", - "state": "background" + "subitem": "outline", + "state": "@" }, "path": [ "o3", "color", "use-case", - "page-inverse", - "background" + "outline", + "@" ], - "css": "--o3-color-use-case-page-inverse-background", - "figma": "o3/color/use-case/page-inverse/background" + "css": "--o3-color-use-case-outline", + "figma": "o3/color/use-case/outline/@" }, - "o3-color-use-case-body-text": { - "shortName": "text", - "value": "#333333", - "originalValue": "{o3.color.palette.black-80}", + "o3-color-use-case-outline-focus": { + "shortName": "focus", + "value": "#0d7680", + "originalValue": "{o3.color.palette.teal}", "type": "color", "attributes": { "item": "use-case", - "subitem": "body", - "state": "text" + "subitem": "outline", + "state": "focus" }, "path": [ "o3", "color", "use-case", - "body", - "text" + "outline", + "focus" ], - "css": "--o3-color-use-case-body-text", - "figma": "o3/color/use-case/body/text" + "css": "--o3-color-use-case-outline-focus", + "figma": "o3/color/use-case/outline/focus" }, - "o3-color-use-case-support-text": { - "shortName": "text", - "value": "#4d4d4d", - "originalValue": "{o3.color.palette.black-70}", + "o3-color-use-case-background-neutral": { + "shortName": "neutral", + "value": "#dedfe0", + "originalValue": "{o3.color.palette.slate-white-15}", "type": "color", "attributes": { "item": "use-case", - "subitem": "support", - "state": "text" + "subitem": "background", + "state": "neutral" }, "path": [ "o3", "color", "use-case", - "support", - "text" + "background", + "neutral" ], - "css": "--o3-color-use-case-support-text", - "figma": "o3/color/use-case/support/text" + "css": "--o3-color-use-case-background-neutral", + "figma": "o3/color/use-case/background/neutral" }, - "o3-color-use-case-support-inverse-text": { - "shortName": "text", - "value": "#e9eaeb", - "originalValue": "{o3.color.palette.white}", + "o3-color-use-case-background-neutral-light": { + "shortName": "neutral-light", + "value": "#f4f4f5", + "originalValue": "{o3.color.palette.slate-white-5}", "type": "color", "attributes": { "item": "use-case", - "subitem": "support-inverse", - "state": "text" + "subitem": "background", + "state": "neutral-light" }, "path": [ "o3", "color", "use-case", - "support-inverse", - "text" + "background", + "neutral-light" ], - "css": "--o3-color-use-case-support-inverse-text", - "figma": "o3/color/use-case/support-inverse/text" + "css": "--o3-color-use-case-background-neutral-light", + "figma": "o3/color/use-case/background/neutral-light" }, - "o3-color-use-case-body-inverse-text": { - "shortName": "text", - "value": "#ffffff", - "originalValue": "{o3.color.palette.white}", + "o3-color-use-case-success-foreground": { + "shortName": "foreground", + "value": "#00572c", + "originalValue": "{o3.color.palette.jade-90}", "type": "color", "attributes": { "item": "use-case", - "subitem": "body-inverse", - "state": "text" + "subitem": "success", + "state": "foreground" }, "path": [ "o3", "color", "use-case", - "body-inverse", - "text" + "success", + "foreground" ], - "css": "--o3-color-use-case-body-inverse-text", - "figma": "o3/color/use-case/body-inverse/text" + "css": "--o3-color-use-case-success-foreground", + "figma": "o3/color/use-case/success/foreground" }, - "o3-color-use-case-muted-text": { - "shortName": "text", - "value": "#cccccc", - "originalValue": "{o3.color.palette.black-20}", + "o3-color-use-case-success-background": { + "shortName": "background", + "value": "#ccebdb", + "originalValue": "{o3.color.palette.jade-10}", "type": "color", - "description": "\"Muted\" text is less prominent, for example credits and captions.", "attributes": { "item": "use-case", - "subitem": "muted", - "state": "text" + "subitem": "success", + "state": "background" }, "path": [ "o3", "color", "use-case", - "muted", - "text" + "success", + "background" ], - "css": "--o3-color-use-case-muted-text", - "figma": "o3/color/use-case/muted/text" + "css": "--o3-color-use-case-success-background", + "figma": "o3/color/use-case/success/background" }, - "o3-color-use-case-muted-inverse-text": { - "shortName": "text", - "value": "#a8aaad", - "originalValue": "#a8aaad", + "o3-color-use-case-success-highlight": { + "shortName": "highlight", + "value": "#00572c", + "originalValue": "{o3.color.palette.jade-90}", "type": "color", - "description": "\"Muted\" text is less prominent, for example credits and captions.", "attributes": { "item": "use-case", - "subitem": "muted-inverse", - "state": "text" + "subitem": "success", + "state": "highlight" }, "path": [ "o3", "color", "use-case", - "muted-inverse", - "text" + "success", + "highlight" ], - "css": "--o3-color-use-case-muted-inverse-text", - "figma": "o3/color/use-case/muted-inverse/text" + "css": "--o3-color-use-case-success-highlight", + "figma": "o3/color/use-case/success/highlight" }, - "o3-color-use-case-heading-text": { - "shortName": "text", - "value": "#1a1a1a", - "originalValue": "{o3.color.palette.black-90}", + "o3-color-use-case-error-foreground": { + "shortName": "foreground", + "value": "#b30000", + "originalValue": "{o3.color.palette.crimson}", "type": "color", "attributes": { "item": "use-case", - "subitem": "heading", - "state": "text" + "subitem": "error", + "state": "foreground" }, "path": [ "o3", "color", "use-case", - "heading", - "text" + "error", + "foreground" ], - "css": "--o3-color-use-case-heading-text", - "figma": "o3/color/use-case/heading/text" + "css": "--o3-color-use-case-error-foreground", + "figma": "o3/color/use-case/error/foreground" }, - "o3-color-use-case-heading-inverse-text": { - "shortName": "text", - "value": "#ffffff", - "originalValue": "{o3.color.palette.white}", + "o3-color-use-case-error-background": { + "shortName": "background", + "value": "#fae6e6", + "originalValue": "{o3.color.palette.crimson-10}", "type": "color", "attributes": { "item": "use-case", - "subitem": "heading-inverse", - "state": "text" + "subitem": "error", + "state": "background" }, "path": [ "o3", "color", "use-case", - "heading-inverse", - "text" + "error", + "background" ], - "css": "--o3-color-use-case-heading-inverse-text", - "figma": "o3/color/use-case/heading-inverse/text" + "css": "--o3-color-use-case-error-background", + "figma": "o3/color/use-case/error/background" }, - "o3-color-use-case-button-foreground": { + "o3-color-use-case-warning-foreground": { "shortName": "foreground", - "value": "#ffffff", - "originalValue": "{o3.color.palette.white}", + "value": "#695008", + "originalValue": "{o3.color.palette.lemon-90}", "type": "color", "attributes": { "item": "use-case", - "subitem": "button", + "subitem": "warning", "state": "foreground" }, "path": [ "o3", "color", "use-case", - "button", + "warning", "foreground" ], - "css": "--o3-color-use-case-button-foreground", - "figma": "o3/color/use-case/button/foreground" + "css": "--o3-color-use-case-warning-foreground", + "figma": "o3/color/use-case/warning/foreground" }, - "o3-color-use-case-button-foreground-disabled": { - "shortName": "foreground-disabled", - "value": "#ffffff", - "originalValue": "{o3.color.palette.white}", + "o3-color-use-case-warning-background": { + "shortName": "background", + "value": "#fff2cc", + "originalValue": "{o3.color.palette.lemon-10}", "type": "color", "attributes": { "item": "use-case", - "subitem": "button", - "state": "foreground-disabled" + "subitem": "warning", + "state": "background" }, "path": [ "o3", "color", "use-case", - "button", - "foreground-disabled" + "warning", + "background" ], - "css": "--o3-color-use-case-button-foreground-disabled", - "figma": "o3/color/use-case/button/foreground-disabled" + "css": "--o3-color-use-case-warning-background", + "figma": "o3/color/use-case/warning/background" }, - "o3-color-use-case-button-default": { - "shortName": "default", - "value": "#0d7680", - "originalValue": "{o3.color.palette.teal}", + "o3-color-use-case-warning-highlight": { + "shortName": "highlight", + "value": "#fabf14", + "originalValue": "{o3.color.palette.lemon}", "type": "color", "attributes": { "item": "use-case", - "subitem": "button", - "state": "default" + "subitem": "warning", + "state": "highlight" }, "path": [ "o3", "color", "use-case", - "button", - "default" + "warning", + "highlight" ], - "css": "--o3-color-use-case-button-default", - "figma": "o3/color/use-case/button/default" + "css": "--o3-color-use-case-warning-highlight", + "figma": "o3/color/use-case/warning/highlight" }, - "o3-color-use-case-button-hover": { - "shortName": "hover", - "value": "#0a5e66", - "originalValue": "{o3.color.palette.teal-40}", - "type": "color", - "attributes": { - "item": "use-case", - "subitem": "button", - "state": "hover" - }, - "path": [ - "o3", - "color", - "use-case", - "button", - "hover" - ], - "css": "--o3-color-use-case-button-hover", - "figma": "o3/color/use-case/button/hover" -}, - "o3-color-use-case-button-pressed": { - "shortName": "pressed", - "value": "#052f33", - "originalValue": "{o3.color.palette.teal-20}", + "o3-color-use-case-interactive-text": { + "shortName": "@", + "value": "#0d7680", + "originalValue": "{o3.color.palette.teal}", "type": "color", "attributes": { "item": "use-case", - "subitem": "button", - "state": "pressed" + "subitem": "interactive", + "state": "text" }, "path": [ "o3", "color", "use-case", - "button", - "pressed" + "interactive", + "text", + "@" ], - "css": "--o3-color-use-case-button-pressed", - "figma": "o3/color/use-case/button/pressed" + "css": "--o3-color-use-case-interactive-text", + "figma": "o3/color/use-case/interactive/text/@" }, - "o3-color-use-case-button-disabled": { - "shortName": "disabled", - "value": "#9ec0bd", - "originalValue": "#9EC0BD", + "o3-color-use-case-interactive-text-hover": { + "shortName": "hover", + "value": "#08474d", + "originalValue": "{o3.color.palette.teal-30}", "type": "color", "attributes": { "item": "use-case", - "subitem": "button", - "state": "disabled" + "subitem": "interactive", + "state": "text" }, "path": [ "o3", "color", "use-case", - "button", - "disabled" + "interactive", + "text", + "hover" ], - "css": "--o3-color-use-case-button-disabled", - "figma": "o3/color/use-case/button/disabled" + "css": "--o3-color-use-case-interactive-text-hover", + "figma": "o3/color/use-case/interactive/text/hover" }, - "o3-color-use-case-error-background": { - "shortName": "error-background", - "value": "rgba(204, 0, 0, 0.06)", - "originalValue": "rgba(204,0,0,0.06)", + "o3-color-use-case-interactive-background": { + "shortName": "@", + "value": "#ffffff", + "originalValue": "{o3.color.palette.white}", "type": "color", "attributes": { "item": "use-case", - "subitem": "error-background" + "subitem": "interactive", + "state": "background" }, "path": [ "o3", "color", "use-case", - "error-background" + "interactive", + "background", + "@" ], - "css": "--o3-color-use-case-error-background", - "figma": "o3/color/use-case/error-background" + "css": "--o3-color-use-case-interactive-background", + "figma": "o3/color/use-case/interactive/background/@" }, - "o3-color-use-case-error-text": { - "shortName": "error-text", - "value": "#cc0000", - "originalValue": "{o3.color.palette.crimson}", + "o3-color-use-case-interactive-background-hover": { + "shortName": "hover", + "value": "#ebf6f7", + "originalValue": "#EBF6F7", "type": "color", "attributes": { "item": "use-case", - "subitem": "error-text" + "subitem": "interactive", + "state": "background" }, "path": [ "o3", "color", "use-case", - "error-text" + "interactive", + "background", + "hover" ], - "css": "--o3-color-use-case-error-text", - "figma": "o3/color/use-case/error-text" + "css": "--o3-color-use-case-interactive-background-hover", + "figma": "o3/color/use-case/interactive/background/hover" }, - "o3-color-use-case-error": { - "shortName": "error", - "value": "#cc0000", - "originalValue": "{o3.color.palette.crimson}", + "o3-color-use-case-interactive-background-hover-layered": { + "shortName": "hover-layered", + "value": "#dae5e5", + "originalValue": "#DAE5E5", "type": "color", - "description": "[DEPRECATED] This token is going to be looked at in the upcoming audit.", "attributes": { "item": "use-case", - "subitem": "error" + "subitem": "interactive", + "state": "background" }, "path": [ "o3", "color", "use-case", - "error" + "interactive", + "background", + "hover-layered" ], - "css": "--o3-color-use-case-error", - "figma": "o3/color/use-case/error" + "css": "--o3-color-use-case-interactive-background-hover-layered", + "figma": "o3/color/use-case/interactive/background/hover-layered" }, - "o3-color-use-case-success-background": { - "shortName": "success-background", - "value": "#d7f0d1", - "originalValue": "#D7F0D1", + "o3-color-use-case-link-underline": { + "shortName": "@", + "value": "#cfd8d1", + "originalValue": "#CFD8D1", "type": "color", "attributes": { "item": "use-case", - "subitem": "success-background" + "subitem": "link", + "state": "underline" }, "path": [ "o3", "color", "use-case", - "success-background" + "link", + "underline", + "@" ], - "css": "--o3-color-use-case-success-background", - "figma": "o3/color/use-case/success-background" + "css": "--o3-color-use-case-link-underline", + "figma": "o3/color/use-case/link/underline/@" }, - "o3-color-use-case-success-foreground": { - "shortName": "success-foreground", - "value": "#00572c", - "originalValue": "#00572C", + "o3-color-use-case-link-underline-hover": { + "shortName": "hover", + "value": "#9ec0bd", + "originalValue": "#9EC0BD", "type": "color", "attributes": { "item": "use-case", - "subitem": "success-foreground" + "subitem": "link", + "state": "underline" }, "path": [ "o3", "color", "use-case", - "success-foreground" + "link", + "underline", + "hover" ], - "css": "--o3-color-use-case-success-foreground", - "figma": "o3/color/use-case/success-foreground" + "css": "--o3-color-use-case-link-underline-hover", + "figma": "o3/color/use-case/link/underline/hover" }, "o3-spacing-5xs": { "shortName": "5xs", diff --git a/package-lock.json b/package-lock.json index 2ececb5698..57369f3cd7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -861,7 +861,7 @@ }, "components/o-audio": { "name": "@financial-times/o-audio", - "version": "2.1.4", + "version": "2.1.5", "license": "MIT", "dependencies": { "ftdomdelegate": "^4.0.6" @@ -936,7 +936,7 @@ }, "components/o-buttons": { "name": "@financial-times/o-buttons", - "version": "7.11.0", + "version": "7.11.1", "license": "MIT", "devDependencies": { "@financial-times/o-colors": "^6.7.0", @@ -956,7 +956,7 @@ }, "components/o-colors": { "name": "@financial-times/o-colors", - "version": "6.7.0", + "version": "6.7.1", "license": "MIT", "devDependencies": { "@financial-times/o-autoinit": "^3.1.0", @@ -978,7 +978,7 @@ }, "components/o-comments": { "name": "@financial-times/o-comments", - "version": "13.2.2", + "version": "13.2.3", "license": "MIT", "devDependencies": { "@financial-times/o-forms": "^10.0.0", @@ -1029,7 +1029,7 @@ }, "components/o-editorial-layout": { "name": "@financial-times/o-editorial-layout", - "version": "3.0.1", + "version": "3.0.2", "license": "MIT", "devDependencies": { "@financial-times/o-colors": "^6.7.0", @@ -1046,7 +1046,7 @@ }, "components/o-editorial-typography": { "name": "@financial-times/o-editorial-typography", - "version": "2.4.1", + "version": "2.4.2", "license": "MIT", "devDependencies": { "@financial-times/o-normalise": "^3.3.2" @@ -1078,7 +1078,7 @@ }, "components/o-fonts": { "name": "@financial-times/o-fonts", - "version": "5.3.5", + "version": "5.3.6", "license": "MIT", "engines": { "npm": ">7" @@ -1109,7 +1109,7 @@ }, "components/o-footer-services": { "name": "@financial-times/o-footer-services", - "version": "5.1.0", + "version": "5.1.1", "license": "MIT", "devDependencies": { "@financial-times/o-fonts": "^5.3.5", @@ -1163,7 +1163,7 @@ }, "components/o-grid": { "name": "@financial-times/o-grid", - "version": "6.1.8", + "version": "6.1.9", "license": "MIT", "engines": { "npm": ">7" @@ -1214,7 +1214,7 @@ }, "components/o-icons": { "name": "@financial-times/o-icons", - "version": "7.10.0", + "version": "7.10.1", "license": "MIT", "engines": { "npm": ">7" @@ -1222,7 +1222,7 @@ }, "components/o-labels": { "name": "@financial-times/o-labels", - "version": "8.0.0", + "version": "8.0.1", "license": "MIT", "devDependencies": { "@financial-times/o-date": "^7.0.0", @@ -1260,7 +1260,7 @@ }, "components/o-lazy-load": { "name": "@financial-times/o-lazy-load", - "version": "3.1.3", + "version": "3.1.4", "engines": { "npm": ">7" }, @@ -1270,7 +1270,7 @@ }, "components/o-loading": { "name": "@financial-times/o-loading", - "version": "6.0.0", + "version": "6.0.1", "license": "MIT", "devDependencies": { "@financial-times/o-colors": "^6.7.0" @@ -1337,7 +1337,7 @@ }, "components/o-normalise": { "name": "@financial-times/o-normalise", - "version": "3.3.2", + "version": "3.3.3", "license": "MIT", "devDependencies": { "@financial-times/o-buttons": "^7.9.2", @@ -1455,7 +1455,7 @@ }, "components/o-spacing": { "name": "@financial-times/o-spacing", - "version": "3.2.5", + "version": "3.2.6", "license": "MIT", "devDependencies": { "@financial-times/o-colors": "^6.7.0", @@ -1471,7 +1471,7 @@ }, "components/o-stepped-progress": { "name": "@financial-times/o-stepped-progress", - "version": "5.0.0", + "version": "5.0.1", "license": "MIT", "devDependencies": { "@financial-times/o-fonts": "^5.3.5", @@ -1560,7 +1560,7 @@ }, "components/o-teaser": { "name": "@financial-times/o-teaser", - "version": "9.1.3", + "version": "10.0.0", "license": "MIT", "dependencies": { "date-fns": "^2.30.0", @@ -1585,7 +1585,7 @@ }, "components/o-teaser-collection": { "name": "@financial-times/o-teaser-collection", - "version": "5.0.2", + "version": "5.0.3", "license": "MIT", "devDependencies": { "@financial-times/o-grid": "^6.1.8", @@ -1655,7 +1655,7 @@ }, "components/o-topper": { "name": "@financial-times/o-topper", - "version": "7.1.3", + "version": "7.1.4", "license": "MIT", "devDependencies": { "@financial-times/o-normalise": "^3.3.2" @@ -1670,7 +1670,7 @@ }, "components/o-typography": { "name": "@financial-times/o-typography", - "version": "7.7.0", + "version": "7.7.1", "license": "MIT", "dependencies": { "fontfaceobserver": "^2.0.9" @@ -1723,7 +1723,7 @@ }, "components/o-visual-effects": { "name": "@financial-times/o-visual-effects", - "version": "5.0.1", + "version": "5.0.2", "license": "MIT", "engines": { "npm": ">7" @@ -2436,7 +2436,7 @@ }, "libraries/o-brand": { "name": "@financial-times/o-brand", - "version": "4.2.3", + "version": "4.2.4", "license": "MIT", "engines": { "npm": ">7" @@ -13620,7 +13620,6 @@ "os": [ "aix" ], - "peer": true, "engines": { "node": ">=18" } @@ -13636,7 +13635,6 @@ "os": [ "android" ], - "peer": true, "engines": { "node": ">=18" } @@ -13652,7 +13650,6 @@ "os": [ "android" ], - "peer": true, "engines": { "node": ">=18" } @@ -13668,7 +13665,6 @@ "os": [ "android" ], - "peer": true, "engines": { "node": ">=18" } @@ -13684,7 +13680,6 @@ "os": [ "darwin" ], - "peer": true, "engines": { "node": ">=18" } @@ -13700,7 +13695,6 @@ "os": [ "darwin" ], - "peer": true, "engines": { "node": ">=18" } @@ -13716,7 +13710,6 @@ "os": [ "freebsd" ], - "peer": true, "engines": { "node": ">=18" } @@ -13732,7 +13725,6 @@ "os": [ "freebsd" ], - "peer": true, "engines": { "node": ">=18" } @@ -13748,7 +13740,6 @@ "os": [ "linux" ], - "peer": true, "engines": { "node": ">=18" } @@ -13764,7 +13755,6 @@ "os": [ "linux" ], - "peer": true, "engines": { "node": ">=18" } @@ -13780,7 +13770,6 @@ "os": [ "linux" ], - "peer": true, "engines": { "node": ">=18" } @@ -13796,7 +13785,6 @@ "os": [ "linux" ], - "peer": true, "engines": { "node": ">=18" } @@ -13812,7 +13800,6 @@ "os": [ "linux" ], - "peer": true, "engines": { "node": ">=18" } @@ -13828,7 +13815,6 @@ "os": [ "linux" ], - "peer": true, "engines": { "node": ">=18" } @@ -13844,7 +13830,6 @@ "os": [ "linux" ], - "peer": true, "engines": { "node": ">=18" } @@ -13860,7 +13845,6 @@ "os": [ "linux" ], - "peer": true, "engines": { "node": ">=18" } @@ -13876,7 +13860,6 @@ "os": [ "linux" ], - "peer": true, "engines": { "node": ">=18" } @@ -13892,7 +13875,6 @@ "os": [ "netbsd" ], - "peer": true, "engines": { "node": ">=18" } @@ -13908,7 +13890,6 @@ "os": [ "netbsd" ], - "peer": true, "engines": { "node": ">=18" } @@ -13924,7 +13905,6 @@ "os": [ "openbsd" ], - "peer": true, "engines": { "node": ">=18" } @@ -13940,7 +13920,6 @@ "os": [ "openbsd" ], - "peer": true, "engines": { "node": ">=18" } @@ -13956,7 +13935,6 @@ "os": [ "openharmony" ], - "peer": true, "engines": { "node": ">=18" } @@ -13972,7 +13950,6 @@ "os": [ "sunos" ], - "peer": true, "engines": { "node": ">=18" } @@ -13988,7 +13965,6 @@ "os": [ "win32" ], - "peer": true, "engines": { "node": ">=18" } @@ -14004,7 +13980,6 @@ "os": [ "win32" ], - "peer": true, "engines": { "node": ">=18" } @@ -14020,7 +13995,6 @@ "os": [ "win32" ], - "peer": true, "engines": { "node": ">=18" } @@ -16112,7 +16086,7 @@ "version": "1.13.1", "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.13.1.tgz", "integrity": "sha512-jEKKErLC6uwSqA+p6bmZR08usZM5Fpc+HdEu5CAzvye0q43yf1si1kjhHEa9XMkz0A2SAaal3eKCg/YYmtOsCA==", - "dev": true, + "devOptional": true, "hasInstallScript": true, "dependencies": { "@swc/counter": "^0.1.3", @@ -16153,7 +16127,6 @@ "cpu": [ "arm64" ], - "dev": true, "optional": true, "os": [ "darwin" @@ -16169,7 +16142,6 @@ "cpu": [ "x64" ], - "dev": true, "optional": true, "os": [ "darwin" @@ -16185,7 +16157,6 @@ "cpu": [ "arm" ], - "dev": true, "optional": true, "os": [ "linux" @@ -16201,7 +16172,6 @@ "cpu": [ "arm64" ], - "dev": true, "optional": true, "os": [ "linux" @@ -16217,7 +16187,6 @@ "cpu": [ "arm64" ], - "dev": true, "optional": true, "os": [ "linux" @@ -16233,7 +16202,6 @@ "cpu": [ "x64" ], - "dev": true, "optional": true, "os": [ "linux" @@ -16249,7 +16217,6 @@ "cpu": [ "x64" ], - "dev": true, "optional": true, "os": [ "linux" @@ -16265,7 +16232,6 @@ "cpu": [ "arm64" ], - "dev": true, "optional": true, "os": [ "win32" @@ -16281,7 +16247,6 @@ "cpu": [ "ia32" ], - "dev": true, "optional": true, "os": [ "win32" @@ -16297,7 +16262,6 @@ "cpu": [ "x64" ], - "dev": true, "optional": true, "os": [ "win32" @@ -16310,7 +16274,7 @@ "version": "0.1.3", "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz", "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==", - "dev": true + "devOptional": true }, "node_modules/@swc/jest": { "version": "0.2.39", @@ -16333,7 +16297,7 @@ "version": "0.1.23", "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.23.tgz", "integrity": "sha512-u1iIVZV9Q0jxY+yM2vw/hZGDNudsN85bBpTqzAQ9rzkxW9D+e3aEM4Han+ow518gSewkXgjmEK0BD79ZcNVgPw==", - "dev": true, + "devOptional": true, "dependencies": { "@swc/counter": "^0.1.3" }