@webitel/ui-sdk 0.9.66 → 1.0.3

package/src/css/styleguide/typography/_typography.scss

@@ -0,0 +1,102 @@
+
+%typo-heading-1 {
+  font: {
+    family: 'Montserrat', monospace;
+    size: 32px;
+    weight: 600;
+  }
+  line-height: 48px;
+  letter-spacing: 0.28px; // 0.02em
+}
+
+%typo-heading-2 {
+  font: {
+    family: 'Montserrat', monospace;
+    size: 24px;
+    weight: 600;
+  }
+  line-height: 40px;
+  letter-spacing: 0.28px; // 0.02em
+}
+
+%typo-heading-3 {
+  font: {
+    family: 'Montserrat', monospace;
+    size: 20px;
+    weight: 600;
+  }
+  line-height: 32px;
+  letter-spacing: 0.28px; // 0.02em
+}
+
+%typo-subtitle-1 {
+  font: {
+    family: 'Montserrat', monospace;
+    size: 14px;
+    weight: 500;
+  }
+  line-height: 24px;
+  letter-spacing: 0.28px; // 0.02em
+}
+
+%typo-subtitle-2 {
+  font: {
+    family: 'Montserrat', monospace;
+    size: 12px;
+    weight: 500;
+  }
+  line-height: 20px;
+  letter-spacing: 0.28px; // 0.02em
+}
+
+%typo-body-1 {
+  font: {
+    family: 'Montserrat', monospace;
+    size: 14px;
+    weight: 400;
+  }
+  line-height: 24px;
+  letter-spacing: 0.56px; // 0.04em
+}
+
+%typo-body-2 {
+  font: {
+    family: 'Montserrat', monospace;
+    size: 12px;
+    weight: 400;
+  }
+  line-height: 20px;
+  letter-spacing: 0.16px; // 0.01em
+}
+
+%typo-button {
+  font: {
+    family: 'Montserrat', monospace;
+    size: 12px;
+    weight: 500;
+  }
+  text-transform: uppercase;
+  line-height: 24px;
+  letter-spacing: 0.96px; // 0.06em
+}
+
+%typo-caption {
+  font: {
+    family: 'Montserrat', monospace;
+    size: 10px;
+    weight: 400;
+  }
+  line-height: 16px;
+  letter-spacing: 0.48px; // 0.03em
+}
+
+%typo-overline {
+  font: {
+    family: 'Montserrat', monospace;
+    size: 12px;
+    weight: 500;
+  }
+  line-height: 20px;
+  text-transform: uppercase;
+  letter-spacing: 2.56px; // 0.16em
+}

package/src/components/atoms/wt-badge/__tests__/WtBadge.spec.js

@@ -1,19 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-import WtBadge from '../wt-badge.vue';
-
-describe('WtBadge', () => {
-  it('renders a component', () => {
-    const wrapper = shallowMount(WtBadge);
-    expect(wrapper.classes('wt-badge')).toBe(true);
-  });
-
-  it('renders a badge content via default slot', () => {
-    const content = 'badge content';
-    const wrapper = shallowMount(WtBadge, {
-      slots: {
-        default: content,
-      },
-    });
-    expect(wrapper.find('.wt-badge').text()).toBe(content);
-  });
-});

package/src/css/components/atoms/wt-badge/_variables.scss

@@ -1,7 +0,0 @@
-
-:root {
-  --badge-padding: 5px 10px;
-  --badge-border-radius: 20px;
-  --badge-bg-color: var(--main-secondary-accent-color);
-  --badge-bg-color--outline: var(--main-outline-color);
-}

package/src/css/fonts/_fonts.scss

@@ -1,9 +0,0 @@
-@font-face {
-  font-family: 'Montserrat Semi';
-  src: url('../../assets/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'Montserrat Regular';
-  src: url('../../assets/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
-}

package/src/css/shadows/_shadows.scss

@@ -1,7 +0,0 @@
-:root {
-  --shadow-style-down-50: 0px 0px 1px rgba(0, 0, 0, 0.15), inset 1px 1px 1px rgba(0, 0, 0, 0.05);
-  --shadow-style-down-100: 0px 0px 1px rgba(0, 0, 0, 0.15), inset 1px 1px 1px rgba(0, 0, 0, 0.05), inset 0px 0px 8px rgba(0, 0, 0, 0.1);
-  --shadow-style-up-50: 1px 1px 2px rgba(0, 0, 0, 0.08), inset 1px 1px 1px #FFFFFF, inset -1px -1px 1px rgba(0, 0, 0, 0.05);
-  --shadow-style-up-100: 1px 1px 2px rgba(0, 0, 0, 0.05), -1px -1px 5px #FFFFFF, inset 1px 1px 1px #FFFFFF, inset -1px -1px 3px rgba(0, 0, 0, 0.1);
-  --shadow-style-font: 0px 0px 10px rgba(0, 0, 0, 0.1);
-}

package/src/css/sizes/_sizes.scss

@@ -1,2 +0,0 @@
-@import 'viewport-breakpoints';
-@import 'spacing';

package/src/css/sizes/_spacing.scss

@@ -1,33 +0,0 @@
-//@import './viewport-breakpoints';
-
-:root {
-  // Start point
-  --_spacing-multiplicity: 4px;
-
-  // Spacings
-  --spacing--xs: calc(var(--_spacing-multiplicity) * 1);
-  --spacing--sm: calc(var(--_spacing-multiplicity) * 2);
-  --spacing--md: calc(var(--_spacing-multiplicity) * 3);
-  --spacing--lg: calc(var(--_spacing-multiplicity) * 4);
-  --spacing--xl: calc(var(--_spacing-multiplicity) * 5);
-  --spacing--2xl: calc(var(--_spacing-multiplicity) * 6);
-  --spacing--3xl: calc(var(--_spacing-multiplicity) * 7);
-
-  // Border radius
-  --border-radius: var(--spacing--xs);
-
-  // DEPRECATED
-  --component-padding: var(--spacing--lg);
-  --component-spacing: var(--spacing--lg);
-  --icon-spacing: var(--spacing--sm);
-
-  //@media (#{$media} and #{$media-width-sm}) {
-  //  --component-padding: 10px;
-  //  --component-spacing: 10px;
-  //}
-  //
-  //@media (#{$media} and #{$media-width-xs}) {
-  //  --component-padding: 10px;
-  //  --component-spacing: 1px;
-  //}
-}

package/src/css/transitions/_transitions.scss

@@ -1 +0,0 @@
-@import "./fade/fade";

package/src/css/typography/_typography.scss

@@ -1,72 +0,0 @@
-
-%typo-heading-lg {
-  font: {
-    family: 'Montserrat Semi', monospace;
-    size: 24px;
-  }
-  line-height: 30px;
-}
-
-%typo-heading-md {
-  font: {
-    family: 'Montserrat Semi', monospace;
-    size: 20px;
-  }
-  line-height: 30px;
-}
-
-%typo-heading-sm {
-  font: {
-    family: 'Montserrat Semi', monospace;
-    size: 18px;
-  }
-  line-height: 24px;
-}
-
-%typo-strong-lg {
-  font: {
-    family: 'Montserrat Semi', monospace;
-    size: 14px;
-  }
-  line-height: 18px;
-}
-
-%typo-strong-md {
-  font: {
-    family: 'Montserrat Semi', monospace;
-    size: 12px;
-  }
-  line-height: 14px;
-}
-
-%typo-strong-sm {
-  font: {
-    family: 'Montserrat Semi', monospace;
-    size: 10px;
-  }
-  line-height: 12px;
-}
-
-%typo-body-lg {
-  font: {
-    family: 'Montserrat Regular', monospace;
-    size: 14px;
-  }
-  line-height: 18px;
-}
-
-%typo-body-md {
-  font: {
-    family: 'Montserrat Regular', monospace;
-    size: 12px;
-  }
-  line-height: 14px;
-}
-
-%typo-body-sm {
-  font: {
-    family: 'Montserrat Regular', monospace;
-    size: 10px;
-  }
-  line-height: 12px;
-}