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

package/icore-open/components/form-input.scss

@@ -1,10 +0,0 @@
-/* Form input */
-
-@use "../color-scheme";
-
-:root {
-  --form-input-border-radius: var(--border-radius-s);
-  --form-input-border-width: 1px;
-  --form-input-border-style: solid;
-  --form-input-border-color: #{color-scheme.$oc-gray-6};
-}

package/icore-open/components/form-textarea.scss

@@ -1,5 +0,0 @@
-/* Form textarea */
-
-:root {
-  --form-textarea-border-radius: var(--border-radius-s);
-}

package/icore-open/components/header-content-wrapper.scss

@@ -1,5 +0,0 @@
-/* Header content wrapper */
-
-:root {
-  --header-content-wrapper-position: relative;
-}

package/icore-open/components/header-navigation-button.scss

@@ -1,60 +0,0 @@
-/* Header navigation button */
-@use "../color-scheme";
-
-:root {
-  --header-navigation-button-font-weight: bold;
-  --header-navigation-button-background-color: transparent;
-  --header-navigation-button-text-color: #{color-scheme.$oc-white};
-  --header-navigation-button-border-width: 0;
-  --header-navigation-button-hover-border-radius: 0;
-  --header-navigation-button-min-width: 1.75rem;
-  --header-navigation-button-height: 100%;
-
-  /* Hover */
-  --header-navigation-button-hover-background-color: #{color-scheme.$oc-gray-7};
-  --header-navigation-button-hover-text-color: var(
-    --header-navigation-button-text-color
-  );
-  --header-navigation-button-hover-font-weight: var(
-    --header-navigation-button-font-weight
-  );
-
-  /* Icon only */
-  --header-navigation-button-icon-only-font-size: 0;
-  --header-navigation-button-hover-icon-font-size: var(
-    --header-navigation-button-icon-only-icon-font-size
-  );
-
-  /* Icon only hover */
-  --header-navigation-button-icon-only-hover-font-size: 0;
-
-  /* Active */
-  --header-navigation-button-active-background-color: var(
-    --header-navigation-button-hover-background-color
-  );
-  --header-navigation-button-active-text-color: var(
-    --header-navigation-button-text-color
-  );
-  --header-navigation-button-active-border-width: 0;
-  --header-navigation-button-active-font-weight: var(
-    --header-navigation-button-hover-font-weight
-  );
-
-  /* Focus */
-  --header-navigation-button-focus-background-color: var(
-    --header-navigation-button-hover-background-color
-  );
-  --header-navigation-button-focus-text-color: var(
-    --header-navigation-button-text-color
-  );
-  --header-navigation-button-focus-border-width: 0;
-  --header-navigation-button-focus-font-weight: var(
-    --header-navigation-button-hover-font-weight
-  );
-  --header-navigation-button-focus-border-radius: 0.25rem;
-  --header-navigation-button-focus-outline: 0;
-  --header-navigation-button-focus-outline-offset: 0;
-  --header-navigation-button-focus-box-shadow: 0 0 0 2px
-    #{color-scheme.$oc-blue-6};
-  --header-navigation-button-focus-z-index: 2;
-}

package/icore-open/components/header-navigation-collapsible.scss

@@ -1,43 +0,0 @@
-/* Header collapsible */
-
-@use "../color-scheme";
-
-:root {
-  /* Collapsible menu */
-  --header-navigation-collapsible-menu-top: 4rem;
-  --header-navigation-collapsible-background-color: #{color-scheme.$oc-white};
-  --header-navigation-collapsible-top: var(--header-navigation-min-height);
-
-  /* Menu item */
-  --header-navigation-collapsible-list-item-padding-top: var(--spacing-050);
-  --header-navigation-collapsible-list-item-padding-right: var(--spacing-100);
-  --header-navigation-collapsible-list-item-padding-bottom: var(--spacing-050);
-  --header-navigation-collapsible-list-item-padding-left: var(--spacing-100);
-
-  /* Menu item link */
-  --header-navigation-collapsible-list-item-link-padding-right: 0;
-  --header-navigation-collapsible-list-item-link-padding-left: 0;
-
-  /* Selected link */
-  --header-navigation-collapsible-list-item-link-selected-background-color: transparent;
-  --header-navigation-collapsible-list-item-link-selected-text-color: var(
-    -header-navigation-collapsible-list-item-link-text-color
-  );
-
-  /* Button */
-  --header-navigation-collapsible-button-background-color: transparent;
-
-  /* Icon */
-  --header-navigation-collapsible-icon-color: #{color-scheme.$oc-white};
-  --header-navigation-button-icon-font-family: var(--icon-font-family);
-  --header-navigation-collapsible-icon-font-size: var(
-    --body-text-large-font-size
-  );
-  --header-navigation-collapsible-icon-collapsed: "\eb55";
-  --header-navigation-collapsible-icon: "\ec42";
-}
-
-body > header nav.collapsible.collapsed button.collapsible-toggle {
-  margin-right: var(--page-whitespace-right);
-  border-radius: var(--button-base-border-radius);
-}

package/icore-open/components/header-navigation-link-active.scss

@@ -1,14 +0,0 @@
-/* Header navigation link active */
-
-@use "../color-scheme";
-
-:root {
-  --header-navigation-link-active-text-color: #{color-scheme.$oc-white};
-  --header-navigation-link-active-text-decoration: none;
-  --header-navigation-link-active-background-color: var(
-    --header-navigation-link-hover-background-color
-  );
-  --header-navigation-link-active-font-weight: var(
-    --header-navigation-link-font-weight
-  );
-}

package/icore-open/components/header-navigation-link-focus.scss

@@ -1,24 +0,0 @@
-/* Header navigation link focus */
-
-@use "../color-scheme";
-
-:root {
-  --header-navigation-link-focus-background-color: transparent;
-  --header-navigation-link-focus-text-decoration: none;
-  --header-navigation-link-focus-font-weight: var(
-    --header-navigation-link-active-font-weight
-  );
-  --header-navigation-link-focus-text-color: #{color-scheme.$oc-white};
-
-  --header-navigation-link-focus-box-shadow: 0 0 0 2px
-    #{color-scheme.$oc-blue-6};
-  --header-navigation-link-focus-border-radius: 0.25rem;
-  --header-navigation-link-focus-z-index: 2;
-
-  /* Current link (active link */
-  --header-navigation-current-link-focus-font-weight: var(
-    --header-navigation-link-active-font-weight
-  );
-
-  --header-navigation-current-link-focus-background-color: #{color-scheme.$oc-gray-7};
-}

package/icore-open/components/header-navigation-link-hover.scss

@@ -1,12 +0,0 @@
-/* Header navigation link hover */
-
-@use "../color-scheme";
-
-:root {
-  --header-navigation-link-hover-text-color: #{color-scheme.$oc-white};
-  --header-navigation-link-hover-text-decoration: none;
-  --header-navigation-link-hover-background-color: #{color-scheme.$oc-gray-7};
-  --header-navigation-link-hover-font-weight: var(
-    --header-navigation-link-font-weight
-  );
-}

package/icore-open/components/header-navigation-link-visited.scss

@@ -1,11 +0,0 @@
-/* Header navigation link visited */
-
-@use "../color-scheme";
-
-:root {
-  --header-navigation-link-visited-text-color: #{color-scheme.$oc-white};
-  --header-navigation-link-visited-text-decoration: none;
-  --header-navigation-link-visited-font-weight: var(
-    --header-navigation-link-font-weight
-  );
-}

package/icore-open/components/header-navigation.scss

@@ -1,38 +0,0 @@
-/* Header navigation */
-@use "../color-scheme";
-
-:root {
-  --header-navigation-padding-top: 0;
-  --header-navigation-padding-right: var(--page-whitespace-right);
-  --header-navigation-padding-bottom: 0;
-  --header-navigation-padding-left: var(--page-whitespace-left);
-  --header-navigation-min-height: 5rem;
-  --header-navigation-position: static;
-
-  /* Header navigation */
-  --header-navigation-background-color: #{color-scheme.$oc-gray-9};
-  --header-navigation-text-color: #{color-scheme.$oc-white};
-  --header-navigation-font-weight: bold;
-  --header-navigation-max-width: 100%;
-  --header-navigation-align-items: stretch;
-  --header-navigation-justify-content: space-between;
-
-  /* Link*/
-  --header-navigation-link-background-color: transparent;
-  --header-navigation-link-padding-right: 1rem;
-  --header-navigation-link-padding-left: 1rem;
-  --header-navigation-link-font-weight: bold;
-  --header-navigation-link-text-color: #{color-scheme.$oc-white};
-  --header-navigation-link-text-decoration: none;
-
-  /* List */
-  --header-navigation-list-gap: 0;
-  --header-navigation-list-align-content: stretch;
-  --header-navigation-list-width: auto;
-
-  /* Input */
-  --header-navigation-input-algin-self: center;
-
-  /* Collapsed icon */
-  --navigation-collapsible-menu-icon-font-size: 2rem;
-}

package/icore-open/components/header.scss

@@ -1,11 +0,0 @@
-/* Header */
-
-:root {
-  --header-content-wrapper-gap: 0;
-  --header-border-width: 0;
-  --header-border-color: transparent;
-  --header-padding-top: 0;
-  --header-padding-right: 0;
-  --header-padding-bottom: 0;
-  --header-padding-left: 0;
-}

package/icore-open/components/icons.scss

@@ -1,40 +0,0 @@
-/* Icons */
-
-@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/icore-open/components/layout-authentication.scss

@@ -1,9 +0,0 @@
-/* Layout authentication */
-
-:root {
-  --layout-authentication-background-color: #fff;
-  --layout-authentication-padding-top: var(--spacing-150);
-  --layout-authentication-padding-right: var(--spacing-150);
-  --layout-authentication-padding-bottom: var(--spacing-150);
-  --layout-authentication-padding-left: var(--spacing-150);
-}

package/icore-open/components/link-active.scss

@@ -1,7 +0,0 @@
-/* Link active */
-
-@use "../color-scheme";
-
-:root {
-  --link-active-text-decoration: underline;
-}

package/icore-open/components/link-focus.scss

@@ -1,10 +0,0 @@
-/* Link Focus */
-
-@use "../color-scheme";
-
-:root {
-  --link-focus-text-color: #{color-scheme.$oc-blue-8};
-  --link-focus-text-decoration: #{color-scheme.$oc-blue-8};
-  --link-focus-outline: 1px solid var(--link-focus-text-color);
-  --link-focus-outline-offset: 0.25rem;
-}

package/icore-open/components/link-hover.scss

@@ -1,8 +0,0 @@
-/* Link Hover */
-
-@use "../color-scheme";
-
-:root {
-  --link-hover-text-color: #{color-scheme.$oc-blue-9};
-  --link-hover-icon-text-color: var(--link-hover-text-color);
-}

package/icore-open/components/link-visited-hover.scss

@@ -1,7 +0,0 @@
-/* Link Visited Hover */
-
-@use "../color-scheme";
-
-:root {
-  --link-visited-hover-text-color: #{color-scheme.$oc-grape-9};
-}

package/icore-open/components/link-visited.scss

@@ -1,8 +0,0 @@
-/* Link Visited */
-
-@use "../color-scheme";
-
-:root {
-  --link-visited-text-color: #{color-scheme.$oc-grape-8};
-  --link-visited-icon-text-color: #{color-scheme.$oc-grape-8};
-}

package/icore-open/components/link.scss

@@ -1,9 +0,0 @@
-/* Link */
-
-@use "../color-scheme";
-
-:root {
-  --link-text-color: #{color-scheme.$oc-blue-8};
-  --link-font-weight: normal;
-  --link-text-decoration: underline;
-}

package/icore-open/components/logo.scss

@@ -1,5 +0,0 @@
-/* Logo */
-
-:root {
-  --logo-margin: 1rem 0;
-}

package/icore-open/components/main-content-wrapper.scss

@@ -1,6 +0,0 @@
-/* Main content wrapper */
-
-:root {
-  --main-content-wrapper-justify-content: center;
-  --main-content-wrapper-max-width: 50rem;
-}

package/icore-open/components/main.scss

@@ -1,9 +0,0 @@
-/* Main */
-
-:root {
-  --main-padding-top: var(--spacing-250);
-  --main-padding-right: var(--spacing-300);
-  --main-padding-bottom: var(--spacing-400);
-  --main-padding-left: var(--spacing-300);
-  --main-gap: var(--spacing-250);
-}

package/icore-open/components/notification-block-element.scss

@@ -1,10 +0,0 @@
-/* Notification error */
-
-@use "../color-scheme";
-
-:root {
-  --notification-block-element-padding-top: 1rem;
-  --notification-block-element-padding-right: 1rem;
-  --notification-block-element-padding-bottom: 1rem;
-  --notification-block-element-padding-left: 1rem;
-}

package/icore-open/components/radio-input.scss

@@ -1,7 +0,0 @@
-/* Radio input */
-
-@use "../color-scheme";
-
-:root {
-  --radio-input-accent-color: #{color-scheme.$oc-blue-8};
-}

package/icore-open/components/section-content-wrapper.scss

@@ -1,8 +0,0 @@
-/* Section content wrapper */
-
-:root {
-  --section-content-wrapper-padding-top: 0;
-  --section-content-wrapper-padding-right: 0;
-  --section-content-wrapper-padding-bottom: 0;
-  --section-content-wrapper-padding-left: 0;
-}

package/icore-open/components/section.scss

@@ -1,7 +0,0 @@
-/* Section */
-
-:root {
-  --section-padding-left: 0;
-  --section-gap: var(--spacing-125);
-  --section-max-width: 50rem;
-}

package/icore-open/components/sidemenu.scss

@@ -1,20 +0,0 @@
-/* Sidemenu */
-
-:root {
-  --sidemenu-nav-border-width: 0;
-  --sidemenu-nav-border-color: transparent;
-  --sidemenu-main-padding-bottom: var(--main-padding-bottom);
-}
-
-main.sidemenu {
-  padding-left: 0;
-}
-
-body.sidemenu > nav .sidemenu-toggle,
-main.sidemenu > nav .sidemenu-toggle {
-  --sidemenu-button-icon-font-family: var(--icon-font-family);
-  --sidemenu-expanded-button-icon: "\ec42";
-  --sidemenu-collapsed-button-icon: "\ec42";
-
-  margin-left: 0;
-}

package/icore-open/components/table-caption.scss

@@ -1,5 +0,0 @@
-/* Table caption */
-
-:root {
-  --table-base-caption-font-size: var(--body-text-small-font-size);
-}

package/icore-open/components/table.scss

@@ -1,68 +0,0 @@
-/* Table */
-
-@use "../color-scheme";
-
-:root {
-  /* Base */
-  --table-background-color: #{color-scheme.$oc-white};
-  --table-text-color: var(--application-base-text-color);
-  --table-text-align: left;
-
-  /* Table header */
-  --table-head-background-color: #{color-scheme.$oc-white};
-  --table-head-border-width: 0 0 2px 0;
-  --table-head-border-style: solid;
-  --table-head-border-color: #{color-scheme.$oc-blue-8};
-  --table-head-cell-padding: var(--spacing-075);
-
-  /* Table row */
-  --table-row-background-color-striping: transparent;
-
-  /* th */
-  --table-head-cell-font-size: 1rem;
-
-  /* Table body header */
-  --table-body-head-cell-border-width: 0 0 1px 0;
-  --table-body-head-cell-background-color: transparent;
-
-  /* Table cell */
-  --table-cell-border-width: 0 0 1px 0;
-  --table-cell-border-style: solid;
-  --table-cell-border-color: #{color-scheme.$oc-gray-3};
-  --table-cell-padding: 0.5rem 1rem;
-  --table-cells-padding: 0.25rem 1rem;
-
-  /* Actions */
-  --table-action-buttons-button-font-size: var(--icon-font-size);
-  --table-action-buttons-button-text-color: var(--link-text-color);
-  --table-action-buttons-button-hover-text-color: var(--link-text-color);
-
-  /* Table footer */
-  --table-foot-background-color: #{color-scheme.$oc-white};
-  --table-foot-font-weight: 600;
-  --table-foot-font-size: var(--table-font-size);
-  --table-foot-border-width: 2px 0 0 0;
-  --table-foot-border-color: #{color-scheme.$oc-blue-8};
-
-  /* Table footer cell */
-  --table-foot-header-background-color: #{color-scheme.$oc-white};
-  --table-foot-header-border-width: var(--table-cell-border-width);
-  --table-foot-header-border-style: var(--table-cell-border-style);
-  --table-foot-header-border-color: var(--table-cell-border-color);
-
-  /* Table footer cell */
-  --table-foot-cell-background-color: #{color-scheme.$oc-white};
-  --table-foot-cell-border-width: var(--table-cell-border-width);
-  --table-foot-cell-border-style: var(--table-cell-border-style);
-  --table-foot-cell-border-color: var(--table-cell-border-color);
-}
-
-/* Custom styling */
-table {
-  th,
-  td {
-    &:first-child {
-      padding-left: 0;
-    }
-  }
-}

package/icore-open/fonts/fonts.scss

@@ -1,70 +0,0 @@
-/* Fonts */
-
-@use "../variables";
-
-/* IBM Plex Sans */
-/* Regular */
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-weight: normal;
-  font-style: normal;
-  font-display: var(--text-body-font-display, swap);
-  src: url("#{variables.$font-path}/IBMPlexSans/IBMPlexSans-Regular.ttf");
-}
-
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-weight: normal;
-  font-style: italic;
-  font-display: var(--text-body-font-display, swap);
-  src: url("#{variables.$font-path}/IBMPlexSans/IBMPlexSans-Italic.ttf");
-}
-
-/* Semi bold */
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-weight: 600;
-  font-style: normal;
-  font-display: var(--text-body-font-display, swap);
-  src: url("#{variables.$font-path}/IBMPlexSans/IBMPlexSans-SemiBold.ttf");
-}
-
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-weight: 600;
-  font-style: italic;
-  font-display: var(--text-body-font-display, swap);
-  src: url("#{variables.$font-path}/IBMPlexSans/IBMPlexSans-SemiBoldItalic.ttf");
-}
-
-/* Bold */
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-weight: bold;
-  font-style: normal;
-  font-display: var(--text-body-font-display, swap);
-  src: url("#{variables.$font-path}/IBMPlexSans/IBMPlexSans-Bold.ttf");
-}
-
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-weight: bold;
-  font-style: italic;
-  font-display: var(--text-body-font-display, swap);
-  src: url("#{variables.$font-path}/IBMPlexSans/IBMPlexSans-BoldItalic.ttf");
-}
-
-/* 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.woff2?v3.4.0")
-      format("woff2"),
-    url("#{variables.$font-path}/tabler-icons/tabler-icons.woff?v3.4.0")
-      format("woff"),
-    url("#{variables.$font-path}/tabler-icons/tabler-icons.ttf?v3.4.0")
-      format("truetype");
-}

package/icore-open/fonts/tabler-icons/tabler-icons.ttf.license

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

package/icore-open/fonts/tabler-icons/tabler-icons.woff.license

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

package/icore-open/fonts/tabler-icons/tabler-icons.woff2.license

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

package/icore-open/fundamentals/body-text-set.scss

@@ -1,44 +0,0 @@
-/* body-text-set - variables */
-
-@use "../color-scheme";
-
-: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: var(--application-base-text-color);
-  --text-set-text-align: left;
-
-  /* Body text small */
-  --body-text-small-font-size: 0.875rem;
-  --body-text-small-font-weight: var(--text-set-font-weight);
-  --body-text-small-line-height: var(--text-set-line-height);
-  --body-text-small-color: #{color-scheme.$oc-gray-7};
-  --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);
-}