@minvws/manon-themes 16.3.0-beta.10

package/soft/fonts/tabler-icons/tabler-icons.eot.license

@@ -0,0 +1,2 @@
+Copyright 2020-2023 Paweł Kuna
+SPDX-License-Identifier: MIT

package/soft/fonts/tabler-icons/tabler-icons.ttf.license

@@ -0,0 +1,2 @@
+Copyright 2020-2023 Paweł Kuna
+SPDX-License-Identifier: MIT

package/soft/fonts/tabler-icons/tabler-icons.woff.license

@@ -0,0 +1,2 @@
+Copyright 2020-2023 Paweł Kuna
+SPDX-License-Identifier: MIT

package/soft/fonts/tabler-icons/tabler-icons.woff2.license

@@ -0,0 +1,2 @@
+Copyright 2020-2023 Paweł Kuna
+SPDX-License-Identifier: MIT

package/soft/fonts.scss

@@ -0,0 +1,66 @@
+@use "variables";
+
+/* Neuton */
+@font-face {
+  font-family: "Neuton";
+  font-weight: bold;
+  font-style: normal;
+  font-display: var(--text-magazine-font-display, swap);
+  src: url("#{variables.$font-path}/Neuton/Neuton-Bold.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Neuton";
+  font-weight: normal;
+  font-style: italic;
+  font-display: var(--text-magazine-font-display, swap);
+  src: url("#{variables.$font-path}/Neuton/Neuton-Italic.woff2") format("woff2");
+}
+
+/* Open sans */
+/* Regular */
+@font-face {
+  font-family: "Open Sans";
+  font-weight: normal;
+  font-style: normal;
+  font-display: var(--text-body-font-display, swap);
+  src: url("#{variables.$font-path}/OpenSans/OpenSans-Regular.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Open Sans";
+  font-weight: normal;
+  font-style: italic;
+  font-display: var(--text-body-font-display, swap);
+  src: url("#{variables.$font-path}/OpenSans/OpenSans-Italic.woff2") format("woff2");
+}
+
+/* Semi bold */
+@font-face {
+  font-family: "Open Sans";
+  font-weight: 600;
+  font-style: normal;
+  font-display: var(--text-body-font-display, swap);
+  src: url("#{variables.$font-path}/OpenSans/OpenSans-SemiBold.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Open Sans";
+  font-weight: 600;
+  font-style: italic;
+  font-display: var(--text-body-font-display, swap);
+  src: url("#{variables.$font-path}/OpenSans/OpenSans-SemiBoldItalic.woff2") format("woff2");
+}
+
+/* Icon font */
+@font-face {
+  font-family: "tabler-icons";
+  font-weight: normal;
+  font-style: normal;
+  font-display: var(--text-icon-font-display, block);
+  src: url('#{variables.$font-path}/tabler-icons/tabler-icons.eot?v2.44.0');
+  src: url('#{variables.$font-path}/tabler-icons/tabler-icons.eot?#iefix-v2.44.0') format('embedded-opentype'),
+    url('#{variables.$font-path}/tabler-icons/tabler-icons.woff2?v2.44.0') format('woff2'),
+    url('#{variables.$font-path}/tabler-icons/tabler-icons.woff?') format('woff'),
+    url('#{variables.$font-path}/tabler-icons/tabler-icons.ttf?v2.44.0') format('truetype');
+}

package/soft/fundamentals/body-text-set.scss

@@ -0,0 +1,42 @@
+/* body-text-set - variables */
+
+:root {
+  /* Available variables to use within all text types */
+  --text-set-font-family: "Open Sans", sans-serif;
+  --text-set-font-size: 1rem;
+  --text-set-font-weight: normal;
+  --text-set-strong-font-weight: 600;
+  --text-set-line-height: 1.75;
+  --text-set-text-color: #000;
+  --text-set-text-align: left;
+
+  /* Body text small */
+  --body-text-small-font-size: 0.8rem;
+  --body-text-small-font-weight: var(--text-set-font-weight);
+  --body-text-small-line-height: var(--text-set-line-height);
+  --body-text-small-color: #696969;
+  --body-text-small-text-align: var(--text-set-text-align);
+
+  /* Strong */
+  --body-text-small-strong-font-weight: var(--text-set-strong-font-weight);
+
+  /* Body text medium */
+  --body-text-medium-font-size: var(--text-set-font-size);
+  --body-text-medium-font-weight: var(--text-set-font-weight);
+  --body-text-medium-line-height: var(--text-set-line-height);
+  --body-text-medium-color: var(--text-set-text-color);
+  --body-text-medium-text-align: var(--text-set-text-align);
+
+  /* Strong */
+  --body-text-medium-strong-font-weight: var(--text-set-strong-font-weight);
+
+  /* Body text large */
+  --body-text-large-font-size: 1.5rem;
+  --body-text-large-font-weight: var(--text-set-font-weight);
+  --body-text-large-line-height: var(--text-set-line-height);
+  --body-text-large-color: var(--text-set-text-color);
+  --body-text-large-text-align: var(--text-set-text-align);
+
+  /* Strong */
+  --body-text-large-strong-font-weight: var(--text-set-strong-font-weight);
+}

package/soft/fundamentals/headings-base-set.scss

@@ -0,0 +1,5 @@
+/* Heading set basic - Variables */
+
+:root {
+  --headings-base-set-font-family: "Neuton", sans-serif;
+}

package/soft/fundamentals/spot-large.scss

@@ -0,0 +1,103 @@
+:root {
+
+  /* Color sets */
+  /* Spot large */
+  /* Main colors */
+
+    /* Gold */
+    --branding-color-1: #E1C282;
+
+    /* Pink */
+    --branding-color-2: #F7D0D3;
+
+  /* Accent colors */
+
+    /* Dark navy */
+    --branding-color-accent-1: #111416;
+
+    /* Soft blue */
+    --branding-color-accent-2: #5B76A9;
+
+    /* Soft green */
+    --branding-color-accent-3: #6FB07D;
+
+    /* Soft red */
+    --branding-color-accent-4: #B95D5D;
+
+    /* Soft gold */
+    --branding-color-accent-5: #FFF4DD;
+
+  /* Branding color combinations. 
+  e.g if a branding color is used as a background-color. What should the text
+  and link colors be.
+
+  /* Branding color 1 */
+  --branding-color-1-background-color: var(--branding-color-1);
+  --branding-color-1-text-color: black;
+
+  --branding-color-1-link-text-color: var(--branding-color-1-text-color);
+  --branding-color-1-link-active-text-color: var(--branding-color-1-text-color);
+  --branding-color-1-link-visited-text-color: var(--branding-color-1-text-color);
+  --branding-color-1-link-hover-text-color: var(--branding-color-1-text-color);
+  --branding-color-1-link-visited-hover-text-color: var(--branding-color-1-text-color);
+
+  /* Branding color 2 */
+  --branding-color-2-background-color: var(--branding-color-2);
+  --branding-color-2-text-color: black;
+
+  --branding-color-2-link-text-color: var(--branding-color-2-text-color);
+  --branding-color-2-link-active-text-color: var(--branding-color-2-text-color);
+  --branding-color-2-link-visited-text-color: var(--branding-color-2-text-color);
+  --branding-color-2-link-hover-text-color: var(--branding-color-2-text-color);
+  --branding-color-2-link-visited-hover-text-color: var(--branding-color-2-text-color);
+
+  /* Accent color 1 */
+  --branding-color-accent-1-background-color: var(--branding-color-accent-1);
+  --branding-color-accent-1-text-color: white;
+
+  --branding-color-accent-1-link-text-color: var(--branding-color-accent-1-text-color);
+  --branding-color-accent-1-link-active-text-color: var(--branding-color-accent-1-text-color);
+  --branding-color-accent-1-link-visited-text-color: var(--branding-color-accent-1-text-color);
+  --branding-color-accent-1-link-hover-text-color: var(--branding-color-accent-1-text-color);
+  --branding-color-accent-1-link-visited-hover-text-color: var(--branding-color-accent-1-text-color);
+
+  /* Accent color 2 */
+  --branding-color-accent-2-background-color: var(--branding-color-accent-2);
+  --branding-color-accent-2-text-color: white;
+
+  --branding-color-accent-2-link-text-color: var(--branding-color-accent-2-text-color);
+  --branding-color-accent-2-link-active-text-color: var(--branding-color-accent-2-text-color);
+  --branding-color-accent-2-link-visited-text-color: var(--branding-color-accent-2-text-color);
+  --branding-color-accent-2-link-hover-text-color: var(--branding-color-accent-2-text-color);
+  --branding-color-accent-2-link-visited-hover-text-color: var(--branding-color-accent-2-text-color);
+
+  /* Accent color 3 */
+  --branding-color-accent-3-background-color: var(--branding-color-accent-3);
+  --branding-color-accent-3-text-color: black;
+
+  --branding-color-accent-3-link-text-color: var(--branding-color-accent-3-text-color);
+  --branding-color-accent-3-link-active-text-color: var(--branding-color-accent-3-text-color);
+  --branding-color-accent-3-link-visited-text-color: var(--branding-color-accent-3-text-color);
+  --branding-color-accent-3-link-hover-text-color: var(--branding-color-accent-3-text-color);
+  --branding-color-accent-3-link-visited-hover-text-color: var(--branding-color-accent-3-text-color);
+
+  /* Accent color 4 */
+  --branding-color-accent-4-background-color: var(--branding-color-accent-4);
+  --branding-color-accent-4-text-color: black;
+
+  --branding-color-accent-4-link-text-color: var(--branding-color-accent-4-text-color);
+  --branding-color-accent-4-link-active-text-color: var(--branding-color-accent-4-text-color);
+  --branding-color-accent-4-link-visited-text-color: var(--branding-color-accent-4-text-color);
+  --branding-color-accent-4-link-hover-text-color: var(--branding-color-accent-4-text-color);
+  --branding-color-accent-4-link-visited-hover-text-color: var(--branding-color-accent-4-text-color);
+
+  /* Accent color 5 */
+  --branding-color-accent-5-background-color: var(--branding-color-accent-5);
+  --branding-color-accent-5-text-color: black;
+
+  --branding-color-accent-5-link-text-color: var(--branding-color-accent-5-text-color);
+  --branding-color-accent-5-link-active-text-color: var(--branding-color-accent-5-text-color);
+  --branding-color-accent-5-link-visited-text-color: var(--branding-color-accent-5-text-color);
+  --branding-color-accent-5-link-hover-text-color: var(--branding-color-accent-5-text-color);
+  --branding-color-accent-5-link-visited-hover-text-color: var(--branding-color-accent-5-text-color);
+}

package/soft/theme.scss

@@ -0,0 +1,27 @@
+/* Theme: Soft based on manon components */
+
+/* Variables */
+@forward "variables";
+
+/* Fonts */
+@use "fonts";
+
+/* Top level styling */
+@use "application-base";
+
+/* Fundamentals */
+@use "fundamentals/spot-large";
+@use "fundamentals/body-text-set";
+@use "fundamentals/headings-base-set";
+
+/* Components */
+@use "components/accordion";
+@use "components/breadcrumb-bar";
+@use "components/button-ghost";
+@use "components/filter";
+@use "components/icon";
+@use "components/sidemenu";
+@use "components/tile";
+@use "components/header-navigation";
+@use "components/logo";
+@use "components/notification";