slim-select 2.2.0 → 2.2.1

package/src/docs/assets/scss/layout.scss

@@ -1,250 +0,0 @@
-@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700');
-
-html {
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  background-color: var(--color-primary);
-}
-
-body {
-  font-family: 'Montserrat', sans-serif, Helvetica;
-  font-size: var(--font-size);
-  color: var(--color-font);
-  width: 100%;
-  padding: 0;
-  margin: 0;
-
-  #app {
-    display: grid;
-    grid-template-columns: var(--width-nav) 1fr;
-    grid-template-rows: calc(var(--height-header) + var(--spacing-half)) 1fr;
-    grid-template-areas:
-      'header header'
-      'nav    main';
-    width: 100%;
-    max-width: var(--width-max);
-    height: 100%;
-    padding: 0;
-    margin: 0 auto;
-    overflow-x: hidden;
-    box-sizing: border-box;
-
-    @media (max-width: 700px) {
-      grid-template-columns: 1fr;
-      grid-template-rows: calc(var(--height-header) - var(--height-nav) + var(--spacing-half)) var(--height-nav) 1fr;
-      grid-template-areas:
-        'header'
-        'nav'
-        'main';
-    }
-
-    > * {
-      box-sizing: border-box;
-    }
-
-    header {
-      position: fixed;
-      top: 0;
-      grid-area: header;
-      display: flex;
-      flex-direction: column;
-      justify-content: flex-end;
-      color: var(--color-white);
-      height: var(--height-header);
-      width: 100%;
-      max-width: var(--width-max);
-      margin: 0;
-      padding: var(--spacing-half) 0 0 0;
-      z-index: 100000;
-      background-color: var(--color-primary);
-
-      @media (max-width: 700px) {
-        height: calc(var(--height-header) - var(--height-nav));
-      }
-
-      .top {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        padding: 0 0 var(--spacing-half) 0;
-
-        .text {
-          flex: 1 1 auto;
-          color: var(--color-font);
-
-          .logo {
-            line-height: 1;
-            font-size: 40px;
-            font-weight: 300;
-            padding: 0;
-            margin: 0;
-          }
-        }
-
-        .socials {
-          flex: 0 1 auto;
-          display: flex;
-          justify-content: flex-end;
-          gap: var(--spacing-half);
-          color: var(--color-font);
-          margin: 0 auto;
-          padding: var(--spacing-half) 0 0 0;
-
-          a,
-          img {
-            height: 30px;
-          }
-        }
-      }
-
-      .bar {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        height: var(--height-nav);
-        border: solid 1.5px var(--color-white);
-
-        @media (max-width: 700px) {
-          display: none;
-        }
-
-        .tagline {
-          flex: 1 1 auto;
-          display: inline-flex;
-          justify-content: flex-start;
-          align-items: center;
-          line-height: 1;
-          font-size: 16px;
-          padding: var(--spacing-quarter) var(--spacing-quarter) var(--spacing-quarter) var(--spacing-half);
-          margin: 0 auto;
-        }
-
-        .drop {
-          display: flex;
-          flex: 0 1 auto;
-          border-left: solid 1.5px var(--color-white);
-          margin: auto var(--spacing-quarter) auto var(--spacing-quarter);
-          padding: 0 var(--spacing-quarter) 0 var(--spacing-half);
-
-          svg {
-            display: flex;
-            align-items: center;
-            justify-content: flex-end;
-            flex: 0 1 auto;
-            height: 12px;
-            width: 12px;
-            margin: 0 auto;
-
-            path {
-              fill: none;
-              stroke: var(--color-white);
-              stroke-width: 18;
-              stroke-linecap: round;
-              stroke-linejoin: round;
-            }
-          }
-        }
-      }
-    }
-
-    nav {
-      position: fixed;
-      grid-area: nav;
-      display: flex;
-      flex-direction: column;
-      top: calc(var(--height-header) + var(--spacing-half));
-      width: var(--width-nav);
-      max-width: var(--width-max);
-      height: calc(100vh - var(--height-header) - var(--spacing));
-      overflow: hidden;
-      z-index: 100000;
-
-      @media (max-width: 700px) {
-        top: calc(var(--height-header) - var(--height-nav));
-        height: auto;
-        width: 100%;
-      }
-
-      .ss-main {
-        flex: 0 1 auto;
-        height: var(--height-nav);
-        font-weight: bold;
-      }
-
-      .nav-content {
-        flex: 1 1 auto;
-        overflow: hidden;
-
-        @media (max-width: 700px) {
-          display: none;
-        }
-
-        .ss-content {
-          max-height: calc(100vh - var(--height-header) - var(--height-nav) - var(--spacing));
-
-          .label {
-            font-weight: bold;
-          }
-        }
-      }
-    }
-
-    main {
-      grid-area: main;
-      display: flex;
-      flex-direction: column;
-      gap: var(--spacing-half);
-      padding: 0 0 0 var(--spacing);
-      overflow: auto;
-
-      @media (max-width: 700px) {
-        padding: 0;
-      }
-
-      .contents {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing);
-      }
-
-      .content {
-        flex: 1 1 auto;
-        padding: var(--spacing);
-        background-color: var(--color-white);
-        border-radius: var(--border-radius);
-
-        @media screen and (max-width: 700px) {
-          box-shadow: none;
-        }
-
-        .row {
-          display: flex;
-          flex-direction: row;
-          gap: var(--spacing-half);
-
-          > * {
-            flex: 1 1 auto;
-          }
-
-          .btn {
-            flex: 0 1 auto;
-          }
-        }
-      }
-
-      footer {
-        grid-area: footer;
-        color: var(--color-white);
-        padding: var(--spacing-quarter) 0 var(--spacing-quarter) 0;
-        line-height: 1.2;
-        font-size: calc(var(--font-size) - 2px);
-        text-align: center;
-
-        a {
-          color: var(--color-font);
-        }
-      }
-    }
-  }
-}

package/src/docs/assets/scss/misc.scss

@@ -1,162 +0,0 @@
-h1 {
-  font-size: 40px;
-  margin: 0 0 var(--spacing-half) 0;
-  padding: 0 0 var(--spacing-quarter) 0;
-}
-h2 {
-  font-size: 32px;
-  margin: 0 0 var(--spacing-half) 0;
-  padding: 0 0 var(--spacing-quarter) 0;
-
-  .header {
-    border-bottom: solid 1px var(--color-border);
-  }
-}
-h3 {
-  font-size: 24px;
-  margin: 0 0 var(--spacing-half) 0;
-  padding: 0 0 var(--spacing-quarter) 0;
-}
-h4 {
-  font-size: 20px;
-  margin: 0 0 var(--spacing-half) 0;
-  padding: 0 0 var(--spacing-quarter) 0;
-}
-h5 {
-  font-size: 16px;
-  margin: 0 0 var(--spacing-half) 0;
-  padding: 0 0 var(--spacing-quarter) 0;
-}
-
-a {
-  color: var(--primary-color);
-
-  &:hover {
-    color: var(--color-secondary);
-  }
-}
-
-p {
-  margin: 0 0 var(--spacing-half) 0;
-}
-
-.separator {
-  height: 1px;
-  width: 100%;
-  margin: var(--spacing-half) 0 var(--spacing-half) 0;
-  background-color: var(--color-border);
-}
-
-.bold {
-  font-weight: bold;
-}
-
-/////////////
-// Padding //
-/////////////
-
-// Small
-.pad-s {
-  padding: var(--spacing-quarter);
-}
-.pad-t-s {
-  padding-top: var(--spacing-quarter);
-}
-.pad-r-s {
-  padding-right: var(--spacing-quarter);
-}
-.pad-b-s {
-  padding-bottom: var(--spacing-quarter);
-}
-.pad-l-s {
-  padding-left: var(--spacing-quarter);
-}
-
-// Medium
-.pad-m {
-  padding: var(--spacing-half);
-}
-.pad-t-m {
-  padding-top: var(--spacing-half);
-}
-.pad-r-m {
-  padding-right: var(--spacing-half);
-}
-.pad-b-m {
-  padding-bottom: var(--spacing-half);
-}
-.pad-l-m {
-  padding-left: var(--spacing-half);
-}
-
-// Large
-.pad-l {
-  padding: var(--spacing);
-}
-.pad-t-l {
-  padding-top: var(--spacing);
-}
-.pad-r-l {
-  padding-right: var(--spacing);
-}
-.pad-b-l {
-  padding-bottom: var(--spacing);
-}
-.pad-l-l {
-  padding-left: var(--spacing);
-}
-
-////////////
-// Margin //
-////////////
-
-// Small
-.mar-s {
-  margin: var(--spacing-quarter);
-}
-.mar-t-s {
-  margin-top: var(--spacing-quarter);
-}
-.mar-r-s {
-  margin-right: var(--spacing-quarter);
-}
-.mar-b-s {
-  margin-bottom: var(--spacing-quarter);
-}
-.mar-l-s {
-  margin-left: var(--spacing-quarter);
-}
-
-// Medium
-.mar-m {
-  margin: var(--spacing-half);
-}
-.mar-t-m {
-  margin-top: var(--spacing-half);
-}
-.mar-r-m {
-  margin-right: var(--spacing-half);
-}
-.mar-b-m {
-  margin-bottom: var(--spacing-half);
-}
-.mar-l-m {
-  margin-left: var(--spacing-half);
-}
-
-// Large
-.mar-l {
-  margin: var(--spacing);
-}
-.mar-t-l {
-  margin-top: var(--spacing);
-}
-.mar-r-l {
-  margin-right: var(--spacing);
-}
-.mar-b-l {
-  margin-bottom: var(--spacing);
-}
-.mar-l-l {
-  margin-left: var(--spacing);
-}

package/src/docs/assets/scss/prism.scss

@@ -1,157 +0,0 @@
-code[class*='language-'],
-pre[class*='language-'] {
-  color: #a9b7c6;
-  font-family: Consolas, Monaco, 'Andale Mono', monospace;
-  direction: ltr;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  line-height: 1.5;
-  border-radius: 4px;
-
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
-}
-
-pre[class*='language-']::-moz-selection,
-pre[class*='language-'] ::-moz-selection,
-code[class*='language-']::-moz-selection,
-code[class*='language-'] ::-moz-selection {
-  color: inherit;
-  background: rgba(33, 66, 131, 0.85);
-}
-
-pre[class*='language-']::selection,
-pre[class*='language-'] ::selection,
-code[class*='language-']::selection,
-code[class*='language-'] ::selection {
-  color: inherit;
-  background: rgba(33, 66, 131, 0.85);
-}
-
-/* Code blocks */
-pre[class*='language-'] {
-  padding: 1em;
-  margin: 0.5em 0;
-  overflow: auto;
-}
-
-:not(pre) > code[class*='language-'],
-pre[class*='language-'] {
-  background: #2b2b2b;
-}
-
-/* Inline code */
-:not(pre) > code[class*='language-'] {
-  padding: 0.1em;
-  border-radius: 2px;
-}
-
-.token.comment,
-.token.prolog,
-.token.cdata {
-  color: #808080;
-}
-
-.token.delimiter,
-.token.boolean,
-.token.keyword,
-.token.selector,
-.token.important,
-.token.atrule {
-  color: #cc7832;
-}
-
-.token.operator,
-.token.punctuation,
-.token.attr-name {
-  color: #a9b7c6;
-}
-
-.token.tag,
-.token.tag .punctuation,
-.token.doctype,
-.token.builtin {
-  color: #e8bf6a;
-}
-
-.token.entity,
-.token.number,
-.token.symbol {
-  color: #6897bb;
-}
-
-.token.property,
-.token.constant,
-.token.variable {
-  color: #9876aa;
-}
-
-.token.string,
-.token.char {
-  color: #6a8759;
-}
-
-.token.attr-value,
-.token.attr-value .punctuation {
-  color: #a5c261;
-}
-.token.attr-value .punctuation:first-child {
-  color: #a9b7c6;
-}
-
-.token.url {
-  color: #287bde;
-  text-decoration: underline;
-}
-
-.token.function {
-  color: #ffc66d;
-}
-
-.token.regex {
-  background: #364135;
-}
-
-.token.bold {
-  font-weight: bold;
-}
-
-.token.italic {
-  font-style: italic;
-}
-
-.token.inserted {
-  background: #294436;
-}
-
-.token.deleted {
-  background: #484a4a;
-}
-
-/*code.language-css .token.punctuation {
-     color: #cc7832;
- }*/
-
-code.language-css .token.property,
-code.language-css .token.property + .token.punctuation {
-  color: #a9b7c6;
-}
-
-code.language-css .token.id {
-  color: #ffc66d;
-}
-
-code.language-css .token.selector > .token.class,
-code.language-css .token.selector > .token.attribute,
-code.language-css .token.selector > .token.pseudo-class,
-code.language-css .token.selector > .token.pseudo-element {
-  color: #ffc66d;
-}

package/src/docs/env.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import { DefineComponent } from 'vue'
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}
-
-declare module '@slim-select/vue'
-declare module 'chance'
-declare module 'prismjs'
-declare module 'prismjs/*'

package/src/docs/main.ts

@@ -1,27 +0,0 @@
-import '../../node_modules/prismjs/themes/prism-okaidia.css'
-import './assets/scss/index.scss'
-import '../slim-select/slimselect.scss'
-
-import { createApp } from 'vue'
-import router from './router'
-
-import App from './app.vue'
-import Prism from 'prismjs'
-import Normalizer from 'prismjs/plugins/normalize-whitespace/prism-normalize-whitespace'
-import 'prismjs/plugins/toolbar/prism-toolbar'
-
-new Normalizer({
-  'remove-trailing': true,
-  'remove-indent': true,
-  'left-trim': true,
-  'right-trim': true,
-})
-
-const app = createApp(App)
-app.use(router)
-app.mixin({
-  updated() {
-    Prism.highlightAll()
-  },
-})
-app.mount('#app')