@minvws/manon-themes 17.0.0 → 18.0.0-alpha.1

package/icore-open/fundamentals/border-radii.scss

@@ -1,24 +0,0 @@
-/* Theme border radius */
-
-:root {
-  --border-radius-s: 0.25rem;
-  --border-radius-m: 0.5rem;
-  --border-radius-l: 1.5rem;
-  --border-radius-round: 50%;
-}
-
-.border-radius-s {
-  border-radius: var(--border-radius-s);
-}
-
-.border-radius-m {
-  border-radius: var(--border-radius-m);
-}
-
-.border-radius-l {
-  border-radius: var(--border-radius-l);
-}
-
-.border-radius-round {
-  border-radius: var(--border-radius-round);
-}

package/icore-open/fundamentals/headings-base-set.scss

@@ -1,5 +0,0 @@
-/* Heading set basic - Variables */
-
-:root {
-  --headings-base-set-font-family: var(--application-base-font-family);
-}

package/icore-open/fundamentals/shadows.scss

@@ -1,25 +0,0 @@
-/* Theme shadow */
-
-:root {
-  --shadow-s: box-shadow: 0px 2px 4px 0px rgba(17, 20, 22, 0.75);
-  --shadow-m: box-shadow: 0px 8px 16px 0px rgba(17, 20, 22, 0.15);
-  --shadow-l: box-shadow: 0px 16px 48px 0px rgba(17, 20, 22, 0.17);
-}
-
-.shadow-s {
-  box-shadow: var(--shadow-s);
-  -webkit-box-shadow: var(--shadow-s);
-  -moz-box-shadow: var(--shadow-s);
-}
-
-.shadow-m {
-  box-shadow: var(--shadow-m);
-  -webkit-box-shadow: var(--shadow-m);
-  -moz-box-shadow: var(--shadow-m);
-}
-
-.shadow-l {
-  box-shadow: var(--shadow-l);
-  -webkit-box-shadow: var(--shadow-l);
-  -moz-box-shadow: var(--shadow-l);
-}

package/icore-open/fundamentals/spacing.scss

@@ -1,86 +0,0 @@
-/* Theme spacing */
-
-:root {
-  --spacing-0: 0;
-  --spacing-125: 0.125rem;
-  --spacing-025: 0.25rem;
-  --spacing-375: 0.375rem;
-  --spacing-050: 0.5rem;
-  --spacing-075: 0.75rem;
-  --spacing-100: 1rem;
-  --spacing-125: 1.25rem;
-  --spacing-150: 1.5rem;
-  --spacing-175: 1.75rem;
-  --spacing-200: 2rem;
-  --spacing-225: 2.25rem;
-  --spacing-250: 2.5rem;
-  --spacing-300: 3rem;
-  --spacing-400: 4rem;
-  --spacing-500: 5rem;
-  --spacing-800: 8rem;
-  --spacing-1200: 12rem;
-}
-
-.spacing-0 {
-  gap: var(--spacing-0);
-}
-
-.spacing-020 {
-  gap: var(--spacing-020);
-}
-
-.spacing-050 {
-  gap: var(--spacing-050);
-}
-
-.spacing-075 {
-  gap: var(--spacing-075);
-}
-
-.spacing-100 {
-  gap: var(--spacing-100);
-}
-
-.spacing-125 {
-  gap: var(--spacing-125);
-}
-
-.spacing-150 {
-  gap: var(--spacing-150);
-}
-
-.spacing-175 {
-  gap: var(--spacing-175);
-}
-
-.spacing-200 {
-  gap: var(--spacing-200);
-}
-
-.spacing-225 {
-  gap: var(--spacing-225);
-}
-
-.spacing-250 {
-  gap: var(--spacing-250);
-}
-
-.spacing-300 {
-  gap: var(--spacing-300);
-}
-
-.spacing-400 {
-  gap: var(--spacing-400);
-}
-
-.spacing-500 {
-  gap: var(--spacing-500);
-}
-
-.spacing-800 {
-  gap: var(--spacing-800);
-}
-
-.spacing-1200 {
-  gap: var(--spacing-1200);
-}

package/icore-open/theme-specific-components/avatar.scss

@@ -1,15 +0,0 @@
-/* Avatar */
-
-@use "../color-scheme";
-
-.avatar {
-  display: flex;
-  align-self: center;
-  background-color: #{color-scheme.$oc-blue-8};
-  border-radius: 50%;
-  color: #{color-scheme.$oc-white};
-  height: 3rem;
-  width: 3rem;
-  padding: 0;
-  text-decoration: none;
-}

package/icore-open/theme-specific-components/header-navigation-actions.scss

@@ -1,8 +0,0 @@
-/* Header navigation actions */
-
-@use "../color-scheme";
-
-body > header nav .actions {
-  display: flex;
-  gap: var(--spacing-100);
-}

package/icore-open/theme-specific-components/visually-grouped.scss

@@ -1,26 +0,0 @@
-/* Visually grouped */
-
-@use "../color-scheme";
-
-%visually-grouped {
-  background-color: #{color-scheme.$oc-white};
-  padding-top: var(--spacing-100);
-  padding-right: var(--spacing-150);
-  padding-bottom: var(--spacing-150);
-  padding-left: var(--spacing-150);
-}
-
-.visually-grouped {
-  @extend %visually-grouped;
-}
-
-main > section > div,
-main.sidemenu div > section > div,
-main > article > div,
-main.sidemenu div > article > div,
-main > div,
-main.sidemenu div {
-  &.visually-grouped {
-    @extend %visually-grouped;
-  }
-}

package/icore-open/theme.scss

@@ -1,84 +0,0 @@
-/* Theme: iCore Open */
-
-/* Variables */
-@forward "variables";
-
-/* Fonts */
-@use "fonts/fonts";
-
-/* Styling on the highest level */
-@use "application-base";
-
-/* Fundamentals */
-@use "fundamentals/body-text-set";
-@use "fundamentals/border-radii";
-@use "fundamentals/headings-base-set";
-@use "fundamentals/shadows";
-@use "fundamentals/spacing";
-
-/* Layout */
-@use "components/layout-authentication";
-
-/* Link */
-@use "components/link";
-@use "components/link-hover";
-@use "components/link-visited";
-@use "components/link-visited-hover";
-@use "components/link-focus";
-@use "components/link-active";
-@use "components/footer-navigation-link";
-@use "components/footer-navigation-link-visited";
-@use "components/footer-navigation-link-hover";
-@use "components/footer-navigation-link-visited-hover";
-@use "components/footer-navigation-link-active";
-@use "components/footer-navigation-link-focus.scss";
-
-/* Components */
-@use "components/breadcrumb-bar";
-@use "components/button-base";
-@use "components/button-cta";
-@use "components/button-destructive";
-@use "components/code";
-@use "components/footer";
-@use "components/form-fieldset";
-@use "components/form-accent-color";
-@use "components/form-base";
-@use "components/form-button";
-@use "components/form-inline";
-@use "components/form-input";
-@use "components/form-textarea";
-@use "components/header";
-@use "components/icons";
-@use "components/logo";
-@use "components/radio-input";
-@use "components/sidemenu";
-@use "components/table";
-@use "components/table-caption";
-
-/* Header */
-@use "components/header-navigation";
-@use "components/header-content-wrapper";
-@use "components/header-navigation-button";
-@use "components/header-navigation-collapsible";
-@use "components/header-navigation-link-hover";
-@use "components/header-navigation-link-active";
-@use "components/header-navigation-link-visited";
-@use "components/header-navigation-link-focus";
-
-/* Layout */
-@use "components/main";
-@use "components/main-content-wrapper";
-@use "components/section";
-@use "components/section-content-wrapper";
-@use "components/article";
-@use "components/article-content-wrapper";
-
-/* Notifications */
-@use "components/notification-block-element";
-
-/* Theme specific components */
-/* These are components that aren't build on an exsisting Manon component
-And are specific to this theme */
-@use "theme-specific-components/visually-grouped";
-@use "theme-specific-components/avatar";
-@use "theme-specific-components/header-navigation-actions";

package/soft/_index.scss

@@ -1 +0,0 @@
-@forward "theme";

package/soft/_variables.scss

@@ -1 +0,0 @@
-$font-path: "@minvws/manon-themes/soft/fonts" !default;

package/soft/application-base.scss

@@ -1,5 +0,0 @@
-/* Application base styling - Variables */
-/* This file contains styling on high level elements such as the body */
-
-:root {
-}

package/soft/components/accordion.scss

@@ -1,15 +0,0 @@
-/* Accordion */
-
-@use "sass:map";
-@use "icon";
-
-:root {
-  --accordion-button-icon-after-open-content: #{map.get(
-      icon.$glyphs,
-      descending
-    )};
-  --accordion-button-icon-after-close-content: #{map.get(
-      icon.$glyphs,
-      ascending
-    )};
-}

package/soft/components/breadcrumb-bar.scss

@@ -1,5 +0,0 @@
-/* Breadcrumb bar */
-
-:root {
-  --breadcrumb-bar-background-color: var(--branding-color-accent-5);
-}

package/soft/components/button-ghost.scss

@@ -1,6 +0,0 @@
-/* Theme soft, ghost button */
-
-:root {
-  --button-ghost-text-color: #6b7b6a;
-  --button-ghost-border-color: #6b7b6a;
-}

package/soft/components/filter.scss

@@ -1,9 +0,0 @@
-/* Filter */
-
-@use "sass:map";
-@use "icon";
-
-:root {
-  --filter-button-icon-before-open-content: #{map.get(icon.$glyphs, descending)};
-  --filter-button-icon-before-close-content: #{map.get(icon.$glyphs, ascending)};
-}

package/soft/components/header-navigation.scss

@@ -1,58 +0,0 @@
-/* Header navigation */
-
-:root {
-  /* Header */
-  --header-content-wrapper-gap: 0;
-  --header-border-width: 3px 0 0 0;
-  --header-border-color: var(--branding-color-1);
-
-  /* Content wrapper */
-  --header-content-wrapper-align-items: stretch;
-  --header-content-wrapper-padding-right: var(--page-whitespace-right);
-  --header-content-wrapper-padding-left: var(--page-whitespace-left);
-
-  /* Header navigation */
-  --header-navigation-background-color: #fff;
-  --header-navigation-text-color: var(--text-set-text-color);
-  --header-navigation-max-width: 100%;
-  --header-navigation-align-items: stretch;
-  --header-navigation-justify-content: space-between;
-
-  /* Content wrapper */
-  --header-navigation-content-wrapper-gap: 0;
-  --header-navigation-content-wrapper-max-width: var(--content-max-width);
-
-  /* List */
-  --header-navigation-list-align-content: stretch;
-  --header-navigation-list-width: auto;
-
-  /* Menu items links */
-  --header-navigation-link-border-width: 4px 0 0 0;
-  --header-navigation-link-border-color: transparent;
-  --header-navigation-link-min-height: 3rem;
-  --header-navigation-link-font-size: var(--body-text-medium-font-size);
-
-  /* Link styling */
-  --header-navigation-link-text-color: var(--application-base-text-color);
-  --header-navigation-link-visited-text-color: var(
-    --header-navigation-link-text-color
-  );
-
-  /* Hover */
-  --header-navigation-link-hover-border-color: #ede1c7;
-  --header-navigation-link-hover-text-color: var(
-    --header-navigation-link-text-color
-  );
-
-  /* Active link */
-  --header-navigation-link-active-border-color: var(--branding-color-1);
-  --header-navigation-link-active-text-color: var(
-    --header-navigation-link-hover-text-color
-  );
-  --header-navigation-link-visited-active-text-color: var(
-    --header-navigation-link-hover-text-color
-  );
-
-  /* Collapsed icon */
-  --navigation-collapsible-menu-icon-font-size: 2rem;
-}

package/soft/components/icon.scss

@@ -1,40 +0,0 @@
-/* Icon */
-
-@use "../fonts/tabler-icons/glyphs";
-@use "@minvws/manon/mixins/icon";
-
-$glyphs: (
-  "ascending": glyphs.$ti-icon-caret-up-filled,
-  "check": glyphs.$ti-icon-check,
-  "chevron-down": glyphs.$ti-icon-chevron-down,
-  "chevron-left": glyphs.$ti-icon-chevron-left,
-  "chevron-light-down": glyphs.$ti-icon-chevron-compact-down,
-  "chevron-light-left": glyphs.$ti-icon-chevron-compact-left,
-  "chevron-light-right": glyphs.$ti-icon-chevron-compact-right,
-  "chevron-light-up": glyphs.$ti-icon-chevron-compact-up,
-  "chevron-right": glyphs.$ti-icon-chevron-right,
-  "chevron-up": glyphs.$ti-icon-chevron-up,
-  "close": glyphs.$ti-icon-x,
-  "descending": glyphs.$ti-icon-caret-down-filled,
-  "download": glyphs.$ti-icon-download,
-  "hamburger": glyphs.$ti-icon-menu-2,
-  "heart": glyphs.$ti-icon-heart,
-  "home": glyphs.$ti-icon-home,
-  "lock-closed": glyphs.$ti-icon-lock,
-  "on-off": glyphs.$ti-icon-power,
-  "outgoing": glyphs.$ti-icon-arrow-up-right,
-  "questionmark": glyphs.$ti-icon-question-mark,
-  "reset": glyphs.$ti-icon-refresh,
-  "search": glyphs.$ti-icon-search,
-  "smartphone": glyphs.$ti-icon-device-mobile,
-  "sort": glyphs.$ti-icon-caret-up-down-filled,
-  "to-top": glyphs.$ti-icon-arrow-bar-to-up,
-  "trash": glyphs.$ti-icon-trash,
-  "user": glyphs.$ti-icon-user,
-);
-
-:root {
-  --icon-font-family: "tabler-icons";
-}
-
-@include icon.define-icons($glyphs);

package/soft/components/logo.scss

@@ -1,6 +0,0 @@
-/* Logo */
-
-:root {
-  --logo-background-color: #000;
-  --logo-border-radius: 50%;
-}

package/soft/components/notification.scss

@@ -1,9 +0,0 @@
-/* Notification styling */
-
-:root {
-  --notification-error-border-color: transparent;
-  --notification-confirmation-border-color: transparent;
-  --notification-explanation-border-color: transparent;
-  --notification-warning-border-color: transparent;
-  --notification-system-border-color: transparent;
-}

package/soft/components/sidemenu.scss

@@ -1,9 +0,0 @@
-/* Side menu */
-
-@use "sass:map";
-@use "icon";
-
-:root {
-  --sidemenu-collapsed-button-icon: #{map.get(icon.$glyphs, descending)};
-  --sidemenu-expanded-button-icon: #{map.get(icon.$glyphs, ascending)};
-}

package/soft/components/tile.scss

@@ -1,5 +0,0 @@
-/* Tile styling */
-
-:root {
-  --tile-border-radius: 0.5rem;
-}

package/soft/fonts/Neuton/Neuton-Bold.woff2.license

@@ -1,3 +0,0 @@
-Copyright 2010 The Neuton Project Authors (http://www.21326.info/)
-SPDX-License-Identifier: OFL-1.1-RFN
-SPDX-FileNotice: Reserved Font Name "Neuton"

package/soft/fonts/Neuton/Neuton-Italic.woff2.license

@@ -1,3 +0,0 @@
-Copyright 2010 The Neuton Project Authors (http://www.21326.info/)
-SPDX-License-Identifier: OFL-1.1-RFN
-SPDX-FileNotice: Reserved Font Name "Neuton"

package/soft/fonts/OpenSans/OpenSans-Italic.woff2.license

@@ -1,2 +0,0 @@
-Copyright 2020 The Open Sans Project Authors (https://github.com/googlefonts/opensans)
-SPDX-License-Identifier: OFL-1.1-no-RFN

package/soft/fonts/OpenSans/OpenSans-Regular.woff2.license

@@ -1,2 +0,0 @@
-Copyright 2020 The Open Sans Project Authors (https://github.com/googlefonts/opensans)
-SPDX-License-Identifier: OFL-1.1-no-RFN

package/soft/fonts/OpenSans/OpenSans-SemiBold.woff2.license

@@ -1,2 +0,0 @@
-Copyright 2020 The Open Sans Project Authors (https://github.com/googlefonts/opensans)
-SPDX-License-Identifier: OFL-1.1-no-RFN

package/soft/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2.license

@@ -1,2 +0,0 @@
-Copyright 2020 The Open Sans Project Authors (https://github.com/googlefonts/opensans)
-SPDX-License-Identifier: OFL-1.1-no-RFN

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

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

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

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

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

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

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

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

package/soft/fonts.scss

@@ -1,75 +0,0 @@
-@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

@@ -1,42 +0,0 @@
-/* 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

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