@siemens/ix 1.3.0 → 1.4.0-beta.0

package/scss/theme/classic-dark/_fontFamilies.scss

@@ -0,0 +1,8 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-classic-dark {
+      --theme-siemens-sans: Siemens Sans;
+  }
+}

package/scss/theme/classic-dark/_fontSizes.scss

@@ -0,0 +1,13 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-classic-dark {
+      --theme-font-size-xs: 0.625rem;
+      --theme-font-size-s: 0.75rem;
+      --theme-font-size-caption: 0.75rem;
+      --theme-font-size-default: 0.875rem;
+      --theme-font-size-l: 1rem;
+      --theme-font-size-xl: 1.375rem;
+  }
+}

package/scss/theme/classic-dark/_fontWeights.scss

@@ -0,0 +1,9 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-classic-dark {
+      --theme-font-weight-bold: 700;
+      --theme-font-weight-normal: 400;
+  }
+}

package/scss/theme/classic-dark/_index.scss

@@ -0,0 +1,16 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+@import "./color";
+@import "./boxShadow";
+@import "./fontFamilies";
+@import "./fontWeights";
+@import "./typography";
+@import "./borderRadius";
+@import "./sizing";
+@import "./fontSizes";
+@import "./lineHeights";
+@import "./other";
+@import "./spacing";
+@import "./borderWidth";
+@import "./border";

package/scss/theme/classic-dark/_lineHeights.scss

@@ -0,0 +1,18 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-classic-dark {
+      --theme-line-height-xs: 140%;
+      --theme-line-height-s: 150%;
+      --theme-line-height-s-single: 150%;
+      --theme-line-height-caption: 150%;
+      --theme-line-height-caption-single: 100%;
+      --theme-line-height-default: 142.9%;
+      --theme-line-height-default-single: 114.3%;
+      --theme-line-height-l: 150%;
+      --theme-line-height-l-single: 125%;
+      --theme-line-height-h2: 145.5%;
+      --theme-line-height-xl: 109.1%;
+  }
+}

package/scss/theme/classic-dark/_other.scss

@@ -0,0 +1,16 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-classic-dark {
+      --theme-x-slow-time: 1s;
+      --theme-slow-time: 500ms;
+      --theme-medium-time: 300ms;
+      --theme-default-time: 150ms;
+      --theme-short-time: 0ms;
+      --theme-btn--focus--outline-offset: 0.0625rem;
+      --theme-checkbox--focus--outline-offset: 0.0625rem;
+      --theme-radiobtn--focus--outline-offset: 0.0625rem;
+      --theme-input--focus--outline-offset: 0.0625rem;
+  }
+}

package/scss/theme/classic-dark/_sizing.scss

@@ -0,0 +1,16 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-classic-dark {
+      --theme-default-control-height: 2rem;
+      --theme-large-control-height: 2.5rem;
+      --theme-medium-control-height: 1.5rem;
+      --theme-large-icon-size: 2rem;
+      --theme-default-icon-size: 1.5rem;
+      --theme-small-icon-size: 1rem;
+      --theme-focus--border-thickness: 0.0625rem;
+      --theme-input-min-width: 2rem;
+      --theme-tab-indicator--height: 0.25rem;
+  }
+}

package/scss/theme/classic-dark/_spacing.scss

@@ -0,0 +1,9 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-classic-dark {
+      --theme-input-padding-y: 0.5rem;
+      --theme-input-padding-x: 0.5rem;
+  }
+}

package/scss/theme/classic-dark/_typography.scss

@@ -0,0 +1,23 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-classic-dark {
+      --theme-text-h2: var(--theme-font-weight-bold) var(--theme-font-size-xl)/var(--theme-line-height-h2) var(--theme-siemens-sans);
+      --theme-text-xl: var(--theme-font-weight-normal) var(--theme-font-size-xl)/var(--theme-line-height-xl) var(--theme-siemens-sans);
+      --theme-text-l-title: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-siemens-sans);
+      --theme-text-l-title-single: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-siemens-sans);
+      --theme-text-l: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-siemens-sans);
+      --theme-text-l-single: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-siemens-sans);
+      --theme-text-default-title: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-siemens-sans);
+      --theme-text-default-title-single: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-siemens-sans);
+      --theme-text-default: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-siemens-sans);
+      --theme-text-default-single: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-siemens-sans);
+      --theme-text-caption: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption) var(--theme-siemens-sans);
+      --theme-text-caption-single: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption-single) var(--theme-siemens-sans);
+      --theme-text-s: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s) var(--theme-siemens-sans);
+      --theme-text-s-single: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s-single) var(--theme-siemens-sans);
+      --theme-text-xs: var(--theme-font-weight-normal) var(--theme-font-size-xs)/var(--theme-line-height-xs) var(--theme-siemens-sans);
+      --theme-text-default-underline: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-siemens-sans);
+  }
+}

package/scss/theme/classic-light/_border.scss

@@ -0,0 +1,35 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-classic-light {
+      --theme-primary-bdr-1: 0.0625rem solid var(--theme-color-primary);
+      --theme-primary-bdr-2: 0.125rem solid var(--theme-color-primary);
+      --theme-dynamic-bdr-1: 0.0625rem solid var(--theme-color-dynamic);
+      --theme-dynamic-bdr-2: 0.125rem solid var(--theme-color-dynamic);
+      --theme-contrast-bdr-1: 0.0625rem solid var(--theme-color-contrast-bdr);
+      --theme-contrast-bdr-2: 0.125rem solid var(--theme-color-contrast-bdr);
+      --theme-std-bdr-1: 0.0625rem solid var(--theme-color-std-bdr);
+      --theme-std-bdr-2: 0.125rem solid var(--theme-color-std-bdr);
+      --theme-soft-bdr-1: 0.0625rem solid var(--theme-color-soft-bdr);
+      --theme-soft-bdr-2: 0.125rem solid var(--theme-color-soft-bdr);
+      --theme-soft-dashed-bdr-1: 0.0625rem dashed var(--theme-color-soft-bdr);
+      --theme-soft-dashed-bdr-2: 0.125rem dashed var(--theme-color-soft-bdr);
+      --theme-weak-bdr-1: 0.0625rem solid var(--theme-color-weak-bdr);
+      --theme-weak-bdr-2: 0.125rem solid var(--theme-color-weak-bdr);
+      --theme-x-weak-bdr-1: 0.0625rem solid var(--theme-color-x-weak-bdr);
+      --theme-x-weak-bdr-2: 0.125rem solid var(--theme-color-x-weak-bdr);
+      --theme-alarm-bdr-1: 0.0625rem solid var(--theme-color-alarm);
+      --theme-alarm-bdr-2: 0.125rem solid var(--theme-color-alarm);
+      --theme-critical-bdr-1: 0.0625rem solid var(--theme-color-critical);
+      --theme-critical-bdr-2: 0.125rem solid var(--theme-color-critical);
+      --theme-warning-bdr-1: 0.0625rem solid var(--theme-color-warning);
+      --theme-warning-bdr-2: 0.125rem solid var(--theme-color-warning);
+      --theme-success-bdr-1: 0.0625rem solid var(--theme-color-success);
+      --theme-success-bdr-2: 0.125rem solid var(--theme-color-success);
+      --theme-info-bdr-1: 0.0625rem solid var(--theme-color-info);
+      --theme-info-bdr-2: 0.125rem solid var(--theme-color-info);
+      --theme-neutral-bdr-1: 0.0625rem solid var(--theme-color-neutral);
+      --theme-neutral-bdr-2: 0.125rem solid var(--theme-color-neutral);
+  }
+}

package/scss/theme/classic-light/_borderRadius.scss

@@ -0,0 +1,24 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-classic-light {
+      --theme-default-border-radius: 0.25rem;
+      --theme-small-border-radius: 0.125rem;
+      --theme-min-border-radius: 0rem;
+      --theme-btn--border-radius: var(--theme-default-border-radius);
+      --theme-blind--border-radius: var(--theme-default-border-radius);
+      --theme-breadcrumb--border-radius: var(--theme-default-border-radius);
+      --theme-group--border-radius: var(--theme-default-border-radius);
+      --theme-group--border-radius--focus: var(--theme-min-border-radius);
+      --theme-kpi--border-radius: var(--theme-default-border-radius);
+      --theme-input--border-radius: var(--theme-default-border-radius);
+      --theme-menu--border-radius: var(--theme-default-border-radius);
+      --theme-message-bar--border-radius: var(--theme-default-border-radius);
+      --theme-tile--border-radius: var(--theme-default-border-radius);
+      --theme-toast--border-radus: var(--theme-default-border-radius);
+      --theme-flip-tile--border-radius: var(--theme-default-border-radius);
+      --theme-upload--border-radius: var(--theme-default-border-radius);
+      --theme-workflow--border-radius: var(--theme-default-border-radius);
+  }
+}

package/scss/theme/classic-light/_borderWidth.scss

@@ -0,0 +1,18 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-classic-light {
+      --theme-btn--border-thickness: 0.125rem;
+      --theme-app-header--border-width: 0.0625rem;
+      --theme-blind--border-thickness: 0.0625rem;
+      --theme-checkbox--border-thickness: 0.125rem;
+      --theme-focus--border-thickness: 0.0625rem;
+      --theme-radiobtn--border-thickness: 0.125rem;
+      --theme-input--border-thickness: 0.0625rem;
+      --theme-menu--border-thickness: 0rem;
+      --theme-message-bar--border-thickness: 0.125rem;
+      --theme-modal--border-thickness: 0.0625rem;
+      --theme-toast--border-thickness: 0rem;
+  }
+}

package/scss/theme/classic-light/_boxShadow.scss

@@ -0,0 +1,19 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-classic-light {
+      --theme-shadow-1: 0px 2px 2px var(--theme-color-shadow-2), 0px 1px 1px var(--theme-color-shadow-1);
+      --theme-shadow-2: -4px 0px 8px var(--theme-color-shadow-2), 4px 0px 8px var(--theme-color-shadow-2), 0px 0px 16px var(--theme-color-shadow-1);
+      --theme-shadow-3: 0px 2px 6px var(--theme-color-shadow-2), 0px 0px 8px var(--theme-color-shadow-1);
+      --theme-shadow-4: 0px 0px 2px var(--theme-color-shadow-1), 0px 4px 8px var(--theme-color-shadow-1), 0px 12px 18px var(--theme-color-shadow-1);
+      --theme-inset-shadow-1: insert 0px 2px 4px var(--theme-color-shadow-3);
+      --theme-input--box-shadow: none;
+      --theme-menu--box-shadow: var(--theme-shadow-4);
+      --theme-navigation--box-shadow: var(--theme-shadow-2);
+      --theme-modal--box-shadow: var(--theme-shadow-4);
+      --theme-switch-thumb--box-shadow: none;
+      --theme-tile--box-shadow: var(--theme-shadow-3);
+      --theme-toast--box-shadow: var(--theme-shadow-4);
+  }
+}