@esportsplus/ui 0.0.114 → 0.0.117

package/src/tokens/scss/spacer.scss

@@ -1,8 +0,0 @@
-@use '../../lib';
-@use 'size';
-
-$spacer: (
-    300: lib.map-get(size.$size, 900) * 1,
-    400: lib.map-get(size.$size, 900) * 2,
-    500: lib.map-get(size.$size, 900) * 3
-);

package/src/tokens/scss/state.scss

@@ -1,86 +0,0 @@
-/**
- *------------------------------------------------------------------------------
- *
- *  Buttons, Links, And Other Modules Display CSS Properties Based On Module
- *  'State' ( :hover, :active, etc. )
- *
- *  Desired Result:
- *  - Default Colors Assigned To Element;
- *  - On 'highlight' Or ':hover' Display A Slightly Brighter Version Of
- *    The Default Color;
- *  - On 'pressed' Or ':active' Display Slightly Darker Version Of The
- *    Default Color;
- *
- *  End Product Gives Off The Illusion Of A Static -> Hovering -> Pressed
- *  Button Without Dealing With Transforms To Shift Elements.
- *
- *  Mixin Also Handles Removing Duplicate List Keys
- *
- */
-
-@use '../../lib';
-
-$state: (
-    active: '&.--active',
-    inactive: '&:not(.--active)',
-
-    disabled: '&.--disabled',
-    enabled: '&:not(.--disabled)',
-
-    default: '&:not(.--active):not(:hover)',
-    hover: '&:not(.--active):hover',
-    pressed: '&:not(.--active):active'
-);
-
-
-@function state($key, $replace: null) {
-    $selector: lib.map-get($state, $key);
-
-    // To Avoid Overcomplicating The Responsibility Of This Function Limit
-    // Replace Parameter To String Values Only
-    @if $replace {
-        @if type-of($replace) != 'string' or type-of($selector) != 'string' {
-            @error "'lib.string-replace' Cannot Be Used On A List!";
-        }
-
-        $selector: lib.string-replace('&', $replace, $selector);
-    }
-
-    @return $selector;
-}
-
-
-@mixin state($states) {
-    $selector: ();
-
-    @each $s in lib.list-to-list($states) {
-        $section: state($s);
-
-        @if $section {
-            $selector: lib.list-append($selector, $section);
-        }
-    }
-
-    #{lib.list-implode(',', lib.list-unique($selector))} {
-        @content;
-    }
-}
-
-@mixin state-utility($class, $property, $values) {
-    $keys: $values;
-
-    @if type-of($keys) == 'map' {
-        $keys: lib.map-keys($keys);
-    }
-
-    #{$class} {
-        @each $key in $keys {
-            &-#{$key} {
-                --#{$property}-active: var(--color-#{$key}-300);
-                --#{$property}-default: var(--color-#{$key}-400);
-                --#{$property}-hover: var(--color-#{$key}-300);
-                --#{$property}-pressed: var(--color-#{$key}-500);
-            }
-        }
-    }
-}

package/src/tokens/scss/transition-duration.scss

@@ -1,5 +0,0 @@
-$transition-duration: (
-    300: 0.08s,
-    400: 0.16s,
-    500: 0.24s
-);

package/storage/fonts/montserrat/index.css

@@ -1,79 +0,0 @@
-@font-face {
-    font-display: swap;
-    font-family: 'Montserrat';
-    font-style: normal;
-    font-weight: 400;
-    src: local('Montserrat Regular'), local('Montserrat-Regular'),
-         url('Montserrat-Regular.woff2') format('woff2'),
-         url('Montserrat-Regular.woff') format('woff');
-}
-
-@font-face {
-    font-display: swap;
-    font-family: 'Montserrat';
-    font-style: italic;
-    font-weight: 400;
-    src: local('Montserrat Italic'), local('Montserrat-Italic'),
-         url('Montserrat-Italic.woff2') format('woff2'),
-         url('Montserrat-Italic.woff') format('woff');
-}
-
-@font-face {
-    font-display: swap;
-    font-family: 'Montserrat';
-    font-style: normal;
-    font-weight: 500;
-    src: local('Montserrat Medium'), local('Montserrat-Medium'),
-         url('Montserrat-Medium.woff2') format('woff2'),
-         url('Montserrat-Medium.woff') format('woff');
-}
-
-@font-face {
-    font-display: swap;
-    font-family: 'Montserrat';
-    font-style: italic;
-    font-weight: 500;
-    src: local('Montserrat MediumItalic'), local('Montserrat-MediumItalic'),
-         url('Montserrat-MediumItalic.woff2') format('woff2'),
-         url('Montserrat-MediumItalic.woff') format('woff');
-}
-
-@font-face {
-    font-display: swap;
-    font-family: 'Montserrat';
-    font-style: normal;
-    font-weight: 600;
-    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
-         url('Montserrat-SemiBold.woff2') format('woff2'),
-         url('Montserrat-SemiBold.woff') format('woff');
-}
-
-@font-face {
-    font-display: swap;
-    font-family: 'Montserrat';
-    font-style: italic;
-    font-weight: 600;
-    src: local('Montserrat SemiBoldItalic'), local('Montserrat-SemiBoldItalic'),
-         url('Montserrat-SemiBoldItalic.woff2') format('woff2'),
-         url('Montserrat-SemiBoldItalic.woff') format('woff');
-}
-
-@font-face {
-    font-display: swap;
-    font-family: 'Montserrat';
-    font-style: normal;
-    font-weight: 700;
-    src: local('Montserrat Bold'), local('Montserrat Bold'),
-         url('Montserrat-Bold.woff2') format('woff2'),
-         url('Montserrat-Bold.woff') format('woff');
-}
-
-@font-face {
-    font-display: swap;
-    font-family: 'Montserrat';
-    font-style: italic;
-    font-weight: 700;
-    src: local('Montserrat BoldItalic'), local('Montserrat-BoldItalic'),
-         url('Montserrat-BoldItalic.woff2') format('woff2'),
-         url('Montserrat-BoldItalic.woff') format('woff');
-}

package/tokens.scss

@@ -1,3 +0,0 @@
-// Necessary to expose lib for 3rd party use
-// - Dart sass doesn't support changing root directory for the package to 'src'
-@forward './src/tokens';

package/tsconfig.json

@@ -1,11 +0,0 @@
-{
-    "compilerOptions": {
-        "baseUrl": ".",
-        "declaration": true,
-        "declarationDir": "build",
-        "outDir": "build"
-    },
-    "exclude": ["node_modules"],
-    "extends": "./node_modules/@esportsplus/typescript/tsconfig.base.json",
-    "include": ["src"]
-}

package/webpack.config.ts

@@ -1,33 +0,0 @@
-import { config, entry } from '@esportsplus/webpack';
-
-
-export default (env: { production?: boolean | string }) => {
-    let production = env.production !== 'false';
-
-    return config.web({
-        cache: false,
-        contenthash: false,
-        entry: {
-            css: {
-                components: {
-                    styles: entry.css('src/components/**/index.scss'),
-                    variables: entry.css('src/components/**/variables.scss')
-                },
-                fonts: {
-                    montserrat: entry.css('storage/fonts/montserrat/index.css')
-                },
-                normalizer: entry.css('modern-normalize/modern-normalize.css'),
-                utilities: {
-                    styles: entry.css('src/css-utilities/**/index.scss'),
-                    variables: entry.css('src/css-utilities/**/variables.scss')
-                }
-            }
-        },
-        mode: production ? 'production': 'development',
-        // Temporary output until css root directory can be set through
-        // package.json or similar ( like 'main' key )
-        output: {
-            path: '.'
-        }
-    });
-};