@weni/unnnic-system 2.0.0 → 2.0.2

package/src/utils/plugins/i18n.js

@@ -1,13 +1,10 @@
 /* eslint-disable camelcase */
-import Vue from 'vue';
-import VueI18n from 'vue-i18n';
+import { createI18n } from 'vue-i18n';
 
 import en from '../../locales/en.json';
 import es from '../../locales/es.json';
 import pt_br from '../../locales/pt_br.json';
 
-Vue.use(VueI18n);
-
 const languages = {
   en,
   es,
@@ -17,10 +14,8 @@ const languages = {
 
 const messages = Object.assign(languages);
 
-const i18n = new VueI18n({
+export default createI18n({
   locale: 'pt-br',
   fallbackLocale: 'en',
   messages,
 });
-
-export default i18n;

package/.eslintrc.js

@@ -1,20 +0,0 @@
-module.exports = {
-  root: true,
-  env: {
-    node: true,
-  },
-  extends: ['plugin:vue/essential', '@vue/airbnb', 'plugin:storybook/recommended'],
-  parserOptions: {
-    parser: 'babel-eslint',
-  },
-  rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-  },
-  overrides: [{
-    files: ['**/__tests__/*.{j,t}s?(x)', '**/tests/unit/**/*.spec.{j,t}s?(x)'],
-    env: {
-      jest: true,
-    },
-  }],
-};

package/babel.config.js

@@ -1,16 +0,0 @@
-module.exports = {
-  presets: [
-    [
-      '@vue/cli-plugin-babel/preset',
-      {
-        targets: {
-          chrome: '87.0.0',
-          edge: '87.0.0',
-          firefox: '84.0.0',
-          ios: '13.3.0',
-          safari: '13.1.0',
-        },
-      },
-    ],
-  ],
-};

package/dist/demo.html

@@ -1,10 +0,0 @@
-<meta charset="utf-8">
-<title>unnnic demo</title>
-<script src="./unnnic.umd.js"></script>
-
-<link rel="stylesheet" href="./unnnic.css">
-
-
-<script>
-console.log(unnnic)
-</script>

package/dist/scss/colors.scss

@@ -1,241 +0,0 @@
-$unnnic-color-weni-50: #EEFFFC;
-$unnnic-color-weni-100: #C6FFF7;
-$unnnic-color-weni-200: #8EFFF1;
-$unnnic-color-weni-300: #4DFBEA;
-$unnnic-color-weni-400: #19E8DA;
-$unnnic-color-weni-500: #00DED2;
-$unnnic-color-weni-600: #00A49F;
-$unnnic-color-weni-700: #028380;
-$unnnic-color-weni-800: #086766;
-$unnnic-color-weni-900: #0C5554;
-$unnnic-color-weni-950: #003234;
-
-$unnnic-color-neutral-black: #272B33;
-$unnnic-color-neutral-darkest: #3B414D;
-$unnnic-color-neutral-dark: #4E5666;
-$unnnic-color-neutral-cloudy: #67738B;
-$unnnic-color-neutral-clean: #9CACCC;
-$unnnic-color-neutral-cleanest: #D0D3D9;
-$unnnic-color-neutral-soft: #E2E6ED;
-$unnnic-color-neutral-light: #F4F6F8;
-$unnnic-color-neutral-lightest: #F9F9F9;
-$unnnic-color-neutral-white: #FFFFFF;
-
-$unnnic-color-background-solo: #E8F4F4;
-$unnnic-color-background-sky: $unnnic-color-neutral-light;
-$unnnic-color-background-grass: #F5F6F6;
-$unnnic-color-background-lightest: $unnnic-color-neutral-lightest;
-$unnnic-color-background-white: $unnnic-color-neutral-white;
-
-$unnnic-color-aux-green-100: #C6F6D5;
-$unnnic-color-aux-green-300: #68D391;
-$unnnic-color-aux-green-500: #38A169;
-$unnnic-color-aux-green-700: #276749;
-$unnnic-color-aux-green-900: #1C4532;
-
-$unnnic-color-aux-blue-100: #BEE3F8;
-$unnnic-color-aux-blue-300: #63B3ED;
-$unnnic-color-aux-blue-500: #3182CE;
-$unnnic-color-aux-blue-700: #2C5282;
-$unnnic-color-aux-blue-900: #1A365D;
-
-$unnnic-color-aux-purple-100: #E9D8FD;
-$unnnic-color-aux-purple-300: #B794F4;
-$unnnic-color-aux-purple-500: #805AD5;
-$unnnic-color-aux-purple-700: #553C9A;
-$unnnic-color-aux-purple-900: #322659;
-
-$unnnic-color-aux-red-100: #FED7D7;
-$unnnic-color-aux-red-300: #FC8181;
-$unnnic-color-aux-red-500: #E53E3E;
-$unnnic-color-aux-red-700: #9B2C2C;
-$unnnic-color-aux-red-900: #63171B;
-
-$unnnic-color-aux-orange-100: #FEEBC8;
-$unnnic-color-aux-orange-300: #F6AD55;
-$unnnic-color-aux-orange-500: #DD6B20;
-$unnnic-color-aux-orange-700: #9C4221;
-$unnnic-color-aux-orange-900: #652B19;
-
-$unnnic-color-aux-yellow-100: #FEFCBF;
-$unnnic-color-aux-yellow-300: #F6E05E;
-$unnnic-color-aux-yellow-500: #D69E2E;
-$unnnic-color-aux-yellow-700: #975A16;
-$unnnic-color-aux-yellow-900: #5F370E;
-
-$unnnic-color-floweditor-blue: #0080A3;
-$unnnic-color-floweditor-purple: #7A00A3;
-$unnnic-color-floweditor-wine: #A3006A;
-$unnnic-color-floweditor-orange: #F99707;
-$unnnic-color-floweditor-pink: #DE16BA;
-$unnnic-color-floweditor-turquoise: $unnnic-color-weni-500;
-$unnnic-color-floweditor-green: #00A339;
-
-/* Background */
-$unnnic-color-background-carpet: $unnnic-color-neutral-lightest;
-$unnnic-color-background-snow: $unnnic-color-neutral-white;
-
-/* Neutral */
-$unnnic-color-neutral-snow: $unnnic-color-neutral-white;
-
-/* Feedback colors */
-$unnnic-color-feedback-red: #FF4545;
-$unnnic-color-feedback-green: #47D66F;
-$unnnic-color-feedback-yellow: #FDBA38;
-$unnnic-color-feedback-blue: #2856FC;
-$unnnic-color-feedback-grey: #ECECEC;
-
-/* Auxiliary colors */
-$unnnic-color-aux-blue: #00DED3;
-$unnnic-color-aux-purple: #8416DE;
-$unnnic-color-aux-orange: #F4691F;
-$unnnic-color-aux-lemon: #CCDE0B;
-$unnnic-color-aux-pink: #DE16BA;
-
-$unnnic-color-aux-baby-blue: #8EDEF5;
-$unnnic-color-aux-baby-yellow: #FBF391;
-$unnnic-color-aux-baby-red: #F48E8E;
-$unnnic-color-aux-baby-green: #B2FCA6;
-$unnnic-color-aux-baby-pink: #FFCBF6;
-
-/* Brand */
-$unnnic-color-brand-weni: $unnnic-color-weni-500;
-$unnnic-color-brand-weni-dark: #005E5A;
-$unnnic-color-brand-weni-soft: #009E96;
-$unnnic-color-brand-sec-dark: #262626;
-$unnnic-color-brand-sec-soft: #808080;
-$unnnic-color-brand-sec: #CCCCCC;
-
-:export{
-    unnnicColorBackgroundSolo: $unnnic-color-background-solo;
-}
-
-$scheme-colors:
-  "background-solo" $unnnic-color-background-solo,
-  "background-sky" $unnnic-color-background-sky,
-  "background-grass" $unnnic-color-background-grass,
-  "background-carpet" $unnnic-color-background-carpet,
-  "background-snow" $unnnic-color-background-snow,
-  "background-lightest" $unnnic-color-background-lightest,
-  "background-white" $unnnic-color-background-white,
-
-  /* Neutral */
-  "neutral-black" $unnnic-color-neutral-black,
-  "neutral-darkest" $unnnic-color-neutral-darkest,
-  "neutral-dark" $unnnic-color-neutral-dark,
-  "neutral-cloudy" $unnnic-color-neutral-cloudy,
-  "neutral-cleanest" $unnnic-color-neutral-cleanest,
-  "neutral-clean" $unnnic-color-neutral-clean,
-  "neutral-soft" $unnnic-color-neutral-soft,
-  "neutral-lightest" $unnnic-color-neutral-lightest,
-  "neutral-light" $unnnic-color-neutral-light,
-  "neutral-white" $unnnic-color-neutral-white,
-  "neutral-snow" $unnnic-color-neutral-snow,
-
-  /* Feedback colors */
-  "feedback-red" $unnnic-color-feedback-red,
-  "feedback-green" $unnnic-color-feedback-green,
-  "feedback-yellow" $unnnic-color-feedback-yellow,
-  "feedback-blue" $unnnic-color-feedback-blue,
-  "feedback-grey" $unnnic-color-feedback-grey,
-
-  /* Auxiliary colors */
-  "aux-blue" $unnnic-color-aux-blue,
-  "aux-purple" $unnnic-color-aux-purple,
-  "aux-orange" $unnnic-color-aux-orange,
-  "aux-lemon" $unnnic-color-aux-lemon,
-  "aux-pink" $unnnic-color-aux-pink,
-
-  "aux-baby-blue" $unnnic-color-aux-baby-blue,
-  "aux-baby-yellow" $unnnic-color-aux-baby-yellow,
-  "aux-baby-red" $unnnic-color-aux-baby-red,
-  "aux-baby-green" $unnnic-color-aux-baby-green,
-  "aux-baby-pink" $unnnic-color-aux-baby-pink,
-
-  "aux-green-100" $unnnic-color-aux-green-100,
-  "aux-green-300" $unnnic-color-aux-green-300,
-  "aux-green-500" $unnnic-color-aux-green-500,
-  "aux-green-700" $unnnic-color-aux-green-700,
-  "aux-green-900" $unnnic-color-aux-green-900,
-
-  "aux-blue-100" $unnnic-color-aux-blue-100,
-  "aux-blue-300" $unnnic-color-aux-blue-300,
-  "aux-blue-500" $unnnic-color-aux-blue-500,
-  "aux-blue-700" $unnnic-color-aux-blue-700,
-  "aux-blue-900" $unnnic-color-aux-blue-900,
-
-  "aux-purple-100" $unnnic-color-aux-purple-100,
-  "aux-purple-300" $unnnic-color-aux-purple-300,
-  "aux-purple-500" $unnnic-color-aux-purple-500,
-  "aux-purple-700" $unnnic-color-aux-purple-700,
-  "aux-purple-900" $unnnic-color-aux-purple-900,
-
-  "aux-red-100" $unnnic-color-aux-red-100,
-  "aux-red-300" $unnnic-color-aux-red-300,
-  "aux-red-500" $unnnic-color-aux-red-500,
-  "aux-red-700" $unnnic-color-aux-red-700,
-  "aux-red-900" $unnnic-color-aux-red-900,
-
-  "aux-orange-100" $unnnic-color-aux-orange-100,
-  "aux-orange-300" $unnnic-color-aux-orange-300,
-  "aux-orange-500" $unnnic-color-aux-orange-500,
-  "aux-orange-700" $unnnic-color-aux-orange-700,
-  "aux-orange-900" $unnnic-color-aux-orange-900,
-
-  "aux-yellow-100" $unnnic-color-aux-yellow-100,
-  "aux-yellow-300" $unnnic-color-aux-yellow-300,
-  "aux-yellow-500" $unnnic-color-aux-yellow-500,
-  "aux-yellow-700" $unnnic-color-aux-yellow-700,
-  "aux-yellow-900" $unnnic-color-aux-yellow-900,
-
-  "floweditor-blue" $unnnic-color-floweditor-blue,
-  "floweditor-purple" $unnnic-color-floweditor-purple,
-  "floweditor-wine" $unnnic-color-floweditor-wine,
-  "floweditor-orange" $unnnic-color-floweditor-orange,
-  "floweditor-pink" $unnnic-color-floweditor-pink,
-  "floweditor-turquoise" $unnnic-color-floweditor-turquoise,
-  "floweditor-green" $unnnic-color-floweditor-green,
-
-  /* Brand */
-  "weni-50" $unnnic-color-weni-50,
-  "weni-100" $unnnic-color-weni-100,
-  "weni-200" $unnnic-color-weni-200,
-  "weni-300" $unnnic-color-weni-300,
-  "weni-400" $unnnic-color-weni-400,
-  "weni-500" $unnnic-color-weni-500,
-  "weni-600" $unnnic-color-weni-600,
-  "weni-700" $unnnic-color-weni-700,
-  "weni-800" $unnnic-color-weni-800,
-  "weni-900" $unnnic-color-weni-900,
-  "weni-950" $unnnic-color-weni-950,
-
-  "brand-weni" $unnnic-color-brand-weni,
-  "brand-weni-dark" $unnnic-color-brand-weni-dark,
-  "brand-weni-soft" $unnnic-color-brand-weni-soft,
-  "brand-sec-dark" $unnnic-color-brand-sec-dark,
-  "brand-sec-soft" $unnnic-color-brand-sec-soft,
-  "brand-sec" $unnnic-color-brand-sec;
-
-
-@each $name, $color in $scheme-colors {
-  .color-#{$name} {
-    color: $color;
-  }
-
-  .bg-#{$name} {
-    background-color: $color;
-  }
-}
-
-
-.u {
-  @each $name, $color in $scheme-colors {
-    &.color-#{$name} {
-      color: $color;
-    }
-  
-    &.bg-#{$name} {
-      background-color: $color;
-    }
-  }
-}

package/dist/scss/fonts.scss

@@ -1,123 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
-
-$unnnic-font-size: 16px;
-
-// Font family
-$unnnic-font-family-primary: 'Aleo', serif;
-$unnnic-font-family-secondary: Lato;
-
-// Font weight
-$unnnic-font-weight-black: 900;
-$unnnic-font-weight-bold: 700;
-$unnnic-font-weight-regular: 400;
-$unnnic-font-weight-light: 300;
-
-// Font size
-$unnnic-font-size-body-sm: 0.5 * $unnnic-font-size;
-$unnnic-font-size-body-md: 0.75 * $unnnic-font-size;
-$unnnic-font-size-body-gt: 0.875 * $unnnic-font-size;
-$unnnic-font-size-body-lg: 1 * $unnnic-font-size;
-
-$unnnic-font-size-title-sm: 1.25 * $unnnic-font-size;
-$unnnic-font-size-title-md: 1.5 * $unnnic-font-size;
-$unnnic-font-size-title-lg: 2 * $unnnic-font-size;
-
-$unnnic-font-size-h4: 2.5 * $unnnic-font-size;
-$unnnic-font-size-h3: 3 * $unnnic-font-size;
-$unnnic-font-size-h2: 3.5 * $unnnic-font-size;
-$unnnic-font-size-h1: 4.5 * $unnnic-font-size;
-
-// Line height
-// Add this to font size when using
-$unnnic-line-height-small: 0.25 * $unnnic-font-size;
-$unnnic-line-height-medium: 0.5 * $unnnic-font-size;
-$unnnic-line-height-md: $unnnic-line-height-medium;
-$unnnic-line-height-large: 1 * $unnnic-font-size;
-
-.unnnic-font {
-  font-weight: $unnnic-font-weight-regular;
-  font-family: $unnnic-font-family-primary;
-
-  $font-sizes:
-    "body-sm" $unnnic-font-size-body-sm,
-    "body-md" $unnnic-font-size-body-md,
-    "body-gt" $unnnic-font-size-body-gt,
-    "body-lg" $unnnic-font-size-body-lg,
-
-    "title-sm" $unnnic-font-size-title-sm,
-    "title-md" $unnnic-font-size-title-md,
-    "title-lg" $unnnic-font-size-title-lg,
-
-    "h4" $unnnic-font-size-h4,
-    "h3" $unnnic-font-size-h3,
-    "h2" $unnnic-font-size-h2,
-    "h1" $unnnic-font-size-h1;
-
-  $font-weights:
-    "black" $unnnic-font-weight-black,
-    "bold" $unnnic-font-weight-bold,
-    "light" $unnnic-font-weight-light;
-
-  &.secondary {
-    font-family: $unnnic-font-family-secondary;
-  }
-
-  @each $name, $size in $font-sizes {
-    &.#{$name} {
-      font-size: $size;
-      line-height: $size + $unnnic-line-height-md;
-    }
-  }
-
-  @each $name, $weight in $font-weights {
-    &.#{$name} {
-      font-weight: $weight;
-    }
-  }
-}
-
-
-.u {
-  &.font {
-    font-weight: $unnnic-font-weight-regular;
-    font-family: $unnnic-font-family-primary;
-
-    $font-sizes:
-      "body-sm" $unnnic-font-size-body-sm,
-      "body-md" $unnnic-font-size-body-md,
-      "body-gt" $unnnic-font-size-body-gt,
-      "body-lg" $unnnic-font-size-body-lg,
-
-      "title-sm" $unnnic-font-size-title-sm,
-      "title-md" $unnnic-font-size-title-md,
-      "title-lg" $unnnic-font-size-title-lg,
-
-      "h4" $unnnic-font-size-h4,
-      "h3" $unnnic-font-size-h3,
-      "h2" $unnnic-font-size-h2,
-      "h1" $unnnic-font-size-h1;
-
-    $font-weights:
-      "black" $unnnic-font-weight-black,
-      "bold" $unnnic-font-weight-bold,
-      "light" $unnnic-font-weight-light;
-
-    &.secondary {
-      font-family: $unnnic-font-family-secondary;
-    }
-
-    @each $name, $size in $font-sizes {
-      &.#{$name} {
-        font-size: $size;
-        line-height: $size + $unnnic-line-height-md;
-      }
-    }
-
-    @each $name, $weight in $font-weights {
-      &.#{$name} {
-        font-weight: $weight;
-      }
-    }
-  }
-}

package/dist/scss/grid.scss

@@ -1,52 +0,0 @@
-.unnnic-grid-xs {
-    display: grid;
-    grid-gap: 16px;
-    grid-template-columns: repeat(auto-fill, calc((1/4)*100% - (16px * 3/4)));
-    padding: 0 16px;
-}
-
-.unnnic-grid-sm {
-    display: grid;
-    grid-gap: 16px;
-    grid-template-columns: repeat(auto-fill, calc((1/4)*100% - (16px * 3/4)));
-    padding: 0 16px;
-    box-sizing: border-box;
-}
-
-.unnnic-grid-md {
-    display: grid;
-    grid-gap: 16px;
-    grid-template-columns: repeat(auto-fill, calc((1/6)*100% - (16px * 5/6)));
-    padding: 0 48px;
-    box-sizing: border-box;
-}
-
-.unnnic-grid-lg {
-    display: grid;
-    grid-gap: 16px;
-    grid-template-columns: repeat(auto-fill, calc((1/12)*100% - (16px * 11/12)));
-    padding: 0 64px;
-    box-sizing: border-box;
-}
-
-.unnnic-grid-xl {
-    display: grid;
-    grid-gap: 16px;
-    grid-template-columns: repeat(auto-fill, calc((1/12)*100% - (16px * 11/12)));
-    padding: 0 176px;
-    box-sizing: border-box;
-}
-
-.unnnic-grid-giant {
-    display: grid;
-    grid-gap: 16px;
-    grid-template-columns: repeat(auto-fill, calc((1/12)*100% - (16px * 11/12)));
-    padding: 0 24px;
-    box-sizing: border-box;
-}
-
-@for $i from 1 to 13 {
-    .unnnic-grid-span-#{$i} {
-        grid-column: span #{$i};
-    }
-}

package/dist/scss/spacing.scss

@@ -1,103 +0,0 @@
-// Icon size
-$unnnic-icon-size-xl: 2.5 * $unnnic-font-size;
-$unnnic-icon-size-lg: 2 * $unnnic-font-size;
-$unnnic-icon-size-md: 1.5 * $unnnic-font-size;
-$unnnic-icon-size-ant: 1.25 * $unnnic-font-size;
-$unnnic-icon-size-sm: 1 * $unnnic-font-size;
-$unnnic-icon-size-xs: 0.75 * $unnnic-font-size;
-
-// Avatar size
-$unnnic-avatar-size-lg: 6.5 * $unnnic-font-size;
-$unnnic-avatar-size-md: 4.5 * $unnnic-font-size;
-$unnnic-avatar-size-sm: 2.5 * $unnnic-font-size;
-$unnnic-avatar-size-xs: 2 * $unnnic-font-size;
-$unnnic-avatar-size-nano: 1.25 * $unnnic-font-size;
-
-// Border radius
-$unnnic-border-radius-sm: 0.25 * $unnnic-font-size;
-$unnnic-border-radius-md: 0.5 * $unnnic-font-size;
-$unnnic-border-radius-lg: 1 * $unnnic-font-size;
-$unnnic-border-radius-pill: 37.5 * $unnnic-font-size;
-
-// Border width
-$unnnic-border-width-thinner: 0.0625 * $unnnic-font-size;
-$unnnic-border-width-thin: 0.125 * $unnnic-font-size;
-$unnnic-border-width-thick: 0.25 * $unnnic-font-size;
-
-// Shadow levels
-$unnnic-shadow-level-near: 0 * $unnnic-font-size 0.25 * $unnnic-font-size 8px rgba(0, 0, 0, .12);
-$unnnic-shadow-level-separated: 0px 8px 16px rgba(0, 0, 0, .08);
-$unnnic-shadow-level-far: 0px 12px 32px rgba(0, 0, 0, .04);
-$unnnic-shadow-level-distant: 0px 20px 40px rgba(0, 0, 0, .06);
-
-// Opacity levels
-$unnnic-opacity-level-darkest: 0.8;
-$unnnic-opacity-level-dark: 0.64;
-$unnnic-opacity-level-clarifying: 0.48;
-$unnnic-opacity-level-overlay: 0.4;
-$unnnic-opacity-level-clear: 0.32;
-$unnnic-opacity-level-light: 0.16;
-$unnnic-opacity-level-extra-light: 0.08;
-
-// Spacing
-$unnnic-spacing-nano: 0.25 * $unnnic-font-size;
-$unnnic-spacing-xs: 0.5 * $unnnic-font-size;
-$unnnic-spacing-ant: 0.75 * $unnnic-font-size;
-$unnnic-spacing-sm: $unnnic-font-size;
-$unnnic-spacing-md: 1.5 * $unnnic-font-size;
-$unnnic-spacing-lg: 2 * $unnnic-font-size;
-$unnnic-spacing-xl: 2.5 * $unnnic-font-size;
-$unnnic-spacing-giant: 3 * $unnnic-font-size;
-$unnnic-spacing-xgiant: 4 * $unnnic-font-size;
-$unnnic-spacing-awesome: 5 * $unnnic-font-size;
-
-$unnnic-inset-nano: $unnnic-spacing-xs;
-$unnnic-inset-xs: $unnnic-spacing-ant;
-$unnnic-inset-sm: $unnnic-spacing-sm;
-$unnnic-inset-md: $unnnic-spacing-md;
-$unnnic-inset-lg: $unnnic-spacing-lg;
-$unnnic-spacing-inset-nano: $unnnic-inset-nano;
-$unnnic-spacing-inset-xs: $unnnic-inset-xs;
-$unnnic-spacing-inset-sm: $unnnic-inset-sm;
-$unnnic-spacing-inset-md: $unnnic-inset-md;
-$unnnic-spacing-inset-lg: $unnnic-inset-lg;
-
-// Squish
-$unnnic-squish-nano: $unnnic-spacing-xs $unnnic-spacing-sm;
-$unnnic-squish-xs: $unnnic-spacing-ant $unnnic-spacing-sm;
-$unnnic-squish-sm: $unnnic-spacing-ant $unnnic-spacing-md;
-$unnnic-squish-md: $unnnic-spacing-sm $unnnic-spacing-md;
-$unnnic-squish-lg: $unnnic-spacing-md $unnnic-spacing-lg;
-
-// Inline
-$unnnic-inline-nano: $unnnic-spacing-nano;
-$unnnic-inline-xs: $unnnic-spacing-xs;
-$unnnic-inline-ant: $unnnic-spacing-ant;
-$unnnic-inline-sm: $unnnic-spacing-sm;
-$unnnic-inline-md: $unnnic-spacing-md;
-$unnnic-inline-lg: $unnnic-spacing-lg;
-$unnnic-inline-xl: $unnnic-spacing-xl;
-$unnnic-inline-giant: $unnnic-spacing-giant;
-$unnnic-inline-xgiant: $unnnic-spacing-xgiant;
-$unnnic-inline-awesome: $unnnic-spacing-awesome;
-$unnnic-spacing-inline-nano: $unnnic-inline-nano;
-$unnnic-spacing-inline-xs: $unnnic-inline-xs;
-$unnnic-spacing-inline-ant: $unnnic-inline-ant;
-$unnnic-spacing-inline-sm: $unnnic-inline-sm;
-$unnnic-spacing-inline-md: $unnnic-inline-md;
-$unnnic-spacing-inline-lg: $unnnic-inline-lg;
-$unnnic-spacing-inline-xl: $unnnic-inline-xl;
-$unnnic-spacing-inline-giant: $unnnic-inline-giant;
-$unnnic-spacing-inline-xgiant: $unnnic-inline-xgiant;
-$unnnic-spacing-inline-awesome: $unnnic-inline-awesome;
-
-// Stack
-$unnnic-spacing-stack-nano: $unnnic-spacing-nano;
-$unnnic-spacing-stack-xs: $unnnic-spacing-xs;
-$unnnic-spacing-stack-sm: $unnnic-spacing-sm;
-$unnnic-spacing-stack-md: $unnnic-spacing-md;
-$unnnic-spacing-stack-lg: $unnnic-spacing-lg;
-$unnnic-spacing-stack-xl: $unnnic-spacing-xl;
-$unnnic-spacing-stack-giant: $unnnic-spacing-giant;
-$unnnic-spacing-stack-xgiant: $unnnic-spacing-xgiant;
-$unnnic-spacing-stack-awesome: $unnnic-spacing-awesome;

package/dist/scss/unnnic.scss

@@ -1,10 +0,0 @@
-@import './colors.scss';
-@import './fonts.scss';
-@import './spacing.scss';
-@import './grid.scss';
-
-.unnnic {
-    &--clickable {
-        cursor: pointer;
-    }
-}