From ce94f3cd83e7fcd4abc9184418fd043de12e29c5 Mon Sep 17 00:00:00 2001 From: Ben Freshwater Date: Thu, 7 Nov 2024 11:46:50 +0000 Subject: [PATCH] feat: introduce o-private-foundation (#1863) * feat: introduce o-private-foundation * feat: introduce o-private-foundation * backstage: Add Sass token target * backstage: Delete oPrivateFoundation mixin use, as it does not exist --------- Co-authored-by: Lee Moody --- .github/labeler.yml | 2 + .github/workflows/test.yml | 2 + .release-please-manifest.json | 1 + apps/dictionary/src/build.js | 2 + apps/dictionary/src/config/platforms/sass.js | 26 + components/o-private-foundation/.eslintignore | 1 + components/o-private-foundation/.eslintrc.cjs | 3 + components/o-private-foundation/.gitignore | 9 + components/o-private-foundation/.npmignore | 15 + components/o-private-foundation/.remarkrc.cjs | 1 + .../o-private-foundation/.stylelintignore | 1 + .../o-private-foundation/.stylelintrc.cjs | 3 + components/o-private-foundation/README.md | 108 ++++ components/o-private-foundation/origami.json | 27 + components/o-private-foundation/package.json | 33 ++ .../o-private-foundation/src/scss/_brand.scss | 10 + .../src/scss/_variables.scss | 1 + .../src/scss/tokens/core.scss | 496 ++++++++++++++++++ .../src/scss/tokens/internal.scss | 355 +++++++++++++ .../src/scss/tokens/professional.scss | 470 +++++++++++++++++ .../src/scss/tokens/sustainable-views.scss | 424 +++++++++++++++ .../src/scss/tokens/whitelabel.scss | 374 +++++++++++++ .../private-foundation.readme.stories.mdx | 11 + .../stories/private-foundation.scss | 6 + .../stories/private-foundation.stories.tsx | 15 + origami.code-workspace | 5 +- package-lock.json | 15 + release-please-config.json | 1 + 28 files changed, 2416 insertions(+), 1 deletion(-) create mode 100644 apps/dictionary/src/config/platforms/sass.js create mode 100644 components/o-private-foundation/.eslintignore create mode 100644 components/o-private-foundation/.eslintrc.cjs create mode 100644 components/o-private-foundation/.gitignore create mode 100644 components/o-private-foundation/.npmignore create mode 100644 components/o-private-foundation/.remarkrc.cjs create mode 100644 components/o-private-foundation/.stylelintignore create mode 100644 components/o-private-foundation/.stylelintrc.cjs create mode 100644 components/o-private-foundation/README.md create mode 100644 components/o-private-foundation/origami.json create mode 100644 components/o-private-foundation/package.json create mode 100644 components/o-private-foundation/src/scss/_brand.scss create mode 100644 components/o-private-foundation/src/scss/_variables.scss create mode 100644 components/o-private-foundation/src/scss/tokens/core.scss create mode 100644 components/o-private-foundation/src/scss/tokens/internal.scss create mode 100644 components/o-private-foundation/src/scss/tokens/professional.scss create mode 100644 components/o-private-foundation/src/scss/tokens/sustainable-views.scss create mode 100644 components/o-private-foundation/src/scss/tokens/whitelabel.scss create mode 100644 components/o-private-foundation/stories/private-foundation.readme.stories.mdx create mode 100644 components/o-private-foundation/stories/private-foundation.scss create mode 100644 components/o-private-foundation/stories/private-foundation.stories.tsx diff --git a/.github/labeler.yml b/.github/labeler.yml index a263b879a4..dea7739ffa 100644 --- a/.github/labeler.yml +++ b/.github/labeler.yml @@ -82,6 +82,8 @@ o-normalise: - components/o-normalise/**/* o-overlay: - components/o-overlay/**/* +o-private-foundation: + - components/o-private-foundation/**/* o-quote: - components/o-quote/**/* o-share: diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml index 5ac396f824..bdd8dffa44 100644 --- a/.github/workflows/test.yml +++ b/.github/workflows/test.yml @@ -85,6 +85,8 @@ jobs: - 'components/o-normalise/**' components/o-overlay: - 'components/o-overlay/**' + components/o-private-foundation: + - 'components/o-private-foundation/**' components/o-quote: - 'components/o-quote/**' components/o-share: diff --git a/.release-please-manifest.json b/.release-please-manifest.json index 534fdb76c0..5f916d6b0b 100644 --- a/.release-please-manifest.json +++ b/.release-please-manifest.json @@ -32,6 +32,7 @@ "components/o-multi-select": "2.2.7", "components/o-normalise": "3.3.2", "components/o-overlay": "4.2.13", + "components/o-private-foundation": "0.0.0", "components/o-quote": "5.3.4", "components/o-share": "10.0.2", "components/o-social-follow": "1.0.11", diff --git a/apps/dictionary/src/build.js b/apps/dictionary/src/build.js index c8dd6b7a38..2e6fdf2c71 100644 --- a/apps/dictionary/src/build.js +++ b/apps/dictionary/src/build.js @@ -1,6 +1,7 @@ import {StyleDictionaryPackageWithTransforms} from './config/styledictionary.js'; import {getBrandSourcesAndIncludes, getBrandNames} from './utils.js'; import {cssConfigForBrand} from './config/platforms/css.js'; +import {sassConfigForBrand} from './config/platforms/sass.js'; import {toolingConfigForBrand} from './config/platforms/tooling.js'; const brands = getBrandNames(); @@ -32,6 +33,7 @@ export async function buildForBrand(brand) { }, platforms: { css: cssConfigForBrand(brand), + sass: sassConfigForBrand(brand), tooling: toolingConfigForBrand(brand), }, }; diff --git a/apps/dictionary/src/config/platforms/sass.js b/apps/dictionary/src/config/platforms/sass.js new file mode 100644 index 0000000000..ca67cbcbbb --- /dev/null +++ b/apps/dictionary/src/config/platforms/sass.js @@ -0,0 +1,26 @@ +import path from 'node:path'; +import {sharedTransformers} from '../transformers.js'; + +function sassConfigForBrand(brand) { + const parentBrand = brand.split('/').slice(-1); + return { + transformGroup: 'scss', + transforms: [ + ...sharedTransformers, + 'value/figma-shadow-shorthand', + 'value/transformSVG', + ], + buildPath: path.join(process.cwd(), '../../components/'), + files: [ + { + destination: `o-private-foundation/src/scss/tokens/${parentBrand}.scss`, + format: 'scss/map-flat', + options: { + outputReferences: false, + }, + }, + ], + }; +} + +export {sassConfigForBrand}; diff --git a/components/o-private-foundation/.eslintignore b/components/o-private-foundation/.eslintignore new file mode 100644 index 0000000000..abe20aed45 --- /dev/null +++ b/components/o-private-foundation/.eslintignore @@ -0,0 +1 @@ +demos/local/** diff --git a/components/o-private-foundation/.eslintrc.cjs b/components/o-private-foundation/.eslintrc.cjs new file mode 100644 index 0000000000..b331d6cfbf --- /dev/null +++ b/components/o-private-foundation/.eslintrc.cjs @@ -0,0 +1,3 @@ +module.exports = { + "extends": "origami-component" +}; diff --git a/components/o-private-foundation/.gitignore b/components/o-private-foundation/.gitignore new file mode 100644 index 0000000000..1ac3e141b1 --- /dev/null +++ b/components/o-private-foundation/.gitignore @@ -0,0 +1,9 @@ +.DS_Store +.env +/.sass-cache/ +/bower_components/ +/node_modules/ +/build/ +.idea/ +/demos/local +/coverage diff --git a/components/o-private-foundation/.npmignore b/components/o-private-foundation/.npmignore new file mode 100644 index 0000000000..950eabe607 --- /dev/null +++ b/components/o-private-foundation/.npmignore @@ -0,0 +1,15 @@ +.env +.gitignore +.npmignore +.eslintrc.cjs +.remarkrc.cjs +.stylelintrc.cjs +.prettierrc.toml +.eslintignore +.stylelintignore +stories/ +src/tsx/ +.github/ +test/ +demos/local/ + diff --git a/components/o-private-foundation/.remarkrc.cjs b/components/o-private-foundation/.remarkrc.cjs new file mode 100644 index 0000000000..ec5166b376 --- /dev/null +++ b/components/o-private-foundation/.remarkrc.cjs @@ -0,0 +1 @@ +module.exports.plugins = [require("remark-preset-lint-origami-component")] diff --git a/components/o-private-foundation/.stylelintignore b/components/o-private-foundation/.stylelintignore new file mode 100644 index 0000000000..abe20aed45 --- /dev/null +++ b/components/o-private-foundation/.stylelintignore @@ -0,0 +1 @@ +demos/local/** diff --git a/components/o-private-foundation/.stylelintrc.cjs b/components/o-private-foundation/.stylelintrc.cjs new file mode 100644 index 0000000000..53330b263c --- /dev/null +++ b/components/o-private-foundation/.stylelintrc.cjs @@ -0,0 +1,3 @@ +module.exports = { + "extends": "stylelint-config-origami-component" +}; \ No newline at end of file diff --git a/components/o-private-foundation/README.md b/components/o-private-foundation/README.md new file mode 100644 index 0000000000..908b14abe5 --- /dev/null +++ b/components/o-private-foundation/README.md @@ -0,0 +1,108 @@ +# o-private-foundation + +> :warning: NOTE: this package should ONLY be used in Origami components. If you are not developing a component that is part of Origami, please do not use this package. + +A collection of Origami components for use in other Origami components. + +- [Usage](#usage) +- [Behaviour](#behaviour) +- [Markup](#markup) +- [Sass](#sass) +- [JavaScript](#javascript) +- [Troubleshooting](#troubleshooting) +- [Contributing](#contributing) +- [Migration](#migration) +- [Contact](#contact) +- [Licence](#licence) + +_Instructions for the component. We've broken this down by Markup, JavaScript, Sass, etc. You may add more sections as needed._ + +## Usage + +Check out [how to include Origami components in your project](https://origami.ft.com/docs/components/#including-components-in-your-project) to get started with `o-private-foundation`. + +## Behaviour + +`o-private-foundation` Behaviour description. + +## Markup + +_Markup documentation for the component. Including css classes, data attributes, and tags for variations of the component._ +_Demo markup is also shown in the registry. For complex markup it can be useful to describe the markup and link to the registry demos for a full example._ +_Remember to start your codeblocks with three backticks and "html" so your markup is syntax highlighted correctly._ +```html +
+
+``` + +## Sass + +_Sass documentation. With instructions to include styles with a primary mixin, what options are available, brand support where applicable._ +_For complex components it may be helpful to document apis with SassDoc and link to the components SassDoc in the Origami Registry._ +_Remember to start your codeblocks with three backticks and "scss" so your markup is syntax highlighted correctly._ + +Use `@include oPrivateFoundation()` to include styles for all `o-private-foundation` features. + +```scss +@import "@financial-times/o-private-foundation"; + +@include oPrivateFoundation(); +``` + + +## JavaScript + +_JavaScript documentation. Including how to initialise the component, available options, and common usecases._ +_For complex components it may be helpful to document apis with JSDoc and link to the components JSDocs in the Origami Registry._ +_Remember to start your codeblocks with three backticks and "js" so your js is syntax highlighted correctly._ + +JavaScript is initialised automatically for [Origami Build Service](https://www.ft.com/__origami/service/build/v2/) users. If your project is using a manual build process, [initialise `o-private-foundation` manually](https://origami.ft.com/docs/tutorials/manual-build/). + +For example call the `init` method to initialise all `o-private-foundation` instances in the document: + +```js +import oPrivateFoundation from 'o-private-foundation'; +oPrivateFoundation.init(); +``` + +Or pass an element to initialise a specific `o-private-foundation` instance: + +```js +import oPrivateFoundation from 'o-private-foundation'; +const oPrivateFoundationElement = document.getElementById('#my-o-private-foundation-element'); +oPrivateFoundation.init(oPrivateFoundationElement); +``` + + + +## Troubleshooting + +_Answers to questions or problems that come up repeatedly._ +_It's likely you can delete this section for now. Remember to remove it from the table of contents._ + +## Contributing + +_Contributing documentation for non typical components._ +_It's likely you can delete this section if your component conforms with other components._ +_Remember to update the table of contents is you remove this section._ + +## Migration + +_Guides to upgrade from one major version of a component to another._ +_This section includes a table of major versions with links to `MIGRATION.md`._ +_`MIGRATION.md` would provide upgrade instructions, but since this is a new component there is no `MIGRATION.md`._ +_Delete this section, including from the table of contents, until there is a second major version of this component._ + +State | Major Version | Last Minor Release | Migration guide | +:---: | :---: | :---: | :---: +✨ active | 3 | N/A | [migrate to v3](MIGRATION.md#migrating-from-v2-to-v3) | +⚠ maintained | 2 | 2.0 | [migrate to v2](MIGRATION.md#migrating-from-v1-to-v2) | +╳ deprecated | 1 | 1.0 | N/A | + +## Contact +If you have any questions or comments about this component, or need help using it, please either [raise an issue](https://github.com/Financial-Times/origami/issues/new?labels=o-private-foundation,components), visit [#origami-support](https://financialtimes.slack.com/messages/#origami-support/) or email [origami.support@ft.com](mailto:origami.support@ft.com). + +## Licence +This software is published by the Financial Times under the [MIT licence](http://opensource.org/licenses/MIT). +`; +}; diff --git a/components/o-private-foundation/origami.json b/components/o-private-foundation/origami.json new file mode 100644 index 0000000000..d01f44631f --- /dev/null +++ b/components/o-private-foundation/origami.json @@ -0,0 +1,27 @@ +{ + "origamiType": "component", + "origamiVersion": "2.0", + "brands": ["core","internal","whitelabel"], + "support": "https://github.com/Financial-Times/origami/issues/new?labels=o-private-foundation,components", + "supportContact": { + "email": "origami.support@ft.com", + "slack": "#origami-support" + }, + "supportStatus": "experimental", + "browserFeatures": {}, + "demosDefaults": { + "sass": "demos/src/demo.scss", + "js": "demos/src/demo.js", + "template": "demos/src/demo.mustache", + "documentClasses": "", + "dependencies": [] + }, + "demos": [ + { + "title": "A Useful Demo", + "name": "demo", + "template": "demos/src/demo.mustache", + "description": "Description of the demo" + } + ] +} diff --git a/components/o-private-foundation/package.json b/components/o-private-foundation/package.json new file mode 100644 index 0000000000..df695a949e --- /dev/null +++ b/components/o-private-foundation/package.json @@ -0,0 +1,33 @@ +{ + "name": "@financial-times/o-private-foundation", + "version": "0.0.0", + "description": "Foundation components for use in Origami components only.", + "keywords": [], + "homepage": "https://registry.origami.ft.com/components/o-private-foundation", + "bugs": { + "url": "https://github.com/Financial-Times/origami/issues/new?labels=o-private-foundation,components", + "email": "origami.support@ft.com" + }, + "license": "MIT", + "type": "module", + "browser": "main.js", + "scripts": { + "build": "bash ../../scripts/component/build.bash", + "test": "bash ../../scripts/component/test.bash", + "lint": "bash ../../scripts/component/lint.bash", + "watch": "bash ../../scripts/component/watch.bash" + }, + "peerDependencies": { + "@financial-times/o-brand": "^4.1.0" + }, + "devDependencies": {}, + "engines": { + "npm": "^7 || ^8" + }, + "volta": { + "node": "14.16.1", + "npm": "7.11.1" + }, + "percy": true, + "private": false +} diff --git a/components/o-private-foundation/src/scss/_brand.scss b/components/o-private-foundation/src/scss/_brand.scss new file mode 100644 index 0000000000..abe8a0bc93 --- /dev/null +++ b/components/o-private-foundation/src/scss/_brand.scss @@ -0,0 +1,10 @@ +/// Helper for `o-brand` function. +/// @access private +@function _oPrivateFoundationGet($variables, $from: null) { + @return oBrandGet($component: 'o-private-foundation', $variables: $variables, $from: $from); +} +/// Helper for `o-brand` function. +/// @access private +@function _oPrivateFoundationSupports($variant) { + @return oBrandSupportsVariant($component: 'o-private-foundation', $variant: $variant); +} diff --git a/components/o-private-foundation/src/scss/_variables.scss b/components/o-private-foundation/src/scss/_variables.scss new file mode 100644 index 0000000000..961af62b7a --- /dev/null +++ b/components/o-private-foundation/src/scss/_variables.scss @@ -0,0 +1 @@ +// Add any global Sass variables for o-private-foundation here. diff --git a/components/o-private-foundation/src/scss/tokens/core.scss b/components/o-private-foundation/src/scss/tokens/core.scss new file mode 100644 index 0000000000..3ee7b3df42 --- /dev/null +++ b/components/o-private-foundation/src/scss/tokens/core.scss @@ -0,0 +1,496 @@ + +/** + * Do not edit directly, this file was auto-generated. + */ + +$tokens: ( + 'do-not-use': rgba(0, 0, 0, 0), + // FT Pink is used for the FT logo + 'o3-color-palette-ft-pink': #fcd0b1, + 'o3-color-palette-ft-grey': #333333, + 'o3-color-palette-white': #ffffff, + 'o3-color-palette-black': #000000, + // Claret is the main branding colour for MyFT related products. It should be used sparingly and never be used as a background colour. + // + // Usage example: MyFT branding; MyFT CTAs + 'o3-color-palette-claret': #990f3d, + // Teal is the most striking colour and main CTA colour on ft.com. It is reserved for important action items that need to stand out: buttons, text links and other critical functional use cases. + 'o3-color-palette-teal': #0d7680, + // Oxford is used to denote opinion pieces (in combination with Sky). It is used on the homepage and in articles. Use for information and callouts in general. + // + // Usage example: opinion branding; opinion topic tags. + 'o3-color-palette-oxford': #0f5499, + // Slate is a warmer version of black. It is used as inverse backgrounds for editorial content and as a theme option(Mono) for buttons. + 'o3-color-palette-slate': #262a33, + // Paper, as it’s name implies, is the FT’s main background colour. It is the main expression of the brand colour on product. It is a lighter, more legible shade of FT Pink and can be seen as a kind of replacement of white. + 'o3-color-palette-paper': #fff1e5, + 'o3-color-palette-mandarin': #ff8833, + 'o3-color-palette-light-blue': #00a0dd, + 'o3-color-palette-crimson': #cc0000, + 'o3-color-palette-graphics-dark-blue': #006f9b, + 'o3-color-palette-wheat': #f2dfce, + 'o3-color-palette-candy': #ff7faa, + 'o3-color-palette-wasabi': #96cc28, + 'o3-color-palette-jade': #00994d, + 'o3-color-palette-velvet': #593380, + 'o3-color-palette-lemon': #ffec1a, + 'o3-color-palette-sky': #cce6ff, + 'o3-color-palette-matisse-blue': #355778, + 'o3-color-palette-black-5': #f2e5da, + 'o3-color-palette-black-10': #e6d9ce, + 'o3-color-palette-black-20': #ccc1b7, + 'o3-color-palette-black-30': #b3a9a0, + 'o3-color-palette-black-40': #999189, + 'o3-color-palette-black-50': #807973, + 'o3-color-palette-black-60': #66605c, + 'o3-color-palette-black-70': #4d4845, + 'o3-color-palette-black-80': #33302e, + 'o3-color-palette-black-90': #1a1817, + 'o3-color-palette-white-10': #fff2e8, + 'o3-color-palette-white-20': #fff4ea, + 'o3-color-palette-white-40': #fff7ef, + 'o3-color-palette-white-60': #fff9f5, + 'o3-color-palette-white-80': #fffcfa, + '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': #1a8cff, + 'o3-color-palette-teal-20': #052f33, + 'o3-color-palette-teal-30': #08474d, + 'o3-color-palette-teal-40': #0a5e66, + 'o3-color-palette-teal-50': #0d7680, + 'o3-color-palette-teal-60': #0f8e99, + 'o3-color-palette-teal-70': #12a5b3, + 'o3-color-palette-teal-80': #14bdcc, + 'o3-color-palette-teal-90': #17d4e6, + 'o3-color-palette-teal-100': #1aecff, + 'o3-color-palette-claret-30': #4d081f, + 'o3-color-palette-claret-40': #660a29, + 'o3-color-palette-claret-50': #800d33, + 'o3-color-palette-claret-60': #990f3d, + 'o3-color-palette-claret-70': #b31247, + 'o3-color-palette-claret-80': #cc1452, + 'o3-color-palette-claret-90': #e6175c, + 'o3-color-palette-claret-100': #ff1a66, + 'o3-color-palette-wheat-100': #ffebd9, + 'o3-color-palette-mint': rgba(0, 0, 0, 0), + 'o3-color-use-case-link-text': #0d7680, + 'o3-color-use-case-link-text-hover': #08474d, + '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': #d4d4d6, + 'o3-color-use-case-link-inverse-underline': #ffffff, + 'o3-color-use-case-link-inverse-underline-hover': #d4d4d6, + 'o3-color-use-case-page-background': #fff1e5, + 'o3-color-use-case-page-inverse-background': #262a33, + 'o3-color-use-case-body-text': #33302e, + 'o3-color-use-case-body-inverse-text': #ffffff, + 'o3-color-use-case-heading-text': #33302e, + 'o3-color-use-case-heading-inverse-text': #ffffff, + // "Muted" text is less prominent, for example credits and captions. + 'o3-color-use-case-muted-text': #807973, + // "Muted" text is less prominent, for example credits and captions. + 'o3-color-use-case-muted-inverse-text': #a8aaad, + 'o3-color-use-case-footer-text': #33302e, + 'o3-color-use-case-caption-text': #33302e, + 'o3-color-use-case-button-foreground': #ffffff, + 'o3-color-use-case-button-foreground-disabled': #fff7ef, + '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-button-primary-standard-color': #ffffff, + '_o3-button-primary-standard-background': #0d7680, + '_o3-button-primary-standard-border': rgba(255, 255, 255, 0), + '_o3-button-primary-standard-hover-background': #095259, + '_o3-button-primary-standard-hover-color': #ffffff, + '_o3-button-primary-standard-hover-border': rgba(255, 255, 255, 0), + '_o3-button-primary-standard-focus-background': #095259, + '_o3-button-primary-standard-focus-color': #ffffff, + '_o3-button-primary-standard-focus-border': rgba(255, 255, 255, 0), + '_o3-button-primary-standard-active-background': #052f33, + '_o3-button-primary-standard-active-color': #ffffff, + '_o3-button-primary-standard-active-border': rgba(255, 255, 255, 0), + '_o3-button-primary-inverse-color': #262a33, + '_o3-button-primary-inverse-background': #ffffff, + '_o3-button-primary-inverse-border': rgba(255, 255, 255, 0), + '_o3-button-primary-inverse-hover-background': #c9cacc, + '_o3-button-primary-inverse-hover-color': #262a33, + '_o3-button-primary-inverse-hover-border': rgba(255, 255, 255, 0), + '_o3-button-primary-inverse-focus-background': #c9cacc, + '_o3-button-primary-inverse-focus-color': #262a33, + '_o3-button-primary-inverse-focus-border': rgba(255, 255, 255, 0), + '_o3-button-primary-inverse-active-background': #9d9fa3, + '_o3-button-primary-inverse-active-color': #262a33, + '_o3-button-primary-inverse-active-border': rgba(255, 255, 255, 0), + '_o3-button-primary-mono-color': #ffffff, + '_o3-button-primary-mono-background': #262a33, + '_o3-button-primary-mono-border': rgba(255, 255, 255, 0), + '_o3-button-primary-mono-hover-background': #515257, + '_o3-button-primary-mono-hover-color': #ffffff, + '_o3-button-primary-mono-hover-border': rgba(255, 255, 255, 0), + '_o3-button-primary-mono-focus-background': #515257, + '_o3-button-primary-mono-focus-color': #ffffff, + '_o3-button-primary-mono-focus-border': rgba(255, 255, 255, 0), + '_o3-button-primary-mono-active-background': #727071, + '_o3-button-primary-mono-active-color': #ffffff, + '_o3-button-primary-mono-active-border': rgba(255, 255, 255, 0), + '_o3-button-secondary-standard-color': #0d7680, + '_o3-button-secondary-standard-background': rgba(255, 255, 255, 0), + '_o3-button-secondary-standard-border': #0d7680, + '_o3-button-secondary-standard-hover-background': rgba(13, 118, 128, 0.1), + '_o3-button-secondary-standard-hover-color': #0c707a, + '_o3-button-secondary-standard-hover-border': #0d7680, + '_o3-button-secondary-standard-focus-background': rgba(13, 118, 128, 0.1), + '_o3-button-secondary-standard-focus-color': #0c707a, + '_o3-button-secondary-standard-focus-border': #0d7680, + '_o3-button-secondary-standard-active-background': #0d7680, + '_o3-button-secondary-standard-active-color': #ffffff, + '_o3-button-secondary-standard-active-border': #0d7680, + '_o3-button-secondary-inverse-color': #ffffff, + '_o3-button-secondary-inverse-background': rgba(255, 255, 255, 0), + '_o3-button-secondary-inverse-border': #ffffff, + '_o3-button-secondary-inverse-hover-background': rgba(255, 255, 255, 0.15), + '_o3-button-secondary-inverse-hover-color': #ffffff, + '_o3-button-secondary-inverse-hover-border': #ffffff, + '_o3-button-secondary-inverse-focus-background': rgba(255, 255, 255, 0.15), + '_o3-button-secondary-inverse-focus-color': #ffffff, + '_o3-button-secondary-inverse-focus-border': #ffffff, + '_o3-button-secondary-inverse-active-background': #ffffff, + '_o3-button-secondary-inverse-active-color': #000000, + '_o3-button-secondary-inverse-active-border': #ffffff, + '_o3-button-secondary-mono-color': #262a33, + '_o3-button-secondary-mono-background': rgba(255, 255, 255, 0), + '_o3-button-secondary-mono-border': #262a33, + '_o3-button-secondary-mono-hover-background': rgba(38, 42, 51, 0.15), + '_o3-button-secondary-mono-hover-color': #262a33, + '_o3-button-secondary-mono-hover-border': #262a33, + '_o3-button-secondary-mono-focus-background': rgba(38, 42, 51, 0.15), + '_o3-button-secondary-mono-focus-color': #262a33, + '_o3-button-secondary-mono-focus-border': #262a33, + '_o3-button-secondary-mono-active-background': #262a33, + '_o3-button-secondary-mono-active-color': #ffffff, + '_o3-button-secondary-mono-active-border': #262a33, + '_o3-button-ghost-standard-color': #0d7680, + '_o3-button-ghost-standard-background': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-hover-background': rgba(13, 118, 128, 0.1), + '_o3-button-ghost-standard-hover-color': #0c707a, + '_o3-button-ghost-standard-hover-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-focus-background': rgba(13, 118, 128, 0.1), + '_o3-button-ghost-standard-focus-color': #0c707a, + '_o3-button-ghost-standard-focus-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-active-background': #0d7680, + '_o3-button-ghost-standard-active-color': #ffffff, + '_o3-button-ghost-standard-active-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-color': #ffffff, + '_o3-button-ghost-inverse-background': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-hover-background': rgba(255, 255, 255, 0.15), + '_o3-button-ghost-inverse-hover-color': #ffffff, + '_o3-button-ghost-inverse-hover-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-focus-background': rgba(255, 255, 255, 0.15), + '_o3-button-ghost-inverse-focus-color': #ffffff, + '_o3-button-ghost-inverse-focus-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-active-background': #ffffff, + '_o3-button-ghost-inverse-active-color': #000000, + '_o3-button-ghost-inverse-active-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-mono-color': #262a33, + '_o3-button-ghost-mono-background': rgba(255, 255, 255, 0), + '_o3-button-ghost-mono-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-mono-hover-background': rgba(38, 42, 51, 0.15), + '_o3-button-ghost-mono-hover-color': #262a33, + '_o3-button-ghost-mono-hover-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-mono-focus-background': rgba(38, 42, 51, 0.15), + '_o3-button-ghost-mono-focus-color': #262a33, + '_o3-button-ghost-mono-focus-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-mono-active-background': #262a33, + '_o3-button-ghost-mono-active-color': #ffffff, + '_o3-button-ghost-mono-active-border': rgba(255, 255, 255, 0), + 'o3-spacing-5xs': 4px, + 'o3-spacing-4xs': 8px, + 'o3-spacing-3xs': 12px, + 'o3-spacing-2xs': 16px, + 'o3-spacing-xs': 20px, + 'o3-spacing-s': 24px, + 'o3-spacing-m': 32px, + 'o3-spacing-l': 40px, + 'o3-spacing-xl': 48px, + 'o3-spacing-2xl': 64px, + 'o3-spacing-3xl': 80px, + 'o3-spacing-4xl': 96px, + 'o3-font-family-metric': 'metric 2 VF', + 'o3-font-family-financier-display': 'financier display VF', + 'o3-font-family-georgia': georgia, + 'o3-font-weight-light': 300, + 'o3-font-weight-regular': 400, + 'o3-font-weight-medium': 500, + 'o3-font-weight-semibold': 700, + 'o3-font-weight-bold': 800, + 'o3-font-lineheight-0': 20px, + 'o3-font-lineheight-1': 20px, + 'o3-font-lineheight-2': 24px, + 'o3-font-lineheight-3': 28px, + 'o3-font-lineheight-4': 32px, + 'o3-font-lineheight-5': 32px, + 'o3-font-lineheight-6': 40px, + 'o3-font-lineheight-7': 48px, + 'o3-font-lineheight-8': 56px, + 'o3-font-lineheight-9': 72px, + 'o3-font-lineheight-10': 84px, + 'o3-font-lineheight-negative-2': 16px, + 'o3-font-lineheight-negative-1': 16px, + 'o3-font-size-0': 16px, + 'o3-font-size-1': 18px, + 'o3-font-size-2': 20px, + 'o3-font-size-3': 24px, + 'o3-font-size-4': 28px, + 'o3-font-size-5': 32px, + 'o3-font-size-6': 40px, + 'o3-font-size-7': 48px, + 'o3-font-size-8': 56px, + 'o3-font-size-9': 72px, + 'o3-font-size-10': 84px, + 'o3-font-size-negative-2': 12px, + 'o3-font-size-negative-1': 14px, + 'o3-font-lineheight-metric2-0': 20px, + 'o3-font-lineheight-metric2-1': 24px, + 'o3-font-lineheight-metric2-2': 28px, + 'o3-font-lineheight-metric2-3': 32px, + 'o3-font-lineheight-metric2-4': 32px, + 'o3-font-lineheight-metric2-5': 40px, + 'o3-font-lineheight-metric2-6': 48px, + 'o3-font-lineheight-metric2-7': 56px, + 'o3-font-lineheight-metric2-8': 72px, + 'o3-font-lineheight-metric2-9': 84px, + 'o3-font-lineheight-metric2-negative-3': 16px, + 'o3-font-lineheight-metric2-negative-2': 16px, + 'o3-font-lineheight-metric2-negative-1': 20px, + 'o3-font-size-metric2-0': 16px, + 'o3-font-size-metric2-1': 18px, + 'o3-font-size-metric2-2': 20px, + 'o3-font-size-metric2-3': 24px, + 'o3-font-size-metric2-4': 28px, + 'o3-font-size-metric2-5': 32px, + 'o3-font-size-metric2-6': 40px, + 'o3-font-size-metric2-7': 48px, + 'o3-font-size-metric2-8': 64px, + 'o3-font-size-metric2-9': 72px, + 'o3-font-size-metric2-negative-3': 10px, + 'o3-font-size-metric2-negative-2': 12px, + 'o3-font-size-metric2-negative-1': 14px, + '_o3-tooltip-background-color': #ffffff, + '_o3-tooltip-text-color': #1a1817, + '_o3-tooltip-icon-info': url("data:image/svg+xml,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204ZM2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z%22%20fill=%22black%22/%3E%0A%3Cpath%20d=%22M13.2948%2010.012V17.376H10.7188V10.012H13.2948ZM10.5508%207.99602C10.5508%207.58536%2010.6908%207.25402%2010.9708%207.00202C11.2601%206.75002%2011.6008%206.62402%2011.9928%206.62402C12.3941%206.62402%2012.7348%206.75002%2013.0148%207.00202C13.3041%207.25402%2013.4488%207.58536%2013.4488%207.99602C13.4488%208.40669%2013.3041%208.74269%2013.0148%209.00402C12.7348%209.25602%2012.3941%209.38202%2011.9928%209.38202C11.6008%209.38202%2011.2601%209.25602%2010.9708%209.00402C10.6908%208.74269%2010.5508%208.40669%2010.5508%207.99602Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + '_o3-tooltip-icon-cross': url("data:image/svg+xml,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204ZM2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z%22%20fill=%22black%22/%3E%0A%3Cpath%20d=%22M10.3257%2012.003L7.17969%208.90103L8.87369%207.20703L11.9977%2010.309L15.0997%207.20703L16.7937%208.90103L13.6917%2012.003L16.7937%2015.127L15.0997%2016.821L11.9977%2013.719L8.87369%2016.821L7.17969%2015.127L10.3257%2012.003Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-typography-use-case-body-standard-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-standard-font-weight': 400, + 'o3-typography-use-case-body-standard-font-size': 16px, + 'o3-typography-use-case-body-standard-line-height': 20px, + 'o3-typography-use-case-body-big-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-big-font-weight': 400, + 'o3-typography-use-case-body-big-font-size': 18px, + 'o3-typography-use-case-body-big-line-height': 24px, + 'o3-typography-use-case-body-small-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-small-font-weight': 400, + 'o3-typography-use-case-body-small-font-size': 14px, + 'o3-typography-use-case-body-small-line-height': 20px, + 'o3-typography-use-case-body-small-caps-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-small-caps-font-weight': 400, + 'o3-typography-use-case-body-small-caps-font-size': 14px, + 'o3-typography-use-case-body-small-caps-line-height': 20px, + 'o3-typography-use-case-body-small-bold-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-small-bold-font-weight': 700, + 'o3-typography-use-case-body-small-bold-font-size': 14px, + 'o3-typography-use-case-body-small-bold-line-height': 20px, + 'o3-typography-use-case-footer-font-family': 'metric 2 VF', + 'o3-typography-use-case-footer-font-weight': 400, + 'o3-typography-use-case-footer-font-size': 16px, + 'o3-typography-use-case-footer-line-height': 20px, + 'o3-typography-use-case-caption-font-family': 'metric 2 VF', + 'o3-typography-use-case-caption-font-weight': 400, + 'o3-typography-use-case-caption-font-size': 12px, + 'o3-typography-use-case-caption-line-height': 16px, + 'o3-typography-use-case-heading1-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading1-font-weight': 700, + 'o3-typography-use-case-heading1-font-size': 28px, + 'o3-typography-use-case-heading1-line-height': 32px, + 'o3-typography-use-case-heading2-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading2-font-weight': 700, + 'o3-typography-use-case-heading2-font-size': 24px, + 'o3-typography-use-case-heading2-line-height': 32px, + 'o3-typography-use-case-heading3-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading3-font-weight': 700, + 'o3-typography-use-case-heading3-font-size': 20px, + 'o3-typography-use-case-heading3-line-height': 28px, + 'o3-typography-use-case-heading4-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading4-font-weight': 700, + 'o3-typography-use-case-heading4-font-size': 18px, + 'o3-typography-use-case-heading4-line-height': 24px, + 'o3-typography-use-case-heading5-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading5-font-weight': 700, + 'o3-typography-use-case-heading5-font-size': 16px, + 'o3-typography-use-case-heading5-line-height': 20px, + 'o3-focus-use-case-ring-inner': 0px 0px 0px 4px #ffffff, + 'o3-focus-use-case-ring-outer': 0px 0px 0px 8px #4d4845, + 'o3-focus-use-case-ring-inverse-inner': 0px 0px 0px 4px #4d4845, + 'o3-focus-use-case-ring-inverse-outer': 0px 0px 0px 8px #ffffff, + 'o3-focus-use-case-outline-color': 0px 0px 0px 2px #807973, + 'o3-focus-use-case-outline-inverse-color': 0px 0px 0px 2px #ffffff, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-l-font-family': 'financier display VF', + // Previous name - Heading large + '_o3-editorial-typography-headline-large-l-font-weight': 800, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-l-font-size': 48px, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-l-line-height': 48px, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-m-font-family': 'financier display VF', + // Previous name - Heading large + '_o3-editorial-typography-headline-large-m-font-weight': 800, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-m-font-size': 40px, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-m-line-height': 40px, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-s-font-family': 'financier display VF', + // Previous name - Heading large + '_o3-editorial-typography-headline-large-s-font-weight': 800, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-s-font-size': 32px, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-s-line-height': 32px, + // Previous name - H1 + '_o3-editorial-typography-headline-l-font-family': 'financier display VF', + // Previous name - H1 + '_o3-editorial-typography-headline-l-font-weight': 300, + // Previous name - H1 + '_o3-editorial-typography-headline-l-font-size': 40px, + // Previous name - H1 + '_o3-editorial-typography-headline-l-line-height': 40px, + // Previous name - H1 + '_o3-editorial-typography-headline-m-font-family': 'financier display VF', + // Previous name - H1 + '_o3-editorial-typography-headline-m-font-weight': 300, + // Previous name - H1 + '_o3-editorial-typography-headline-m-font-size': 32px, + // Previous name - H1 + '_o3-editorial-typography-headline-m-line-height': 32px, + // Previous name - H1 + '_o3-editorial-typography-headline-s-font-family': 'financier display VF', + // Previous name - H1 + '_o3-editorial-typography-headline-s-font-weight': 300, + // Previous name - H1 + '_o3-editorial-typography-headline-s-font-size': 28px, + // Previous name - H1 + '_o3-editorial-typography-headline-s-line-height': 32px, + // Previous name - H2 + '_o3-editorial-typography-chapter-font-family': 'metric 2 VF', + // Previous name - H2 + '_o3-editorial-typography-chapter-font-weight': 700, + // Previous name - H2 + '_o3-editorial-typography-chapter-font-size': 24px, + // Previous name - H2 + '_o3-editorial-typography-chapter-line-height': 28px, + // Previous name - H3 + '_o3-editorial-typography-subheading-font-family': 'metric 2 VF', + // Previous name - H3 + '_o3-editorial-typography-subheading-font-weight': 400, + // Previous name - H3 + '_o3-editorial-typography-subheading-font-size': 24px, + // Previous name - H3 + '_o3-editorial-typography-subheading-line-height': 28px, + // Previous name - H5 + '_o3-editorial-typography-label-font-family': 'metric 2 VF', + // Previous name - H5 + '_o3-editorial-typography-label-font-weight': 400, + // Previous name - H5 + '_o3-editorial-typography-label-font-size': 14px, + // Previous name - H5 + '_o3-editorial-typography-label-line-height': 16px, + '_o3-editorial-typography-article-body-l-font-family': georgia, + '_o3-editorial-typography-article-body-l-font-weight': 400, + '_o3-editorial-typography-article-body-l-font-size': 20px, + '_o3-editorial-typography-article-body-l-line-height': 32px, + '_o3-editorial-typography-article-body-s-font-family': georgia, + '_o3-editorial-typography-article-body-s-font-weight': 400, + '_o3-editorial-typography-article-body-s-font-size': 18px, + '_o3-editorial-typography-article-body-s-line-height': 28px, + '_o3-editorial-typography-topic-tag-color': #990f3d, + '_o3-editorial-typography-topic-tag-inverse-color': #ffffff, + '_o3-editorial-typography-topic-tag-hover-color': #4d081f, + '_o3-editorial-typography-topic-tag-hover-inverse-color': #d4d4d6, + '_o3-editorial-typography-caption-font-family': 'metric 2 VF', + '_o3-editorial-typography-caption-font-weight': 400, + '_o3-editorial-typography-caption-font-size': 12px, + '_o3-editorial-typography-caption-line-height': 16px, + '_o3-editorial-typography-caption-color': #4d4845, + '_o3-editorial-typography-caption-inverse-color': #a8aaad, + '_o3-editorial-typography-byline-author-color': #990f3d, + '_o3-editorial-typography-byline-author-inverse-color': #ffffff, + '_o3-editorial-typography-byline-author-hover-color': #4d081f, + '_o3-editorial-typography-byline-author-hover-inverse-color': #d4d4d6, + '_o3-editorial-typography-byline-timestamp-color': #66605c, + '_o3-editorial-typography-byline-timestamp-inverse-color': #a8aaad, + '_o3-editorial-typography-pullquote-content-font-family': 'metric 2 VF', + '_o3-editorial-typography-pullquote-content-font-weight': 700, + '_o3-editorial-typography-pullquote-content-font-size': 20px, + '_o3-editorial-typography-pullquote-content-line-height': 28px, + '_o3-editorial-typography-big-number-title-font-family': 'metric 2 VF', + '_o3-editorial-typography-big-number-title-font-weight': 700, + '_o3-editorial-typography-big-number-title-font-size': 48px, + '_o3-editorial-typography-big-number-title-line-height': 56px, + '_o3-form-color-use-case-background': #ffffff, + '_o3-form-color-use-case-background-disabled': #e6d9ce, + '_o3-form-color-use-case-background-error': rgba(204, 0, 0, 0.06), + '_o3-form-color-use-case-border': #807973, + '_o3-form-color-use-case-border-hover': #0a5e66, + '_o3-form-color-use-case-border-active': #052f33, + '_o3-form-color-use-case-border-disabled': #e6d9ce, + '_o3-form-color-use-case-selected': #0d7680, + '_o3-form-color-use-case-selected-hover': #0a5e66, + '_o3-form-color-use-case-selected-active': #052f33, + '_o3-form-color-use-case-selected-disabled': #9ec0bd, + '_o3-form-input-border': 2px solid #b3a9a0, + '_o3-form-input-border-error': 2px solid #cc0000, + '_o3-form-input-border-radius': 6px, + '_o3-form-error-summary-background-color': rgba(204, 0, 0, 0.14), + 'o3-icons-ft-icon-arrow-left': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M16%204L8%2012L16%2020%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-arrow-right': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M8%204L16%2012L8%2020%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-arrow-down': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M20%208L12%2016L4%208%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-arrow-up': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M20%2016L12%208L4%2016%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-cross': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M4.92893%2017.6569L6.34315%2019.0711L12%2013.4142L17.6569%2019.0711L19.0711%2017.6569L13.4142%2012L19.0711%206.34315L17.6569%204.92893L12%2010.5858L6.34315%204.92894L4.92893%206.34315L10.5858%2012L4.92893%2017.6569Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-download': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M11%204V13.4962L8.6585%2011.4474L7.3415%2012.9526L11.3415%2016.4526L12%2017.0288L12.6585%2016.4526L16.6585%2012.9526L15.3415%2011.4474L13%2013.4962V4H11ZM4%2019V21H20V19H4Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-edit-filled': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M4%2018V13.7716L15.1%202.67157L19.3284%206.9L8.22843%2018H4ZM21%2019H3V21H21V19Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-edit-outlined': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M4%2016V18H6H7.46667H8.29509L8.88088%2017.4142L18.4142%207.88088L19.8284%206.46667L18.4142%205.05245L16.9475%203.58579L15.5333%202.17157L14.1191%203.58579L4.58579%2013.1191L4%2013.7049V14.5333V16ZM7.46667%2016L8%2015.4667L15.5858%207.88088L17%206.46667L16.9475%206.41421L15.5858%205.05245L15.5333%205L14.1191%206.41421L6.53333%2014L6%2014.5333V16H7.46667ZM21%2019H3V21H21V19Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-grid': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M11%205H5V11H11V5Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M19%205H13V11H19V5Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M5%2013H11V19H5V13Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M19%2013H13V19H19V13Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-list': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M4%207H6V9H4V7Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M20%207H8V9H20V7Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M6%2011H4V13H6V11Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M4%2015H6V17H4V15Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M8%2011H20V13H8V11Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M20%2015H8V17H20V15Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-plus': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M11%2013V20H13V13H20V11H13V4H11V11H4V13H11Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-search': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M10%204C6.68629%204%204%206.68629%204%2010C4%2013.3137%206.68629%2016%2010%2016C11.2958%2016%2012.4957%2015.5892%2013.4765%2014.8907L18.2929%2019.7071L19.7071%2018.2929L14.8907%2013.4765C15.5892%2012.4957%2016%2011.2958%2016%2010C16%206.68629%2013.3137%204%2010%204ZM6%2010C6%207.79086%207.79086%206%2010%206C12.2091%206%2014%207.79086%2014%2010C14%2012.2091%2012.2091%2014%2010%2014C7.79086%2014%206%2012.2091%206%2010Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-tick': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M4%2013L8%2017L19%206%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-upload': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M13%2017V7.50377L15.3415%209.55257L16.6585%208.04742L12.6585%204.54742L12%203.97123L11.3415%204.54742L7.3415%208.04742L8.6585%209.55257L11%207.50377V17H13ZM4%2019V21H20V19H4Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-refresh': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M16.1905%206.39291C14.9278%205.44922%2013.3836%204.95935%2011.8078%205.00264C10.232%205.04593%208.71695%205.61983%207.50796%206.63143C6.29897%207.64302%205.46682%209.03308%205.14626%2010.5765C4.82569%2012.12%205.03548%2013.7264%205.74165%2015.1358C6.44782%2016.5451%207.60903%2017.6749%209.03725%2018.3421C10.4655%2019.0093%2012.0771%2019.1749%2013.6111%2018.8121C15.1452%2018.4492%2016.5119%2017.5792%2017.4899%2016.3429C18.4679%2015.1066%2019%2013.5764%2019%2012V11L21%2011V12C21%2014.0268%2020.3159%2015.9942%2019.0584%2017.5838C17.801%2019.1733%2016.0438%2020.2919%2014.0715%2020.7584C12.0991%2021.2249%2010.027%2021.012%208.19075%2020.1541C6.35447%2019.2963%204.86149%2017.8438%203.95355%2016.0317C3.04562%2014.2197%202.7759%2012.1542%203.18805%2010.1698C3.6002%208.18539%204.67011%206.39817%206.22452%205.09755C7.77893%203.79693%209.72685%203.05905%2011.7529%203.0034C13.7144%202.94951%2015.638%203.53819%2017.2318%204.67688L17.911%203.50457L20.5022%208.00854L15.3061%208.00059L16.2233%206.41744L16.1905%206.39291Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-calendar': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M9%2014V12H7V14H9Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M8%205V3H6V5H3V21H21V5H18V3H16V5H8ZM5%2010H19V19H5V10Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-play': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M6%2020V4L20%2012L6%2020Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-print': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M5%203L5%209C3.34315%209%202%2010.3431%202%2012V17H5V21H19V17H22V12C22%2010.3431%2020.6569%209%2019%209V3H5ZM17%205H7V8H17V5ZM17%2014H7V19H17V14ZM19%2012V11H18V12H19Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-signout': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M14%204H3V20H14V18H5V6H14V4Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M22.4142%2012L17.2071%206.79289L15.7929%208.20711L18.5858%2011H9V13H18.5858L15.7929%2015.7929L17.2071%2017.2071L22.4142%2012Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-speaker': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M3%2015V9H7L14%204V20L7%2015H3Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M19.853%208.74719C19.4258%207.71592%2018.7997%206.77889%2018.0104%205.98959L19.0711%204.92893C19.9997%205.85752%2020.7362%206.95991%2021.2388%208.17317C21.7413%209.38642%2022%2010.6868%2022%2012C22%2013.3132%2021.7413%2014.6136%2021.2388%2015.8268C20.7362%2017.0401%2019.9997%2018.1425%2019.0711%2019.0711L18.0104%2018.0104C18.7997%2017.2211%2019.4258%2016.2841%2019.853%2015.2528C20.2801%2014.2215%2020.5%2013.1162%2020.5%2012C20.5%2010.8838%2020.2801%209.77846%2019.853%208.74719Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M15.8891%208.11091C16.3998%208.62163%2016.8049%209.22795%2017.0813%209.89524C17.3577%2010.5625%2017.5%2011.2777%2017.5%2012C17.5%2012.7223%2017.3577%2013.4375%2017.0813%2014.1048C16.8049%2014.772%2016.3998%2015.3784%2015.8891%2015.8891L16.9498%2016.9497C17.5998%2016.2997%2018.1154%2015.5281%2018.4672%2014.6788C18.819%2013.8295%2019%2012.9193%2019%2012C19%2011.0807%2018.819%2010.1705%2018.4672%209.32122C18.1154%208.47194%2017.5998%207.70026%2016.9498%207.05025L15.8891%208.11091Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-user-filled': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M12%2012C14.2091%2012%2016%2010.2091%2016%208C16%205.79086%2014.2091%204%2012%204C9.79086%204%208%205.79086%208%208C8%2010.2091%209.79086%2012%2012%2012Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M5%2018C5%2016.1194%207%2013%2012%2013C17%2013%2019%2016.1194%2019%2018V21H5V18Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-user-outlined': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M16%208C16%2010.2091%2014.2091%2012%2012%2012C9.79086%2012%208%2010.2091%208%208C8%205.79086%209.79086%204%2012%204C14.2091%204%2016%205.79086%2016%208ZM14%208C14%209.10457%2013.1046%2010%2012%2010C10.8954%2010%2010%209.10457%2010%208C10%206.89543%2010.8954%206%2012%206C13.1046%206%2014%206.89543%2014%208Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12%2013C17%2013%2019%2016.1194%2019%2018V21H5V18C5%2016.1194%207%2013%2012%2013ZM7%2018C7%2017.4127%207.90585%2015%2012%2015C16.0941%2015%2017%2017.4127%2017%2018V19H7V18Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-speech-left': url("data:image/svg+xml,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M7.324%2018C9.46%2018%2011.5%2016.2617%2011.5%2013.9727C11.5%2010.9995%208.857%209.48929%206.304%209.94533C6.304%207.97608%208.068%206.37403%2011.314%205.87062L11.176%205C6.025%205.3672%202.5%208.84374%202.5%2012.9185C2.5%2016.3979%204.774%2018%207.324%2018ZM17.324%2018C19.46%2018%2021.5%2016.2617%2021.5%2013.9727C21.5%2010.9995%2018.857%209.48929%2016.304%209.94533C16.304%207.97608%2018.068%206.37403%2021.314%205.87062L21.176%205C16.025%205.3672%2012.5%208.84374%2012.5%2012.9185C12.5%2016.3979%2014.774%2018%2017.324%2018Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-error': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2220%22%20height=%2220%22%20viewBox=%220%200%2020%2020%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M15.4528%2011.25V8.75H4.54718V11.25H15.4528Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M20%2010C20%2015.5228%2015.5228%2020%2010%2020C4.47715%2020%200%2015.5228%200%2010C0%204.47715%204.47715%200%2010%200C15.5228%200%2020%204.47715%2020%2010ZM18%2010C18%2014.4183%2014.4183%2018%2010%2018C5.58172%2018%202%2014.4183%202%2010C2%205.58172%205.58172%202%2010%202C14.4183%202%2018%205.58172%2018%2010Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-success': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M18%205H6C5.44772%205%205%205.44772%205%206V18C5%2018.5523%205.44772%2019%206%2019H18C18.5523%2019%2019%2018.5523%2019%2018V6C19%205.44772%2018.5523%205%2018%205ZM6%203C4.34315%203%203%204.34315%203%206V18C3%2019.6569%204.34315%2021%206%2021H18C19.6569%2021%2021%2019.6569%2021%2018V6C21%204.34315%2019.6569%203%2018%203H6Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M17.2584%209.4923L10.1217%2016.629L6.74162%2013.2489L8.15584%2011.8347L10.1217%2013.8006L15.8442%208.07809L17.2584%209.4923Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-minus': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Crect%20x=%225%22%20y=%2210.25%22%20width=%2214%22%20height=%223.5%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-social-facebook': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M13.5419%2022V12.8768H16.5169L16.959%209.32329H13.5419V7.05214C13.5419%206.02472%2013.8192%205.32175%2015.2505%205.32175H17.0789V2.13905C16.7642%202.0927%2015.6776%202%2014.4187%202C11.7809%202%209.98247%203.66087%209.98247%206.70452V9.33102H7V12.8845H9.98247V22H13.5419V22Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-social-linkedin': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M5.06474%207.93165C6.41941%207.93165%207.26418%207.04798%207.26418%205.94422C7.23925%204.81651%206.41998%203.95847%205.0908%203.95847C3.76161%203.95847%202.89192%204.81595%202.89192%205.94422C2.89192%207.04798%203.73555%207.93165%205.04037%207.93165H5.06474ZM21.0221%2020.9995V14.407C21.0221%2010.8746%2019.1048%209.23091%2016.5484%209.23091C14.4855%209.23091%2013.5609%2010.3469%2013.0459%2011.1303V9.50114H9.15917C9.21072%2010.5804%209.15917%2020.9995%209.15917%2020.9995H13.0459V14.5781C13.0459%2014.2354%2013.0708%2013.8916%2013.1739%2013.6465C13.4544%2012.9595%2014.094%2012.2485%2015.1671%2012.2485C16.5739%2012.2485%2017.136%2013.3027%2017.136%2014.8483V21L21.0221%2020.9995ZM7.00836%209.50123V20.9996H3.12222V9.50123H7.00836Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-social-x': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M13.443%2010.7118L19.3644%203.97656H17.9612L12.8196%209.82466L8.71303%203.97656H3.97657L10.1865%2012.8199L3.97657%2019.8828H5.37985L10.8095%2013.707L15.1464%2019.8828H19.8828L13.4426%2010.7118H13.443ZM11.521%2012.8978L10.8918%2012.0172L5.88547%205.01021H8.04082L12.081%2010.6651L12.7102%2011.5457L17.9619%2018.8962H15.8065L11.521%2012.8982V12.8978Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") +); \ 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 new file mode 100644 index 0000000000..8f0fee8dbd --- /dev/null +++ b/components/o-private-foundation/src/scss/tokens/internal.scss @@ -0,0 +1,355 @@ + +/** + * Do not edit directly, this file was auto-generated. + */ + +$tokens: ( + 'do-not-use': rgba(0, 0, 0, 0), + '_o3-button-primary-standard-color': #ffffff, + '_o3-button-primary-standard-background': #0d7680, + '_o3-button-primary-standard-border': rgba(255, 255, 255, 0), + '_o3-button-primary-standard-hover-background': #095259, + '_o3-button-primary-standard-hover-color': #ffffff, + '_o3-button-primary-standard-hover-border': rgba(255, 255, 255, 0), + '_o3-button-primary-standard-focus-background': #095259, + '_o3-button-primary-standard-focus-color': #ffffff, + '_o3-button-primary-standard-focus-border': rgba(255, 255, 255, 0), + '_o3-button-primary-standard-active-background': #052f33, + '_o3-button-primary-standard-active-color': #ffffff, + '_o3-button-primary-standard-active-border': rgba(255, 255, 255, 0), + '_o3-button-primary-inverse-color': #262a33, + '_o3-button-primary-inverse-background': #ffffff, + '_o3-button-primary-inverse-border': rgba(255, 255, 255, 0), + '_o3-button-primary-inverse-hover-background': #c9cacc, + '_o3-button-primary-inverse-hover-color': #262a33, + '_o3-button-primary-inverse-hover-border': rgba(255, 255, 255, 0), + '_o3-button-primary-inverse-focus-background': #c9cacc, + '_o3-button-primary-inverse-focus-color': #262a33, + '_o3-button-primary-inverse-focus-border': rgba(255, 255, 255, 0), + '_o3-button-primary-inverse-active-background': #9d9fa3, + '_o3-button-primary-inverse-active-color': #262a33, + '_o3-button-primary-inverse-active-border': rgba(255, 255, 255, 0), + '_o3-button-primary-mono-color': #ffffff, + '_o3-button-primary-mono-background': #262a33, + '_o3-button-primary-mono-border': rgba(255, 255, 255, 0), + '_o3-button-primary-mono-hover-background': #51555c, + '_o3-button-primary-mono-hover-color': #ffffff, + '_o3-button-primary-mono-hover-border': rgba(255, 255, 255, 0), + '_o3-button-primary-mono-focus-background': #51555c, + '_o3-button-primary-mono-focus-color': #ffffff, + '_o3-button-primary-mono-focus-border': rgba(255, 255, 255, 0), + '_o3-button-primary-mono-active-background': #72757a, + '_o3-button-primary-mono-active-color': #ffffff, + '_o3-button-primary-mono-active-border': rgba(255, 255, 255, 0), + '_o3-button-secondary-standard-color': #0d7680, + '_o3-button-secondary-standard-background': rgba(255, 255, 255, 0), + '_o3-button-secondary-standard-border': #0d7680, + '_o3-button-secondary-standard-hover-background': rgba(13, 118, 128, 0.1), + '_o3-button-secondary-standard-hover-color': #0d7680, + '_o3-button-secondary-standard-hover-border': #0d7680, + '_o3-button-secondary-standard-focus-background': rgba(13, 118, 128, 0.1), + '_o3-button-secondary-standard-focus-color': #0d7680, + '_o3-button-secondary-standard-focus-border': #0d7680, + '_o3-button-secondary-standard-active-background': #0d7680, + '_o3-button-secondary-standard-active-color': #ffffff, + '_o3-button-secondary-standard-active-border': #0d7680, + '_o3-button-secondary-inverse-color': #ffffff, + '_o3-button-secondary-inverse-background': rgba(255, 255, 255, 0), + '_o3-button-secondary-inverse-border': #ffffff, + '_o3-button-secondary-inverse-hover-background': rgba(255, 255, 255, 0.15), + '_o3-button-secondary-inverse-hover-color': #ffffff, + '_o3-button-secondary-inverse-hover-border': #ffffff, + '_o3-button-secondary-inverse-focus-background': rgba(255, 255, 255, 0.15), + '_o3-button-secondary-inverse-focus-color': #ffffff, + '_o3-button-secondary-inverse-focus-border': #ffffff, + '_o3-button-secondary-inverse-active-background': #ffffff, + '_o3-button-secondary-inverse-active-color': #000000, + '_o3-button-secondary-inverse-active-border': #ffffff, + '_o3-button-secondary-mono-color': #262a33, + '_o3-button-secondary-mono-background': rgba(255, 255, 255, 0), + '_o3-button-secondary-mono-border': #262a33, + '_o3-button-secondary-mono-hover-background': rgba(38, 42, 51, 0.15), + '_o3-button-secondary-mono-hover-color': #262a33, + '_o3-button-secondary-mono-hover-border': #262a33, + '_o3-button-secondary-mono-focus-background': rgba(38, 42, 51, 0.15), + '_o3-button-secondary-mono-focus-color': #262a33, + '_o3-button-secondary-mono-focus-border': #262a33, + '_o3-button-secondary-mono-active-background': #262a33, + '_o3-button-secondary-mono-active-color': #ffffff, + '_o3-button-secondary-mono-active-border': #262a33, + '_o3-button-ghost-standard-color': #0d7680, + '_o3-button-ghost-standard-background': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-hover-background': rgba(13, 118, 128, 0.1), + '_o3-button-ghost-standard-hover-color': #0d7680, + '_o3-button-ghost-standard-hover-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-focus-background': rgba(13, 118, 128, 0.1), + '_o3-button-ghost-standard-focus-color': #0d7680, + '_o3-button-ghost-standard-focus-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-active-background': #0d7680, + '_o3-button-ghost-standard-active-color': #ffffff, + '_o3-button-ghost-standard-active-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-color': #ffffff, + '_o3-button-ghost-inverse-background': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-hover-background': rgba(255, 255, 255, 0.15), + '_o3-button-ghost-inverse-hover-color': #ffffff, + '_o3-button-ghost-inverse-hover-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-focus-background': rgba(255, 255, 255, 0.15), + '_o3-button-ghost-inverse-focus-color': #ffffff, + '_o3-button-ghost-inverse-focus-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-active-background': #ffffff, + '_o3-button-ghost-inverse-active-color': #000000, + '_o3-button-ghost-inverse-active-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-mono-color': #262a33, + '_o3-button-ghost-mono-background': rgba(255, 255, 255, 0), + '_o3-button-ghost-mono-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-mono-hover-background': rgba(38, 42, 51, 0.15), + '_o3-button-ghost-mono-hover-color': #262a33, + '_o3-button-ghost-mono-hover-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-mono-focus-background': rgba(38, 42, 51, 0.15), + '_o3-button-ghost-mono-focus-color': #262a33, + '_o3-button-ghost-mono-focus-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-mono-active-background': #262a33, + '_o3-button-ghost-mono-active-color': #ffffff, + '_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, + 'o3-color-palette-black-30': #b3b3b3, + 'o3-color-palette-black-40': #999999, + 'o3-color-palette-black-50': #808080, + 'o3-color-palette-black-60': #666666, + '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, + 'o3-color-palette-teal-50': #0d7680, + 'o3-color-palette-teal-60': #108d99, + 'o3-color-palette-teal-70': #12a5b3, + '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-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-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, + 'o3-color-use-case-error': #cc0000, + 'o3-spacing-5xs': 4px, + 'o3-spacing-4xs': 8px, + 'o3-spacing-3xs': 12px, + 'o3-spacing-2xs': 16px, + 'o3-spacing-xs': 20px, + 'o3-spacing-s': 24px, + 'o3-spacing-m': 32px, + 'o3-spacing-l': 40px, + 'o3-spacing-xl': 48px, + 'o3-spacing-2xl': 64px, + 'o3-spacing-3xl': 80px, + 'o3-spacing-4xl': 96px, + 'o3-font-family-metric': 'metric 2 VF', + 'o3-font-family-financier-display': 'financier display VF', + 'o3-font-family-georgia': georgia, + 'o3-font-weight-light': 300, + 'o3-font-weight-regular': 400, + 'o3-font-weight-medium': 500, + 'o3-font-weight-semibold': 700, + 'o3-font-weight-bold': 800, + 'o3-font-lineheight-0': 20px, + 'o3-font-lineheight-1': 20px, + 'o3-font-lineheight-2': 24px, + 'o3-font-lineheight-3': 28px, + 'o3-font-lineheight-4': 32px, + 'o3-font-lineheight-5': 32px, + 'o3-font-lineheight-6': 40px, + 'o3-font-lineheight-7': 48px, + 'o3-font-lineheight-8': 56px, + 'o3-font-lineheight-9': 72px, + 'o3-font-lineheight-10': 84px, + 'o3-font-lineheight-negative-2': 16px, + 'o3-font-lineheight-negative-1': 16px, + 'o3-font-size-0': 16px, + 'o3-font-size-1': 18px, + 'o3-font-size-2': 20px, + 'o3-font-size-3': 24px, + 'o3-font-size-4': 28px, + 'o3-font-size-5': 32px, + 'o3-font-size-6': 40px, + 'o3-font-size-7': 48px, + 'o3-font-size-8': 56px, + 'o3-font-size-9': 72px, + 'o3-font-size-10': 84px, + 'o3-font-size-negative-2': 12px, + 'o3-font-size-negative-1': 14px, + 'o3-font-lineheight-metric2-0': 20px, + 'o3-font-lineheight-metric2-1': 24px, + 'o3-font-lineheight-metric2-2': 28px, + 'o3-font-lineheight-metric2-3': 32px, + 'o3-font-lineheight-metric2-4': 32px, + 'o3-font-lineheight-metric2-5': 40px, + 'o3-font-lineheight-metric2-6': 48px, + 'o3-font-lineheight-metric2-7': 56px, + 'o3-font-lineheight-metric2-8': 72px, + 'o3-font-lineheight-metric2-9': 84px, + 'o3-font-lineheight-metric2-negative-3': 16px, + 'o3-font-lineheight-metric2-negative-2': 16px, + 'o3-font-lineheight-metric2-negative-1': 20px, + 'o3-font-size-metric2-0': 16px, + 'o3-font-size-metric2-1': 18px, + 'o3-font-size-metric2-2': 20px, + 'o3-font-size-metric2-3': 24px, + 'o3-font-size-metric2-4': 28px, + 'o3-font-size-metric2-5': 32px, + 'o3-font-size-metric2-6': 40px, + 'o3-font-size-metric2-7': 48px, + 'o3-font-size-metric2-8': 64px, + 'o3-font-size-metric2-9': 72px, + 'o3-font-size-metric2-negative-3': 10px, + 'o3-font-size-metric2-negative-2': 12px, + 'o3-font-size-metric2-negative-1': 14px, + '_o3-tooltip-background-color': #ffffff, + '_o3-tooltip-text-color': #1a1a1a, + '_o3-tooltip-icon-info': url("data:image/svg+xml,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204ZM2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z%22%20fill=%22black%22/%3E%0A%3Cpath%20d=%22M13.2948%2010.012V17.376H10.7188V10.012H13.2948ZM10.5508%207.99602C10.5508%207.58536%2010.6908%207.25402%2010.9708%207.00202C11.2601%206.75002%2011.6008%206.62402%2011.9928%206.62402C12.3941%206.62402%2012.7348%206.75002%2013.0148%207.00202C13.3041%207.25402%2013.4488%207.58536%2013.4488%207.99602C13.4488%208.40669%2013.3041%208.74269%2013.0148%209.00402C12.7348%209.25602%2012.3941%209.38202%2011.9928%209.38202C11.6008%209.38202%2011.2601%209.25602%2010.9708%209.00402C10.6908%208.74269%2010.5508%208.40669%2010.5508%207.99602Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + '_o3-tooltip-icon-cross': url("data:image/svg+xml,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204ZM2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z%22%20fill=%22black%22/%3E%0A%3Cpath%20d=%22M10.3257%2012.003L7.17969%208.90103L8.87369%207.20703L11.9977%2010.309L15.0997%207.20703L16.7937%208.90103L13.6917%2012.003L16.7937%2015.127L15.0997%2016.821L11.9977%2013.719L8.87369%2016.821L7.17969%2015.127L10.3257%2012.003Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-typography-use-case-body-standard-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-standard-font-weight': 400, + 'o3-typography-use-case-body-standard-font-size': 16px, + 'o3-typography-use-case-body-standard-line-height': 20px, + 'o3-typography-use-case-body-big-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-big-font-weight': 400, + 'o3-typography-use-case-body-big-font-size': 18px, + 'o3-typography-use-case-body-big-line-height': 24px, + 'o3-typography-use-case-body-small-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-small-font-weight': 400, + 'o3-typography-use-case-body-small-font-size': 14px, + 'o3-typography-use-case-body-small-line-height': 20px, + 'o3-typography-use-case-body-small-caps-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-small-caps-font-weight': 400, + 'o3-typography-use-case-body-small-caps-font-size': 14px, + 'o3-typography-use-case-body-small-caps-line-height': 20px, + 'o3-typography-use-case-body-small-bold-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-small-bold-font-weight': 700, + 'o3-typography-use-case-body-small-bold-font-size': 14px, + 'o3-typography-use-case-body-small-bold-line-height': 20px, + 'o3-typography-use-case-footer-font-family': 'metric 2 VF', + 'o3-typography-use-case-footer-font-weight': 400, + 'o3-typography-use-case-footer-font-size': 16px, + 'o3-typography-use-case-footer-line-height': 20px, + 'o3-typography-use-case-caption-font-family': 'metric 2 VF', + 'o3-typography-use-case-caption-font-weight': 400, + 'o3-typography-use-case-caption-font-size': 12px, + 'o3-typography-use-case-caption-line-height': 16px, + 'o3-typography-use-case-heading1-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading1-font-weight': 700, + 'o3-typography-use-case-heading1-font-size': 28px, + 'o3-typography-use-case-heading1-line-height': 32px, + 'o3-typography-use-case-heading2-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading2-font-weight': 700, + 'o3-typography-use-case-heading2-font-size': 24px, + 'o3-typography-use-case-heading2-line-height': 32px, + 'o3-typography-use-case-heading3-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading3-font-weight': 700, + 'o3-typography-use-case-heading3-font-size': 20px, + 'o3-typography-use-case-heading3-line-height': 28px, + 'o3-typography-use-case-heading4-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading4-font-weight': 700, + 'o3-typography-use-case-heading4-font-size': 18px, + 'o3-typography-use-case-heading4-line-height': 24px, + 'o3-typography-use-case-heading5-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading5-font-weight': 700, + 'o3-typography-use-case-heading5-font-size': 16px, + 'o3-typography-use-case-heading5-line-height': 20px, + 'o3-focus-use-case-ring-inner': 0px 0px 0px 4px #ffffff, + 'o3-focus-use-case-ring-outer': 0px 0px 0px 8px #4d4d4d, + 'o3-focus-use-case-ring-inverse-inner': 0px 0px 0px 4px #4d4d4d, + 'o3-focus-use-case-ring-inverse-outer': 0px 0px 0px 8px #ffffff, + 'o3-focus-use-case-outline-color': 0px 0px 0px 2px #808080, + 'o3-focus-use-case-outline-inverse-color': 0px 0px 0px 2px #ffffff, + '_o3-form-input-border': 2px solid #b3b3b3, + '_o3-form-input-border-error': 2px solid #cc0000, + '_o3-form-input-border-radius': 6px, + '_o3-form-error-summary-background-color': rgba(204, 0, 0, 0.14), + '_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-hover': #0a5e66, + '_o3-form-color-use-case-border-active': #052f33, + '_o3-form-color-use-case-border-disabled': #9ec0bd, + '_o3-form-color-use-case-selected': #0d7680, + '_o3-form-color-use-case-selected-hover': #0a5e66, + '_o3-form-color-use-case-selected-active': #052f33, + '_o3-form-color-use-case-selected-disabled': #f2f2f2, + 'o3-icons-ft-icon-arrow-left': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M16%204L8%2012L16%2020%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-arrow-right': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M8%204L16%2012L8%2020%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-arrow-down': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M20%208L12%2016L4%208%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-arrow-up': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M20%2016L12%208L4%2016%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-cross': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M4.92893%2017.6569L6.34315%2019.0711L12%2013.4142L17.6569%2019.0711L19.0711%2017.6569L13.4142%2012L19.0711%206.34315L17.6569%204.92893L12%2010.5858L6.34315%204.92894L4.92893%206.34315L10.5858%2012L4.92893%2017.6569Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-download': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M11%204V13.4962L8.6585%2011.4474L7.3415%2012.9526L11.3415%2016.4526L12%2017.0288L12.6585%2016.4526L16.6585%2012.9526L15.3415%2011.4474L13%2013.4962V4H11ZM4%2019V21H20V19H4Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-edit-filled': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M4%2018V13.7716L15.1%202.67157L19.3284%206.9L8.22843%2018H4ZM21%2019H3V21H21V19Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-edit-outlined': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M4%2016V18H6H7.46667H8.29509L8.88088%2017.4142L18.4142%207.88088L19.8284%206.46667L18.4142%205.05245L16.9475%203.58579L15.5333%202.17157L14.1191%203.58579L4.58579%2013.1191L4%2013.7049V14.5333V16ZM7.46667%2016L8%2015.4667L15.5858%207.88088L17%206.46667L16.9475%206.41421L15.5858%205.05245L15.5333%205L14.1191%206.41421L6.53333%2014L6%2014.5333V16H7.46667ZM21%2019H3V21H21V19Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-grid': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M11%205H5V11H11V5Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M19%205H13V11H19V5Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M5%2013H11V19H5V13Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M19%2013H13V19H19V13Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-list': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M4%207H6V9H4V7Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M20%207H8V9H20V7Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M6%2011H4V13H6V11Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M4%2015H6V17H4V15Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M8%2011H20V13H8V11Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M20%2015H8V17H20V15Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-plus': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M11%2013V20H13V13H20V11H13V4H11V11H4V13H11Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-search': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M10%204C6.68629%204%204%206.68629%204%2010C4%2013.3137%206.68629%2016%2010%2016C11.2958%2016%2012.4957%2015.5892%2013.4765%2014.8907L18.2929%2019.7071L19.7071%2018.2929L14.8907%2013.4765C15.5892%2012.4957%2016%2011.2958%2016%2010C16%206.68629%2013.3137%204%2010%204ZM6%2010C6%207.79086%207.79086%206%2010%206C12.2091%206%2014%207.79086%2014%2010C14%2012.2091%2012.2091%2014%2010%2014C7.79086%2014%206%2012.2091%206%2010Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-tick': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M4%2013L8%2017L19%206%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-upload': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M13%2017V7.50377L15.3415%209.55257L16.6585%208.04742L12.6585%204.54742L12%203.97123L11.3415%204.54742L7.3415%208.04742L8.6585%209.55257L11%207.50377V17H13ZM4%2019V21H20V19H4Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-refresh': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M16.1905%206.39291C14.9278%205.44922%2013.3836%204.95935%2011.8078%205.00264C10.232%205.04593%208.71695%205.61983%207.50796%206.63143C6.29897%207.64302%205.46682%209.03308%205.14626%2010.5765C4.82569%2012.12%205.03548%2013.7264%205.74165%2015.1358C6.44782%2016.5451%207.60903%2017.6749%209.03725%2018.3421C10.4655%2019.0093%2012.0771%2019.1749%2013.6111%2018.8121C15.1452%2018.4492%2016.5119%2017.5792%2017.4899%2016.3429C18.4679%2015.1066%2019%2013.5764%2019%2012V11L21%2011V12C21%2014.0268%2020.3159%2015.9942%2019.0584%2017.5838C17.801%2019.1733%2016.0438%2020.2919%2014.0715%2020.7584C12.0991%2021.2249%2010.027%2021.012%208.19075%2020.1541C6.35447%2019.2963%204.86149%2017.8438%203.95355%2016.0317C3.04562%2014.2197%202.7759%2012.1542%203.18805%2010.1698C3.6002%208.18539%204.67011%206.39817%206.22452%205.09755C7.77893%203.79693%209.72685%203.05905%2011.7529%203.0034C13.7144%202.94951%2015.638%203.53819%2017.2318%204.67688L17.911%203.50457L20.5022%208.00854L15.3061%208.00059L16.2233%206.41744L16.1905%206.39291Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-calendar': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M9%2014V12H7V14H9Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M8%205V3H6V5H3V21H21V5H18V3H16V5H8ZM5%2010H19V19H5V10Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-play': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M6%2020V4L20%2012L6%2020Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-print': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M5%203L5%209C3.34315%209%202%2010.3431%202%2012V17H5V21H19V17H22V12C22%2010.3431%2020.6569%209%2019%209V3H5ZM17%205H7V8H17V5ZM17%2014H7V19H17V14ZM19%2012V11H18V12H19Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-signout': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M14%204H3V20H14V18H5V6H14V4Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M22.4142%2012L17.2071%206.79289L15.7929%208.20711L18.5858%2011H9V13H18.5858L15.7929%2015.7929L17.2071%2017.2071L22.4142%2012Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-speaker': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M3%2015V9H7L14%204V20L7%2015H3Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M19.853%208.74719C19.4258%207.71592%2018.7997%206.77889%2018.0104%205.98959L19.0711%204.92893C19.9997%205.85752%2020.7362%206.95991%2021.2388%208.17317C21.7413%209.38642%2022%2010.6868%2022%2012C22%2013.3132%2021.7413%2014.6136%2021.2388%2015.8268C20.7362%2017.0401%2019.9997%2018.1425%2019.0711%2019.0711L18.0104%2018.0104C18.7997%2017.2211%2019.4258%2016.2841%2019.853%2015.2528C20.2801%2014.2215%2020.5%2013.1162%2020.5%2012C20.5%2010.8838%2020.2801%209.77846%2019.853%208.74719Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M15.8891%208.11091C16.3998%208.62163%2016.8049%209.22795%2017.0813%209.89524C17.3577%2010.5625%2017.5%2011.2777%2017.5%2012C17.5%2012.7223%2017.3577%2013.4375%2017.0813%2014.1048C16.8049%2014.772%2016.3998%2015.3784%2015.8891%2015.8891L16.9498%2016.9497C17.5998%2016.2997%2018.1154%2015.5281%2018.4672%2014.6788C18.819%2013.8295%2019%2012.9193%2019%2012C19%2011.0807%2018.819%2010.1705%2018.4672%209.32122C18.1154%208.47194%2017.5998%207.70026%2016.9498%207.05025L15.8891%208.11091Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-user-filled': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M12%2012C14.2091%2012%2016%2010.2091%2016%208C16%205.79086%2014.2091%204%2012%204C9.79086%204%208%205.79086%208%208C8%2010.2091%209.79086%2012%2012%2012Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M5%2018C5%2016.1194%207%2013%2012%2013C17%2013%2019%2016.1194%2019%2018V21H5V18Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-user-outlined': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M16%208C16%2010.2091%2014.2091%2012%2012%2012C9.79086%2012%208%2010.2091%208%208C8%205.79086%209.79086%204%2012%204C14.2091%204%2016%205.79086%2016%208ZM14%208C14%209.10457%2013.1046%2010%2012%2010C10.8954%2010%2010%209.10457%2010%208C10%206.89543%2010.8954%206%2012%206C13.1046%206%2014%206.89543%2014%208Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12%2013C17%2013%2019%2016.1194%2019%2018V21H5V18C5%2016.1194%207%2013%2012%2013ZM7%2018C7%2017.4127%207.90585%2015%2012%2015C16.0941%2015%2017%2017.4127%2017%2018V19H7V18Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-speech-left': url("data:image/svg+xml,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M7.324%2018C9.46%2018%2011.5%2016.2617%2011.5%2013.9727C11.5%2010.9995%208.857%209.48929%206.304%209.94533C6.304%207.97608%208.068%206.37403%2011.314%205.87062L11.176%205C6.025%205.3672%202.5%208.84374%202.5%2012.9185C2.5%2016.3979%204.774%2018%207.324%2018ZM17.324%2018C19.46%2018%2021.5%2016.2617%2021.5%2013.9727C21.5%2010.9995%2018.857%209.48929%2016.304%209.94533C16.304%207.97608%2018.068%206.37403%2021.314%205.87062L21.176%205C16.025%205.3672%2012.5%208.84374%2012.5%2012.9185C12.5%2016.3979%2014.774%2018%2017.324%2018Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-error': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2220%22%20height=%2220%22%20viewBox=%220%200%2020%2020%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M15.4528%2011.25V8.75H4.54718V11.25H15.4528Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M20%2010C20%2015.5228%2015.5228%2020%2010%2020C4.47715%2020%200%2015.5228%200%2010C0%204.47715%204.47715%200%2010%200C15.5228%200%2020%204.47715%2020%2010ZM18%2010C18%2014.4183%2014.4183%2018%2010%2018C5.58172%2018%202%2014.4183%202%2010C2%205.58172%205.58172%202%2010%202C14.4183%202%2018%205.58172%2018%2010Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-success': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M18%205H6C5.44772%205%205%205.44772%205%206V18C5%2018.5523%205.44772%2019%206%2019H18C18.5523%2019%2019%2018.5523%2019%2018V6C19%205.44772%2018.5523%205%2018%205ZM6%203C4.34315%203%203%204.34315%203%206V18C3%2019.6569%204.34315%2021%206%2021H18C19.6569%2021%2021%2019.6569%2021%2018V6C21%204.34315%2019.6569%203%2018%203H6Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M17.2584%209.4923L10.1217%2016.629L6.74162%2013.2489L8.15584%2011.8347L10.1217%2013.8006L15.8442%208.07809L17.2584%209.4923Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-minus': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Crect%20x=%225%22%20y=%2210.25%22%20width=%2214%22%20height=%223.5%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-social-facebook': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M13.5419%2022V12.8768H16.5169L16.959%209.32329H13.5419V7.05214C13.5419%206.02472%2013.8192%205.32175%2015.2505%205.32175H17.0789V2.13905C16.7642%202.0927%2015.6776%202%2014.4187%202C11.7809%202%209.98247%203.66087%209.98247%206.70452V9.33102H7V12.8845H9.98247V22H13.5419V22Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-social-linkedin': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M5.06474%207.93165C6.41941%207.93165%207.26418%207.04798%207.26418%205.94422C7.23925%204.81651%206.41998%203.95847%205.0908%203.95847C3.76161%203.95847%202.89192%204.81595%202.89192%205.94422C2.89192%207.04798%203.73555%207.93165%205.04037%207.93165H5.06474ZM21.0221%2020.9995V14.407C21.0221%2010.8746%2019.1048%209.23091%2016.5484%209.23091C14.4855%209.23091%2013.5609%2010.3469%2013.0459%2011.1303V9.50114H9.15917C9.21072%2010.5804%209.15917%2020.9995%209.15917%2020.9995H13.0459V14.5781C13.0459%2014.2354%2013.0708%2013.8916%2013.1739%2013.6465C13.4544%2012.9595%2014.094%2012.2485%2015.1671%2012.2485C16.5739%2012.2485%2017.136%2013.3027%2017.136%2014.8483V21L21.0221%2020.9995ZM7.00836%209.50123V20.9996H3.12222V9.50123H7.00836Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-social-x': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M13.443%2010.7118L19.3644%203.97656H17.9612L12.8196%209.82466L8.71303%203.97656H3.97657L10.1865%2012.8199L3.97657%2019.8828H5.37985L10.8095%2013.707L15.1464%2019.8828H19.8828L13.4426%2010.7118H13.443ZM11.521%2012.8978L10.8918%2012.0172L5.88547%205.01021H8.04082L12.081%2010.6651L12.7102%2011.5457L17.9619%2018.8962H15.8065L11.521%2012.8982V12.8978Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") +); \ No newline at end of file diff --git a/components/o-private-foundation/src/scss/tokens/professional.scss b/components/o-private-foundation/src/scss/tokens/professional.scss new file mode 100644 index 0000000000..6a92e3e0b8 --- /dev/null +++ b/components/o-private-foundation/src/scss/tokens/professional.scss @@ -0,0 +1,470 @@ + +/** + * Do not edit directly, this file was auto-generated. + */ + +$tokens: ( + // FT Pink is used for the FT logo + 'o3-color-palette-ft-pink': #fcd0b1, + 'o3-color-palette-ft-grey': #333333, + 'o3-color-palette-white': #ffffff, + 'o3-color-palette-black': #000000, + // Claret is the main branding colour for MyFT related products. It should be used sparingly and never be used as a background colour. + // + // Usage example: MyFT branding; MyFT CTAs + 'o3-color-palette-claret': #990f3d, + // Teal is the most striking colour and main CTA colour on ft.com. It is reserved for important action items that need to stand out: buttons, text links and other critical functional use cases. + 'o3-color-palette-teal': #0d7680, + // Oxford is used to denote opinion pieces (in combination with Sky). It is used on the homepage and in articles. Use for information and callouts in general. + // + // Usage example: opinion branding; opinion topic tags. + 'o3-color-palette-oxford': #0f5499, + // Slate is a warmer version of black. It is used as inverse backgrounds for editorial content and as a theme option(Mono) for buttons. + 'o3-color-palette-slate': #262a33, + // Paper, as it’s name implies, is the FT’s main background colour. It is the main expression of the brand colour on product. It is a lighter, more legible shade of FT Pink and can be seen as a kind of replacement of white. + 'o3-color-palette-paper': #fff1e5, + 'o3-color-palette-mandarin': #ff8833, + 'o3-color-palette-light-blue': #00a0dd, + 'o3-color-palette-crimson': #cc0000, + 'o3-color-palette-graphics-dark-blue': #006f9b, + 'o3-color-palette-wheat': #f2dfce, + 'o3-color-palette-candy': #ff7faa, + 'o3-color-palette-wasabi': #96cc28, + 'o3-color-palette-jade': #00994d, + 'o3-color-palette-velvet': #593380, + 'o3-color-palette-lemon': #ffec1a, + 'o3-color-palette-sky': #cce6ff, + 'o3-color-palette-matisse-blue': #355778, + 'o3-color-palette-black-5': #f2e5da, + 'o3-color-palette-black-10': #e6d9ce, + 'o3-color-palette-black-20': #ccc1b7, + 'o3-color-palette-black-30': #b3a9a0, + 'o3-color-palette-black-40': #999189, + 'o3-color-palette-black-50': #807973, + 'o3-color-palette-black-60': #66605c, + 'o3-color-palette-black-70': #4d4845, + 'o3-color-palette-black-80': #33302e, + 'o3-color-palette-black-90': #1a1817, + 'o3-color-palette-white-10': #fff2e8, + 'o3-color-palette-white-20': #fff4ea, + 'o3-color-palette-white-40': #fff7ef, + 'o3-color-palette-white-60': #fff9f5, + 'o3-color-palette-white-80': #fffcfa, + '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': #1a8cff, + 'o3-color-palette-teal-20': #052f33, + 'o3-color-palette-teal-30': #08474d, + 'o3-color-palette-teal-40': #0a5e66, + 'o3-color-palette-teal-50': #0d7680, + 'o3-color-palette-teal-60': #0f8e99, + 'o3-color-palette-teal-70': #12a5b3, + 'o3-color-palette-teal-80': #14bdcc, + 'o3-color-palette-teal-90': #17d4e6, + 'o3-color-palette-teal-100': #1aecff, + 'o3-color-palette-claret-30': #4d081f, + 'o3-color-palette-claret-40': #660a29, + 'o3-color-palette-claret-50': #800d33, + 'o3-color-palette-claret-60': #990f3d, + 'o3-color-palette-claret-70': #b31247, + 'o3-color-palette-claret-80': #cc1452, + 'o3-color-palette-claret-90': #e6175c, + 'o3-color-palette-claret-100': #ff1a66, + 'o3-color-palette-wheat-100': #ffebd9, + 'o3-color-palette-mint': #c0efd8, + 'o3-color-palette-mint-80': #a4ccb8, + 'o3-color-palette-mint-70': #8fb3a1, + 'o3-color-palette-mint-60': #7b998a, + 'o3-color-palette-mint-50': #668073, + 'o3-color-palette-mint-40': #52665c, + 'o3-color-palette-mint-30': #3d4d45, + 'o3-color-use-case-link-text': #262a33, + 'o3-color-use-case-link-text-hover': #262a33, + 'o3-color-use-case-link-text-focus': #262a33, + 'o3-color-use-case-link-underline': #a4ccb8, + 'o3-color-use-case-link-underline-hover': #a4ccb8, + 'o3-color-use-case-link-underline-focus': #000000, + 'o3-color-use-case-link-inverse-text': #c0efd8, + 'o3-color-use-case-link-inverse-text-hover': #8fb3a1, + 'o3-color-use-case-link-inverse-text-focus': #8fb3a1, + 'o3-color-use-case-link-inverse-underline': #c0efd8, + 'o3-color-use-case-link-inverse-underline-hover': #8fb3a1, + 'o3-color-use-case-link-inverse-underline-focus': #000000, + 'o3-color-use-case-page-background': #fff1e5, + 'o3-color-use-case-page-inverse-background': #262a33, + 'o3-color-use-case-body-text': #33302e, + 'o3-color-use-case-body-inverse-text': #ffffff, + 'o3-color-use-case-heading-text': #33302e, + 'o3-color-use-case-heading-inverse-text': #ffffff, + // "Muted" text is less prominent, for example credits and captions. + 'o3-color-use-case-muted-text': #807973, + // "Muted" text is less prominent, for example credits and captions. + 'o3-color-use-case-muted-inverse-text': #a8aaad, + 'o3-color-use-case-footer-text': #33302e, + 'o3-color-use-case-caption-text': #33302e, + 'o3-color-use-case-button-foreground': #ffffff, + 'o3-color-use-case-button-foreground-disabled': #fff7ef, + 'o3-color-use-case-button-default': #262a33, + 'o3-color-use-case-button-hover': #515257, + 'o3-color-use-case-button-pressed': #7d7a7a, + 'o3-color-use-case-button-disabled': #d4c9c1, + '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-spacing-5xs': 4px, + 'o3-spacing-4xs': 8px, + 'o3-spacing-3xs': 12px, + 'o3-spacing-2xs': 16px, + 'o3-spacing-xs': 20px, + 'o3-spacing-s': 24px, + 'o3-spacing-m': 32px, + 'o3-spacing-l': 40px, + 'o3-spacing-xl': 48px, + 'o3-spacing-2xl': 64px, + 'o3-spacing-3xl': 80px, + 'o3-spacing-4xl': 96px, + 'o3-font-family-metric': 'metric 2 VF', + 'o3-font-family-financier-display': 'financier display VF', + 'o3-font-family-georgia': georgia, + 'o3-font-weight-light': 300, + 'o3-font-weight-regular': 400, + 'o3-font-weight-medium': 500, + 'o3-font-weight-semibold': 700, + 'o3-font-weight-bold': 800, + 'o3-font-lineheight-0': 20px, + 'o3-font-lineheight-1': 20px, + 'o3-font-lineheight-2': 24px, + 'o3-font-lineheight-3': 28px, + 'o3-font-lineheight-4': 32px, + 'o3-font-lineheight-5': 32px, + 'o3-font-lineheight-6': 40px, + 'o3-font-lineheight-7': 48px, + 'o3-font-lineheight-8': 56px, + 'o3-font-lineheight-9': 72px, + 'o3-font-lineheight-10': 84px, + 'o3-font-lineheight-negative-2': 16px, + 'o3-font-lineheight-negative-1': 16px, + 'o3-font-size-0': 16px, + 'o3-font-size-1': 18px, + 'o3-font-size-2': 20px, + 'o3-font-size-3': 24px, + 'o3-font-size-4': 28px, + 'o3-font-size-5': 32px, + 'o3-font-size-6': 40px, + 'o3-font-size-7': 48px, + 'o3-font-size-8': 56px, + 'o3-font-size-9': 72px, + 'o3-font-size-10': 84px, + 'o3-font-size-negative-2': 12px, + 'o3-font-size-negative-1': 14px, + 'o3-font-lineheight-metric2-0': 20px, + 'o3-font-lineheight-metric2-1': 24px, + 'o3-font-lineheight-metric2-2': 28px, + 'o3-font-lineheight-metric2-3': 32px, + 'o3-font-lineheight-metric2-4': 32px, + 'o3-font-lineheight-metric2-5': 40px, + 'o3-font-lineheight-metric2-6': 48px, + 'o3-font-lineheight-metric2-7': 56px, + 'o3-font-lineheight-metric2-8': 72px, + 'o3-font-lineheight-metric2-9': 84px, + 'o3-font-lineheight-metric2-negative-3': 16px, + 'o3-font-lineheight-metric2-negative-2': 16px, + 'o3-font-lineheight-metric2-negative-1': 20px, + 'o3-font-size-metric2-0': 16px, + 'o3-font-size-metric2-1': 18px, + 'o3-font-size-metric2-2': 20px, + 'o3-font-size-metric2-3': 24px, + 'o3-font-size-metric2-4': 28px, + 'o3-font-size-metric2-5': 32px, + 'o3-font-size-metric2-6': 40px, + 'o3-font-size-metric2-7': 48px, + 'o3-font-size-metric2-8': 64px, + 'o3-font-size-metric2-9': 72px, + 'o3-font-size-metric2-negative-3': 10px, + 'o3-font-size-metric2-negative-2': 12px, + 'o3-font-size-metric2-negative-1': 14px, + 'o3-typography-use-case-body-standard-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-standard-font-weight': 400, + 'o3-typography-use-case-body-standard-font-size': 16px, + 'o3-typography-use-case-body-standard-line-height': 20px, + 'o3-typography-use-case-body-big-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-big-font-weight': 400, + 'o3-typography-use-case-body-big-font-size': 18px, + 'o3-typography-use-case-body-big-line-height': 24px, + 'o3-typography-use-case-body-small-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-small-font-weight': 400, + 'o3-typography-use-case-body-small-font-size': 14px, + 'o3-typography-use-case-body-small-line-height': 20px, + 'o3-typography-use-case-body-small-caps-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-small-caps-font-weight': 400, + 'o3-typography-use-case-body-small-caps-font-size': 14px, + 'o3-typography-use-case-body-small-caps-line-height': 20px, + 'o3-typography-use-case-body-small-bold-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-small-bold-font-weight': 700, + 'o3-typography-use-case-body-small-bold-font-size': 14px, + 'o3-typography-use-case-body-small-bold-line-height': 20px, + 'o3-typography-use-case-footer-font-family': 'metric 2 VF', + 'o3-typography-use-case-footer-font-weight': 400, + 'o3-typography-use-case-footer-font-size': 16px, + 'o3-typography-use-case-footer-line-height': 20px, + 'o3-typography-use-case-caption-font-family': 'metric 2 VF', + 'o3-typography-use-case-caption-font-weight': 400, + 'o3-typography-use-case-caption-font-size': 12px, + 'o3-typography-use-case-caption-line-height': 16px, + 'o3-typography-use-case-heading1-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading1-font-weight': 700, + 'o3-typography-use-case-heading1-font-size': 28px, + 'o3-typography-use-case-heading1-line-height': 32px, + 'o3-typography-use-case-heading2-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading2-font-weight': 700, + 'o3-typography-use-case-heading2-font-size': 24px, + 'o3-typography-use-case-heading2-line-height': 32px, + 'o3-typography-use-case-heading3-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading3-font-weight': 700, + 'o3-typography-use-case-heading3-font-size': 20px, + 'o3-typography-use-case-heading3-line-height': 28px, + 'o3-typography-use-case-heading4-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading4-font-weight': 700, + 'o3-typography-use-case-heading4-font-size': 18px, + 'o3-typography-use-case-heading4-line-height': 24px, + 'o3-typography-use-case-heading5-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading5-font-weight': 700, + 'o3-typography-use-case-heading5-font-size': 16px, + 'o3-typography-use-case-heading5-line-height': 20px, + 'o3-focus-use-case-ring-inner': 0px 0px 0px 4px #ffffff, + 'o3-focus-use-case-ring-outer': 0px 0px 0px 8px #4d4845, + 'o3-focus-use-case-ring-inverse-inner': 0px 0px 0px 4px #4d4845, + 'o3-focus-use-case-ring-inverse-outer': 0px 0px 0px 8px #ffffff, + 'o3-focus-use-case-outline-color': 0px 0px 0px 2px #807973, + 'o3-focus-use-case-outline-inverse-color': 0px 0px 0px 2px #ffffff, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-l-font-family': 'financier display VF', + // Previous name - Heading large + '_o3-editorial-typography-headline-large-l-font-weight': 800, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-l-font-size': 48px, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-l-line-height': 48px, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-m-font-family': 'financier display VF', + // Previous name - Heading large + '_o3-editorial-typography-headline-large-m-font-weight': 800, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-m-font-size': 40px, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-m-line-height': 40px, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-s-font-family': 'financier display VF', + // Previous name - Heading large + '_o3-editorial-typography-headline-large-s-font-weight': 800, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-s-font-size': 32px, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-s-line-height': 32px, + // Previous name - H1 + '_o3-editorial-typography-headline-l-font-family': 'financier display VF', + // Previous name - H1 + '_o3-editorial-typography-headline-l-font-weight': 300, + // Previous name - H1 + '_o3-editorial-typography-headline-l-font-size': 40px, + // Previous name - H1 + '_o3-editorial-typography-headline-l-line-height': 40px, + // Previous name - H1 + '_o3-editorial-typography-headline-m-font-family': 'financier display VF', + // Previous name - H1 + '_o3-editorial-typography-headline-m-font-weight': 300, + // Previous name - H1 + '_o3-editorial-typography-headline-m-font-size': 32px, + // Previous name - H1 + '_o3-editorial-typography-headline-m-line-height': 32px, + // Previous name - H1 + '_o3-editorial-typography-headline-s-font-family': 'financier display VF', + // Previous name - H1 + '_o3-editorial-typography-headline-s-font-weight': 300, + // Previous name - H1 + '_o3-editorial-typography-headline-s-font-size': 28px, + // Previous name - H1 + '_o3-editorial-typography-headline-s-line-height': 32px, + // Previous name - H2 + '_o3-editorial-typography-chapter-font-family': 'metric 2 VF', + // Previous name - H2 + '_o3-editorial-typography-chapter-font-weight': 700, + // Previous name - H2 + '_o3-editorial-typography-chapter-font-size': 24px, + // Previous name - H2 + '_o3-editorial-typography-chapter-line-height': 28px, + // Previous name - H3 + '_o3-editorial-typography-subheading-font-family': 'metric 2 VF', + // Previous name - H3 + '_o3-editorial-typography-subheading-font-weight': 400, + // Previous name - H3 + '_o3-editorial-typography-subheading-font-size': 24px, + // Previous name - H3 + '_o3-editorial-typography-subheading-line-height': 28px, + // Previous name - H5 + '_o3-editorial-typography-label-font-family': 'metric 2 VF', + // Previous name - H5 + '_o3-editorial-typography-label-font-weight': 400, + // Previous name - H5 + '_o3-editorial-typography-label-font-size': 14px, + // Previous name - H5 + '_o3-editorial-typography-label-line-height': 16px, + '_o3-editorial-typography-article-body-l-font-family': georgia, + '_o3-editorial-typography-article-body-l-font-weight': 400, + '_o3-editorial-typography-article-body-l-font-size': 20px, + '_o3-editorial-typography-article-body-l-line-height': 32px, + '_o3-editorial-typography-article-body-s-font-family': georgia, + '_o3-editorial-typography-article-body-s-font-weight': 400, + '_o3-editorial-typography-article-body-s-font-size': 18px, + '_o3-editorial-typography-article-body-s-line-height': 28px, + '_o3-editorial-typography-topic-tag-color': #990f3d, + '_o3-editorial-typography-topic-tag-inverse-color': #ffffff, + '_o3-editorial-typography-topic-tag-hover-color': #4d081f, + '_o3-editorial-typography-topic-tag-hover-inverse-color': #8fb3a1, + '_o3-editorial-typography-caption-font-family': 'metric 2 VF', + '_o3-editorial-typography-caption-font-weight': 400, + '_o3-editorial-typography-caption-font-size': 12px, + '_o3-editorial-typography-caption-line-height': 16px, + '_o3-editorial-typography-caption-color': #4d4845, + '_o3-editorial-typography-caption-inverse-color': #a8aaad, + '_o3-editorial-typography-byline-author-color': #990f3d, + '_o3-editorial-typography-byline-author-inverse-color': #ffffff, + '_o3-editorial-typography-byline-author-hover-color': #4d081f, + '_o3-editorial-typography-byline-author-hover-inverse-color': #8fb3a1, + '_o3-editorial-typography-byline-timestamp-color': #66605c, + '_o3-editorial-typography-byline-timestamp-inverse-color': #a8aaad, + '_o3-editorial-typography-pullquote-content-font-family': 'metric 2 VF', + '_o3-editorial-typography-pullquote-content-font-weight': 700, + '_o3-editorial-typography-pullquote-content-font-size': 20px, + '_o3-editorial-typography-pullquote-content-line-height': 28px, + '_o3-editorial-typography-big-number-title-font-family': 'metric 2 VF', + '_o3-editorial-typography-big-number-title-font-weight': 700, + '_o3-editorial-typography-big-number-title-font-size': 48px, + '_o3-editorial-typography-big-number-title-line-height': 56px, + '_o3-button-primary-standard-color': #ffffff, + '_o3-button-primary-standard-background': #262a33, + '_o3-button-primary-standard-border': rgba(255, 255, 255, 0), + '_o3-button-primary-standard-hover-background': #515257, + '_o3-button-primary-standard-hover-color': #ffffff, + '_o3-button-primary-standard-hover-border': rgba(255, 255, 255, 0), + '_o3-button-primary-standard-focus-background': #515257, + '_o3-button-primary-standard-focus-color': #ffffff, + '_o3-button-primary-standard-focus-border': rgba(255, 255, 255, 0), + '_o3-button-primary-standard-active-background': #727071, + '_o3-button-primary-standard-active-color': #ffffff, + '_o3-button-primary-standard-active-border': rgba(255, 255, 255, 0), + '_o3-button-primary-inverse-color': #262a33, + '_o3-button-primary-inverse-background': #c0efd8, + '_o3-button-primary-inverse-border': rgba(255, 255, 255, 0), + '_o3-button-primary-inverse-hover-background': #9abeaf, + '_o3-button-primary-inverse-hover-color': #262a33, + '_o3-button-primary-inverse-hover-border': rgba(255, 255, 255, 0), + '_o3-button-primary-inverse-focus-background': #9abeaf, + '_o3-button-primary-inverse-focus-color': #262a33, + '_o3-button-primary-inverse-focus-border': rgba(255, 255, 255, 0), + '_o3-button-primary-inverse-active-background': #7b968e, + '_o3-button-primary-inverse-active-color': #262a33, + '_o3-button-primary-inverse-active-border': rgba(255, 255, 255, 0), + '_o3-button-secondary-standard-color': #262a33, + '_o3-button-secondary-standard-background': rgba(255, 255, 255, 0), + '_o3-button-secondary-standard-border': #262a33, + '_o3-button-secondary-standard-hover-background': rgba(38, 42, 51, 0.15), + '_o3-button-secondary-standard-hover-color': #262a33, + '_o3-button-secondary-standard-hover-border': #262a33, + '_o3-button-secondary-standard-focus-background': rgba(38, 42, 51, 0.15), + '_o3-button-secondary-standard-focus-color': #262a33, + '_o3-button-secondary-standard-focus-border': #262a33, + '_o3-button-secondary-standard-active-background': #262a33, + '_o3-button-secondary-standard-active-color': #ffffff, + '_o3-button-secondary-standard-active-border': #262a33, + '_o3-button-secondary-inverse-color': #c0efd8, + '_o3-button-secondary-inverse-background': rgba(255, 255, 255, 0), + '_o3-button-secondary-inverse-border': #c0efd8, + '_o3-button-secondary-inverse-hover-background': rgba(192, 239, 216, 0.15), + '_o3-button-secondary-inverse-hover-color': #c0efd8, + '_o3-button-secondary-inverse-hover-border': #c0efd8, + '_o3-button-secondary-inverse-focus-background': rgba(192, 239, 216, 0.15), + '_o3-button-secondary-inverse-focus-color': #c0efd8, + '_o3-button-secondary-inverse-focus-border': #c0efd8, + '_o3-button-secondary-inverse-active-background': #c0efd8, + '_o3-button-secondary-inverse-active-color': #000000, + '_o3-button-secondary-inverse-active-border': #c0efd8, + '_o3-button-ghost-standard-color': #262a33, + '_o3-button-ghost-standard-background': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-hover-background': rgba(38, 42, 51, 0.15), + '_o3-button-ghost-standard-hover-color': #262a33, + '_o3-button-ghost-standard-hover-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-focus-background': rgba(38, 42, 51, 0.15), + '_o3-button-ghost-standard-focus-color': #262a33, + '_o3-button-ghost-standard-focus-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-active-background': #262a33, + '_o3-button-ghost-standard-active-color': #ffffff, + '_o3-button-ghost-standard-active-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-color': #c0efd8, + '_o3-button-ghost-inverse-background': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-hover-background': rgba(192, 239, 216, 0.15), + '_o3-button-ghost-inverse-hover-color': #c0efd8, + '_o3-button-ghost-inverse-hover-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-focus-background': rgba(192, 239, 216, 0.15), + '_o3-button-ghost-inverse-focus-color': #c0efd8, + '_o3-button-ghost-inverse-focus-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-active-background': #c0efd8, + '_o3-button-ghost-inverse-active-color': #000000, + '_o3-button-ghost-inverse-active-border': rgba(255, 255, 255, 0), + '_o3-tooltip-background-color': #262a33, + '_o3-tooltip-text-color': #ffffff, + '_o3-tooltip-icon-info': url("data:image/svg+xml,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204ZM2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z%22%20fill=%22black%22/%3E%0A%3Cpath%20d=%22M13.2948%2010.012V17.376H10.7188V10.012H13.2948ZM10.5508%207.99602C10.5508%207.58536%2010.6908%207.25402%2010.9708%207.00202C11.2601%206.75002%2011.6008%206.62402%2011.9928%206.62402C12.3941%206.62402%2012.7348%206.75002%2013.0148%207.00202C13.3041%207.25402%2013.4488%207.58536%2013.4488%207.99602C13.4488%208.40669%2013.3041%208.74269%2013.0148%209.00402C12.7348%209.25602%2012.3941%209.38202%2011.9928%209.38202C11.6008%209.38202%2011.2601%209.25602%2010.9708%209.00402C10.6908%208.74269%2010.5508%208.40669%2010.5508%207.99602Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + '_o3-tooltip-icon-cross': url("data:image/svg+xml,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204ZM2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z%22%20fill=%22black%22/%3E%0A%3Cpath%20d=%22M10.3257%2012.003L7.17969%208.90103L8.87369%207.20703L11.9977%2010.309L15.0997%207.20703L16.7937%208.90103L13.6917%2012.003L16.7937%2015.127L15.0997%2016.821L11.9977%2013.719L8.87369%2016.821L7.17969%2015.127L10.3257%2012.003Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + '_o3-form-color-use-case-background': #ffffff, + '_o3-form-color-use-case-background-disabled': #e6d9ce, + '_o3-form-color-use-case-background-error': rgba(204, 0, 0, 0.06), + '_o3-form-color-use-case-border': #807973, + '_o3-form-color-use-case-border-hover': #515257, + '_o3-form-color-use-case-border-active': #7d7a7a, + '_o3-form-color-use-case-border-disabled': #e6d9ce, + '_o3-form-color-use-case-selected': #262a33, + '_o3-form-color-use-case-selected-hover': #515257, + '_o3-form-color-use-case-selected-active': #7d7a7a, + '_o3-form-color-use-case-selected-disabled': #d4c9c1, + '_o3-form-input-border': 2px solid #b3a9a0, + '_o3-form-input-border-error': 2px solid #cc0000, + '_o3-form-input-border-radius': 6px, + '_o3-form-error-summary-background-color': rgba(204, 0, 0, 0.14), + 'o3-icons-ft-icon-arrow-left': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M16%204L8%2012L16%2020%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-arrow-right': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M8%204L16%2012L8%2020%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-arrow-down': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M20%208L12%2016L4%208%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-arrow-up': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M20%2016L12%208L4%2016%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-cross': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M4.92893%2017.6569L6.34315%2019.0711L12%2013.4142L17.6569%2019.0711L19.0711%2017.6569L13.4142%2012L19.0711%206.34315L17.6569%204.92893L12%2010.5858L6.34315%204.92894L4.92893%206.34315L10.5858%2012L4.92893%2017.6569Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-download': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M11%204V13.4962L8.6585%2011.4474L7.3415%2012.9526L11.3415%2016.4526L12%2017.0288L12.6585%2016.4526L16.6585%2012.9526L15.3415%2011.4474L13%2013.4962V4H11ZM4%2019V21H20V19H4Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-edit-filled': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M4%2018V13.7716L15.1%202.67157L19.3284%206.9L8.22843%2018H4ZM21%2019H3V21H21V19Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-edit-outlined': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M4%2016V18H6H7.46667H8.29509L8.88088%2017.4142L18.4142%207.88088L19.8284%206.46667L18.4142%205.05245L16.9475%203.58579L15.5333%202.17157L14.1191%203.58579L4.58579%2013.1191L4%2013.7049V14.5333V16ZM7.46667%2016L8%2015.4667L15.5858%207.88088L17%206.46667L16.9475%206.41421L15.5858%205.05245L15.5333%205L14.1191%206.41421L6.53333%2014L6%2014.5333V16H7.46667ZM21%2019H3V21H21V19Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-grid': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M11%205H5V11H11V5Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M19%205H13V11H19V5Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M5%2013H11V19H5V13Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M19%2013H13V19H19V13Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-list': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M4%207H6V9H4V7Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M20%207H8V9H20V7Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M6%2011H4V13H6V11Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M4%2015H6V17H4V15Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M8%2011H20V13H8V11Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M20%2015H8V17H20V15Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-plus': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M11%2013V20H13V13H20V11H13V4H11V11H4V13H11Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-search': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M10%204C6.68629%204%204%206.68629%204%2010C4%2013.3137%206.68629%2016%2010%2016C11.2958%2016%2012.4957%2015.5892%2013.4765%2014.8907L18.2929%2019.7071L19.7071%2018.2929L14.8907%2013.4765C15.5892%2012.4957%2016%2011.2958%2016%2010C16%206.68629%2013.3137%204%2010%204ZM6%2010C6%207.79086%207.79086%206%2010%206C12.2091%206%2014%207.79086%2014%2010C14%2012.2091%2012.2091%2014%2010%2014C7.79086%2014%206%2012.2091%206%2010Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-tick': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M4%2013L8%2017L19%206%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-upload': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M13%2017V7.50377L15.3415%209.55257L16.6585%208.04742L12.6585%204.54742L12%203.97123L11.3415%204.54742L7.3415%208.04742L8.6585%209.55257L11%207.50377V17H13ZM4%2019V21H20V19H4Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-refresh': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M16.1905%206.39291C14.9278%205.44922%2013.3836%204.95935%2011.8078%205.00264C10.232%205.04593%208.71695%205.61983%207.50796%206.63143C6.29897%207.64302%205.46682%209.03308%205.14626%2010.5765C4.82569%2012.12%205.03548%2013.7264%205.74165%2015.1358C6.44782%2016.5451%207.60903%2017.6749%209.03725%2018.3421C10.4655%2019.0093%2012.0771%2019.1749%2013.6111%2018.8121C15.1452%2018.4492%2016.5119%2017.5792%2017.4899%2016.3429C18.4679%2015.1066%2019%2013.5764%2019%2012V11L21%2011V12C21%2014.0268%2020.3159%2015.9942%2019.0584%2017.5838C17.801%2019.1733%2016.0438%2020.2919%2014.0715%2020.7584C12.0991%2021.2249%2010.027%2021.012%208.19075%2020.1541C6.35447%2019.2963%204.86149%2017.8438%203.95355%2016.0317C3.04562%2014.2197%202.7759%2012.1542%203.18805%2010.1698C3.6002%208.18539%204.67011%206.39817%206.22452%205.09755C7.77893%203.79693%209.72685%203.05905%2011.7529%203.0034C13.7144%202.94951%2015.638%203.53819%2017.2318%204.67688L17.911%203.50457L20.5022%208.00854L15.3061%208.00059L16.2233%206.41744L16.1905%206.39291Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-calendar': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M9%2014V12H7V14H9Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M8%205V3H6V5H3V21H21V5H18V3H16V5H8ZM5%2010H19V19H5V10Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-play': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M6%2020V4L20%2012L6%2020Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-print': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M5%203L5%209C3.34315%209%202%2010.3431%202%2012V17H5V21H19V17H22V12C22%2010.3431%2020.6569%209%2019%209V3H5ZM17%205H7V8H17V5ZM17%2014H7V19H17V14ZM19%2012V11H18V12H19Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-signout': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M14%204H3V20H14V18H5V6H14V4Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M22.4142%2012L17.2071%206.79289L15.7929%208.20711L18.5858%2011H9V13H18.5858L15.7929%2015.7929L17.2071%2017.2071L22.4142%2012Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-speaker': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M3%2015V9H7L14%204V20L7%2015H3Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M19.853%208.74719C19.4258%207.71592%2018.7997%206.77889%2018.0104%205.98959L19.0711%204.92893C19.9997%205.85752%2020.7362%206.95991%2021.2388%208.17317C21.7413%209.38642%2022%2010.6868%2022%2012C22%2013.3132%2021.7413%2014.6136%2021.2388%2015.8268C20.7362%2017.0401%2019.9997%2018.1425%2019.0711%2019.0711L18.0104%2018.0104C18.7997%2017.2211%2019.4258%2016.2841%2019.853%2015.2528C20.2801%2014.2215%2020.5%2013.1162%2020.5%2012C20.5%2010.8838%2020.2801%209.77846%2019.853%208.74719Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M15.8891%208.11091C16.3998%208.62163%2016.8049%209.22795%2017.0813%209.89524C17.3577%2010.5625%2017.5%2011.2777%2017.5%2012C17.5%2012.7223%2017.3577%2013.4375%2017.0813%2014.1048C16.8049%2014.772%2016.3998%2015.3784%2015.8891%2015.8891L16.9498%2016.9497C17.5998%2016.2997%2018.1154%2015.5281%2018.4672%2014.6788C18.819%2013.8295%2019%2012.9193%2019%2012C19%2011.0807%2018.819%2010.1705%2018.4672%209.32122C18.1154%208.47194%2017.5998%207.70026%2016.9498%207.05025L15.8891%208.11091Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-user-filled': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M12%2012C14.2091%2012%2016%2010.2091%2016%208C16%205.79086%2014.2091%204%2012%204C9.79086%204%208%205.79086%208%208C8%2010.2091%209.79086%2012%2012%2012Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M5%2018C5%2016.1194%207%2013%2012%2013C17%2013%2019%2016.1194%2019%2018V21H5V18Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-user-outlined': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M16%208C16%2010.2091%2014.2091%2012%2012%2012C9.79086%2012%208%2010.2091%208%208C8%205.79086%209.79086%204%2012%204C14.2091%204%2016%205.79086%2016%208ZM14%208C14%209.10457%2013.1046%2010%2012%2010C10.8954%2010%2010%209.10457%2010%208C10%206.89543%2010.8954%206%2012%206C13.1046%206%2014%206.89543%2014%208Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12%2013C17%2013%2019%2016.1194%2019%2018V21H5V18C5%2016.1194%207%2013%2012%2013ZM7%2018C7%2017.4127%207.90585%2015%2012%2015C16.0941%2015%2017%2017.4127%2017%2018V19H7V18Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-speech-left': url("data:image/svg+xml,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M7.324%2018C9.46%2018%2011.5%2016.2617%2011.5%2013.9727C11.5%2010.9995%208.857%209.48929%206.304%209.94533C6.304%207.97608%208.068%206.37403%2011.314%205.87062L11.176%205C6.025%205.3672%202.5%208.84374%202.5%2012.9185C2.5%2016.3979%204.774%2018%207.324%2018ZM17.324%2018C19.46%2018%2021.5%2016.2617%2021.5%2013.9727C21.5%2010.9995%2018.857%209.48929%2016.304%209.94533C16.304%207.97608%2018.068%206.37403%2021.314%205.87062L21.176%205C16.025%205.3672%2012.5%208.84374%2012.5%2012.9185C12.5%2016.3979%2014.774%2018%2017.324%2018Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-error': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2220%22%20height=%2220%22%20viewBox=%220%200%2020%2020%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M15.4528%2011.25V8.75H4.54718V11.25H15.4528Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M20%2010C20%2015.5228%2015.5228%2020%2010%2020C4.47715%2020%200%2015.5228%200%2010C0%204.47715%204.47715%200%2010%200C15.5228%200%2020%204.47715%2020%2010ZM18%2010C18%2014.4183%2014.4183%2018%2010%2018C5.58172%2018%202%2014.4183%202%2010C2%205.58172%205.58172%202%2010%202C14.4183%202%2018%205.58172%2018%2010Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-success': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M18%205H6C5.44772%205%205%205.44772%205%206V18C5%2018.5523%205.44772%2019%206%2019H18C18.5523%2019%2019%2018.5523%2019%2018V6C19%205.44772%2018.5523%205%2018%205ZM6%203C4.34315%203%203%204.34315%203%206V18C3%2019.6569%204.34315%2021%206%2021H18C19.6569%2021%2021%2019.6569%2021%2018V6C21%204.34315%2019.6569%203%2018%203H6Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M17.2584%209.4923L10.1217%2016.629L6.74162%2013.2489L8.15584%2011.8347L10.1217%2013.8006L15.8442%208.07809L17.2584%209.4923Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-minus': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Crect%20x=%225%22%20y=%2210.25%22%20width=%2214%22%20height=%223.5%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-social-facebook': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M13.5419%2022V12.8768H16.5169L16.959%209.32329H13.5419V7.05214C13.5419%206.02472%2013.8192%205.32175%2015.2505%205.32175H17.0789V2.13905C16.7642%202.0927%2015.6776%202%2014.4187%202C11.7809%202%209.98247%203.66087%209.98247%206.70452V9.33102H7V12.8845H9.98247V22H13.5419V22Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-social-linkedin': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M5.06474%207.93165C6.41941%207.93165%207.26418%207.04798%207.26418%205.94422C7.23925%204.81651%206.41998%203.95847%205.0908%203.95847C3.76161%203.95847%202.89192%204.81595%202.89192%205.94422C2.89192%207.04798%203.73555%207.93165%205.04037%207.93165H5.06474ZM21.0221%2020.9995V14.407C21.0221%2010.8746%2019.1048%209.23091%2016.5484%209.23091C14.4855%209.23091%2013.5609%2010.3469%2013.0459%2011.1303V9.50114H9.15917C9.21072%2010.5804%209.15917%2020.9995%209.15917%2020.9995H13.0459V14.5781C13.0459%2014.2354%2013.0708%2013.8916%2013.1739%2013.6465C13.4544%2012.9595%2014.094%2012.2485%2015.1671%2012.2485C16.5739%2012.2485%2017.136%2013.3027%2017.136%2014.8483V21L21.0221%2020.9995ZM7.00836%209.50123V20.9996H3.12222V9.50123H7.00836Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-social-x': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M13.443%2010.7118L19.3644%203.97656H17.9612L12.8196%209.82466L8.71303%203.97656H3.97657L10.1865%2012.8199L3.97657%2019.8828H5.37985L10.8095%2013.707L15.1464%2019.8828H19.8828L13.4426%2010.7118H13.443ZM11.521%2012.8978L10.8918%2012.0172L5.88547%205.01021H8.04082L12.081%2010.6651L12.7102%2011.5457L17.9619%2018.8962H15.8065L11.521%2012.8982V12.8978Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'do-not-use': rgba(0, 0, 0, 0) +); \ No newline at end of file diff --git a/components/o-private-foundation/src/scss/tokens/sustainable-views.scss b/components/o-private-foundation/src/scss/tokens/sustainable-views.scss new file mode 100644 index 0000000000..93607829e5 --- /dev/null +++ b/components/o-private-foundation/src/scss/tokens/sustainable-views.scss @@ -0,0 +1,424 @@ + +/** + * Do not edit directly, this file was auto-generated. + */ + +$tokens: ( + '_o3-form-color-use-case-background': #ffffff, + '_o3-form-color-use-case-background-disabled': #e6d9ce, + '_o3-form-color-use-case-background-error': rgba(204, 0, 0, 0.06), + '_o3-form-color-use-case-border': #807973, + '_o3-form-color-use-case-border-hover': #0a5e66, + '_o3-form-color-use-case-border-active': #052f33, + '_o3-form-color-use-case-border-disabled': #9ec0bd, + '_o3-form-color-use-case-selected': #0d7680, + '_o3-form-color-use-case-selected-hover': #0a5e66, + '_o3-form-color-use-case-selected-active': #052f33, + '_o3-form-color-use-case-selected-disabled': #e6d9ce, + '_o3-form-input-border': 2px solid #b3a9a0, + '_o3-form-input-border-error': 2px solid #cc0000, + '_o3-form-input-border-radius': 6px, + '_o3-form-error-summary-background-color': rgba(204, 0, 0, 0.14), + 'o3-spacing-5xs': 4px, + 'o3-spacing-4xs': 8px, + 'o3-spacing-3xs': 12px, + 'o3-spacing-2xs': 16px, + 'o3-spacing-xs': 20px, + 'o3-spacing-s': 24px, + 'o3-spacing-m': 32px, + 'o3-spacing-l': 40px, + 'o3-spacing-xl': 48px, + 'o3-spacing-2xl': 64px, + 'o3-spacing-3xl': 80px, + 'o3-spacing-4xl': 96px, + 'o3-font-family-metric': 'metric 2 VF', + 'o3-font-family-financier-display': 'financier display VF', + 'o3-font-family-financier-text': 'financier text VF', + 'o3-font-family-georgia': georgia, + 'o3-font-weight-light': 300, + 'o3-font-weight-regular': 400, + 'o3-font-weight-medium': 500, + 'o3-font-weight-semibold': 700, + 'o3-font-weight-bold': 800, + 'o3-font-lineheight-0': 20px, + 'o3-font-lineheight-1': 20px, + 'o3-font-lineheight-2': 24px, + 'o3-font-lineheight-3': 28px, + 'o3-font-lineheight-4': 32px, + 'o3-font-lineheight-5': 32px, + 'o3-font-lineheight-6': 40px, + 'o3-font-lineheight-7': 48px, + 'o3-font-lineheight-8': 56px, + 'o3-font-lineheight-9': 72px, + 'o3-font-lineheight-10': 84px, + 'o3-font-lineheight-negative-2': 16px, + 'o3-font-lineheight-negative-1': 16px, + 'o3-font-size-0': 16px, + 'o3-font-size-1': 18px, + 'o3-font-size-2': 20px, + 'o3-font-size-3': 24px, + 'o3-font-size-4': 28px, + 'o3-font-size-5': 32px, + 'o3-font-size-6': 40px, + 'o3-font-size-7': 48px, + 'o3-font-size-8': 56px, + 'o3-font-size-9': 72px, + 'o3-font-size-10': 84px, + 'o3-font-size-negative-2': 12px, + 'o3-font-size-negative-1': 14px, + 'o3-font-lineheight-metric2-0': 20px, + 'o3-font-lineheight-metric2-1': 24px, + 'o3-font-lineheight-metric2-2': 28px, + 'o3-font-lineheight-metric2-3': 32px, + 'o3-font-lineheight-metric2-4': 32px, + 'o3-font-lineheight-metric2-5': 40px, + 'o3-font-lineheight-metric2-6': 48px, + 'o3-font-lineheight-metric2-7': 56px, + 'o3-font-lineheight-metric2-8': 72px, + 'o3-font-lineheight-metric2-9': 84px, + 'o3-font-lineheight-metric2-negative-3': 16px, + 'o3-font-lineheight-metric2-negative-2': 16px, + 'o3-font-lineheight-metric2-negative-1': 20px, + 'o3-font-size-metric2-0': 16px, + 'o3-font-size-metric2-1': 18px, + 'o3-font-size-metric2-2': 20px, + 'o3-font-size-metric2-3': 24px, + 'o3-font-size-metric2-4': 28px, + 'o3-font-size-metric2-5': 32px, + 'o3-font-size-metric2-6': 40px, + 'o3-font-size-metric2-7': 48px, + 'o3-font-size-metric2-8': 64px, + 'o3-font-size-metric2-9': 72px, + 'o3-font-size-metric2-negative-3': 10px, + 'o3-font-size-metric2-negative-2': 12px, + 'o3-font-size-metric2-negative-1': 14px, + '_o3-button-primary-standard-color': #ffffff, + '_o3-button-primary-standard-background': #0d7680, + '_o3-button-primary-standard-border': rgba(255, 255, 255, 0), + '_o3-button-primary-standard-hover-background': #095259, + '_o3-button-primary-standard-hover-color': #ffffff, + '_o3-button-primary-standard-hover-border': rgba(255, 255, 255, 0), + '_o3-button-primary-standard-focus-background': #095259, + '_o3-button-primary-standard-focus-color': #ffffff, + '_o3-button-primary-standard-focus-border': rgba(255, 255, 255, 0), + '_o3-button-primary-standard-active-background': #052f33, + '_o3-button-primary-standard-active-color': #ffffff, + '_o3-button-primary-standard-active-border': rgba(255, 255, 255, 0), + '_o3-button-primary-mono-color': #ffffff, + '_o3-button-primary-mono-background': #262a33, + '_o3-button-primary-mono-border': rgba(255, 255, 255, 0), + '_o3-button-primary-mono-hover-background': #515257, + '_o3-button-primary-mono-hover-color': #ffffff, + '_o3-button-primary-mono-hover-border': rgba(255, 255, 255, 0), + '_o3-button-primary-mono-focus-background': #515257, + '_o3-button-primary-mono-focus-color': #ffffff, + '_o3-button-primary-mono-focus-border': rgba(255, 255, 255, 0), + '_o3-button-primary-mono-active-background': #727071, + '_o3-button-primary-mono-active-color': #ffffff, + '_o3-button-primary-mono-active-border': rgba(255, 255, 255, 0), + '_o3-button-primary-inverse-color': #262a33, + '_o3-button-primary-inverse-background': #c9f5ea, + '_o3-button-primary-inverse-border': rgba(255, 255, 255, 0), + '_o3-button-primary-inverse-hover-background': #9abeaf, + '_o3-button-primary-inverse-hover-color': #262a33, + '_o3-button-primary-inverse-hover-border': rgba(255, 255, 255, 0), + '_o3-button-primary-inverse-focus-background': #9abeaf, + '_o3-button-primary-inverse-focus-color': #262a33, + '_o3-button-primary-inverse-focus-border': rgba(255, 255, 255, 0), + '_o3-button-primary-inverse-active-background': #7b968e, + '_o3-button-primary-inverse-active-color': #262a33, + '_o3-button-primary-inverse-active-border': rgba(255, 255, 255, 0), + '_o3-button-secondary-standard-color': #0d7680, + '_o3-button-secondary-standard-background': rgba(255, 255, 255, 0), + '_o3-button-secondary-standard-border': #0d7680, + '_o3-button-secondary-standard-hover-background': rgba(13, 118, 128, 0.1), + '_o3-button-secondary-standard-hover-color': #0c707a, + '_o3-button-secondary-standard-hover-border': #0d7680, + '_o3-button-secondary-standard-focus-background': rgba(13, 118, 128, 0.1), + '_o3-button-secondary-standard-focus-color': #0c707a, + '_o3-button-secondary-standard-focus-border': #0d7680, + '_o3-button-secondary-standard-active-background': #0d7680, + '_o3-button-secondary-standard-active-color': #ffffff, + '_o3-button-secondary-standard-active-border': #0d7680, + '_o3-button-secondary-mono-color': #262a33, + '_o3-button-secondary-mono-background': rgba(255, 255, 255, 0), + '_o3-button-secondary-mono-border': #262a33, + '_o3-button-secondary-mono-hover-background': rgba(38, 42, 51, 0.15), + '_o3-button-secondary-mono-hover-color': #262a33, + '_o3-button-secondary-mono-hover-border': #262a33, + '_o3-button-secondary-mono-focus-background': rgba(38, 42, 51, 0.15), + '_o3-button-secondary-mono-focus-color': #262a33, + '_o3-button-secondary-mono-focus-border': #262a33, + '_o3-button-secondary-mono-active-background': #262a33, + '_o3-button-secondary-mono-active-color': #ffffff, + '_o3-button-secondary-mono-active-border': #262a33, + '_o3-button-secondary-inverse-color': #c9f5ea, + '_o3-button-secondary-inverse-background': rgba(255, 255, 255, 0), + '_o3-button-secondary-inverse-border': #c9f5ea, + '_o3-button-secondary-inverse-hover-background': rgba(201, 245, 234, 0.15), + '_o3-button-secondary-inverse-hover-color': #c9f5ea, + '_o3-button-secondary-inverse-hover-border': #c9f5ea, + '_o3-button-secondary-inverse-focus-background': rgba(201, 245, 234, 0.15), + '_o3-button-secondary-inverse-focus-color': #c9f5ea, + '_o3-button-secondary-inverse-focus-border': #c9f5ea, + '_o3-button-secondary-inverse-active-background': #c9f5ea, + '_o3-button-secondary-inverse-active-color': #000000, + '_o3-button-secondary-inverse-active-border': #c9f5ea, + '_o3-button-ghost-standard-color': #0d7680, + '_o3-button-ghost-standard-background': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-hover-background': rgba(13, 118, 128, 0.1), + '_o3-button-ghost-standard-hover-color': #0c707a, + '_o3-button-ghost-standard-hover-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-focus-background': rgba(13, 118, 128, 0.1), + '_o3-button-ghost-standard-focus-color': #0c707a, + '_o3-button-ghost-standard-focus-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-active-background': #0d7680, + '_o3-button-ghost-standard-active-color': #ffffff, + '_o3-button-ghost-standard-active-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-mono-color': #262a33, + '_o3-button-ghost-mono-background': rgba(255, 255, 255, 0), + '_o3-button-ghost-mono-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-mono-hover-background': rgba(38, 42, 51, 0.15), + '_o3-button-ghost-mono-hover-color': #262a33, + '_o3-button-ghost-mono-hover-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-mono-focus-background': rgba(38, 42, 51, 0.15), + '_o3-button-ghost-mono-focus-color': #262a33, + '_o3-button-ghost-mono-focus-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-mono-active-background': #262a33, + '_o3-button-ghost-mono-active-color': #ffffff, + '_o3-button-ghost-mono-active-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-color': #c9f5ea, + '_o3-button-ghost-inverse-background': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-hover-background': rgba(201, 245, 234, 0.15), + '_o3-button-ghost-inverse-hover-color': #c9f5ea, + '_o3-button-ghost-inverse-hover-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-focus-background': rgba(201, 245, 234, 0.15), + '_o3-button-ghost-inverse-focus-color': #c9f5ea, + '_o3-button-ghost-inverse-focus-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-inverse-active-background': #c9f5ea, + '_o3-button-ghost-inverse-active-color': #000000, + '_o3-button-ghost-inverse-active-border': rgba(255, 255, 255, 0), + '_o3-tooltip-background-color': #ffffff, + '_o3-tooltip-text-color': #1a1817, + '_o3-tooltip-icon-info': url("data:image/svg+xml,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204ZM2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z%22%20fill=%22black%22/%3E%0A%3Cpath%20d=%22M13.2948%2010.012V17.376H10.7188V10.012H13.2948ZM10.5508%207.99602C10.5508%207.58536%2010.6908%207.25402%2010.9708%207.00202C11.2601%206.75002%2011.6008%206.62402%2011.9928%206.62402C12.3941%206.62402%2012.7348%206.75002%2013.0148%207.00202C13.3041%207.25402%2013.4488%207.58536%2013.4488%207.99602C13.4488%208.40669%2013.3041%208.74269%2013.0148%209.00402C12.7348%209.25602%2012.3941%209.38202%2011.9928%209.38202C11.6008%209.38202%2011.2601%209.25602%2010.9708%209.00402C10.6908%208.74269%2010.5508%208.40669%2010.5508%207.99602Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + '_o3-tooltip-icon-cross': url("data:image/svg+xml,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204ZM2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z%22%20fill=%22black%22/%3E%0A%3Cpath%20d=%22M10.3257%2012.003L7.17969%208.90103L8.87369%207.20703L11.9977%2010.309L15.0997%207.20703L16.7937%208.90103L13.6917%2012.003L16.7937%2015.127L15.0997%2016.821L11.9977%2013.719L8.87369%2016.821L7.17969%2015.127L10.3257%2012.003Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-color-palette-teal': #0d7680, + 'o3-color-palette-oceanwave': #c9f5ea, + 'o3-color-palette-slate': #262a33, + 'o3-color-palette-white': #ffffff, + 'o3-color-palette-black': #000000, + 'o3-color-palette-claret': #990f3d, + 'o3-color-palette-black-90': #1a1817, + 'o3-color-palette-black-50': #807973, + 'o3-color-palette-teal-40': #0a5e66, + 'o3-color-palette-teal-20': #052f33, + 'o3-color-palette-black-30': #b3a9a0, + 'o3-color-palette-black-10': #e6d9ce, + 'o3-color-palette-crimson': #cc0000, + 'o3-color-use-case-link-text': #0d7680, + 'o3-color-use-case-link-text-hover': #262a33, + 'o3-color-use-case-link-underline': #0d7680, + 'o3-color-use-case-link-underline-hover': #262a33, + 'o3-color-use-case-page-background': #ffffff, + 'o3-color-use-case-body-text': #1a1817, + // "Muted" text is less prominent, for example credits and captions. + 'o3-color-use-case-muted-text': #807973, + // "Muted" text is less prominent, for example credits and captions. + 'o3-color-use-case-muted-inverse-text': #a8aaad, + 'o3-color-use-case-link-inverse-text': #ffffff, + 'o3-color-use-case-link-inverse-text-hover': #d4d4d6, + 'o3-color-use-case-link-inverse-underline': #ffffff, + 'o3-color-use-case-link-inverse-underline-hover': #d4d4d6, + 'o3-color-use-case-page-inverse-background': #262a33, + 'o3-color-use-case-body-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-editorial-typography-headline-large-l-font-family': 'metric 2 VF', + '_o3-editorial-typography-headline-large-l-font-weight': 800, + '_o3-editorial-typography-headline-large-l-font-size': 40px, + '_o3-editorial-typography-headline-large-l-line-height': 40px, + '_o3-editorial-typography-headline-large-m-font-family': 'metric 2 VF', + '_o3-editorial-typography-headline-large-m-font-weight': 800, + '_o3-editorial-typography-headline-large-m-font-size': 32px, + '_o3-editorial-typography-headline-large-m-line-height': 32px, + '_o3-editorial-typography-headline-large-s-font-family': 'metric 2 VF', + '_o3-editorial-typography-headline-large-s-font-weight': 800, + '_o3-editorial-typography-headline-large-s-font-size': 28px, + '_o3-editorial-typography-headline-large-s-line-height': 28px, + // Previous name - H1 + '_o3-editorial-typography-headline-l-font-family': 'metric 2 VF', + // Previous name - H1 + '_o3-editorial-typography-headline-l-font-weight': 700, + // Previous name - H1 + '_o3-editorial-typography-headline-l-font-size': 32px, + // Previous name - H1 + '_o3-editorial-typography-headline-l-line-height': 32px, + // Previous name - H1 + '_o3-editorial-typography-headline-m-font-family': 'metric 2 VF', + // Previous name - H1 + '_o3-editorial-typography-headline-m-font-weight': 700, + // Previous name - H1 + '_o3-editorial-typography-headline-m-font-size': 28px, + // Previous name - H1 + '_o3-editorial-typography-headline-m-line-height': 28px, + // Previous name - H1 + '_o3-editorial-typography-headline-s-font-family': 'metric 2 VF', + // Previous name - H1 + '_o3-editorial-typography-headline-s-font-weight': 700, + // Previous name - H1 + '_o3-editorial-typography-headline-s-font-size': 24px, + // Previous name - H1 + '_o3-editorial-typography-headline-s-line-height': 24px, + // Previous name - H2 + '_o3-editorial-typography-chapter-font-family': 'metric 2 VF', + // Previous name - H2 + '_o3-editorial-typography-chapter-font-weight': 700, + // Previous name - H2 + '_o3-editorial-typography-chapter-font-size': 24px, + // Previous name - H2 + '_o3-editorial-typography-chapter-line-height': 32px, + // Previous name - H3 + '_o3-editorial-typography-subheading-font-family': 'metric 2 VF', + // Previous name - H3 + '_o3-editorial-typography-subheading-font-weight': 400, + // Previous name - H3 + '_o3-editorial-typography-subheading-font-size': 24px, + // Previous name - H3 + '_o3-editorial-typography-subheading-line-height': 32px, + // Previous name - H5 + '_o3-editorial-typography-label-font-family': 'metric 2 VF', + // Previous name - H5 + '_o3-editorial-typography-label-font-weight': 400, + // Previous name - H5 + '_o3-editorial-typography-label-font-size': 14px, + // Previous name - H5 + '_o3-editorial-typography-label-line-height': 20px, + '_o3-editorial-typography-article-body-l-font-family': 'financier text VF', + '_o3-editorial-typography-article-body-l-font-size': 24px, + '_o3-editorial-typography-article-body-l-line-height': 32px, + '_o3-editorial-typography-article-body-l-font-weight': 1, + '_o3-editorial-typography-article-body-s-font-family': 'financier text VF', + '_o3-editorial-typography-article-body-s-font-size': 20px, + '_o3-editorial-typography-article-body-s-line-height': 28px, + '_o3-editorial-typography-article-body-s-font-weight': 1, + '_o3-editorial-typography-caption-font-family': 'metric 2 VF', + '_o3-editorial-typography-caption-font-weight': 400, + '_o3-editorial-typography-caption-font-size': 12px, + '_o3-editorial-typography-caption-line-height': 16px, + '_o3-editorial-typography-dropcap-l-font-family': 'metric 2 VF', + '_o3-editorial-typography-dropcap-l-font-weight': 300, + '_o3-editorial-typography-dropcap-l-font-size': 108px, + '_o3-editorial-typography-dropcap-l-line-height': 108px, + '_o3-editorial-typography-dropcap-s-font-family': 'metric 2 VF', + '_o3-editorial-typography-dropcap-s-font-weight': 300, + '_o3-editorial-typography-dropcap-s-font-size': 94px, + '_o3-editorial-typography-dropcap-s-line-height': 94px, + '_o3-editorial-typography-topic-tag-color': #0d7680, + '_o3-editorial-typography-topic-tag-hover-color': #262a33, + '_o3-editorial-typography-byline-author-color': #0d7680, + '_o3-editorial-typography-byline-author-hover-color': #262a33, + '_o3-editorial-typography-byline-timestamp-color': #807973, + '_o3-editorial-typography-byline-timestamp-inverse-color': #ffffff, + '_o3-editorial-typography-pullquote-content-font-family': 'metric 2 VF', + '_o3-editorial-typography-pullquote-content-font-weight': 700, + '_o3-editorial-typography-pullquote-content-font-size': 20px, + '_o3-editorial-typography-pullquote-content-line-height': 28px, + '_o3-editorial-typography-quote-caption-font-family': 'metric 2 VF', + '_o3-editorial-typography-quote-caption-font-weight': 400, + '_o3-editorial-typography-quote-caption-line-height': 16px, + '_o3-editorial-typography-quote-caption-font-size': 12px, + '_o3-editorial-typography-quote-icon-color': #0d7680, + '_o3-editorial-typography-pullquote-color': #0d7680, + 'o3-typography-use-case-body-standard-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-standard-font-weight': 400, + 'o3-typography-use-case-body-standard-font-size': 16px, + 'o3-typography-use-case-body-standard-line-height': 20px, + 'o3-typography-use-case-body-big-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-big-font-weight': 400, + 'o3-typography-use-case-body-big-font-size': 18px, + 'o3-typography-use-case-body-big-line-height': 24px, + 'o3-typography-use-case-body-small-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-small-font-weight': 400, + 'o3-typography-use-case-body-small-font-size': 14px, + 'o3-typography-use-case-body-small-line-height': 20px, + 'o3-typography-use-case-body-small-caps-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-small-caps-font-weight': 400, + 'o3-typography-use-case-body-small-caps-font-size': 14px, + 'o3-typography-use-case-body-small-caps-line-height': 20px, + 'o3-typography-use-case-body-small-bold-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-small-bold-font-weight': 700, + 'o3-typography-use-case-body-small-bold-font-size': 14px, + 'o3-typography-use-case-body-small-bold-line-height': 20px, + 'o3-typography-use-case-heading1-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading1-font-weight': 500, + 'o3-typography-use-case-heading1-font-size': 32px, + 'o3-typography-use-case-heading1-line-height': 40px, + 'o3-typography-use-case-heading2-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading2-font-weight': 500, + 'o3-typography-use-case-heading2-font-size': 28px, + 'o3-typography-use-case-heading2-line-height': 32px, + 'o3-typography-use-case-heading3-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading3-font-weight': 500, + 'o3-typography-use-case-heading3-font-size': 24px, + 'o3-typography-use-case-heading3-line-height': 32px, + 'o3-typography-use-case-heading4-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading4-font-weight': 400, + 'o3-typography-use-case-heading4-font-size': 20px, + 'o3-typography-use-case-heading4-line-height': 28px, + 'o3-typography-use-case-heading5-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading5-font-weight': 700, + 'o3-typography-use-case-heading5-font-size': 18px, + 'o3-typography-use-case-heading5-line-height': 24px, + 'o3-typography-use-case-footer-font-family': 'metric 2 VF', + 'o3-typography-use-case-footer-font-weight': 400, + 'o3-typography-use-case-footer-font-size': 18px, + 'o3-typography-use-case-footer-line-height': 24px, + 'o3-typography-use-case-caption-font-family': 'metric 2 VF', + 'o3-typography-use-case-caption-font-weight': 400, + 'o3-typography-use-case-caption-font-size': 14px, + 'o3-typography-use-case-caption-line-height': 20px, + 'o3-focus-use-case-ring-inner': 0px 0px 0px 4px #ffffff, + 'o3-focus-use-case-ring-outer': 0px 0px 0px 8px #000000, + 'o3-focus-use-case-ring-inverse-inner': 0px 0px 0px 4px #000000, + 'o3-focus-use-case-ring-inverse-outer': 0px 0px 0px 8px #ffffff, + 'o3-focus-use-case-outline-color': 0px 0px 0px 2px #807973, + 'o3-focus-use-case-outline-inverse-color': 0px 0px 0px 2px #ffffff, + 'o3-icons-ft-icon-arrow-left': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M16%204L8%2012L16%2020%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-arrow-right': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M8%204L16%2012L8%2020%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-arrow-down': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M20%208L12%2016L4%208%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-arrow-up': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M20%2016L12%208L4%2016%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-cross': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M4.92893%2017.6569L6.34315%2019.0711L12%2013.4142L17.6569%2019.0711L19.0711%2017.6569L13.4142%2012L19.0711%206.34315L17.6569%204.92893L12%2010.5858L6.34315%204.92894L4.92893%206.34315L10.5858%2012L4.92893%2017.6569Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-download': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M11%204V13.4962L8.6585%2011.4474L7.3415%2012.9526L11.3415%2016.4526L12%2017.0288L12.6585%2016.4526L16.6585%2012.9526L15.3415%2011.4474L13%2013.4962V4H11ZM4%2019V21H20V19H4Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-edit-filled': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M4%2018V13.7716L15.1%202.67157L19.3284%206.9L8.22843%2018H4ZM21%2019H3V21H21V19Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-edit-outlined': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M4%2016V18H6H7.46667H8.29509L8.88088%2017.4142L18.4142%207.88088L19.8284%206.46667L18.4142%205.05245L16.9475%203.58579L15.5333%202.17157L14.1191%203.58579L4.58579%2013.1191L4%2013.7049V14.5333V16ZM7.46667%2016L8%2015.4667L15.5858%207.88088L17%206.46667L16.9475%206.41421L15.5858%205.05245L15.5333%205L14.1191%206.41421L6.53333%2014L6%2014.5333V16H7.46667ZM21%2019H3V21H21V19Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-grid': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M11%205H5V11H11V5Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M19%205H13V11H19V5Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M5%2013H11V19H5V13Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M19%2013H13V19H19V13Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-list': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M4%207H6V9H4V7Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M20%207H8V9H20V7Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M6%2011H4V13H6V11Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M4%2015H6V17H4V15Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M8%2011H20V13H8V11Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M20%2015H8V17H20V15Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-plus': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M11%2013V20H13V13H20V11H13V4H11V11H4V13H11Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-search': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M10%204C6.68629%204%204%206.68629%204%2010C4%2013.3137%206.68629%2016%2010%2016C11.2958%2016%2012.4957%2015.5892%2013.4765%2014.8907L18.2929%2019.7071L19.7071%2018.2929L14.8907%2013.4765C15.5892%2012.4957%2016%2011.2958%2016%2010C16%206.68629%2013.3137%204%2010%204ZM6%2010C6%207.79086%207.79086%206%2010%206C12.2091%206%2014%207.79086%2014%2010C14%2012.2091%2012.2091%2014%2010%2014C7.79086%2014%206%2012.2091%206%2010Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-tick': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M4%2013L8%2017L19%206%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-upload': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M13%2017V7.50377L15.3415%209.55257L16.6585%208.04742L12.6585%204.54742L12%203.97123L11.3415%204.54742L7.3415%208.04742L8.6585%209.55257L11%207.50377V17H13ZM4%2019V21H20V19H4Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-refresh': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M16.1905%206.39291C14.9278%205.44922%2013.3836%204.95935%2011.8078%205.00264C10.232%205.04593%208.71695%205.61983%207.50796%206.63143C6.29897%207.64302%205.46682%209.03308%205.14626%2010.5765C4.82569%2012.12%205.03548%2013.7264%205.74165%2015.1358C6.44782%2016.5451%207.60903%2017.6749%209.03725%2018.3421C10.4655%2019.0093%2012.0771%2019.1749%2013.6111%2018.8121C15.1452%2018.4492%2016.5119%2017.5792%2017.4899%2016.3429C18.4679%2015.1066%2019%2013.5764%2019%2012V11L21%2011V12C21%2014.0268%2020.3159%2015.9942%2019.0584%2017.5838C17.801%2019.1733%2016.0438%2020.2919%2014.0715%2020.7584C12.0991%2021.2249%2010.027%2021.012%208.19075%2020.1541C6.35447%2019.2963%204.86149%2017.8438%203.95355%2016.0317C3.04562%2014.2197%202.7759%2012.1542%203.18805%2010.1698C3.6002%208.18539%204.67011%206.39817%206.22452%205.09755C7.77893%203.79693%209.72685%203.05905%2011.7529%203.0034C13.7144%202.94951%2015.638%203.53819%2017.2318%204.67688L17.911%203.50457L20.5022%208.00854L15.3061%208.00059L16.2233%206.41744L16.1905%206.39291Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-calendar': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M9%2014V12H7V14H9Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M8%205V3H6V5H3V21H21V5H18V3H16V5H8ZM5%2010H19V19H5V10Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-play': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M6%2020V4L20%2012L6%2020Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-print': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M5%203L5%209C3.34315%209%202%2010.3431%202%2012V17H5V21H19V17H22V12C22%2010.3431%2020.6569%209%2019%209V3H5ZM17%205H7V8H17V5ZM17%2014H7V19H17V14ZM19%2012V11H18V12H19Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-signout': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M14%204H3V20H14V18H5V6H14V4Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M22.4142%2012L17.2071%206.79289L15.7929%208.20711L18.5858%2011H9V13H18.5858L15.7929%2015.7929L17.2071%2017.2071L22.4142%2012Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-speaker': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M3%2015V9H7L14%204V20L7%2015H3Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M19.853%208.74719C19.4258%207.71592%2018.7997%206.77889%2018.0104%205.98959L19.0711%204.92893C19.9997%205.85752%2020.7362%206.95991%2021.2388%208.17317C21.7413%209.38642%2022%2010.6868%2022%2012C22%2013.3132%2021.7413%2014.6136%2021.2388%2015.8268C20.7362%2017.0401%2019.9997%2018.1425%2019.0711%2019.0711L18.0104%2018.0104C18.7997%2017.2211%2019.4258%2016.2841%2019.853%2015.2528C20.2801%2014.2215%2020.5%2013.1162%2020.5%2012C20.5%2010.8838%2020.2801%209.77846%2019.853%208.74719Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M15.8891%208.11091C16.3998%208.62163%2016.8049%209.22795%2017.0813%209.89524C17.3577%2010.5625%2017.5%2011.2777%2017.5%2012C17.5%2012.7223%2017.3577%2013.4375%2017.0813%2014.1048C16.8049%2014.772%2016.3998%2015.3784%2015.8891%2015.8891L16.9498%2016.9497C17.5998%2016.2997%2018.1154%2015.5281%2018.4672%2014.6788C18.819%2013.8295%2019%2012.9193%2019%2012C19%2011.0807%2018.819%2010.1705%2018.4672%209.32122C18.1154%208.47194%2017.5998%207.70026%2016.9498%207.05025L15.8891%208.11091Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-user-filled': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M12%2012C14.2091%2012%2016%2010.2091%2016%208C16%205.79086%2014.2091%204%2012%204C9.79086%204%208%205.79086%208%208C8%2010.2091%209.79086%2012%2012%2012Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M5%2018C5%2016.1194%207%2013%2012%2013C17%2013%2019%2016.1194%2019%2018V21H5V18Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-user-outlined': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M16%208C16%2010.2091%2014.2091%2012%2012%2012C9.79086%2012%208%2010.2091%208%208C8%205.79086%209.79086%204%2012%204C14.2091%204%2016%205.79086%2016%208ZM14%208C14%209.10457%2013.1046%2010%2012%2010C10.8954%2010%2010%209.10457%2010%208C10%206.89543%2010.8954%206%2012%206C13.1046%206%2014%206.89543%2014%208Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12%2013C17%2013%2019%2016.1194%2019%2018V21H5V18C5%2016.1194%207%2013%2012%2013ZM7%2018C7%2017.4127%207.90585%2015%2012%2015C16.0941%2015%2017%2017.4127%2017%2018V19H7V18Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-speech-left': url("data:image/svg+xml,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M7.324%2018C9.46%2018%2011.5%2016.2617%2011.5%2013.9727C11.5%2010.9995%208.857%209.48929%206.304%209.94533C6.304%207.97608%208.068%206.37403%2011.314%205.87062L11.176%205C6.025%205.3672%202.5%208.84374%202.5%2012.9185C2.5%2016.3979%204.774%2018%207.324%2018ZM17.324%2018C19.46%2018%2021.5%2016.2617%2021.5%2013.9727C21.5%2010.9995%2018.857%209.48929%2016.304%209.94533C16.304%207.97608%2018.068%206.37403%2021.314%205.87062L21.176%205C16.025%205.3672%2012.5%208.84374%2012.5%2012.9185C12.5%2016.3979%2014.774%2018%2017.324%2018Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-error': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2220%22%20height=%2220%22%20viewBox=%220%200%2020%2020%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M15.4528%2011.25V8.75H4.54718V11.25H15.4528Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M20%2010C20%2015.5228%2015.5228%2020%2010%2020C4.47715%2020%200%2015.5228%200%2010C0%204.47715%204.47715%200%2010%200C15.5228%200%2020%204.47715%2020%2010ZM18%2010C18%2014.4183%2014.4183%2018%2010%2018C5.58172%2018%202%2014.4183%202%2010C2%205.58172%205.58172%202%2010%202C14.4183%202%2018%205.58172%2018%2010Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-success': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M18%205H6C5.44772%205%205%205.44772%205%206V18C5%2018.5523%205.44772%2019%206%2019H18C18.5523%2019%2019%2018.5523%2019%2018V6C19%205.44772%2018.5523%205%2018%205ZM6%203C4.34315%203%203%204.34315%203%206V18C3%2019.6569%204.34315%2021%206%2021H18C19.6569%2021%2021%2019.6569%2021%2018V6C21%204.34315%2019.6569%203%2018%203H6Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M17.2584%209.4923L10.1217%2016.629L6.74162%2013.2489L8.15584%2011.8347L10.1217%2013.8006L15.8442%208.07809L17.2584%209.4923Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-minus': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Crect%20x=%225%22%20y=%2210.25%22%20width=%2214%22%20height=%223.5%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-social-facebook': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M13.5419%2022V12.8768H16.5169L16.959%209.32329H13.5419V7.05214C13.5419%206.02472%2013.8192%205.32175%2015.2505%205.32175H17.0789V2.13905C16.7642%202.0927%2015.6776%202%2014.4187%202C11.7809%202%209.98247%203.66087%209.98247%206.70452V9.33102H7V12.8845H9.98247V22H13.5419V22Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-social-linkedin': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M5.06474%207.93165C6.41941%207.93165%207.26418%207.04798%207.26418%205.94422C7.23925%204.81651%206.41998%203.95847%205.0908%203.95847C3.76161%203.95847%202.89192%204.81595%202.89192%205.94422C2.89192%207.04798%203.73555%207.93165%205.04037%207.93165H5.06474ZM21.0221%2020.9995V14.407C21.0221%2010.8746%2019.1048%209.23091%2016.5484%209.23091C14.4855%209.23091%2013.5609%2010.3469%2013.0459%2011.1303V9.50114H9.15917C9.21072%2010.5804%209.15917%2020.9995%209.15917%2020.9995H13.0459V14.5781C13.0459%2014.2354%2013.0708%2013.8916%2013.1739%2013.6465C13.4544%2012.9595%2014.094%2012.2485%2015.1671%2012.2485C16.5739%2012.2485%2017.136%2013.3027%2017.136%2014.8483V21L21.0221%2020.9995ZM7.00836%209.50123V20.9996H3.12222V9.50123H7.00836Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-social-x': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M13.443%2010.7118L19.3644%203.97656H17.9612L12.8196%209.82466L8.71303%203.97656H3.97657L10.1865%2012.8199L3.97657%2019.8828H5.37985L10.8095%2013.707L15.1464%2019.8828H19.8828L13.4426%2010.7118H13.443ZM11.521%2012.8978L10.8918%2012.0172L5.88547%205.01021H8.04082L12.081%2010.6651L12.7102%2011.5457L17.9619%2018.8962H15.8065L11.521%2012.8982V12.8978Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") +); \ No newline at end of file diff --git a/components/o-private-foundation/src/scss/tokens/whitelabel.scss b/components/o-private-foundation/src/scss/tokens/whitelabel.scss new file mode 100644 index 0000000000..7858ebf85d --- /dev/null +++ b/components/o-private-foundation/src/scss/tokens/whitelabel.scss @@ -0,0 +1,374 @@ + +/** + * Do not edit directly, this file was auto-generated. + */ + +$tokens: ( + 'do-not-use': rgba(0, 0, 0, 0), + 'o3-color-palette-black': #000000, + 'o3-color-palette-white': #ffffff, + 'o3-color-palette-jade': #00994d, + 'o3-color-palette-crimson': #cc0000, + 'o3-color-palette-black-5': #f2f2f2, + 'o3-color-palette-black-10': #e6e6e6, + 'o3-color-palette-black-20': #cccccc, + 'o3-color-palette-black-30': #b3b3b3, + 'o3-color-palette-black-40': #999999, + 'o3-color-palette-black-50': #808080, + 'o3-color-palette-black-60': #666666, + 'o3-color-palette-black-70': #4d4d4d, + 'o3-color-palette-black-80': #333333, + 'o3-color-palette-black-90': #1a1a1a, + 'o3-color-use-case-link-text': #808080, + 'o3-color-use-case-link-text-hover': #666666, + 'o3-color-use-case-link-underline': #b3b3b3, + 'o3-color-use-case-link-underline-hover': #4d4d4d, + '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': #333333, + 'o3-color-use-case-body-text': #333333, + 'o3-color-use-case-body-inverse-text': #ffffff, + // "Muted" text is less prominent, for example credits and captions. + 'o3-color-use-case-muted-text': #808080, + 'o3-color-use-case-muted-inverse-text': #cccccc, + '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': #1a1a1a, + 'o3-color-use-case-button-hover': #333333, + 'o3-color-use-case-button-pressed': #4d4d4d, + 'o3-color-use-case-button-disabled': #cccccc, + '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-button-primary-standard-color': #ffffff, + '_o3-button-primary-standard-background': #000000, + '_o3-button-primary-standard-border': rgba(255, 255, 255, 0), + '_o3-button-primary-standard-hover-background': #333333, + '_o3-button-primary-standard-hover-color': #ffffff, + '_o3-button-primary-standard-hover-border': rgba(255, 255, 255, 0), + '_o3-button-primary-standard-focus-background': #333333, + '_o3-button-primary-standard-focus-color': #ffffff, + '_o3-button-primary-standard-focus-border': rgba(255, 255, 255, 0), + '_o3-button-primary-standard-active-background': #595959, + '_o3-button-primary-standard-active-color': #ffffff, + '_o3-button-primary-standard-active-border': rgba(255, 255, 255, 0), + '_o3-button-secondary-standard-color': #000000, + '_o3-button-secondary-standard-background': rgba(255, 255, 255, 0), + '_o3-button-secondary-standard-border': #000000, + '_o3-button-secondary-standard-hover-background': rgba(0, 0, 0, 0.15), + '_o3-button-secondary-standard-hover-color': #000000, + '_o3-button-secondary-standard-hover-border': #000000, + '_o3-button-secondary-standard-focus-background': rgba(0, 0, 0, 0.15), + '_o3-button-secondary-standard-focus-color': #000000, + '_o3-button-secondary-standard-focus-border': #000000, + '_o3-button-secondary-standard-active-background': #000000, + '_o3-button-secondary-standard-active-color': #ffffff, + '_o3-button-secondary-standard-active-border': #000000, + '_o3-button-ghost-standard-color': #000000, + '_o3-button-ghost-standard-background': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-hover-background': rgba(0, 0, 0, 0.15), + '_o3-button-ghost-standard-hover-color': #000000, + '_o3-button-ghost-standard-hover-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-focus-background': rgba(0, 0, 0, 0.15), + '_o3-button-ghost-standard-focus-color': #000000, + '_o3-button-ghost-standard-focus-border': rgba(255, 255, 255, 0), + '_o3-button-ghost-standard-active-background': #000000, + '_o3-button-ghost-standard-active-color': #ffffff, + '_o3-button-ghost-standard-active-active': rgba(255, 255, 255, 0), + 'o3-spacing-5xs': 4px, + 'o3-spacing-4xs': 8px, + 'o3-spacing-3xs': 12px, + 'o3-spacing-2xs': 16px, + 'o3-spacing-xs': 20px, + 'o3-spacing-s': 24px, + 'o3-spacing-m': 32px, + 'o3-spacing-l': 40px, + 'o3-spacing-xl': 48px, + 'o3-spacing-2xl': 64px, + 'o3-spacing-3xl': 80px, + 'o3-spacing-4xl': 96px, + 'o3-font-family-metric': 'metric 2 VF', + 'o3-font-family-financier-display': 'financier display VF', + 'o3-font-family-georgia': georgia, + 'o3-font-weight-light': 300, + 'o3-font-weight-regular': 400, + 'o3-font-weight-medium': 500, + 'o3-font-weight-semibold': 700, + 'o3-font-weight-bold': 800, + 'o3-font-lineheight-0': 20px, + 'o3-font-lineheight-1': 20px, + 'o3-font-lineheight-2': 24px, + 'o3-font-lineheight-3': 28px, + 'o3-font-lineheight-4': 32px, + 'o3-font-lineheight-5': 32px, + 'o3-font-lineheight-6': 40px, + 'o3-font-lineheight-7': 48px, + 'o3-font-lineheight-8': 56px, + 'o3-font-lineheight-9': 72px, + 'o3-font-lineheight-10': 84px, + 'o3-font-lineheight-negative-2': 16px, + 'o3-font-lineheight-negative-1': 16px, + 'o3-font-size-0': 16px, + 'o3-font-size-1': 18px, + 'o3-font-size-2': 20px, + 'o3-font-size-3': 24px, + 'o3-font-size-4': 28px, + 'o3-font-size-5': 32px, + 'o3-font-size-6': 40px, + 'o3-font-size-7': 48px, + 'o3-font-size-8': 56px, + 'o3-font-size-9': 72px, + 'o3-font-size-10': 84px, + 'o3-font-size-negative-2': 12px, + 'o3-font-size-negative-1': 14px, + 'o3-font-lineheight-metric2-0': 20px, + 'o3-font-lineheight-metric2-1': 24px, + 'o3-font-lineheight-metric2-2': 28px, + 'o3-font-lineheight-metric2-3': 32px, + 'o3-font-lineheight-metric2-4': 32px, + 'o3-font-lineheight-metric2-5': 40px, + 'o3-font-lineheight-metric2-6': 48px, + 'o3-font-lineheight-metric2-7': 56px, + 'o3-font-lineheight-metric2-8': 72px, + 'o3-font-lineheight-metric2-9': 84px, + 'o3-font-lineheight-metric2-negative-3': 16px, + 'o3-font-lineheight-metric2-negative-2': 16px, + 'o3-font-lineheight-metric2-negative-1': 20px, + 'o3-font-size-metric2-0': 16px, + 'o3-font-size-metric2-1': 18px, + 'o3-font-size-metric2-2': 20px, + 'o3-font-size-metric2-3': 24px, + 'o3-font-size-metric2-4': 28px, + 'o3-font-size-metric2-5': 32px, + 'o3-font-size-metric2-6': 40px, + 'o3-font-size-metric2-7': 48px, + 'o3-font-size-metric2-8': 64px, + 'o3-font-size-metric2-9': 72px, + 'o3-font-size-metric2-negative-3': 10px, + 'o3-font-size-metric2-negative-2': 12px, + 'o3-font-size-metric2-negative-1': 14px, + '_o3-tooltip-background-color': #ffffff, + '_o3-tooltip-text-color': #1a1a1a, + '_o3-tooltip-icon-info': url("data:image/svg+xml,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204ZM2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z%22%20fill=%22black%22/%3E%0A%3Cpath%20d=%22M13.2948%2010.012V17.376H10.7188V10.012H13.2948ZM10.5508%207.99602C10.5508%207.58536%2010.6908%207.25402%2010.9708%207.00202C11.2601%206.75002%2011.6008%206.62402%2011.9928%206.62402C12.3941%206.62402%2012.7348%206.75002%2013.0148%207.00202C13.3041%207.25402%2013.4488%207.58536%2013.4488%207.99602C13.4488%208.40669%2013.3041%208.74269%2013.0148%209.00402C12.7348%209.25602%2012.3941%209.38202%2011.9928%209.38202C11.6008%209.38202%2011.2601%209.25602%2010.9708%209.00402C10.6908%208.74269%2010.5508%208.40669%2010.5508%207.99602Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + '_o3-tooltip-icon-cross': url("data:image/svg+xml,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204ZM2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z%22%20fill=%22black%22/%3E%0A%3Cpath%20d=%22M10.3257%2012.003L7.17969%208.90103L8.87369%207.20703L11.9977%2010.309L15.0997%207.20703L16.7937%208.90103L13.6917%2012.003L16.7937%2015.127L15.0997%2016.821L11.9977%2013.719L8.87369%2016.821L7.17969%2015.127L10.3257%2012.003Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-typography-use-case-body-standard-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-standard-font-weight': 400, + 'o3-typography-use-case-body-standard-font-size': 16px, + 'o3-typography-use-case-body-standard-line-height': 20px, + 'o3-typography-use-case-body-big-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-big-font-weight': 400, + 'o3-typography-use-case-body-big-font-size': 18px, + 'o3-typography-use-case-body-big-line-height': 24px, + 'o3-typography-use-case-body-small-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-small-font-weight': 400, + 'o3-typography-use-case-body-small-font-size': 14px, + 'o3-typography-use-case-body-small-line-height': 20px, + 'o3-typography-use-case-body-small-caps-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-small-caps-font-weight': 400, + 'o3-typography-use-case-body-small-caps-font-size': 14px, + 'o3-typography-use-case-body-small-caps-line-height': 20px, + 'o3-typography-use-case-body-small-bold-font-family': 'metric 2 VF', + 'o3-typography-use-case-body-small-bold-font-weight': 700, + 'o3-typography-use-case-body-small-bold-font-size': 14px, + 'o3-typography-use-case-body-small-bold-line-height': 20px, + 'o3-typography-use-case-footer-font-family': 'metric 2 VF', + 'o3-typography-use-case-footer-font-weight': 400, + 'o3-typography-use-case-footer-font-size': 16px, + 'o3-typography-use-case-footer-line-height': 20px, + 'o3-typography-use-case-caption-font-family': 'metric 2 VF', + 'o3-typography-use-case-caption-font-weight': 400, + 'o3-typography-use-case-caption-font-size': 12px, + 'o3-typography-use-case-caption-line-height': 16px, + 'o3-typography-use-case-heading1-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading1-font-weight': 700, + 'o3-typography-use-case-heading1-font-size': 28px, + 'o3-typography-use-case-heading1-line-height': 32px, + 'o3-typography-use-case-heading2-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading2-font-weight': 700, + 'o3-typography-use-case-heading2-font-size': 24px, + 'o3-typography-use-case-heading2-line-height': 32px, + 'o3-typography-use-case-heading3-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading3-font-weight': 700, + 'o3-typography-use-case-heading3-font-size': 20px, + 'o3-typography-use-case-heading3-line-height': 28px, + 'o3-typography-use-case-heading4-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading4-font-weight': 700, + 'o3-typography-use-case-heading4-font-size': 18px, + 'o3-typography-use-case-heading4-line-height': 24px, + 'o3-typography-use-case-heading5-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading5-font-weight': 700, + 'o3-typography-use-case-heading5-font-size': 16px, + 'o3-typography-use-case-heading5-line-height': 20px, + 'o3-typography-use-case-heading6-font-family': 'metric 2 VF', + 'o3-typography-use-case-heading6-font-weight': 700, + 'o3-typography-use-case-heading6-font-size': 14px, + 'o3-typography-use-case-heading6-line-height': 20px, + 'o3-focus-use-case-ring-inner': 0px 0px 0px 4px #ffffff, + 'o3-focus-use-case-ring-outer': 0px 0px 0px 8px #000000, + 'o3-focus-use-case-ring-inverse-inner': 0px 0px 0px 4px #000000, + 'o3-focus-use-case-ring-inverse-outer': 0px 0px 0px 8px #ffffff, + 'o3-focus-use-case-outline-color': 0px 0px 0px 2px #000000, + 'o3-focus-use-case-outline-inverse-color': 0px 0px 0px 2px #ffffff, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-l-font-family': 'financier display VF', + // Previous name - Heading large + '_o3-editorial-typography-headline-large-l-font-weight': 800, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-l-font-size': 48px, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-l-line-height': 48px, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-m-font-family': 'financier display VF', + // Previous name - Heading large + '_o3-editorial-typography-headline-large-m-font-weight': 800, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-m-font-size': 40px, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-m-line-height': 40px, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-s-font-family': 'financier display VF', + // Previous name - Heading large + '_o3-editorial-typography-headline-large-s-font-weight': 800, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-s-font-size': 32px, + // Previous name - Heading large + '_o3-editorial-typography-headline-large-s-line-height': 32px, + // Previous name - H1 + '_o3-editorial-typography-headline-l-font-family': 'financier display VF', + // Previous name - H1 + '_o3-editorial-typography-headline-l-font-weight': 300, + // Previous name - H1 + '_o3-editorial-typography-headline-l-font-size': 40px, + // Previous name - H1 + '_o3-editorial-typography-headline-l-line-height': 40px, + // Previous name - H1 + '_o3-editorial-typography-headline-m-font-family': 'financier display VF', + // Previous name - H1 + '_o3-editorial-typography-headline-m-font-weight': 300, + // Previous name - H1 + '_o3-editorial-typography-headline-m-font-size': 32px, + // Previous name - H1 + '_o3-editorial-typography-headline-m-line-height': 32px, + // Previous name - H1 + '_o3-editorial-typography-headline-s-font-family': 'financier display VF', + // Previous name - H1 + '_o3-editorial-typography-headline-s-font-weight': 300, + // Previous name - H1 + '_o3-editorial-typography-headline-s-font-size': 28px, + // Previous name - H1 + '_o3-editorial-typography-headline-s-line-height': 32px, + // Previous name - H2 + '_o3-editorial-typography-chapter-font-family': 'metric 2 VF', + // Previous name - H2 + '_o3-editorial-typography-chapter-font-weight': 700, + // Previous name - H2 + '_o3-editorial-typography-chapter-font-size': 24px, + // Previous name - H2 + '_o3-editorial-typography-chapter-line-height': 28px, + // Previous name - H3 + '_o3-editorial-typography-subheading-font-family': 'metric 2 VF', + // Previous name - H3 + '_o3-editorial-typography-subheading-font-weight': 400, + // Previous name - H3 + '_o3-editorial-typography-subheading-font-size': 24px, + // Previous name - H3 + '_o3-editorial-typography-subheading-line-height': 28px, + // Previous name - H5 + '_o3-editorial-typography-label-font-family': 'metric 2 VF', + // Previous name - H5 + '_o3-editorial-typography-label-font-weight': 400, + // Previous name - H5 + '_o3-editorial-typography-label-font-size': 14px, + // Previous name - H5 + '_o3-editorial-typography-label-line-height': 16px, + '_o3-editorial-typography-article-body-l-font-family': georgia, + '_o3-editorial-typography-article-body-l-font-weight': 400, + '_o3-editorial-typography-article-body-l-font-size': 20px, + '_o3-editorial-typography-article-body-l-line-height': 32px, + '_o3-editorial-typography-article-body-s-font-family': georgia, + '_o3-editorial-typography-article-body-s-font-weight': 400, + '_o3-editorial-typography-article-body-s-font-size': 18px, + '_o3-editorial-typography-article-body-s-line-height': 28px, + '_o3-editorial-typography-dropcap-l-font-family': 'metric 2 VF', + '_o3-editorial-typography-dropcap-l-font-weight': 300, + '_o3-editorial-typography-dropcap-l-font-size': 108px, + '_o3-editorial-typography-dropcap-l-line-height': 108px, + '_o3-editorial-typography-big-number-title-font-family': 'metric 2 VF', + '_o3-editorial-typography-big-number-title-font-weight': 700, + '_o3-editorial-typography-big-number-title-font-size': 48px, + '_o3-editorial-typography-big-number-title-line-height': 56px, + '_o3-editorial-typography-pullquote-content-font-family': 'metric 2 VF', + '_o3-editorial-typography-pullquote-content-font-weight': 700, + '_o3-editorial-typography-pullquote-content-font-size': 20px, + '_o3-editorial-typography-pullquote-content-line-height': 28px, + '_o3-editorial-typography-dropcap-s-font-family': 'metric 2 VF', + '_o3-editorial-typography-dropcap-s-font-weight': 300, + '_o3-editorial-typography-dropcap-s-font-size': 94px, + '_o3-editorial-typography-dropcap-s-line-height': 94px, + '_o3-editorial-typography-topic-tag-color': #333333, + '_o3-editorial-typography-topic-tag-inverse-color': #ffffff, + '_o3-editorial-typography-topic-tag-hover-color': #000000, + '_o3-editorial-typography-topic-tag-hover-inverse-color': #cccccc, + '_o3-editorial-typography-caption-font-family': 'metric 2 VF', + '_o3-editorial-typography-caption-font-weight': 400, + '_o3-editorial-typography-caption-font-size': 12px, + '_o3-editorial-typography-caption-line-height': 16px, + '_o3-editorial-typography-caption-color': #4d4d4d, + '_o3-editorial-typography-caption-inverse-color': #cccccc, + '_o3-editorial-typography-byline-author-color': #333333, + '_o3-editorial-typography-byline-author-inverse-color': #ffffff, + '_o3-editorial-typography-byline-author-hover-color': #000000, + '_o3-editorial-typography-byline-author-hover-inverse-color': #cccccc, + '_o3-editorial-typography-byline-timestamp-color': #666666, + '_o3-editorial-typography-byline-timestamp-inverse-color': #cccccc, + '_o3-form-input-border': 2px solid #b3b3b3, + '_o3-form-input-border-error': 2px solid #cc0000, + '_o3-form-input-border-radius': 6px, + '_o3-form-error-summary-background-color': rgba(204, 0, 0, 0.14), + '_o3-form-color-use-case-background': #ffffff, + '_o3-form-color-use-case-background-disabled': #cccccc, + '_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-hover': #333333, + '_o3-form-color-use-case-border-active': #4d4d4d, + '_o3-form-color-use-case-border-disabled': #e6e6e6, + '_o3-form-color-use-case-selected': #1a1a1a, + '_o3-form-color-use-case-selected-hover': #333333, + '_o3-form-color-use-case-selected-active': #4d4d4d, + '_o3-form-color-use-case-selected-disabled': #cccccc, + 'o3-icons-ft-icon-arrow-left': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M16%204L8%2012L16%2020%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-arrow-right': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M8%204L16%2012L8%2020%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-arrow-down': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M20%208L12%2016L4%208%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-arrow-up': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M20%2016L12%208L4%2016%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-cross': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M4.92893%2017.6569L6.34315%2019.0711L12%2013.4142L17.6569%2019.0711L19.0711%2017.6569L13.4142%2012L19.0711%206.34315L17.6569%204.92893L12%2010.5858L6.34315%204.92894L4.92893%206.34315L10.5858%2012L4.92893%2017.6569Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-download': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M11%204V13.4962L8.6585%2011.4474L7.3415%2012.9526L11.3415%2016.4526L12%2017.0288L12.6585%2016.4526L16.6585%2012.9526L15.3415%2011.4474L13%2013.4962V4H11ZM4%2019V21H20V19H4Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-edit-filled': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M4%2018V13.7716L15.1%202.67157L19.3284%206.9L8.22843%2018H4ZM21%2019H3V21H21V19Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-edit-outlined': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M4%2016V18H6H7.46667H8.29509L8.88088%2017.4142L18.4142%207.88088L19.8284%206.46667L18.4142%205.05245L16.9475%203.58579L15.5333%202.17157L14.1191%203.58579L4.58579%2013.1191L4%2013.7049V14.5333V16ZM7.46667%2016L8%2015.4667L15.5858%207.88088L17%206.46667L16.9475%206.41421L15.5858%205.05245L15.5333%205L14.1191%206.41421L6.53333%2014L6%2014.5333V16H7.46667ZM21%2019H3V21H21V19Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-grid': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M11%205H5V11H11V5Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M19%205H13V11H19V5Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M5%2013H11V19H5V13Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M19%2013H13V19H19V13Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-list': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M4%207H6V9H4V7Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M20%207H8V9H20V7Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M6%2011H4V13H6V11Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M4%2015H6V17H4V15Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M8%2011H20V13H8V11Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M20%2015H8V17H20V15Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-plus': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M11%2013V20H13V13H20V11H13V4H11V11H4V13H11Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-search': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M10%204C6.68629%204%204%206.68629%204%2010C4%2013.3137%206.68629%2016%2010%2016C11.2958%2016%2012.4957%2015.5892%2013.4765%2014.8907L18.2929%2019.7071L19.7071%2018.2929L14.8907%2013.4765C15.5892%2012.4957%2016%2011.2958%2016%2010C16%206.68629%2013.3137%204%2010%204ZM6%2010C6%207.79086%207.79086%206%2010%206C12.2091%206%2014%207.79086%2014%2010C14%2012.2091%2012.2091%2014%2010%2014C7.79086%2014%206%2012.2091%206%2010Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-tick': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M4%2013L8%2017L19%206%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-upload': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M13%2017V7.50377L15.3415%209.55257L16.6585%208.04742L12.6585%204.54742L12%203.97123L11.3415%204.54742L7.3415%208.04742L8.6585%209.55257L11%207.50377V17H13ZM4%2019V21H20V19H4Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-refresh': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M16.1905%206.39291C14.9278%205.44922%2013.3836%204.95935%2011.8078%205.00264C10.232%205.04593%208.71695%205.61983%207.50796%206.63143C6.29897%207.64302%205.46682%209.03308%205.14626%2010.5765C4.82569%2012.12%205.03548%2013.7264%205.74165%2015.1358C6.44782%2016.5451%207.60903%2017.6749%209.03725%2018.3421C10.4655%2019.0093%2012.0771%2019.1749%2013.6111%2018.8121C15.1452%2018.4492%2016.5119%2017.5792%2017.4899%2016.3429C18.4679%2015.1066%2019%2013.5764%2019%2012V11L21%2011V12C21%2014.0268%2020.3159%2015.9942%2019.0584%2017.5838C17.801%2019.1733%2016.0438%2020.2919%2014.0715%2020.7584C12.0991%2021.2249%2010.027%2021.012%208.19075%2020.1541C6.35447%2019.2963%204.86149%2017.8438%203.95355%2016.0317C3.04562%2014.2197%202.7759%2012.1542%203.18805%2010.1698C3.6002%208.18539%204.67011%206.39817%206.22452%205.09755C7.77893%203.79693%209.72685%203.05905%2011.7529%203.0034C13.7144%202.94951%2015.638%203.53819%2017.2318%204.67688L17.911%203.50457L20.5022%208.00854L15.3061%208.00059L16.2233%206.41744L16.1905%206.39291Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-calendar': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M9%2014V12H7V14H9Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M8%205V3H6V5H3V21H21V5H18V3H16V5H8ZM5%2010H19V19H5V10Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-play': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M6%2020V4L20%2012L6%2020Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-print': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M5%203L5%209C3.34315%209%202%2010.3431%202%2012V17H5V21H19V17H22V12C22%2010.3431%2020.6569%209%2019%209V3H5ZM17%205H7V8H17V5ZM17%2014H7V19H17V14ZM19%2012V11H18V12H19Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-signout': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M14%204H3V20H14V18H5V6H14V4Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M22.4142%2012L17.2071%206.79289L15.7929%208.20711L18.5858%2011H9V13H18.5858L15.7929%2015.7929L17.2071%2017.2071L22.4142%2012Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-speaker': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M3%2015V9H7L14%204V20L7%2015H3Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M19.853%208.74719C19.4258%207.71592%2018.7997%206.77889%2018.0104%205.98959L19.0711%204.92893C19.9997%205.85752%2020.7362%206.95991%2021.2388%208.17317C21.7413%209.38642%2022%2010.6868%2022%2012C22%2013.3132%2021.7413%2014.6136%2021.2388%2015.8268C20.7362%2017.0401%2019.9997%2018.1425%2019.0711%2019.0711L18.0104%2018.0104C18.7997%2017.2211%2019.4258%2016.2841%2019.853%2015.2528C20.2801%2014.2215%2020.5%2013.1162%2020.5%2012C20.5%2010.8838%2020.2801%209.77846%2019.853%208.74719Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M15.8891%208.11091C16.3998%208.62163%2016.8049%209.22795%2017.0813%209.89524C17.3577%2010.5625%2017.5%2011.2777%2017.5%2012C17.5%2012.7223%2017.3577%2013.4375%2017.0813%2014.1048C16.8049%2014.772%2016.3998%2015.3784%2015.8891%2015.8891L16.9498%2016.9497C17.5998%2016.2997%2018.1154%2015.5281%2018.4672%2014.6788C18.819%2013.8295%2019%2012.9193%2019%2012C19%2011.0807%2018.819%2010.1705%2018.4672%209.32122C18.1154%208.47194%2017.5998%207.70026%2016.9498%207.05025L15.8891%208.11091Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-user-filled': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M12%2012C14.2091%2012%2016%2010.2091%2016%208C16%205.79086%2014.2091%204%2012%204C9.79086%204%208%205.79086%208%208C8%2010.2091%209.79086%2012%2012%2012Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20d=%22M5%2018C5%2016.1194%207%2013%2012%2013C17%2013%2019%2016.1194%2019%2018V21H5V18Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-user-outlined': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M16%208C16%2010.2091%2014.2091%2012%2012%2012C9.79086%2012%208%2010.2091%208%208C8%205.79086%209.79086%204%2012%204C14.2091%204%2016%205.79086%2016%208ZM14%208C14%209.10457%2013.1046%2010%2012%2010C10.8954%2010%2010%209.10457%2010%208C10%206.89543%2010.8954%206%2012%206C13.1046%206%2014%206.89543%2014%208Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12%2013C17%2013%2019%2016.1194%2019%2018V21H5V18C5%2016.1194%207%2013%2012%2013ZM7%2018C7%2017.4127%207.90585%2015%2012%2015C16.0941%2015%2017%2017.4127%2017%2018V19H7V18Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-speech-left': url("data:image/svg+xml,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M7.324%2018C9.46%2018%2011.5%2016.2617%2011.5%2013.9727C11.5%2010.9995%208.857%209.48929%206.304%209.94533C6.304%207.97608%208.068%206.37403%2011.314%205.87062L11.176%205C6.025%205.3672%202.5%208.84374%202.5%2012.9185C2.5%2016.3979%204.774%2018%207.324%2018ZM17.324%2018C19.46%2018%2021.5%2016.2617%2021.5%2013.9727C21.5%2010.9995%2018.857%209.48929%2016.304%209.94533C16.304%207.97608%2018.068%206.37403%2021.314%205.87062L21.176%205C16.025%205.3672%2012.5%208.84374%2012.5%2012.9185C12.5%2016.3979%2014.774%2018%2017.324%2018Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-error': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2220%22%20height=%2220%22%20viewBox=%220%200%2020%2020%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M15.4528%2011.25V8.75H4.54718V11.25H15.4528Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M20%2010C20%2015.5228%2015.5228%2020%2010%2020C4.47715%2020%200%2015.5228%200%2010C0%204.47715%204.47715%200%2010%200C15.5228%200%2020%204.47715%2020%2010ZM18%2010C18%2014.4183%2014.4183%2018%2010%2018C5.58172%2018%202%2014.4183%202%2010C2%205.58172%205.58172%202%2010%202C14.4183%202%2018%205.58172%2018%2010Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-success': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M18%205H6C5.44772%205%205%205.44772%205%206V18C5%2018.5523%205.44772%2019%206%2019H18C18.5523%2019%2019%2018.5523%2019%2018V6C19%205.44772%2018.5523%205%2018%205ZM6%203C4.34315%203%203%204.34315%203%206V18C3%2019.6569%204.34315%2021%206%2021H18C19.6569%2021%2021%2019.6569%2021%2018V6C21%204.34315%2019.6569%203%2018%203H6Z%22%20fill=%22black%22/%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M17.2584%209.4923L10.1217%2016.629L6.74162%2013.2489L8.15584%2011.8347L10.1217%2013.8006L15.8442%208.07809L17.2584%209.4923Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-icon-minus': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Crect%20x=%225%22%20y=%2210.25%22%20width=%2214%22%20height=%223.5%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-social-facebook': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M13.5419%2022V12.8768H16.5169L16.959%209.32329H13.5419V7.05214C13.5419%206.02472%2013.8192%205.32175%2015.2505%205.32175H17.0789V2.13905C16.7642%202.0927%2015.6776%202%2014.4187%202C11.7809%202%209.98247%203.66087%209.98247%206.70452V9.33102H7V12.8845H9.98247V22H13.5419V22Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-social-linkedin': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M5.06474%207.93165C6.41941%207.93165%207.26418%207.04798%207.26418%205.94422C7.23925%204.81651%206.41998%203.95847%205.0908%203.95847C3.76161%203.95847%202.89192%204.81595%202.89192%205.94422C2.89192%207.04798%203.73555%207.93165%205.04037%207.93165H5.06474ZM21.0221%2020.9995V14.407C21.0221%2010.8746%2019.1048%209.23091%2016.5484%209.23091C14.4855%209.23091%2013.5609%2010.3469%2013.0459%2011.1303V9.50114H9.15917C9.21072%2010.5804%209.15917%2020.9995%209.15917%2020.9995H13.0459V14.5781C13.0459%2014.2354%2013.0708%2013.8916%2013.1739%2013.6465C13.4544%2012.9595%2014.094%2012.2485%2015.1671%2012.2485C16.5739%2012.2485%2017.136%2013.3027%2017.136%2014.8483V21L21.0221%2020.9995ZM7.00836%209.50123V20.9996H3.12222V9.50123H7.00836Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"), + 'o3-icons-ft-social-x': url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%3E%0A%20%20%3Cpath%20d=%22M13.443%2010.7118L19.3644%203.97656H17.9612L12.8196%209.82466L8.71303%203.97656H3.97657L10.1865%2012.8199L3.97657%2019.8828H5.37985L10.8095%2013.707L15.1464%2019.8828H19.8828L13.4426%2010.7118H13.443ZM11.521%2012.8978L10.8918%2012.0172L5.88547%205.01021H8.04082L12.081%2010.6651L12.7102%2011.5457L17.9619%2018.8962H15.8065L11.521%2012.8982V12.8978Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") +); \ No newline at end of file diff --git a/components/o-private-foundation/stories/private-foundation.readme.stories.mdx b/components/o-private-foundation/stories/private-foundation.readme.stories.mdx new file mode 100644 index 0000000000..0686579c1c --- /dev/null +++ b/components/o-private-foundation/stories/private-foundation.readme.stories.mdx @@ -0,0 +1,11 @@ +import {Meta, Markdown} from "@storybook/blocks"; +import Readme from '../README.md'; + + + + + + {Readme} + diff --git a/components/o-private-foundation/stories/private-foundation.scss b/components/o-private-foundation/stories/private-foundation.scss new file mode 100644 index 0000000000..c8a9e7ffdb --- /dev/null +++ b/components/o-private-foundation/stories/private-foundation.scss @@ -0,0 +1,6 @@ +@import '@financial-times/o-fonts/main'; +@import '@financial-times/o-normalise/main'; +@include oFonts(); +@include oNormalise(); + +@import "@financial-times/o-private-foundation/main"; diff --git a/components/o-private-foundation/stories/private-foundation.stories.tsx b/components/o-private-foundation/stories/private-foundation.stories.tsx new file mode 100644 index 0000000000..19782ea4d2 --- /dev/null +++ b/components/o-private-foundation/stories/private-foundation.stories.tsx @@ -0,0 +1,15 @@ +import {ComponentStory, ComponentMeta} from '@storybook/react'; +import {PrivateFoundation} from '../src/tsx/private-foundation'; +import './private-foundation.scss'; + +export default { + title: 'Components/o-private-foundation', + component: PrivateFoundation, + parameters: {}, + args: {}, +} as ComponentMeta; + +const PrivateFoundationStory = args => ; +export const DefaultPrivateFoundation: ComponentStory = PrivateFoundationStory.bind( + {} +); diff --git a/origami.code-workspace b/origami.code-workspace index 1bca20d078..2d1c0e1c1c 100644 --- a/origami.code-workspace +++ b/origami.code-workspace @@ -248,6 +248,9 @@ }, { "path": "components/o3-button" + }, + { + "path": "./components/o-private-foundation" } ] -} +} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index bf5565825a..a76932a021 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3155,6 +3155,17 @@ "resolved": "https://registry.npmjs.org/ftdomdelegate/-/ftdomdelegate-4.0.6.tgz", "integrity": "sha512-M1d0WNPkXngQlNuD5eWaxNsbigRkJE6qlgRyPSWXfpyq+H7DMF7EB1GC2VYZZtKH3ZIZf97Db8N3Qn7xU1MzPw==" }, + "components/o-private-foundation": { + "version": "0.0.0", + "license": "MIT", + "devDependencies": {}, + "engines": { + "npm": "^7 || ^8" + }, + "peerDependencies": { + "@financial-times/o-brand": "^4.1.0" + } + }, "components/o-quote": { "name": "@financial-times/o-quote", "version": "5.3.4", @@ -12424,6 +12435,10 @@ "resolved": "components/o-overlay", "link": true }, + "node_modules/@financial-times/o-private-foundation": { + "resolved": "components/o-private-foundation", + "link": true + }, "node_modules/@financial-times/o-quote": { "resolved": "components/o-quote", "link": true diff --git a/release-please-config.json b/release-please-config.json index 8b07e56030..b43e4a07d2 100644 --- a/release-please-config.json +++ b/release-please-config.json @@ -35,6 +35,7 @@ "components/o-multi-select": {}, "components/o-normalise": {}, "components/o-overlay": {}, + "components/o-private-foundation": {}, "components/o-quote": {}, "components/o-share": {}, "components/o-social-follow": {},