diff --git a/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Bold.woff b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Bold.woff
new file mode 100644
index 000000000..9c2562859
Binary files /dev/null and b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Bold.woff differ
diff --git a/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Bold.woff2 b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Bold.woff2
new file mode 100644
index 000000000..314ec9f7c
Binary files /dev/null and b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Bold.woff2 differ
diff --git a/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Light.woff b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Light.woff
new file mode 100644
index 000000000..84ced2698
Binary files /dev/null and b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Light.woff differ
diff --git a/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Light.woff2 b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Light.woff2
new file mode 100644
index 000000000..3b914f033
Binary files /dev/null and b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Light.woff2 differ
diff --git a/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Regular.woff b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Regular.woff
new file mode 100644
index 000000000..aa16bbc44
Binary files /dev/null and b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Regular.woff differ
diff --git a/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Regular.woff2 b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Regular.woff2
new file mode 100644
index 000000000..1ead98360
Binary files /dev/null and b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Regular.woff2 differ
diff --git a/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Semibold.woff b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Semibold.woff
new file mode 100644
index 000000000..d5ff2aa73
Binary files /dev/null and b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Semibold.woff differ
diff --git a/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Semibold.woff2 b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Semibold.woff2
new file mode 100644
index 000000000..972b56eef
Binary files /dev/null and b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Semibold.woff2 differ
diff --git a/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Thin.woff b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Thin.woff
new file mode 100644
index 000000000..450a53abd
Binary files /dev/null and b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Thin.woff differ
diff --git a/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Thin.woff2 b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Thin.woff2
new file mode 100644
index 000000000..34ca215a6
Binary files /dev/null and b/cypress/public/fonts/SBSansDisplay/SBSansDisplay-Thin.woff2 differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-Bold.woff b/cypress/public/fonts/SBSansText/SBSansText-Bold.woff
new file mode 100644
index 000000000..739d4b69b
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-Bold.woff differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-Bold.woff2 b/cypress/public/fonts/SBSansText/SBSansText-Bold.woff2
new file mode 100644
index 000000000..e75ae6709
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-Bold.woff2 differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-BoldItalic.woff b/cypress/public/fonts/SBSansText/SBSansText-BoldItalic.woff
new file mode 100644
index 000000000..fdd8a8073
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-BoldItalic.woff differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-BoldItalic.woff2 b/cypress/public/fonts/SBSansText/SBSansText-BoldItalic.woff2
new file mode 100644
index 000000000..046432162
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-BoldItalic.woff2 differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-Heavy.woff b/cypress/public/fonts/SBSansText/SBSansText-Heavy.woff
new file mode 100644
index 000000000..978828170
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-Heavy.woff differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-Heavy.woff2 b/cypress/public/fonts/SBSansText/SBSansText-Heavy.woff2
new file mode 100644
index 000000000..28839193e
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-Heavy.woff2 differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-Italic.woff b/cypress/public/fonts/SBSansText/SBSansText-Italic.woff
new file mode 100644
index 000000000..838869a1b
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-Italic.woff differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-Italic.woff2 b/cypress/public/fonts/SBSansText/SBSansText-Italic.woff2
new file mode 100644
index 000000000..c556698f9
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-Italic.woff2 differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-Light.woff b/cypress/public/fonts/SBSansText/SBSansText-Light.woff
new file mode 100644
index 000000000..14ea4c838
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-Light.woff differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-Light.woff2 b/cypress/public/fonts/SBSansText/SBSansText-Light.woff2
new file mode 100644
index 000000000..78682fc36
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-Light.woff2 differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-LightItalic.woff b/cypress/public/fonts/SBSansText/SBSansText-LightItalic.woff
new file mode 100644
index 000000000..8f76ad942
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-LightItalic.woff differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-LightItalic.woff2 b/cypress/public/fonts/SBSansText/SBSansText-LightItalic.woff2
new file mode 100644
index 000000000..36238625d
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-LightItalic.woff2 differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-Medium.woff b/cypress/public/fonts/SBSansText/SBSansText-Medium.woff
new file mode 100644
index 000000000..ef2dbd335
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-Medium.woff differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-Medium.woff2 b/cypress/public/fonts/SBSansText/SBSansText-Medium.woff2
new file mode 100644
index 000000000..d8999c6b8
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-Medium.woff2 differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-Regular.woff b/cypress/public/fonts/SBSansText/SBSansText-Regular.woff
new file mode 100644
index 000000000..f9ff39071
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-Regular.woff differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-Regular.woff2 b/cypress/public/fonts/SBSansText/SBSansText-Regular.woff2
new file mode 100644
index 000000000..1707fa15c
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-Regular.woff2 differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-Semibold.woff b/cypress/public/fonts/SBSansText/SBSansText-Semibold.woff
new file mode 100644
index 000000000..5b097f3a9
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-Semibold.woff differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-Semibold.woff2 b/cypress/public/fonts/SBSansText/SBSansText-Semibold.woff2
new file mode 100644
index 000000000..4bdba1f2b
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-Semibold.woff2 differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-SemiboldItalic.woff b/cypress/public/fonts/SBSansText/SBSansText-SemiboldItalic.woff
new file mode 100644
index 000000000..14ddbf102
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-SemiboldItalic.woff differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-SemiboldItalic.woff2 b/cypress/public/fonts/SBSansText/SBSansText-SemiboldItalic.woff2
new file mode 100644
index 000000000..463e359d1
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-SemiboldItalic.woff2 differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-Thin.woff b/cypress/public/fonts/SBSansText/SBSansText-Thin.woff
new file mode 100644
index 000000000..655173610
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-Thin.woff differ
diff --git a/cypress/public/fonts/SBSansText/SBSansText-Thin.woff2 b/cypress/public/fonts/SBSansText/SBSansText-Thin.woff2
new file mode 100644
index 000000000..c845c3231
Binary files /dev/null and b/cypress/public/fonts/SBSansText/SBSansText-Thin.woff2 differ
diff --git a/cypress/public/styles/SBSansDisplay.css b/cypress/public/styles/SBSansDisplay.css
new file mode 100644
index 000000000..ad7bd643b
--- /dev/null
+++ b/cypress/public/styles/SBSansDisplay.css
@@ -0,0 +1,39 @@
+@font-face {
+ font-family: 'SB Sans Display';
+ src: url('/fonts/SBSansDisplay/SBSansDisplay-Light.woff2') format('woff2'),
+ url('/fonts/SBSansDisplay/SBSansDisplay-Light.woff') format('woff');
+ font-weight: 300;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'SB Sans Display';
+ src: url('/fonts/SBSansDisplay/SBSansDisplay-Thin.woff2') format('woff2'),
+ url('/fonts/SBSansDisplay/SBSansDisplay-Thin.woff') format('woff');
+ font-weight: 100;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'SB Sans Display';
+ src: url('/fonts/SBSansDisplay/SBSansDisplay-Bold.woff2') format('woff2'),
+ url('/fonts/SBSansDisplay/SBSansDisplay-Bold.woff') format('woff');
+ font-weight: bold;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'SB Sans Display';
+ src: url('/fonts/SBSansDisplay/SBSansDisplay-Regular.woff2') format('woff2'),
+ url('/fonts/SBSansDisplay/SBSansDisplay-Regular.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'SB Sans Display';
+ src: url('/fonts/SBSansDisplay/SBSansDisplay-Semibold.woff2') format('woff2'),
+ url('/fonts/SBSansDisplay/SBSansDisplay-Semibold.woff') format('woff');
+ font-weight: 600;
+ font-style: normal;
+}
diff --git a/cypress/public/styles/SBSansText.css b/cypress/public/styles/SBSansText.css
new file mode 100644
index 000000000..2240084ee
--- /dev/null
+++ b/cypress/public/styles/SBSansText.css
@@ -0,0 +1,87 @@
+@font-face {
+ font-family: 'SB Sans Text';
+ src: url('/fonts/SBSansText/SBSansText-Light.woff2') format('woff2'),
+ url('/fonts/SBSansText/SBSansText-Light.woff') format('woff');
+ font-weight: 300;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'SB Sans Text';
+ src: url('/fonts/SBSansText/SBSansText-Italic.woff2') format('woff2'),
+ url('/fonts/SBSansText/SBSansText-Italic.woff') format('woff');
+ font-weight: normal;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'SB Sans Text';
+ src: url('/fonts/SBSansText/SBSansText-SemiboldItalic.woff2') format('woff2'),
+ url('/fonts/SBSansText/SBSansText-SemiboldItalic.woff') format('woff');
+ font-weight: 600;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'SB Sans Text';
+ src: url('/fonts/SBSansText/SBSansText-Thin.woff2') format('woff2'),
+ url('/fonts/SBSansText/SBSansText-Thin.woff') format('woff');
+ font-weight: 100;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'SB Sans Text';
+ src: url('/fonts/SBSansText/SBSansText-Regular.woff2') format('woff2'),
+ url('/fonts/SBSansText/SBSansText-Regular.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'SB Sans Text';
+ src: url('/fonts/SBSansText/SBSansText-Semibold.woff2') format('woff2'),
+ url('/fonts/SBSansText/SBSansText-Semibold.woff') format('woff');
+ font-weight: 600;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'SB Sans Text';
+ src: url('/fonts/SBSansText/SBSansText-LightItalic.woff2') format('woff2'),
+ url('/fonts/SBSansText/SBSansText-LightItalic.woff') format('woff');
+ font-weight: 300;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'SB Sans Text';
+ src: url('/fonts/SBSansText/SBSansText-Heavy.woff2') format('woff2'),
+ url('/fonts/SBSansText/SBSansText-Heavy.woff') format('woff');
+ font-weight: 900;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'SB Sans Text';
+ src: url('/fonts/SBSansText/SBSansText-Bold.woff2') format('woff2'),
+ url('/fonts/SBSansText/SBSansText-Bold.woff') format('woff');
+ font-weight: bold;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'SB Sans Text';
+ src: url('/fonts/SBSansText/SBSansText-BoldItalic.woff2') format('woff2'),
+ url('/fonts/SBSansText/SBSansText-BoldItalic.woff') format('woff');
+ font-weight: bold;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'SB Sans Text';
+ src: url('/fonts/SBSansText/SBSansText-Medium.woff2') format('woff2'),
+ url('/fonts/SBSansText/SBSansText-Medium.woff') format('woff');
+ font-weight: 500;
+ font-style: normal;
+}
diff --git a/cypress/snapshots/ui/components/Checkbox/CheckboxBase.component-test.tsx/plasma-core Checkbox -- with focus.snap.png b/cypress/snapshots/ui/components/Checkbox/CheckboxBase.component-test.tsx/plasma-core Checkbox -- with focus.snap.png
new file mode 100644
index 000000000..e90bb46bd
Binary files /dev/null and b/cypress/snapshots/ui/components/Checkbox/CheckboxBase.component-test.tsx/plasma-core Checkbox -- with focus.snap.png differ
diff --git a/cypress/snapshots/ui/components/Radiobox/RadioboxBase.component-test.tsx/plasma-core Radiobox -- with focus.snap.png b/cypress/snapshots/ui/components/Radiobox/RadioboxBase.component-test.tsx/plasma-core Radiobox -- with focus.snap.png
new file mode 100644
index 000000000..ea51b6945
Binary files /dev/null and b/cypress/snapshots/ui/components/Radiobox/RadioboxBase.component-test.tsx/plasma-core Radiobox -- with focus.snap.png differ
diff --git a/cypress/webpack.config.js b/cypress/webpack.config.js
index fd566e943..ae75e6ba2 100644
--- a/cypress/webpack.config.js
+++ b/cypress/webpack.config.js
@@ -38,7 +38,7 @@ module.exports = function getWebpackConfig() {
mode: 'development',
entry: 'src/index.ts',
devtool: 'inline-source-map',
- devServer: { contentBase: './public' },
+ devServer: { contentBase: path.join(__dirname, 'public') },
resolve: {
extensions: ['.wasm', '.ts', '.tsx', '.mjs', '.cjs', '.js', '.jsx', '.json', '.map'],
modules: ['node_modules'],
diff --git a/packages/plasma-ui/.storybook/manager-head.html b/packages/plasma-ui/.storybook/manager-head.html
index 4dd4d7a50..8800c3ce0 100644
--- a/packages/plasma-ui/.storybook/manager-head.html
+++ b/packages/plasma-ui/.storybook/manager-head.html
@@ -1,5 +1,5 @@
-
-
+
+