otimus-library 0.2.45 → 0.2.47

package/{styles → src/styles}/patterns/shui/colors.shui.scss

@@ -1,155 +1,155 @@
-@import './variables.shui.scss';
-
-.shui, .shui .oc {
-  &.color, .oc.color {
-    // Base Color classes
-    &.b-0 {
-      color: variables.$color-shui-base-0;
-    }
-    
-    &.b-1 {
-      color: variables.$color-shui-base-1;
-    }
-    
-    &.b-2 {
-      color: variables.$color-shui-base-2;
-    }
-  
-    // UI Color classes
-    &.ui-0 {
-      color: variables.$color-shui-ui-0;
-    }
-    
-    &.ui-1 {
-      color: variables.$color-shui-ui-1;
-    }
-  
-    &.ui-2 {
-      color: variables.$color-shui-ui-2;
-    }
-    
-    &.ui-3 {
-      color: variables.$color-shui-ui-3;
-    }
-    
-    &.ui-4 {
-      color: variables.$color-shui-ui-4;
-    }
-    
-    &.ui-5 {
-      color: variables.$color-shui-ui-5;
-    }
-    
-    &.ui-6 {
-      color: variables.$color-shui-ui-6;
-    }
-    
-    &.ui-7 {
-      color: variables.$color-shui-ui-7;
-    }
-
-    &.ui-8, &.p-1 {
-      color: variables.$color-shui-ui-8 !important;
-    }
-
-    // Functional color classes
-    &.f-green {
-      color: variables.$color-shui-functional-green;
-    }
-    
-    &.f-yellow {
-      color: variables.$color-shui-functional-yellow;
-    }
-
-    &.f-red {
-      color: variables.$color-shui-functional-red;
-    }
-  }
-
-
-  &.bg, .oc.color.bg {
-    // Base Color classes
-    &.b-0 {
-      background-color: variables.$color-shui-base-0;
-    }
-    
-    &.b-1 {
-      background-color: variables.$color-shui-base-0;
-    }
-    
-    &.b-2 {
-      background-color: variables.$color-shui-base-0;
-    }
-  
-    &.b-3 {
-      background-color: variables.$color-shui-base-0;
-    }
-  
-    // UI Color classes
-    &.ui-0 {
-      background-color: variables.$color-shui-ui-0;
-    }
-    
-    &.ui-1 {
-      background-color: variables.$color-shui-ui-1;
-    }
-  
-    &.ui-2 {
-      background-color: variables.$color-shui-ui-2;
-    }
-    
-    &.ui-3 {
-      background-color: variables.$color-shui-ui-3;
-    }
-    
-    &.ui-4 {
-      background-color: variables.$color-shui-ui-4;
-    }
-    
-    &.ui-5 {
-      background-color: variables.$color-shui-ui-5;
-    }
-    
-    &.ui-6 {
-      background-color: variables.$color-shui-ui-6;
-    }
-    
-    &.ui-7 {
-      background-color: variables.$color-shui-ui-7;
-    }
-
-    &.ui-8, &.p-1 {
-      background-color: variables.$color-shui-ui-8;
-    }
-
-    // Functional color classes
-    &.f-green {
-      background-color: variables.$color-shui-functional-green;
-    }
-    
-    &.f-yellow {
-      background-color: variables.$color-shui-functional-yellow;
-    }
-
-    &.f-red {
-      background-color: variables.$color-shui-functional-red;
-    }
-  }
-
-  &.text, .oc.color.text {
-    &.text-primary {
-      color: variables.$color-shui-ui-0;
-      opacity: 90%;
-    }
-    
-    &.text-secondary {
-      color: variables.$color-shui-ui-0;
-      opacity: 60%;
-    }
-  
-    &.text-disabled {
-      color: variables.$color-shui-ui-0;
-      opacity: 60%;
-    }
-  }
+@import './variables.shui.scss';
+
+.shui, .shui .oc {
+  &.color, .oc.color {
+    // Base Color classes
+    &.b-0 {
+      color: variables.$color-shui-base-0;
+    }
+    
+    &.b-1 {
+      color: variables.$color-shui-base-1;
+    }
+    
+    &.b-2 {
+      color: variables.$color-shui-base-2;
+    }
+  
+    // UI Color classes
+    &.ui-0 {
+      color: variables.$color-shui-ui-0;
+    }
+    
+    &.ui-1 {
+      color: variables.$color-shui-ui-1;
+    }
+  
+    &.ui-2 {
+      color: variables.$color-shui-ui-2;
+    }
+    
+    &.ui-3 {
+      color: variables.$color-shui-ui-3;
+    }
+    
+    &.ui-4 {
+      color: variables.$color-shui-ui-4;
+    }
+    
+    &.ui-5 {
+      color: variables.$color-shui-ui-5;
+    }
+    
+    &.ui-6 {
+      color: variables.$color-shui-ui-6;
+    }
+    
+    &.ui-7 {
+      color: variables.$color-shui-ui-7;
+    }
+
+    &.ui-8, &.p-1 {
+      color: variables.$color-shui-ui-8 !important;
+    }
+
+    // Functional color classes
+    &.f-green {
+      color: variables.$color-shui-functional-green;
+    }
+    
+    &.f-yellow {
+      color: variables.$color-shui-functional-yellow;
+    }
+
+    &.f-red {
+      color: variables.$color-shui-functional-red;
+    }
+  }
+
+
+  &.bg, .oc.color.bg {
+    // Base Color classes
+    &.b-0 {
+      background-color: variables.$color-shui-base-0;
+    }
+    
+    &.b-1 {
+      background-color: variables.$color-shui-base-0;
+    }
+    
+    &.b-2 {
+      background-color: variables.$color-shui-base-0;
+    }
+  
+    &.b-3 {
+      background-color: variables.$color-shui-base-0;
+    }
+  
+    // UI Color classes
+    &.ui-0 {
+      background-color: variables.$color-shui-ui-0;
+    }
+    
+    &.ui-1 {
+      background-color: variables.$color-shui-ui-1;
+    }
+  
+    &.ui-2 {
+      background-color: variables.$color-shui-ui-2;
+    }
+    
+    &.ui-3 {
+      background-color: variables.$color-shui-ui-3;
+    }
+    
+    &.ui-4 {
+      background-color: variables.$color-shui-ui-4;
+    }
+    
+    &.ui-5 {
+      background-color: variables.$color-shui-ui-5;
+    }
+    
+    &.ui-6 {
+      background-color: variables.$color-shui-ui-6;
+    }
+    
+    &.ui-7 {
+      background-color: variables.$color-shui-ui-7;
+    }
+
+    &.ui-8, &.p-1 {
+      background-color: variables.$color-shui-ui-8;
+    }
+
+    // Functional color classes
+    &.f-green {
+      background-color: variables.$color-shui-functional-green;
+    }
+    
+    &.f-yellow {
+      background-color: variables.$color-shui-functional-yellow;
+    }
+
+    &.f-red {
+      background-color: variables.$color-shui-functional-red;
+    }
+  }
+
+  &.text, .oc.color.text {
+    &.text-primary {
+      color: variables.$color-shui-ui-0;
+      opacity: 90%;
+    }
+    
+    &.text-secondary {
+      color: variables.$color-shui-ui-0;
+      opacity: 60%;
+    }
+  
+    &.text-disabled {
+      color: variables.$color-shui-ui-0;
+      opacity: 60%;
+    }
+  }
 }

package/{styles → src/styles}/patterns/shui/fonts.shui.scss

@@ -1,65 +1,65 @@
-@font-face {
-  font-family: 'Siemens-Sans';
-  src: url('../../../assets/fonts/siemens/SiemensSans-Roman.woff2') format('woff2'),
-       url('../../../assets/fonts/siemens/SiemensSans-Roman.woff') format('woff');
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Siemens-Sans';
-  src: url('../../../assets/fonts/siemens/SiemensSans-Bold.woff2') format('woff2'),
-       url('../../../assets/fonts/siemens/SiemensSans-Bold.woff') format('woff');
-  font-weight: bold;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Siemens-Sans';
-  src: url('../../../assets/fonts/siemens/SiemensSans-Italic.woff2') format('woff2'),
-       url('../../../assets/fonts/siemens/SiemensSans-Italic.woff') format('woff');
-  font-weight: normal;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Siemens-Sans';
-  src: url('../../../assets/fonts/siemens/SiemensSans-BoldItalic.woff2') format('woff2'),
-       url('../../../assets/fonts/siemens/SiemensSans-BoldItalic.woff') format('woff');
-  font-weight: bold;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Siemens-Sans';
-  src: url('../../../assets/fonts/siemens/SiemensSans-Black.woff2') format('woff2'),
-       url('../../../assets/fonts/siemens/SiemensSans-Black.woff') format('woff');
-  font-weight: 900;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Siemens-Sans';
-  src: url('../../../assets/fonts/siemens/SiemensSans-BlackItalic.woff2') format('woff2'),
-       url('../../../assets/fonts/siemens/SiemensSans-BlackItalic.woff') format('woff');
-  font-weight: 900;
-  font-style: italic;
-}
-
-/* Bree Global Headline */
-@font-face {
-  font-family: 'Siemens-Font';
-  src: url('../../../assets/fonts/siemens/SH-Bree-Headline-Regular.woff2') format('woff2'),
-       url('../../../assets/fonts/siemens/SH-Bree-Headline-Regular.woff') format('woff');
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Siemens-Font';
-  src: url('../../../assets/fonts/siemens/SH-Bree-Headline-Oblique.woff2') format('woff2'),
-       url('../../../assets/fonts/siemens/SH-Bree-Headline-Oblique.woff') format('woff');
-  font-weight: normal;
-  font-style: italic;
-}
-
+@font-face {
+  font-family: 'Siemens-Sans';
+  src: url('../../../assets/fonts/siemens/SiemensSans-Roman.woff2') format('woff2'),
+       url('../../../assets/fonts/siemens/SiemensSans-Roman.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Siemens-Sans';
+  src: url('../../../assets/fonts/siemens/SiemensSans-Bold.woff2') format('woff2'),
+       url('../../../assets/fonts/siemens/SiemensSans-Bold.woff') format('woff');
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Siemens-Sans';
+  src: url('../../../assets/fonts/siemens/SiemensSans-Italic.woff2') format('woff2'),
+       url('../../../assets/fonts/siemens/SiemensSans-Italic.woff') format('woff');
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Siemens-Sans';
+  src: url('../../../assets/fonts/siemens/SiemensSans-BoldItalic.woff2') format('woff2'),
+       url('../../../assets/fonts/siemens/SiemensSans-BoldItalic.woff') format('woff');
+  font-weight: bold;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Siemens-Sans';
+  src: url('../../../assets/fonts/siemens/SiemensSans-Black.woff2') format('woff2'),
+       url('../../../assets/fonts/siemens/SiemensSans-Black.woff') format('woff');
+  font-weight: 900;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Siemens-Sans';
+  src: url('../../../assets/fonts/siemens/SiemensSans-BlackItalic.woff2') format('woff2'),
+       url('../../../assets/fonts/siemens/SiemensSans-BlackItalic.woff') format('woff');
+  font-weight: 900;
+  font-style: italic;
+}
+
+/* Bree Global Headline */
+@font-face {
+  font-family: 'Siemens-Font';
+  src: url('../../../assets/fonts/siemens/SH-Bree-Headline-Regular.woff2') format('woff2'),
+       url('../../../assets/fonts/siemens/SH-Bree-Headline-Regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Siemens-Font';
+  src: url('../../../assets/fonts/siemens/SH-Bree-Headline-Oblique.woff2') format('woff2'),
+       url('../../../assets/fonts/siemens/SH-Bree-Headline-Oblique.woff') format('woff');
+  font-weight: normal;
+  font-style: italic;
+}
+

package/{styles → src/styles}/patterns/shui/index.shui.scss

@@ -1,24 +1,24 @@
-@use '../../variables.scss';
-@import './fonts.shui.scss';
-@import './colors.shui.scss';
-
-.shui {
-  font-family: 'Siemens-sans';
-
-  ::-webkit-scrollbar-thumb {
-    background: variables.$color-shui-ui-8;
-    border: 0px none #ffffff;
-    border-radius: 52px;
-  }
-  ::-webkit-scrollbar-thumb:hover {
-    background: variables.$color-shui-ui-8;
-  }
-  ::-webkit-scrollbar-thumb:active {
-    background: variables.$color-shui-ui-8;
-  }
-  ::-webkit-scrollbar-track {
-    background: variables.$color-shui-base-2;
-    border: 0px none #ffffff;
-    border-radius: 50px;
-  }
-}
+@use '../../variables.scss';
+@import './fonts.shui.scss';
+@import './colors.shui.scss';
+
+.shui {
+  font-family: 'Siemens-sans';
+
+  ::-webkit-scrollbar-thumb {
+    background: variables.$color-shui-ui-8;
+    border: 0px none #ffffff;
+    border-radius: 52px;
+  }
+  ::-webkit-scrollbar-thumb:hover {
+    background: variables.$color-shui-ui-8;
+  }
+  ::-webkit-scrollbar-thumb:active {
+    background: variables.$color-shui-ui-8;
+  }
+  ::-webkit-scrollbar-track {
+    background: variables.$color-shui-base-2;
+    border: 0px none #ffffff;
+    border-radius: 50px;
+  }
+}

package/{styles → src/styles}/patterns/shui/variables.shui.scss

@@ -1,23 +1,23 @@
-// Light base
-$color-shui-base-0: #ffffff;
-$color-shui-base-1: #ebebeb;
-$color-shui-base-2: #f5f5f5;
-
-$color-shui-ui-0: #009999;
-$color-shui-ui-1: #000000;
-$color-shui-ui-2: #ec6602;
-$color-shui-ui-3: #cf4b00;
-$color-shui-ui-4: #d85808;
-$color-shui-ui-5: #7d7d7d;
-$color-shui-ui-6: #c8c8c8;
-$color-shui-ui-7: #ffffff;
-
-$color-shui-ui-8: #0169b2;
-
-// Functional color
-$color-shui-functional-green: #009a38;
-$color-shui-functional-yellow: #ffd200;
-$color-shui-functional-red: #e7001d;
-
-// BW Colors
+// Light base
+$color-shui-base-0: #ffffff;
+$color-shui-base-1: #ebebeb;
+$color-shui-base-2: #f5f5f5;
+
+$color-shui-ui-0: #009999;
+$color-shui-ui-1: #000000;
+$color-shui-ui-2: #ec6602;
+$color-shui-ui-3: #cf4b00;
+$color-shui-ui-4: #d85808;
+$color-shui-ui-5: #7d7d7d;
+$color-shui-ui-6: #c8c8c8;
+$color-shui-ui-7: #ffffff;
+
+$color-shui-ui-8: #0169b2;
+
+// Functional color
+$color-shui-functional-green: #009a38;
+$color-shui-functional-yellow: #ffd200;
+$color-shui-functional-red: #e7001d;
+
+// BW Colors
 $color-shui-black: #000000;

package/{styles → src/styles}/states.scss

@@ -1,5 +1,5 @@
-.oc.disabled{
-  opacity: .5;
-  pointer-events: none;
-  cursor: not-allowed;
-}
+.oc.disabled{
+  opacity: .5;
+  pointer-events: none;
+  cursor: not-allowed;
+}

package/{styles → src/styles}/styles.scss

@@ -1,47 +1,47 @@
-@import './components/index.scss';
-@import './grid.scss';
-@import './colors.scss';
-@import './states.scss';
-@import './variables.scss';
-@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
-
-*{
-  font-family: 'Ubuntu', sans-serif;
-  box-sizing: border-box;
-}
-
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-::-webkit-scrollbar-button {
-  width: 0px;
-  height: 0px;
-}
-::-webkit-scrollbar-thumb {
-  background: #5505a2;
-  border: 0px none #ffffff;
-  border-radius: 52px;
-}
-::-webkit-scrollbar-thumb:hover {
-  background: #5505a2;
-}
-::-webkit-scrollbar-thumb:active {
-  background: #5505a2;
-}
-::-webkit-scrollbar-track {
-  background: #f8f9ff;
-  border: 0px none #ffffff;
-  border-radius: 50px;
-}
-::-webkit-scrollbar-track:hover {
-  background: #d1d5db;
-}
-::-webkit-scrollbar-track:active {
-  background: #d1d5db;
-}
-::-webkit-scrollbar-corner {
-  background: transparent;
-}
-
+@import './components/index.scss';
+@import './grid.scss';
+@import './colors.scss';
+@import './states.scss';
+@import './variables.scss';
+@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
+
+*{
+  font-family: 'Ubuntu', sans-serif;
+  box-sizing: border-box;
+}
+
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+::-webkit-scrollbar-button {
+  width: 0px;
+  height: 0px;
+}
+::-webkit-scrollbar-thumb {
+  background: #5505a2;
+  border: 0px none #ffffff;
+  border-radius: 52px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: #5505a2;
+}
+::-webkit-scrollbar-thumb:active {
+  background: #5505a2;
+}
+::-webkit-scrollbar-track {
+  background: #f8f9ff;
+  border: 0px none #ffffff;
+  border-radius: 50px;
+}
+::-webkit-scrollbar-track:hover {
+  background: #d1d5db;
+}
+::-webkit-scrollbar-track:active {
+  background: #d1d5db;
+}
+::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
 @import './patterns/shui/index.shui.scss';