@tmorrow/cre8-design-tokens 1.0.16

package/lib/web/brands/femmecubator/base.scss

@@ -0,0 +1,64 @@
+
+// SCSS tokens for femmecubator: base
+
+$cre8-base-border-width-6: 6px;
+$cre8-base-border-width-4: 4px;
+$cre8-base-border-width-2: 2rem;
+$cre8-base-border-width-1: 1px;
+$cre8-base-border-width-0: 0px;
+$cre8-base-border-radius-900: 900px;
+$cre8-base-border-radius-60: 60px;
+$cre8-base-border-radius-16: 16px;
+$cre8-base-border-radius-4: 4px;
+$cre8-base-border-radius-0: 0rem;
+$cre8-base-spacing-64: 64px;
+$cre8-base-spacing-56: 56px;
+$cre8-base-spacing-48: 48px;
+$cre8-base-spacing-32: 36px;
+$cre8-base-spacing-24: 28px;
+$cre8-base-spacing-20: 20px;
+$cre8-base-spacing-16: 16px;
+$cre8-base-spacing-12: 12px;
+$cre8-base-spacing-8: 8px;
+$cre8-base-spacing-4: 4px;
+$cre8-color-base-color-wesparkle-red: #e43c4a;
+$cre8-color-base-color-transparent: #ffffff00;
+$cre8-color-base-color-gray-90: #333333;
+$cre8-color-base-color-gray-80: #4f4f4f;
+$cre8-color-base-color-gray-70: #828282;
+$cre8-color-base-color-gray-60: #9c9c9c;
+$cre8-color-base-color-gray-50: #bdbdbd;
+$cre8-color-base-color-gray-40: #cfcfcf;
+$cre8-color-base-color-gray-30: #e0e0e0;
+$cre8-color-base-color-gray-20: #efefef;
+$cre8-color-base-color-gray-10: #fafafa;
+$cre8-color-base-color-white: #ffffff;
+$cre8-color-base-color-sky-90: #174e6e;
+$cre8-color-base-color-sky-70: #247daf;
+$cre8-color-base-color-sky-50: #2d9cdb;
+$cre8-color-base-color-sky-30: #81c4e9;
+$cre8-color-base-color-sky-15: #c0e1f4;
+$cre8-color-base-color-yellow-95: #30280f;
+$cre8-color-base-color-yellow-70: #dab544;
+$cre8-color-base-color-yellow-50: #f2c94c;
+$cre8-color-base-color-yellow-30: #f7df94;
+$cre8-color-base-color-yellow-20: #fae9b7;
+$cre8-color-base-color-red-90: #8d3434;
+$cre8-color-base-color-red-70: #bc4646;
+$cre8-color-base-color-red-50: #eb5757;
+$cre8-color-base-color-red-30: #f5abab;
+$cre8-color-base-color-red-15: #fbdddd;
+$cre8-color-base-color-green-90: #17683a;
+$cre8-color-base-color-green-70: #1f8b4d;
+$cre8-color-base-color-green-50: #00875a;
+$cre8-color-base-color-green-30: #7dcea0;
+$cre8-color-base-color-green-15: #d4efdf;
+$cre8-color-base-color-blue-05: #e6f1fc;
+$cre8-color-base-color-blue-90: #012144;
+$cre8-color-base-color-blue-80: #013872;
+$cre8-color-base-color-blue-70: #014ea0;
+$cre8-color-base-color-blue-60: #0259b6;
+$cre8-color-base-color-blue-50: #026fe4;
+$cre8-color-base-color-blue-35: #4e9aec;
+$cre8-color-base-color-blue-25: #81b7f2;
+$cre8-color-base-color-blue-15: #b3d4f7;

package/lib/web/brands/femmecubator/border.scss

@@ -0,0 +1,15 @@
+
+// SCSS tokens for femmecubator: border
+
+$cre8-border-width-focus: $$cre8-base-border-width-2;
+$cre8-border-width-thick: $$cre8-base-border-width-6;
+$cre8-border-width-medium: $$cre8-base-border-width-4;
+$cre8-border-width-default: $$cre8-base-border-width-2;
+$cre8-border-width-thin: $$cre8-base-border-width-1;
+$cre8-border-width-none: $$cre8-base-border-width-0;
+$cre8-border-radius-round: $$cre8-base-border-radius-900;
+$cre8-border-radius-container: $$cre8-base-border-radius-60;
+$cre8-border-radius-large: $$cre8-base-border-radius-60;
+$cre8-border-radius-default: $$cre8-base-border-radius-16;
+$cre8-border-radius-small: $$cre8-base-border-radius-4;
+$cre8-border-radius-none: $$cre8-base-border-radius-0;

package/lib/web/brands/femmecubator/color.scss

@@ -0,0 +1,56 @@
+
+// SCSS tokens for femmecubator: color
+
+$cre8-color-color-border-divider: $$cre8-color-base-color-gray-80;
+$cre8-color-color-border-brand-subtle: $$cre8-color-base-color-blue-05;
+$cre8-color-color-border-brand-strong: $$cre8-color-base-color-blue-70;
+$cre8-color-color-border-brand-hover: $$cre8-color-base-color-blue-25;
+$cre8-color-color-border-brand-default: $$cre8-color-base-color-blue-50;
+$cre8-color-color-border-active: $$cre8-color-base-color-gray-90;
+$cre8-color-color-border-transparent: $$cre8-color-base-color-transparent;
+$cre8-color-color-border-info: $$cre8-color-base-color-sky-50;
+$cre8-color-color-border-warning: $$cre8-color-base-color-yellow-50;
+$cre8-color-color-border-error: $$cre8-color-base-color-red-50;
+$cre8-color-color-border-success: $$cre8-color-base-color-green-50;
+$cre8-color-color-border-knockout: $$cre8-color-base-color-white;
+$cre8-color-color-border-disabled: $$cre8-color-base-color-gray-60;
+$cre8-color-color-border-strong: $$cre8-color-base-color-gray-80;
+$cre8-color-color-border-default: $$cre8-color-base-color-gray-60;
+$cre8-color-color-content-link-hover: $$cre8-color-base-color-blue-70;
+$cre8-color-color-content-link-subtle: $$cre8-color-base-color-gray-80;
+$cre8-color-color-content-link-strong: $$cre8-color-base-color-blue-90;
+$cre8-color-color-content-link-default: $$cre8-color-base-color-blue-50;
+$cre8-color-color-content-info-icon: $$cre8-color-base-color-sky-50;
+$cre8-color-color-content-info-default: $$cre8-color-base-color-sky-90;
+$cre8-color-color-content-warning-icon: $$cre8-color-base-color-yellow-50;
+$cre8-color-color-content-warning-default: $$cre8-color-base-color-yellow-95;
+$cre8-color-color-content-error-icon: $$cre8-color-base-color-red-50;
+$cre8-color-color-content-error-default: $$cre8-color-base-color-red-90;
+$cre8-color-color-content-success-icon: $$cre8-color-base-color-green-50;
+$cre8-color-color-content-success-default: $$cre8-color-base-color-green-90;
+$cre8-color-color-content-brand-strong: $$cre8-color-base-color-blue-25;
+$cre8-color-color-content-brand-subtle: $$cre8-color-base-color-blue-05;
+$cre8-color-color-content-brand-default: $$cre8-color-base-color-blue-50;
+$cre8-color-color-content-knockout: $$cre8-color-base-color-white;
+$cre8-color-color-content-disabled: $$cre8-color-base-color-gray-60;
+$cre8-color-color-content-subtle: $$cre8-color-base-color-gray-80;
+$cre8-color-color-content-default: $$cre8-color-base-color-white;
+$cre8-color-color-bg-logo: $$cre8-color-base-color-wesparkle-red;
+$cre8-color-color-bg-active: $$cre8-color-base-color-gray-90;
+$cre8-color-color-bg-transparent: $$cre8-color-base-color-transparent;
+$cre8-color-color-bg-info-strong: $$cre8-color-base-color-sky-50;
+$cre8-color-color-bg-info-default: $$cre8-color-base-color-sky-15;
+$cre8-color-color-bg-warning-strong: $$cre8-color-base-color-yellow-50;
+$cre8-color-color-bg-warning-default: $$cre8-color-base-color-yellow-20;
+$cre8-color-color-bg-error-strong: $$cre8-color-base-color-red-50;
+$cre8-color-color-bg-error-default: $$cre8-color-base-color-red-15;
+$cre8-color-color-bg-success-strong: $$cre8-color-base-color-green-50;
+$cre8-color-color-bg-success-default: $$cre8-color-base-color-green-15;
+$cre8-color-color-bg-brand-strong: $$cre8-color-base-color-blue-90;
+$cre8-color-color-bg-brand-hover: $$cre8-color-base-color-blue-25;
+$cre8-color-color-bg-brand-subtle: $$cre8-color-base-color-blue-05;
+$cre8-color-color-bg-brand-default: $$cre8-color-base-color-blue-50;
+$cre8-color-color-bg-disabled: $$cre8-color-base-color-gray-30;
+$cre8-color-color-bg-default: $$cre8-color-base-color-gray-80;
+$cre8-color-color-bg-subtle: $$cre8-color-base-color-gray-90;
+$cre8-color-color-bg-strong: $$cre8-color-base-color-gray-70;

package/lib/web/brands/femmecubator/css/fonts.css

@@ -0,0 +1,35 @@
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 400;
+	src: url('../assets/fonts/Inter-Regular.woff2') format('woff2'),
+			 url('../assets/fonts/Inter-Regular.woff') format('woff');
+	font-display: fallback;
+}
+
+@font-face {
+	font-family: 'Inter';
+	font-style: medium;
+	font-weight: 500;
+	src: url('../assets/fonts/Inter-Medium.woff2') format('woff2'),
+			 url('../assets/fonts/Inter-Medium.woff') format('woff');
+	font-display: fallback;
+}
+
+@font-face {
+	font-family: 'Inter';
+	font-style: medium;
+	font-weight: 600;
+	src: url('../assets/fonts/Inter-SemiBold.woff2') format('woff2'),
+			 url('../assets/fonts/Inter-SemiBold.woff') format('woff');
+	font-display: fallback;
+}
+
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 700;
+	src: url('../assets/fonts/Inter-Bold.woff2') format('woff2'),
+			 url('../assets/fonts/Inter-Bold.woff') format('woff');
+	font-display: fallback;
+}

package/lib/web/brands/femmecubator/css/tokens_brand.css

@@ -0,0 +1,142 @@
+/**
+ * femmecubator: all tokens
+ */
+
+:root {
+  --cre8-color-base-color-blue-15: #b3d4f7;
+  --cre8-color-base-color-blue-25: #81b7f2;
+  --cre8-color-base-color-blue-35: #4e9aec;
+  --cre8-color-base-color-blue-50: #026fe4;
+  --cre8-color-base-color-blue-60: #0259b6;
+  --cre8-color-base-color-blue-70: #014ea0;
+  --cre8-color-base-color-blue-80: #013872;
+  --cre8-color-base-color-blue-90: #012144;
+  --cre8-color-base-color-blue-05: #e6f1fc;
+  --cre8-color-base-color-green-15: #d4efdf;
+  --cre8-color-base-color-green-30: #7dcea0;
+  --cre8-color-base-color-green-50: #00875a;
+  --cre8-color-base-color-green-70: #1f8b4d;
+  --cre8-color-base-color-green-90: #17683a;
+  --cre8-color-base-color-red-15: #fbdddd;
+  --cre8-color-base-color-red-30: #f5abab;
+  --cre8-color-base-color-red-50: #eb5757;
+  --cre8-color-base-color-red-70: #bc4646;
+  --cre8-color-base-color-red-90: #8d3434;
+  --cre8-color-base-color-yellow-20: #fae9b7;
+  --cre8-color-base-color-yellow-30: #f7df94;
+  --cre8-color-base-color-yellow-50: #f2c94c;
+  --cre8-color-base-color-yellow-70: #dab544;
+  --cre8-color-base-color-yellow-95: #30280f;
+  --cre8-color-base-color-sky-15: #c0e1f4;
+  --cre8-color-base-color-sky-30: #81c4e9;
+  --cre8-color-base-color-sky-50: #2d9cdb;
+  --cre8-color-base-color-sky-70: #247daf;
+  --cre8-color-base-color-sky-90: #174e6e;
+  --cre8-color-base-color-white: #ffffff;
+  --cre8-color-base-color-gray-10: #fafafa;
+  --cre8-color-base-color-gray-20: #efefef;
+  --cre8-color-base-color-gray-30: #e0e0e0;
+  --cre8-color-base-color-gray-40: #cfcfcf;
+  --cre8-color-base-color-gray-50: #bdbdbd;
+  --cre8-color-base-color-gray-60: #9c9c9c;
+  --cre8-color-base-color-gray-70: #828282;
+  --cre8-color-base-color-gray-80: #4f4f4f;
+  --cre8-color-base-color-gray-90: #333333;
+  --cre8-color-base-color-transparent: #ffffff00;
+  --cre8-color-base-color-wesparkle-red: #e43c4a;
+  --cre8-base-spacing-4: 4px;
+  --cre8-base-spacing-8: 8px;
+  --cre8-base-spacing-12: 12px;
+  --cre8-base-spacing-16: 16px;
+  --cre8-base-spacing-20: 20px;
+  --cre8-base-spacing-24: 28px;
+  --cre8-base-spacing-32: 36px;
+  --cre8-base-spacing-48: 48px;
+  --cre8-base-spacing-56: 56px;
+  --cre8-base-spacing-64: 64px;
+  --cre8-base-border-radius-0: 0rem;
+  --cre8-base-border-radius-4: 4px;
+  --cre8-base-border-radius-16: 16px;
+  --cre8-base-border-radius-60: 60px;
+  --cre8-base-border-radius-900: 900px;
+  --cre8-base-border-width-0: 0px;
+  --cre8-base-border-width-1: 1px;
+  --cre8-base-border-width-2: 2rem;
+  --cre8-base-border-width-4: 4px;
+  --cre8-base-border-width-6: 6px;
+  --cre8-color-color-bg-strong: $#828282;
+  --cre8-color-color-bg-subtle: $#333333;
+  --cre8-color-color-bg-default: $#4f4f4f;
+  --cre8-color-color-bg-disabled: $#e0e0e0;
+  --cre8-color-color-bg-brand-default: $#026fe4;
+  --cre8-color-color-bg-brand-subtle: $#e6f1fc;
+  --cre8-color-color-bg-brand-hover: $#81b7f2;
+  --cre8-color-color-bg-brand-strong: $#012144;
+  --cre8-color-color-bg-success-default: $#d4efdf;
+  --cre8-color-color-bg-success-strong: $#00875a;
+  --cre8-color-color-bg-error-default: $#fbdddd;
+  --cre8-color-color-bg-error-strong: $#eb5757;
+  --cre8-color-color-bg-warning-default: $#fae9b7;
+  --cre8-color-color-bg-warning-strong: $#f2c94c;
+  --cre8-color-color-bg-info-default: $#c0e1f4;
+  --cre8-color-color-bg-info-strong: $#2d9cdb;
+  --cre8-color-color-bg-transparent: $#ffffff00;
+  --cre8-color-color-bg-active: $#333333;
+  --cre8-color-color-bg-logo: $#e43c4a;
+  --cre8-color-color-content-default: $#ffffff;
+  --cre8-color-color-content-subtle: $#4f4f4f;
+  --cre8-color-color-content-disabled: $#9c9c9c;
+  --cre8-color-color-content-knockout: $#ffffff;
+  --cre8-color-color-content-brand-default: $#026fe4;
+  --cre8-color-color-content-brand-subtle: $#e6f1fc;
+  --cre8-color-color-content-brand-strong: $#81b7f2;
+  --cre8-color-color-content-success-default: $#17683a;
+  --cre8-color-color-content-success-icon: $#00875a;
+  --cre8-color-color-content-error-default: $#8d3434;
+  --cre8-color-color-content-error-icon: $#eb5757;
+  --cre8-color-color-content-warning-default: $#30280f;
+  --cre8-color-color-content-warning-icon: $#f2c94c;
+  --cre8-color-color-content-info-default: $#174e6e;
+  --cre8-color-color-content-info-icon: $#2d9cdb;
+  --cre8-color-color-content-link-default: $#026fe4;
+  --cre8-color-color-content-link-strong: $#012144;
+  --cre8-color-color-content-link-subtle: $#4f4f4f;
+  --cre8-color-color-content-link-hover: $#014ea0;
+  --cre8-color-color-border-default: $#9c9c9c;
+  --cre8-color-color-border-strong: $#4f4f4f;
+  --cre8-color-color-border-disabled: $#9c9c9c;
+  --cre8-color-color-border-knockout: $#ffffff;
+  --cre8-color-color-border-success: $#00875a;
+  --cre8-color-color-border-error: $#eb5757;
+  --cre8-color-color-border-warning: $#f2c94c;
+  --cre8-color-color-border-info: $#2d9cdb;
+  --cre8-color-color-border-transparent: $#ffffff00;
+  --cre8-color-color-border-active: $#333333;
+  --cre8-color-color-border-brand-default: $#026fe4;
+  --cre8-color-color-border-brand-hover: $#81b7f2;
+  --cre8-color-color-border-brand-strong: $#014ea0;
+  --cre8-color-color-border-brand-subtle: $#e6f1fc;
+  --cre8-color-color-border-divider: $#4f4f4f;
+  --cre8-border-radius-none: $0rem;
+  --cre8-border-radius-small: $4px;
+  --cre8-border-radius-default: $16px;
+  --cre8-border-radius-large: $60px;
+  --cre8-border-radius-container: $60px;
+  --cre8-border-radius-round: $900px;
+  --cre8-border-width-none: $0px;
+  --cre8-border-width-thin: $1px;
+  --cre8-border-width-default: $2rem;
+  --cre8-border-width-medium: $4px;
+  --cre8-border-width-thick: $6px;
+  --cre8-border-width-focus: $2rem;
+  --cre8-spacing-3xs: $4px;
+  --cre8-spacing-2xs: $8px;
+  --cre8-spacing-xs: $12px;
+  --cre8-spacing-s: $16px;
+  --cre8-spacing-m: $20px;
+  --cre8-spacing-l: $28px;
+  --cre8-spacing-xl: $36px;
+  --cre8-spacing-2xl: $48px;
+  --cre8-spacing-3xl: $56px;
+  --cre8-spacing-4xl: $64px;
+}

package/lib/web/brands/femmecubator/spacing.scss

@@ -0,0 +1,13 @@
+
+// SCSS tokens for femmecubator: spacing
+
+$cre8-spacing-4xl: $$cre8-base-spacing-64;
+$cre8-spacing-3xl: $$cre8-base-spacing-56;
+$cre8-spacing-2xl: $$cre8-base-spacing-48;
+$cre8-spacing-xl: $$cre8-base-spacing-32;
+$cre8-spacing-l: $$cre8-base-spacing-24;
+$cre8-spacing-m: $$cre8-base-spacing-20;
+$cre8-spacing-s: $$cre8-base-spacing-16;
+$cre8-spacing-xs: $$cre8-base-spacing-12;
+$cre8-spacing-2xs: $$cre8-base-spacing-8;
+$cre8-spacing-3xs: $$cre8-base-spacing-4;

package/lib/web/brands/femmecubator/tokens-all-femmecubator.scss

@@ -0,0 +1,139 @@
+
+// femmecubator: all tokens
+
+$cre8-color-base-color-blue-15: #b3d4f7;
+$cre8-color-base-color-blue-25: #81b7f2;
+$cre8-color-base-color-blue-35: #4e9aec;
+$cre8-color-base-color-blue-50: #026fe4;
+$cre8-color-base-color-blue-60: #0259b6;
+$cre8-color-base-color-blue-70: #014ea0;
+$cre8-color-base-color-blue-80: #013872;
+$cre8-color-base-color-blue-90: #012144;
+$cre8-color-base-color-blue-05: #e6f1fc;
+$cre8-color-base-color-green-15: #d4efdf;
+$cre8-color-base-color-green-30: #7dcea0;
+$cre8-color-base-color-green-50: #00875a;
+$cre8-color-base-color-green-70: #1f8b4d;
+$cre8-color-base-color-green-90: #17683a;
+$cre8-color-base-color-red-15: #fbdddd;
+$cre8-color-base-color-red-30: #f5abab;
+$cre8-color-base-color-red-50: #eb5757;
+$cre8-color-base-color-red-70: #bc4646;
+$cre8-color-base-color-red-90: #8d3434;
+$cre8-color-base-color-yellow-20: #fae9b7;
+$cre8-color-base-color-yellow-30: #f7df94;
+$cre8-color-base-color-yellow-50: #f2c94c;
+$cre8-color-base-color-yellow-70: #dab544;
+$cre8-color-base-color-yellow-95: #30280f;
+$cre8-color-base-color-sky-15: #c0e1f4;
+$cre8-color-base-color-sky-30: #81c4e9;
+$cre8-color-base-color-sky-50: #2d9cdb;
+$cre8-color-base-color-sky-70: #247daf;
+$cre8-color-base-color-sky-90: #174e6e;
+$cre8-color-base-color-white: #ffffff;
+$cre8-color-base-color-gray-10: #fafafa;
+$cre8-color-base-color-gray-20: #efefef;
+$cre8-color-base-color-gray-30: #e0e0e0;
+$cre8-color-base-color-gray-40: #cfcfcf;
+$cre8-color-base-color-gray-50: #bdbdbd;
+$cre8-color-base-color-gray-60: #9c9c9c;
+$cre8-color-base-color-gray-70: #828282;
+$cre8-color-base-color-gray-80: #4f4f4f;
+$cre8-color-base-color-gray-90: #333333;
+$cre8-color-base-color-transparent: #ffffff00;
+$cre8-color-base-color-wesparkle-red: #e43c4a;
+$cre8-base-spacing-4: 4px;
+$cre8-base-spacing-8: 8px;
+$cre8-base-spacing-12: 12px;
+$cre8-base-spacing-16: 16px;
+$cre8-base-spacing-20: 20px;
+$cre8-base-spacing-24: 28px;
+$cre8-base-spacing-32: 36px;
+$cre8-base-spacing-48: 48px;
+$cre8-base-spacing-56: 56px;
+$cre8-base-spacing-64: 64px;
+$cre8-base-border-radius-0: 0rem;
+$cre8-base-border-radius-4: 4px;
+$cre8-base-border-radius-16: 16px;
+$cre8-base-border-radius-60: 60px;
+$cre8-base-border-radius-900: 900px;
+$cre8-base-border-width-0: 0px;
+$cre8-base-border-width-1: 1px;
+$cre8-base-border-width-2: 2rem;
+$cre8-base-border-width-4: 4px;
+$cre8-base-border-width-6: 6px;
+$cre8-color-color-bg-strong: $#828282;
+$cre8-color-color-bg-subtle: $#333333;
+$cre8-color-color-bg-default: $#4f4f4f;
+$cre8-color-color-bg-disabled: $#e0e0e0;
+$cre8-color-color-bg-brand-default: $#026fe4;
+$cre8-color-color-bg-brand-subtle: $#e6f1fc;
+$cre8-color-color-bg-brand-hover: $#81b7f2;
+$cre8-color-color-bg-brand-strong: $#012144;
+$cre8-color-color-bg-success-default: $#d4efdf;
+$cre8-color-color-bg-success-strong: $#00875a;
+$cre8-color-color-bg-error-default: $#fbdddd;
+$cre8-color-color-bg-error-strong: $#eb5757;
+$cre8-color-color-bg-warning-default: $#fae9b7;
+$cre8-color-color-bg-warning-strong: $#f2c94c;
+$cre8-color-color-bg-info-default: $#c0e1f4;
+$cre8-color-color-bg-info-strong: $#2d9cdb;
+$cre8-color-color-bg-transparent: $#ffffff00;
+$cre8-color-color-bg-active: $#333333;
+$cre8-color-color-bg-logo: $#e43c4a;
+$cre8-color-color-content-default: $#ffffff;
+$cre8-color-color-content-subtle: $#4f4f4f;
+$cre8-color-color-content-disabled: $#9c9c9c;
+$cre8-color-color-content-knockout: $#ffffff;
+$cre8-color-color-content-brand-default: $#026fe4;
+$cre8-color-color-content-brand-subtle: $#e6f1fc;
+$cre8-color-color-content-brand-strong: $#81b7f2;
+$cre8-color-color-content-success-default: $#17683a;
+$cre8-color-color-content-success-icon: $#00875a;
+$cre8-color-color-content-error-default: $#8d3434;
+$cre8-color-color-content-error-icon: $#eb5757;
+$cre8-color-color-content-warning-default: $#30280f;
+$cre8-color-color-content-warning-icon: $#f2c94c;
+$cre8-color-color-content-info-default: $#174e6e;
+$cre8-color-color-content-info-icon: $#2d9cdb;
+$cre8-color-color-content-link-default: $#026fe4;
+$cre8-color-color-content-link-strong: $#012144;
+$cre8-color-color-content-link-subtle: $#4f4f4f;
+$cre8-color-color-content-link-hover: $#014ea0;
+$cre8-color-color-border-default: $#9c9c9c;
+$cre8-color-color-border-strong: $#4f4f4f;
+$cre8-color-color-border-disabled: $#9c9c9c;
+$cre8-color-color-border-knockout: $#ffffff;
+$cre8-color-color-border-success: $#00875a;
+$cre8-color-color-border-error: $#eb5757;
+$cre8-color-color-border-warning: $#f2c94c;
+$cre8-color-color-border-info: $#2d9cdb;
+$cre8-color-color-border-transparent: $#ffffff00;
+$cre8-color-color-border-active: $#333333;
+$cre8-color-color-border-brand-default: $#026fe4;
+$cre8-color-color-border-brand-hover: $#81b7f2;
+$cre8-color-color-border-brand-strong: $#014ea0;
+$cre8-color-color-border-brand-subtle: $#e6f1fc;
+$cre8-color-color-border-divider: $#4f4f4f;
+$cre8-border-radius-none: $0rem;
+$cre8-border-radius-small: $4px;
+$cre8-border-radius-default: $16px;
+$cre8-border-radius-large: $60px;
+$cre8-border-radius-container: $60px;
+$cre8-border-radius-round: $900px;
+$cre8-border-width-none: $0px;
+$cre8-border-width-thin: $1px;
+$cre8-border-width-default: $2rem;
+$cre8-border-width-medium: $4px;
+$cre8-border-width-thick: $6px;
+$cre8-border-width-focus: $2rem;
+$cre8-spacing-3xs: $4px;
+$cre8-spacing-2xs: $8px;
+$cre8-spacing-xs: $12px;
+$cre8-spacing-s: $16px;
+$cre8-spacing-m: $20px;
+$cre8-spacing-l: $28px;
+$cre8-spacing-xl: $36px;
+$cre8-spacing-2xl: $48px;
+$cre8-spacing-3xl: $56px;
+$cre8-spacing-4xl: $64px;

package/lib/web/brands/femmecubator/tokens-brand.scss

@@ -0,0 +1,8 @@
+/**
+  femmecubator tokens
+ */
+
+@import './base.scss';
+@import './color.scss';
+@import './border.scss';
+@import './spacing.scss';

package/lib/web/brands/legacy/_base.scss

@@ -0,0 +1,103 @@
+
+// SCSS tokens for legacy: _base
+
+$cre8-base-border-width-8: 0.5rem;
+$cre8-base-border-width-4: 0.25rem;
+$cre8-base-border-width-2: 0.125rem;
+$cre8-base-border-width-1: 0.0625rem;
+$cre8-base-border-width-0: 0rem;
+$cre8-base-color-accent-purple: #973894;
+$cre8-base-color-accent-pink: #db5899;
+$cre8-base-color-accent-yellow: #ffcd34;
+$cre8-base-color-accent-green: #99ca3c;
+$cre8-base-color-accent-teal: #15a4a7;
+$cre8-base-spacing-160: 10rem;
+$cre8-base-spacing-120: 7.5rem;
+$cre8-base-spacing-96: 6rem;
+$cre8-base-spacing-80: 5rem;
+$cre8-base-spacing-64: 4rem;
+$cre8-base-spacing-48: 3rem;
+$cre8-base-spacing-40: 2.5rem;
+$cre8-base-spacing-32: 2rem;
+$cre8-base-spacing-24: 1.5rem;
+$cre8-base-spacing-18: 1.125rem;
+$cre8-base-spacing-16: 1rem;
+$cre8-base-spacing-14: 0.875rem;
+$cre8-base-spacing-12: 0.75rem;
+$cre8-base-spacing-8: 0.5rem;
+$cre8-base-spacing-6: 0.375rem;
+$cre8-base-spacing-4: 0.25rem;
+$cre8-base-spacing-2: 0.125rem;
+$cre8-base-spacing-0: 0rem;
+$cre8-base-border-radius-900: 900px;
+$cre8-base-border-radius-24: 24px;
+$cre8-base-border-radius-16: 16px;
+$cre8-base-border-radius-8: 8px;
+$cre8-base-border-radius-4: 4px;
+$cre8-base-border-radius-0: 0px;
+$cre8-base-border-style-dashed: dashed;
+$cre8-base-border-style-solid: solid;
+$cre8-base-paragraph-indent-0: 0px;
+$cre8-base-text-decoration-none: none;
+$cre8-base-text-case-uppercase: uppercase;
+$cre8-base-text-case-none: none;
+$cre8-base-paragraph-spacing-0: 0;
+$cre8-base-color-red-60: #df2d2a;
+$cre8-base-color-red-40: #e4292f;
+$cre8-base-color-red-20: #fdf0f0;
+$cre8-base-color-yellow-60: #bd5700;
+$cre8-base-color-yellow-40: #fdb81e;
+$cre8-base-color-yellow-20: #fffaef;
+$cre8-base-color-light-blue-150: #91cbe9;
+$cre8-base-color-light-blue-100: #addbf0;
+$cre8-base-color-light-blue-80: #bde2f3;
+$cre8-base-color-light-blue-60: #ccebf9;
+$cre8-base-color-light-blue-40: #def1f9;
+$cre8-base-color-light-blue-20: #eff8fc;
+$cre8-base-color-light-blue-10: #edf8fd;
+$cre8-base-color-purple-100: #982393;
+$cre8-base-color-purple-10: #fff6ff;
+$cre8-base-color-orange-90: #f86c06;
+$cre8-base-color-orange-80: #f98938;
+$cre8-base-color-orange-60: #fba76a;
+$cre8-base-color-orange-40: #fcc49b;
+$cre8-base-color-orange-20: #fee2cd;
+$cre8-base-color-dark-blue-150: #073b64;
+$cre8-base-color-dark-blue-100: #14568d;
+$cre8-base-color-dark-blue-80: #4378a4;
+$cre8-base-color-dark-blue-60: #729abb;
+$cre8-base-color-dark-blue-40: #a1bbd1;
+$cre8-base-color-dark-blue-20: #d0dde8;
+$cre8-base-color-green-60: #256700;
+$cre8-base-color-green-40: #3c8700;
+$cre8-base-color-green-10: #f1f6ed;
+$cre8-base-color-neutral-black: #000000;
+$cre8-base-color-neutral-white: #ffffff;
+$cre8-base-color-neutral-90: #1f232a;
+$cre8-base-color-neutral-80: #2f343d;
+$cre8-base-color-neutral-70: #515761;
+$cre8-base-color-neutral-60: #747981;
+$cre8-base-color-neutral-50: #979aa0;
+$cre8-base-color-neutral-40: #b9bcc0;
+$cre8-base-color-neutral-30: #dcdddf;
+$cre8-base-color-neutral-20: #edeeef;
+$cre8-base-color-neutral-10: #f8f8f9;
+$cre8-base-color-blue-190: #005e9c;
+$cre8-base-color-blue-170: #207BBF;
+$cre8-base-color-blue-150: #0088d7;
+$cre8-base-color-blue-100: #009bdf;
+$cre8-base-color-blue-90: #33afe5;
+$cre8-base-color-blue-80: #66c3ec;
+$cre8-base-color-blue-70: #91cbe9;
+$cre8-base-color-blue-60: #99d7f2;
+$cre8-base-color-blue-50: #addbf0;
+$cre8-base-color-blue-40: #bde2f3;
+$cre8-base-color-blue-30: #ccebf9;
+$cre8-base-color-blue-20: #def1f9;
+$cre8-base-color-blue-10: #eff8fc;
+$cre8-base-color-opacity-black-08: rgba($cre8-base-color-neutral-black,0.08);
+$cre8-base-color-opacity-white-40: rgba($cre8-base-color-neutral-white,0.40);
+$cre8-base-color-opacity-black-65: rgba($cre8-base-color-neutral-black,0.65);
+$cre8-base-color-opacity-black-50: rgba($cre8-base-color-neutral-black,0.50);
+$cre8-base-color-opacity-black-25: rgba($cre8-base-color-neutral-black,0.25);
+$cre8-base-color-opacity-transparent: rgba($cre8-base-color-neutral-black,0.0);

package/lib/web/brands/legacy/assets/fonts/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2015 The Rubik Project Authors,
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.