@teammodlr/ui-kit 1.0.2 → 1.0.4

package/src/css/components.css

@@ -1,14 +0,0 @@
-@import '../components/button/Button.css';
-@import '../components/input/Input.css';
-@import '../components/select/Select.css';
-@import '../components/checkbox/Checkbox.css';
-@import '../components/breadcrumb/Breadcrumb.css';
-@import '../components/avatar/Avatar.css';
-@import '../components/avatargroup/AvatarGroup.css';
-@import '../components/messageprovider/MessageProvider.css';
-@import '../components/skeleton/Skeleton.css';
-@import '../components/link/Link.css';
-@import '../components/tooltip/Tooltip.css';
-@import '../components/tab/Tab.css';
-@import '../components/table/Table.css';
-@import '../components/dropdown/Dropdown.css';

package/src/css/index.css

@@ -1,4 +0,0 @@
-@import "normalize.css";
-@import "variables.css";
-@import "transitions.css";
-@import "components.css";

package/src/css/normalize.css

@@ -1,379 +0,0 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-
-/* Document
-   ========================================================================== */
-
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-
-html {
-    line-height: 1.15;
-    /* 1 */
-    -webkit-text-size-adjust: 100%;
-    /* 2 */
-}
-
-/* Sections
-     ========================================================================== */
-
-/**
-   * Remove the margin in all browsers.
-   */
-
-body {
-    margin: 0;
-}
-
-/**
-   * Render the `main` element consistently in IE.
-   */
-
-main {
-    display: block;
-}
-
-/**
-   * Correct the font size and margin on `h1` elements within `section` and
-   * `article` contexts in Chrome, Firefox, and Safari.
-   */
-
-h1 {
-    font-size: 2em;
-    margin: 0.67em 0;
-}
-
-/* Grouping content
-     ========================================================================== */
-
-/**
-   * 1. Add the correct box sizing in Firefox.
-   * 2. Show the overflow in Edge and IE.
-   */
-
-hr {
-    box-sizing: content-box;
-    /* 1 */
-    height: 0;
-    /* 1 */
-    overflow: visible;
-    /* 2 */
-}
-
-/**
-   * 1. Correct the inheritance and scaling of font size in all browsers.
-   * 2. Correct the odd `em` font sizing in all browsers.
-   */
-
-pre {
-    font-family: monospace, monospace;
-    /* 1 */
-    font-size: 1em;
-    /* 2 */
-}
-
-/* Text-level semantics
-     ========================================================================== */
-
-/**
-   * Remove the gray background on active links in IE 10.
-   */
-
-a {
-    background-color: transparent;
-}
-
-/**
-   * 1. Remove the bottom border in Chrome 57-
-   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
-   */
-
-abbr[title] {
-    border-bottom: none;
-    /* 1 */
-    text-decoration: underline;
-    /* 2 */
-    text-decoration: underline dotted;
-    /* 2 */
-}
-
-/**
-   * Add the correct font weight in Chrome, Edge, and Safari.
-   */
-
-b,
-strong {
-    font-weight: bolder;
-}
-
-/**
-   * 1. Correct the inheritance and scaling of font size in all browsers.
-   * 2. Correct the odd `em` font sizing in all browsers.
-   */
-
-code,
-kbd,
-samp {
-    font-family: monospace, monospace;
-    /* 1 */
-    font-size: 1em;
-    /* 2 */
-}
-
-/**
-   * Add the correct font size in all browsers.
-   */
-
-small {
-    font-size: 80%;
-}
-
-/**
-   * Prevent `sub` and `sup` elements from affecting the line height in
-   * all browsers.
-   */
-
-sub,
-sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-}
-
-sub {
-    bottom: -0.25em;
-}
-
-sup {
-    top: -0.5em;
-}
-
-/* Embedded content
-     ========================================================================== */
-
-/**
-   * Remove the border on images inside links in IE 10.
-   */
-
-img {
-    border-style: none;
-}
-
-/* Forms
-     ========================================================================== */
-
-/**
-   * 1. Change the font styles in all browsers.
-   * 2. Remove the margin in Firefox and Safari.
-   */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-    font-family: inherit;
-    /* 1 */
-    font-size: 100%;
-    /* 1 */
-    line-height: 1.15;
-    /* 1 */
-    margin: 0;
-    /* 2 */
-}
-
-/**
-   * Show the overflow in IE.
-   * 1. Show the overflow in Edge.
-   */
-
-button,
-input {
-    /* 1 */
-    overflow: visible;
-}
-
-/**
-   * Remove the inheritance of text transform in Edge, Firefox, and IE.
-   * 1. Remove the inheritance of text transform in Firefox.
-   */
-
-button,
-select {
-    /* 1 */
-    text-transform: none;
-}
-
-/**
-   * Correct the inability to style clickable types in iOS and Safari.
-   */
-
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-    -webkit-appearance: button;
-}
-
-/**
-   * Remove the inner border and padding in Firefox.
-   */
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-    border-style: none;
-    padding: 0;
-}
-
-/**
-   * Restore the focus styles unset by the previous rule.
-   */
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-    outline: 1px dotted ButtonText;
-}
-
-/**
-   * Correct the padding in Firefox.
-   */
-
-fieldset {
-    padding: 0.35em 0.75em 0.625em;
-}
-
-/**
-   * 1. Correct the text wrapping in Edge and IE.
-   * 2. Correct the color inheritance from `fieldset` elements in IE.
-   * 3. Remove the padding so developers are not caught out when they zero out
-   *    `fieldset` elements in all browsers.
-   */
-
-legend {
-    box-sizing: border-box;
-    /* 1 */
-    color: inherit;
-    /* 2 */
-    display: table;
-    /* 1 */
-    max-width: 100%;
-    /* 1 */
-    padding: 0;
-    /* 3 */
-    white-space: normal;
-    /* 1 */
-}
-
-/**
-   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
-   */
-
-progress {
-    vertical-align: baseline;
-}
-
-/**
-   * Remove the default vertical scrollbar in IE 10+.
-   */
-
-textarea {
-    overflow: auto;
-}
-
-/**
-   * 1. Add the correct box sizing in IE 10.
-   * 2. Remove the padding in IE 10.
-   */
-
-[type="checkbox"],
-[type="radio"] {
-    box-sizing: border-box;
-    /* 1 */
-    padding: 0;
-    /* 2 */
-}
-
-/**
-   * Correct the cursor style of increment and decrement buttons in Chrome.
-   */
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-    height: auto;
-}
-
-/**
-   * 1. Correct the odd appearance in Chrome and Safari.
-   * 2. Correct the outline style in Safari.
-   */
-
-[type="search"] {
-    -webkit-appearance: textfield;
-    /* 1 */
-    outline-offset: -2px;
-    /* 2 */
-}
-
-/**
-   * Remove the inner padding in Chrome and Safari on macOS.
-   */
-
-[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
-}
-
-/**
-   * 1. Correct the inability to style clickable types in iOS and Safari.
-   * 2. Change font properties to `inherit` in Safari.
-   */
-
-::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    /* 1 */
-    font: inherit;
-    /* 2 */
-}
-
-/* Interactive
-     ========================================================================== */
-
-/*
-   * Add the correct display in Edge, IE 10+, and Firefox.
-   */
-
-details {
-    display: block;
-}
-
-/*
-   * Add the correct display in all browsers.
-   */
-
-summary {
-    display: list-item;
-}
-
-/* Misc
-     ========================================================================== */
-
-/**
-   * Add the correct display in IE 10+.
-   */
-
-template {
-    display: none;
-}
-
-/**
-   * Add the correct display in IE 10.
-   */
-
-[hidden] {
-    display: none;
-}

package/src/css/transitions.css

@@ -1,40 +0,0 @@
-.m-transition__fade-enter-active,
-.m-transition__fade-leave-active {
-    transition: opacity 0.25s ease;
-}
-
-.m-transition__fade-enter-from,
-.m-transition__fade-leave-to {
-    opacity: 0;
-}
-
-.m-transition__scale-enter-active {
-    animation: scale-in 0.125s;
-}
-
-.m-transition__scale-leave-active {
-    animation: scale-in 0.125s reverse;
-}
-
-@keyframes scale-in {
-    0% {
-        transform: scale(0);
-        opacity: 0;
-    }
-
-    25% {
-        opacity: 0;
-    }
-
-    50% {
-        opacity: .5;
-    }
-
-    75% {
-        transform: scale(1);
-    }
-
-    100% {
-        opacity: 1;
-    }
-}

package/src/css/variables.css

@@ -1,80 +0,0 @@
-:root {
-    --font-size: 14px;
-    --font-color: #333;
-    --font-family: 'Inter', sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-
-    --white: #FFF;
-    --black: #000;
-
-    --blue: hsl(212, 92%, 53%);
-    --blue-outline: hsla(212, 92%, 53%, .4);
-    --blue-hover: hsl(212, 97%, 58%);
-    --blue-focus: hsl(212, 97%, 45%);
-    --blue-light: hsl(212, 92%, 51%);
-    --blue-lighter: hsl(212, 92%, 58%);
-    --blue-dark: hsl(212, 92%, 37%);
-    --blue-darker: hsl(212, 92%, 27%);
-    --blue-secondary: hsl(212, 89%, 93%);
-    --blue-secondary-hover: hsl(212, 97%, 90%);
-    --blue-secondary-focus: hsl(212, 97%, 88%);
-
-    --green: hsl(148, 74%, 36%);
-    --green-outline: hsla(148, 74%, 36%, .4);
-    --green-hover: hsl(148, 52%, 45%);
-    --green-focus: hsl(148, 52%, 37%);
-    --green-light: hsl(148, 92%, 51%);
-    --green-lighter: hsl(148, 92%, 58%);
-    --green-dark: hsl(148, 92%, 29%);
-    --green-darker: hsl(148, 92%, 25%);
-    --green-secondary: hsl(148, 42%, 90%);
-    --green-secondary-hover: hsl(148, 42%, 86%);
-    --green-secondary-focus: hsl(148, 42%, 82%);
-
-    --red: hsl(348, 63%, 50%);
-    --red-outline: hsla(348, 63%, 50%, 4);
-    --red-hover: hsl(348, 68%, 56%);
-    --red-focus: hsl(348, 68%, 46%);
-    --red-light: hsl(348, 64%, 50%);
-    --red-lighter: hsl(348, 63%, 58%);
-    --red-dark: hsl(348, 63%, 46%);
-    --red-darker: hsl(348, 63%, 40%);
-    --red-secondary: hsl(348, 61%, 92%);
-    --red-secondary-hover: hsl(348, 61%, 89%);
-    --red-secondary-focus: hsl(348, 61%, 85%);
-
-    --yellow: hsl(37, 87%, 53%);
-    --yellow-outline: hsla(37, 87%, 53%, .4);
-    --yellow-hover: hsl(37, 87%, 59%);
-    --yellow-focus: hsl(37, 87%, 48%);
-    --yellow-light: hsl(37, 64%, 52%);
-    --yellow-lighter: hsl(37, 63%, 60%);
-    --yellow-dark: hsl(37, 63%, 48%);
-    --yellow-darker: hsl(37, 63%, 42%);
-    --yellow-secondary: hsl(37, 61%, 92%);
-    --yellow-secondary-hover: hsl(37, 61%, 87%);
-    --yellow-secondary-focus: hsl(37, 61%, 85%);
-
-    --gray-50: #fafaf9;
-    --gray-100: #f5f5f4;
-    --gray-150: #eeeeee;
-    --gray-200: #e7e5e4;
-    --gray-300: #d6d3d1;
-    --gray-400: #bdbab8;
-    --gray-500: #78716c;
-    --gray-600: #57534e;
-    --gray-700: #44403c;
-    --gray-800: #292524;
-    --gray-900: #1c1917;
-
-    --shadow: 0px 4px 10px 1px rgb(154 161 171 / 20%);
-}
-
-html,
-body {
-    height: 100%;
-    font-family: var(--font-family);
-}
-
-* {
-    box-sizing: border-box;
-}

package/src/exports/nuxt.js

@@ -1,33 +0,0 @@
-import { defineNuxtModule, addPlugin, createResolver } from '@nuxt/kit'
-import { fileURLToPath } from 'node:url'
-
-export default defineNuxtModule({
-    meta: {
-        name: '@teammodlr/ui-kit',
-        configKey: 'modlr',
-        compatibility: {
-            nuxt: '^3.0.0-rc.1',
-        },
-    },
-    defaults: {
-        prefix: 'M',
-    },
-    async setup(options, nuxt) {
-        // Create resolver to resolve relative paths
-        const { resolve } = createResolver(import.meta.url)
-
-        nuxt.options.runtimeConfig.public.modlrUiOptions = options
-
-        // plugin install
-        addPlugin(resolve('./nuxt.plugin.js'))
-
-        // nuxt install
-        nuxt.hook('components:dirs', (dirs) => {
-            dirs.push({
-                path: fileURLToPath(new URL('../src/components', import.meta.url)),
-                extensions: ['vue', 'tsx'],
-                prefix: options?.prefix ? options?.prefix : 'M',
-            })
-        })
-    },
-})

package/src/exports/nuxt.plugin.js

@@ -1,8 +0,0 @@
-import { defineNuxtPlugin } from '#app'
-import create from '../src/create'
-
-export default defineNuxtPlugin((nuxtApp) => {
-    const UI = create(nuxtApp.$config.modlrUiOptions)
-
-    nuxtApp.vueApp.use(UI)
-})

package/src/index.ts

@@ -1,5 +0,0 @@
-import './css/index.css';
-export * from './components';
-export { default as createUI } from './create';
-export { default } from './install';
-

package/src/install.ts

@@ -1,8 +0,0 @@
-import * as components from './components'
-import create from './create'
-
-export default create({
-    components: Object.keys(components).map(
-        (key) => components[key as keyof object],
-    ),
-})

package/src/shims-vue.d.ts

@@ -1,6 +0,0 @@
-// shims-vue.d.ts
-declare module '*.vue' {
-    import type { DefineComponent } from 'vue'
-    const component: DefineComponent<{}, {}, any>
-    export default component
-}

package/src/types/props.ts

@@ -1,3 +0,0 @@
-export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-
-export type Color = 'white' | 'black' | 'blue' | 'green' | 'red' | 'yellow' | 'gray';